feat: edge config

Signed-off-by: Innei <[email protected]>
Innei · Jul 8, 2023 · 60417b6 · 60417b6 · vercel · Jul 8, 2023
1 parent 52cd236
commit 60417b6
Show file tree

Hide file tree

Showing 7 changed files with 148 additions and 111 deletions.
diff --git a/package.json b/package.json
@@ -49,6 +49,7 @@
     "@tanstack/react-query-persist-client": "4.29.19",
     "@upstash/redis": "1.22.0",
     "@vercel/analytics": "1.0.1",
+    "@vercel/edge-config": "0.2.1",
     "axios": "1.4.0",
     "clsx": "1.2.1",
     "daisyui": "3.1.10",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -5,6 +5,7 @@ import { ToastContainer } from 'react-toastify'
 import type { AggregateRoot } from '@mx-space/api-client'
 
 import { ClerkProvider } from '@clerk/nextjs'
+import { get } from '@vercel/edge-config'
 
 import PKG from '~/../package.json'
 import { appConfig } from '~/app.config'
@@ -102,39 +103,14 @@ export default async function RootLayout(props: Props) {
 
   aggregationData = data
 
+  console.log('geet', await get('greeting'))
+
   return (
     // <ClerkProvider localization={ClerkZhCN}>
     <ClerkProvider>
       <html lang="zh-CN" className="noise" suppressHydrationWarning>
         <head>
-          <script
-            dangerouslySetInnerHTML={{
-              __html: `var version = "${version}";
-              ${function info() {
-                console.log(
-                  `%c Mix Space %c https://github.com/mx-space `,
-                  'color: #fff; margin: 1em 0; padding: 5px 0; background: #2980b9;',
-                  'margin: 1em 0; padding: 5px 0; background: #efefef;',
-                )
-                console.log(
-                  `%c Shiro ${version} %c https://innei.ren `,
-                  'color: #fff; margin: 1em 0; padding: 5px 0; background: #39C5BB;',
-                  'margin: 1em 0; padding: 5px 0; background: #efefef;',
-                )
-
-                const motto = `
-This Personal Space Powered By Mix Space.
-Written by TypeScript, Coding with Love.
---------
-Stay hungry. Stay foolish. --Steve Jobs
-`
-
-                if (document.firstChild?.nodeType !== Node.COMMENT_NODE) {
-                  document.prepend(document.createComment(motto))
-                }
-              }.toString()}; info()`,
-            }}
-          />
+          <SayHi />
         </head>
         <body
           className={`${sansFont.variable} ${serifFont.variable} m-0 h-full p-0 font-sans`}
@@ -154,3 +130,36 @@ Stay hungry. Stay foolish. --Steve Jobs
     </ClerkProvider>
   )
 }
+
+const SayHi = () => {
+  return (
+    <script
+      dangerouslySetInnerHTML={{
+        __html: `var version = "${version}";
+    ${function info() {
+      console.log(
+        `%c Mix Space %c https://github.com/mx-space `,
+        'color: #fff; margin: 1em 0; padding: 5px 0; background: #2980b9;',
+        'margin: 1em 0; padding: 5px 0; background: #efefef;',
+      )
+      console.log(
+        `%c Shiro ${version} %c https://innei.ren `,
+        'color: #fff; margin: 1em 0; padding: 5px 0; background: #39C5BB;',
+        'margin: 1em 0; padding: 5px 0; background: #efefef;',
+      )
+
+      const motto = `
+This Personal Space Powered By Mix Space.
+Written by TypeScript, Coding with Love.
+--------
+Stay hungry. Stay foolish. --Steve Jobs
+`
+
+      if (document.firstChild?.nodeType !== Node.COMMENT_NODE) {
+        document.prepend(document.createComment(motto))
+      }
+    }.toString()}; info()`,
+      }}
+    />
+  )
+}