type Props = {
  params: Promise<{ id: string }>
  searchParams: Promise<{ [key: string]: string | string[] | undefined }>
}

// SNSシェアリンク用のOGP生成処理
// https://www.project-ride.com/content_id=1 でアクセスされたときに実行される
// eslint-disable-next-line @typescript-eslint/no-unused-vars
export async function generateMetadata({ params, searchParams }: Props, parent: ResolvingMetadata): Promise<Metadata> {
  
  const resolvedSearchParams = await searchParams
  const contentId = resolvedSearchParams.content_id
  const wwwBaseUrl = process.env.NEXT_PUBLIC_WWW_BASE_URL ?? ""
  const defaultImageUrl = `${process.env.NEXT_PUBLIC_IMAGE_BASE_URL ?? ""}${process.env.NEXT_PUBLIC_NO_IMAGE ?? ""}`  

  // もし content_id が URL にあれば...
  if (typeof contentId === 'string') {
    const content = await getContent(contentId);

    if (content) {
      const imageUrl = content.image_url
        ? (process.env.NEXT_PUBLIC_IMAGE_BASE_URL ?? "") + content.image_url
        : defaultImageUrl;

      const title = content.message.replace(/<br\s*\/?>/gi, '').substring(0, 30) + '...';
      const description = content.message;

      return {
        title: title, // タイトル用にメッセージを短縮
        description: description,
        openGraph: {
          title: title,
          description: description,
          url: `${wwwBaseUrl}?content_id=${contentId}`,
          images: [{ url: imageUrl }],
        },
        twitter: {
          card: 'summary_large_image',
          title: title,
          description: description,
          images: [imageUrl],
        }
      }
    }
  }

  // 有効なコンテンツが見つからない場合、デフォルト内容を返却
  return {
    title: 'RIDE-Mono',
    description: 'バイク乗りのためのおすすめスポット共有サイト',
    openGraph: {
      title: 'RIDE-Mono',
      description: 'バイク乗りのためのおすすめスポット共有サイト',
      url: wwwBaseUrl,
      images: [{ url: "" }], // デフォルト画像
    }
  }
}

export default function Home() {
  return (<TopPage />);
}

    // Axiosインスタンスを作成
    const apiClient = axios.create({
      withCredentials: true, // クッキーを含める設定
    });

    // レスポンスインターセプターを設定
    apiClient.interceptors.response.use(
      (response) => {
        // 成功時の処理
        return response;
      },
      (error) => {
        if (error.response && error.response.status === 401) {
          // 401エラー時の独自の処理
          console.error('認証に失敗');
        }
        return Promise.reject(error);
      }
    );

    // APIを実行
    apiClient
      .post(registerURL, registerParam)
      .then((response) => {
        console.log('認証に成功');
      });

{
    "name": "MinimalProject",
    "version": "1.0.0",
    "manifest_version": 3,
    "description": "ダイアログを表示します",
    "permissions": [],
    "content_scripts": [{
      "matches": ["https://www.google.co.jp/*"],
      "js": [
        "content.js"
      ]
    }]
}

window.alert('google.co.jpを開きました');