[meta-tags] 앱라우터용 메타태그 및 QaPageScript, DiscussionForumPostingScript를 추가합니다.

packages/meta-tags/src/app-router/generate-apple-smart-banner-meta.ts

@@ -0,0 +1,20 @@
+import { Metadata } from 'next'
+
+import { DEFAULT_APP_ID } from '../constants'
+
+export function generateAppleSmartBannerMeta({
+  appId = DEFAULT_APP_ID,
+  appPath = '/',
+}: {
+  appId?: string
+  appPath?: string
+} = {}): Metadata {
+  const appUrlScheme = process.env.NEXT_PUBLIC_APP_URL_SCHEME || ''
+
+  return {
+    itunes: {
+      appId,
+      appArgument: `${appUrlScheme}://${appPath}`,
+    },
+  }
+}

packages/meta-tags/src/app-router/generate-common-meta.ts

@@ -0,0 +1,10 @@
+import { Metadata } from 'next'
+
+export function generateCommonMeta(): Metadata {
+  return {
+    icons: {
+      apple: 'https://triple.guide/icons/favicon-152x152.png',
+    },
+    manifest: '/manifest.json',
+  }
+}

packages/meta-tags/src/app-router/generate-essential-content-meta.ts

@@ -0,0 +1,20 @@
+import { Metadata } from 'next'
+
+export function generateEssentialContentMeta({
+  title,
+  description,
+  canonicalUrl,
+}: {
+  title?: string
+  description?: string
+  canonicalUrl?: string
+} = {}): Metadata {
+  return {
+    title: title || process.env.NEXT_PUBLIC_DEFAULT_PAGE_TITLE || '',
+    description:
+      description || process.env.NEXT_PUBLIC_DEFAULT_PAGE_DESCRIPTION || '',
+    alternates: {
+      canonical: canonicalUrl,
+    },
+  }
+}

packages/meta-tags/src/app-router/generate-facebook-app-link-meta.ts

@@ -0,0 +1,34 @@
+import { Metadata } from 'next'
+
+import { DEFAULT_APP_ID, DEFAULT_APP_PACKAGE_NAME } from '../constants'
+
+export function generateFacebookAppLinkMeta({
+  appName: appNameFromProps,
+  appId = DEFAULT_APP_ID,
+  appPath = '/',
+  appPackageName = DEFAULT_APP_PACKAGE_NAME,
+}: {
+  appName?: string
+  appId?: string
+  appPath?: string
+  appPackageName?: string
+} = {}): Metadata {
+  const appName = appNameFromProps ?? '트리플'
+  const appUrlScheme = process.env.NEXT_PUBLIC_APP_URL_SCHEME || ''
+  const url = `${appUrlScheme}://${appPath}`
+
+  return {
+    appLinks: {
+      ios: {
+        app_name: appName,
+        url,
+        app_store_id: appId,
+      },
+      android: {
+        app_name: appName,
+        url,
+        package: appPackageName,
+      },
+    },
+  }
+}

packages/meta-tags/src/app-router/generate-facebook-open-graph-meta.ts

@@ -0,0 +1,40 @@
+import { Metadata } from 'next'
+import { OpenGraphType } from 'next/dist/lib/metadata/types/opengraph-types'
+
+import { DEFAULT_OG_IMAGE } from '../constants'
+
+export function generateFacebookOpenGraphMeta({
+  title: titleFromProps,
+  description: descriptionFromProps,
+  canonicalUrl,
+  type = 'website',
+  locale = 'ko_KR',
+  image = DEFAULT_OG_IMAGE,
+}: {
+  title?: string
+  description?: string
+  canonicalUrl?: string
+  type?: OpenGraphType
+  locale?: string
+  image?: { url: string; width?: number; height?: number }
+} = {}): Metadata {
+  const title = titleFromProps || process.env.NEXT_PUBLIC_DEFAULT_PAGE_TITLE
+  const description =
+    descriptionFromProps || process.env.NEXT_PUBLIC_DEFAULT_PAGE_DESCRIPTION
+  const url =
+    canonicalUrl ||
+    (process.env.NEXT_PUBLIC_WEB_URL_BASE
+      ? `${process.env.NEXT_PUBLIC_WEB_URL_BASE}/auth-web`
+      : undefined)
+
+  return {
+    openGraph: {
+      title,
+      description,
+      url,
+      type,
+      locale,
+      images: image,
+    },
+  }
+}

