feat: auto cdn

data/prompt/index.ts

-type dbml = string
-export const GET_QUERY = (sql:dbml) =>`作为一个数据库模型业务分析专家，您需要根据当前数据库模型(DBML格式)生成对应的 MySQL 数据库可执行的 SQL 文本，并列出执行该 SQL 所需的变量及其解释，最后为此条查询命名。当前数据库模型为：
+type dbml = string;
+export const GET_QUERY = (
+    sql: dbml
+) => `作为一个数据库模型业务分析专家，您需要根据当前数据库模型(DBML格式)生成对应的 MySQL 数据库可执行的 SQL 文本，并列出执行该 SQL 所需的变量及其解释，最后为此条查询命名。当前数据库模型为：
 
 \`\`\`dbml
 ${sql}
@@ -15,8 +17,8 @@ ${sql}
 执行所需变量:
 
 判断解决当前问题的查询执行时是否需要变量。若条件成立，请使用：
-<var>执行 SQL 所需变量名称</var>
-<varDescription>变量解释</varDescription>
+<var>&=& 执行 SQL 所需变量名称 &=&</var>
+<varDescription>&=& 变量解释 &=&</varDescription>
 
 若不需要变量，则无需提供任何信息。
 
@@ -41,13 +43,17 @@ INSERT INTO users (email, name) VALUES ($email$, $name$);
 查询命名和描述:
 <queryName> 查用户和插入用户 </queryName>
 <queryDescription> 先根据用户id查出用户,然后插入一个用户。 </queryDescription>
-`
-export const GET_SCHEMA_INFO = (sql:dbml) =>`作为一个数据模型业务分析专家，您需要根据当前数据模型(DBML格式)进行精确的分析,根据模型的提供的信息，分析该模型并输出简要描述。当前数据库模型为：
+`;
+export const GET_SCHEMA_INFO = (
+    sql: dbml
+) => `作为一个数据模型业务分析专家，您需要根据当前数据模型(DBML格式)进行精确的分析,根据模型的提供的信息，分析该模型并输出简要描述。当前数据库模型为：
 <dbml>
 ${sql}
 </dbml>
-`
-export const ADD_TABLE = (sql:dbml)=>`作为一位资深的业务分析的专家，你需要结合当前数据库模型(DBML格式)并精确地分析我需要在当前数据库模型新增加的业务需求，向当前数据库模型添加(DBML格式)新表或者修改表字段之间的关联关系。当前数据库模型为：
+`;
+export const ADD_TABLE = (
+    sql: dbml
+) => `作为一位资深的业务分析的专家，你需要结合当前数据库模型(DBML格式)并精确地分析我需要在当前数据库模型新增加的业务需求，向当前数据库模型添加(DBML格式)新表或者修改表字段之间的关联关系。当前数据库模型为：
 <dbml>
 ${sql}
 </dbml>
@@ -87,9 +93,10 @@ Table users as U {
 
 已经为你生成:<tableName>users</tableName>
 <field>product_tags.id</field>:<description>主键</description>
-<field>full_name</field>:<description>姓名</description>`
+<field>full_name</field>:<description>姓名</description>`;
 
-export const ADD_SCHEMA=()=>`你作为一个擅长业务分析的数据库模型建表专家，您需要分析我的业务需求并且输出 DBML格式 的数据库模型，添加一个或多个表和新增的表字段之间的关联关系。
+export const ADD_SCHEMA =
+    () => `你作为一个擅长业务分析的数据库模型建表专家，您需要分析我的业务需求并且输出 DBML格式 的数据库模型，添加一个或多个表和新增的表字段之间的关联关系。
 请您使用以下模版格式输出结果 (输出格式:XML,注意:XMl标签需要保留)
 
 =======模版开始=======
@@ -127,4 +134,4 @@ Table users as U {
 }</dbml>
 
 已经为你生成:<tableName>merchants</tableName> <tableName>users</tableName>
-`
+`;
\ No newline at end of file

package.json

@@ -19,8 +19,11 @@
     "@types/lodash": "^4.14.191",
     "@types/react-dom": "18.0.10",
     "acorn": "^8.10.0",
+    "acorn-jsx": "^5.3.2",
+    "acorn-walk": "^8.2.0",
     "autoprefixer": "^10.4.13",
     "classnames": "^2.3.1",
+    "dayjs": "^1.11.9",
     "dexie": "^3.2.2",
     "diff": "^5.1.0",
     "echarts": "^5.4.2",
@@ -53,6 +56,7 @@
     "styled-components": "6.0.0-rc.3",
     "sucrase": "^3.32.0",
     "swr": "^2.0.3",
+    "systemjs": "^6.14.1",
     "tailwindcss": "^3.2.7",
     "unstated-next": "^1.1.0"
   },

pages/index.tsx

@@ -10,10 +10,13 @@ import Link from 'next/link';
 import { useTranslation, Trans } from 'react-i18next';
 import { useEffect } from 'react';
 import Script from 'next/script';
+
+declare const fireworks: any;
+
 function Home() {
     const { t } = useTranslation();
     useEffect(() => {
-        if (window?.fireworks) {
+        if (get(window, 'fireworks')) {
             document.querySelector('#fireworks')?.remove();
             fireworks();
         }
@@ -36,7 +39,7 @@ function Home() {
                 <Script
                     src="https://cdn.jsdelivr.net/npm/tsparticles-fireworks@2.10.1/tsparticles.fireworks.bundle.min.js"
                     onLoad={() => {
-                        if (window?.fireworks) {
+                        if (get(window, 'fireworks')) {
                             document.querySelector('#fireworks')?.remove();
                             fireworks();
                         }

pnpm-lock.yaml

@@ -38,12 +38,21 @@ dependencies:
   acorn:
     specifier: ^8.10.0
     version: 8.10.0
+  acorn-jsx:
+    specifier: ^5.3.2
+    version: 5.3.2(acorn@8.10.0)
+  acorn-walk:
+    specifier: ^8.2.0
+    version: 8.2.0
   autoprefixer:
     specifier: ^10.4.13
     version: 10.4.13(postcss@8.4.14)
   classnames:
     specifier: ^2.3.1
     version: 2.3.2
+  dayjs:
+    specifier: ^1.11.9
+    version: 1.11.9
   dexie:
     specifier: ^3.2.2
     version: 3.2.3
@@ -140,6 +149,9 @@ dependencies:
   swr:
     specifier: ^2.0.3
     version: 2.0.3(react@18.2.0)
+  systemjs:
+    specifier: ^6.14.1
+    version: 6.14.1
   tailwindcss:
     specifier: ^3.2.7
     version: 3.2.7(postcss@8.4.14)
@@ -191,7 +203,7 @@ packages:
       b-tween: 0.3.3
       b-validate: 1.4.4
       compute-scroll-into-view: 1.0.20
-      dayjs: 1.11.7
+      dayjs: 1.11.9
       lodash: 4.17.21
       number-precision: 1.6.0
       react: 18.2.0
@@ -2530,6 +2542,11 @@ packages:
     engines: {node: '>=0.4.0'}
     dev: false
 
+  /acorn-walk@8.2.0:
+    resolution: {integrity: sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==}
+    engines: {node: '>=0.4.0'}
+    dev: false
+
   /acorn@7.4.1:
     resolution: {integrity: sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==}
     engines: {node: '>=0.4.0'}
@@ -3037,8 +3054,8 @@ packages:
     resolution: {integrity: sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==}
     dev: false
 
-  /dayjs@1.11.7:
-    resolution: {integrity: sha512-+Yw9U6YO5TQohxLcIkrXBeY73WP3ejHWVvx8XCk3gxvQDCTEmS48ZrSZCKciI7Bhl/uCMyxYtE9UqRILmFphkQ==}
+  /dayjs@1.11.9:
+    resolution: {integrity: sha512-QvzAURSbQ0pKdIye2txOzNaHmxtUBXerpY0FJsFXUMKbIZeFm5ht1LS/jFsrncjnmtv8HsG0W2g6c0zUjZWmpA==}
     dev: false
 
   /debug@3.2.7:
@@ -5847,6 +5864,10 @@ packages:
       tslib: 2.5.0
     dev: false
 
+  /systemjs@6.14.1:
+    resolution: {integrity: sha512-8ftwWd+XnQtZ/aGbatrN4QFNGrKJzmbtixW+ODpci7pyoTajg4sonPP8aFLESAcuVxaC1FyDESt+SpfFCH9rZQ==}
+    dev: false
+
   /tailwindcss@3.2.7(postcss@8.4.14):
     resolution: {integrity: sha512-B6DLqJzc21x7wntlH/GsZwEXTBttVSl1FtCzC8WP4oBc/NKef7kaax5jeihkkCEWc831/5NDJ9gRNDK6NEioQQ==}
     engines: {node: '>=12.13.0'}