update meta tags

softmarshmallow · softmarshmallow · commit 5610f158e0fc · 2022-11-04T23:01:09.000+09:00
diff --git a/editor/package.json b/editor/package.json
@@ -44,7 +44,7 @@
     "moment": "^2.29.1",
     "monaco-editor": "^0.33.0",
     "next": "^12.1.4",
-    "next-pwa": "^5.5.5",
+    "next-pwa": "^5.6.0",
     "pouchdb-adapter-idb": "^7.2.2",
     "re-resizable": "^6.9.1",
     "react": "^18.2.0",
diff --git a/editor/pages/_app.tsx b/editor/pages/_app.tsx
@@ -32,18 +32,6 @@ function HeadInjection() {
       <meta property="title" content="Design to Codes" />
       <meta property="description" content="Design to Codes description" />
 
-      {/* safari 15 color */}
-      <meta
-        name="theme-color"
-        content="white"
-        media="(prefers-color-scheme: light)"
-      />
-      <meta
-        name="theme-color"
-        content={colors.color_editor_bg_on_dark}
-        media="(prefers-color-scheme: dark)"
-      />
-
       {/* disable zoom */}
       <meta
         name="viewport"
diff --git a/editor/pages/_document.tsx b/editor/pages/_document.tsx
@@ -1,15 +1,46 @@
 import { Html, Head, Main, NextScript } from "next/document";
+import { colors } from "theme";
 
 export default function Document() {
   return (
     <Html>
       <Head>
         {/* PWA manifest */}
         <link rel="manifest" href="/manifest.json" />
+        <meta name="application-name" content="PWA App" />
+        <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta name="apple-mobile-web-app-status-bar-style" content="default" />
+        <meta name="apple-mobile-web-app-title" content="PWA App" />
+        <meta name="description" content="Best PWA App in the world" />
+        <meta name="format-detection" content="telephone=no" />
+        <meta name="mobile-web-app-capable" content="yes" />
+        <meta name="msapplication-config" content="/icons/browserconfig.xml" />
+        <meta name="msapplication-TileColor" content="#2B5797" />
+        <meta name="msapplication-tap-highlight" content="no" />
+
+        {/* region Font */}
+        <link rel="preconnect" href="https://fonts.googleapis.com" />
+        <link
+          rel="preconnect"
+          href="https://fonts.gstatic.com"
+          crossOrigin=""
+        />
+        {/* (en) Nanum Pen Script (+ ko), Roboto Mono, Inter */}
         <link
-          href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&"
+          href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Nanum+Pen+Script&family=Roboto+Mono:wght@400;500;600;700&display=swap"
           rel="stylesheet"
-          type="text/css"
+        />
+
+        {/* safari 15 color */}
+        <meta
+          name="theme-color"
+          content="white"
+          media="(prefers-color-scheme: light)"
+        />
+        <meta
+          name="theme-color"
+          content={colors.color_editor_bg_on_dark}
+          media="(prefers-color-scheme: dark)"
         />
       </Head>
       <body>
diff --git a/yarn.lock b/yarn.lock
@@ -15999,7 +15999,7 @@ next-compose-plugins@^2.2.1:
   resolved "https://registry.yarnpkg.com/next-compose-plugins/-/next-compose-plugins-2.2.1.tgz#020fc53f275a7e719d62521bef4300fbb6fde5ab"
   integrity sha512-OjJ+fV15FXO2uQXQagLD4C0abYErBjyjE0I0FHpOEIB8upw0hg1ldFP6cqHTJBH1cZqy96OeR3u1dJ+Ez2D4Bg==
 
-next-pwa@^5.5.5:
+next-pwa@^5.6.0:
   version "5.6.0"
   resolved "https://registry.yarnpkg.com/next-pwa/-/next-pwa-5.6.0.tgz#f7b1960c4fdd7be4253eb9b41b612ac773392bf4"
   integrity sha512-XV8g8C6B7UmViXU8askMEYhWwQ4qc/XqJGnexbLV68hzKaGHZDMtHsm2TNxFcbR7+ypVuth/wwpiIlMwpRJJ5A==