packages/meta-tags/src/app-router/generate-triple-default-meta.ts

@@ -0,0 +1,17 @@
+import { Metadata } from 'next'
+
+import { generateCommonMeta } from './generate-common-meta'
+import { generateEssentialContentMeta } from './generate-essential-content-meta'
+import { generateFacebookOpenGraphMeta } from './generate-facebook-open-graph-meta'
+import { generateFacebookAppLinkMeta } from './generate-facebook-app-link-meta'
+import { generateAppleSmartBannerMeta } from './generate-apple-smart-banner-meta'
+
+export function generateTripleDefaultMeta(): Metadata {
+  return {
+    ...generateCommonMeta(),
+    ...generateEssentialContentMeta(),
+    ...generateFacebookOpenGraphMeta(),
+    ...generateFacebookAppLinkMeta(),
+    ...generateAppleSmartBannerMeta(),
+  }
+}

packages/meta-tags/src/app-router/index.ts

@@ -0,0 +1,6 @@
+export * from './generate-common-meta'
+export * from './generate-apple-smart-banner-meta'
+export * from './generate-essential-content-meta'
+export * from './generate-facebook-app-link-meta'
+export * from './generate-facebook-open-graph-meta'
+export * from './generate-triple-default-meta'

packages/meta-tags/src/index.ts

@@ -1,12 +1,4 @@
-export { ItemAvailability } from './types'
-export { EssentialContentMeta } from './essential-content-meta'
-export { CommonMeta } from './common-meta'
-export { AppleSmartBannerMeta } from './apple-smart-banner-meta'
-export { FacebookAppLinkMeta } from './facebook-app-link-meta'
-export { FacebookOpenGraphMeta } from './facebook-open-graph-meta'
-export { ThemeColorMeta } from './theme-color-meta'
-export { ArticleScript } from './article-script'
-export { BreadcrumbListScript } from './breadcrumb-list-script'
-export { ProductScript } from './product-script'
-export { LocalBusinessScript } from './local-business-script'
-export { ReviewScript } from './review-script'
+export * from './types'
+export * from './app-router'
+export * from './pages-router'
+export * from './structured-data'

packages/meta-tags/src/apple-smart-banner-meta.tsx → packages/meta-tags/src/pages-router/apple-smart-banner-meta.tsx

@@ -1,7 +1,7 @@
 import Head from 'next/head'
 import { useEnv } from '@titicaca/triple-web'
 
-import { DEFAULT_APP_ID } from './constants'
+import { DEFAULT_APP_ID } from '../constants'
 
 export function AppleSmartBannerMeta({
   appId = DEFAULT_APP_ID,

packages/meta-tags/src/facebook-app-link-meta.tsx → packages/meta-tags/src/pages-router/facebook-app-link-meta.tsx

@@ -1,7 +1,7 @@
 import Head from 'next/head'
 import { useEnv, useTranslation } from '@titicaca/triple-web'
 
-import { DEFAULT_APP_ID, DEFAULT_APP_PACKAGE_NAME } from './constants'
+import { DEFAULT_APP_ID, DEFAULT_APP_PACKAGE_NAME } from '../constants'
 
 export function FacebookAppLinkMeta({
   appName,

packages/meta-tags/src/facebook-open-graph-meta.tsx → packages/meta-tags/src/pages-router/facebook-open-graph-meta.tsx

@@ -1,7 +1,7 @@
 import Head from 'next/head'
 import { useEnv } from '@titicaca/triple-web'
 
-import { DEFAULT_OG_IMAGE } from './constants'
+import { DEFAULT_OG_IMAGE } from '../constants'
 
 export function FacebookOpenGraphMeta({
   title: titleFromProps,

packages/meta-tags/src/pages-router/index.ts

@@ -0,0 +1,6 @@
+export { EssentialContentMeta } from './essential-content-meta'
+export { CommonMeta } from './common-meta'
+export { AppleSmartBannerMeta } from './apple-smart-banner-meta'
+export { FacebookAppLinkMeta } from './facebook-app-link-meta'
+export { FacebookOpenGraphMeta } from './facebook-open-graph-meta'
+export { ThemeColorMeta } from './theme-color-meta'

packages/meta-tags/src/theme-color-meta.tsx → packages/meta-tags/src/pages-router/theme-color-meta.tsx

@@ -1,7 +1,7 @@
 import Head from 'next/head'
 
-import { ThemeColor } from './types'
-import { DEFAULT_THEME_COLOR } from './constants'
+import { ThemeColor } from '../types'
+import { DEFAULT_THEME_COLOR } from '../constants'
 
 export function ThemeColorMeta({
   content = DEFAULT_THEME_COLOR,

packages/meta-tags/src/structured-data/article-script.tsx

@@ -0,0 +1,18 @@
+import Script from 'next/script'
+
+import { createScript } from '../utils'
+import { ArticleScriptProps } from '../types'
+
+export function ArticleScript(props: ArticleScriptProps) {
+  const articleScript = createScript(props, 'Article')
+
+  return (
+    <Script
+      id="article-script"
+      type="application/ld+json"
+      dangerouslySetInnerHTML={{
+        __html: JSON.stringify(articleScript, null, '\t'),
+      }}
+    />
+  )
+}

packages/meta-tags/src/structured-data/breadcrumb-list-script.tsx

@@ -0,0 +1,18 @@
+import Script from 'next/script'
+
+import { createScript } from '../utils'
+import { BreadcrumbListScriptProps } from '../types'
+
+export function BreadcrumbListScript(props: BreadcrumbListScriptProps) {
+  const breadcrumbScript = createScript(props, 'BreadcrumbList')
+
+  return (
+    <Script
+      id="breadcrumb-list-script"
+      type="application/ld+json"
+      dangerouslySetInnerHTML={{
+        __html: JSON.stringify(breadcrumbScript, null, '\t'),
+      }}
+    />
+  )
+}

packages/meta-tags/src/structured-data/discussion-forum-posting-script.tsx

@@ -0,0 +1,20 @@
+import Script from 'next/script'
+
+import { createScript } from '../utils'
+import { DiscussionForumPostingScriptProps } from '../types'
+
+export function DiscussionForumPostingScript(
+  props: DiscussionForumPostingScriptProps,
+) {
+  const discussionForumPosting = createScript(props, 'DiscussionForumPosting')
+
+  return (
+    <Script
+      id="discussion-forum-posting-script"
+      type="application/ld+json"
+      dangerouslySetInnerHTML={{
+        __html: JSON.stringify(discussionForumPosting, null, '\t'),
+      }}
+    />
+  )
+}

packages/meta-tags/src/structured-data/index.ts

@@ -0,0 +1,7 @@
+export { ArticleScript } from './article-script'
+export { BreadcrumbListScript } from './breadcrumb-list-script'
+export { ProductScript } from './product-script'
+export { LocalBusinessScript } from './local-business-script'
+export { ReviewScript } from './review-script'
+export { QaPageScript } from './qa-page-script'
+export { DiscussionForumPostingScript } from './discussion-forum-posting-script'

packages/meta-tags/src/structured-data/local-business-script.tsx

@@ -0,0 +1,21 @@
+import Script from 'next/script'
+
+import { SCHEMA_SCRIPT_TYPE_MAP, createScript } from '../utils'
+import { LocalBusinessScriptProps } from '../types'
+
+export function LocalBusinessScript({
+  type,
+  ...props
+}: LocalBusinessScriptProps) {
+  const localBusinessScript = createScript(props, SCHEMA_SCRIPT_TYPE_MAP[type])
+
+  return (
+    <Script
+      id="local-business-script"
+      type="application/ld+json"
+      dangerouslySetInnerHTML={{
+        __html: JSON.stringify(localBusinessScript, null, '\t'),
+      }}
+    />
+  )
+}