feat: add development scripts and public assets - Add development helper scripts - Add logo and manifest files

CC11001100 · CC11001100 · commit 414f3119aa43 · 2025-05-22T20:00:54.000+08:00
diff --git a/office-website/public/index.html b/office-website/public/index.html
@@ -2,19 +2,29 @@
 <html lang="zh-CN">
   <head>
     <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <link rel="icon" href="%PUBLIC_URL%/logo.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#3b82f6" />
+    <meta name="theme-color" content="#4f46e5" />
     <meta
       name="description"
       content="Typescript Userscript Template - 使用TypeScript开发油猴脚本的现代化模板"
     />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
+    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo.png" />
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
+    <!-- Google tag (gtag.js) -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-JN2B8D9NZ4"></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+
+      gtag('config', 'G-JN2B8D9NZ4');
+    </script>
     <title>Typescript Userscript Template | 油猴脚本开发模板</title>
   </head>
   <body>
diff --git a/office-website/public/logo.png b/office-website/public/logo.png
diff --git a/office-website/public/manifest.json b/office-website/public/manifest.json
@@ -0,0 +1,15 @@
+{
+  "short_name": "TS UserScript",
+  "name": "TypeScript UserScript Template",
+  "icons": [
+    {
+      "src": "favicon.svg",
+      "sizes": "64x64 32x32 24x24 16x16",
+      "type": "image/svg+xml"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#4f46e5",
+  "background_color": "#ffffff"
+} 
diff --git a/scripts/generate-dev-header.js b/scripts/generate-dev-header.js
@@ -0,0 +1,32 @@
+const fs = require('fs');
+const path = require('path');
+
+// 读取 package.json
+const packageJson = JSON.parse(fs.readFileSync('package.json', 'utf-8'));
+
+// 读取原始的油猴头
+const originalHeader = fs.readFileSync('userscript-headers.js', 'utf-8');
+
+// 替换变量，添加默认值处理
+let devHeader = originalHeader
+    .replace(/\${name}/g, packageJson.name || '')
+    .replace(/\${repository}/g, packageJson.repository || '')
+    .replace(/\${version}/g, packageJson.version || '')
+    .replace(/\${description}/g, packageJson.description || '')
+    .replace(/\${document}/g, packageJson.document || '')
+    .replace(/\${author}/g, packageJson.author || '');
+
+// 在最后一行前添加 @require
+devHeader = devHeader.replace(
+    '// ==/UserScript==',
+    `// @require      file://${process.cwd()}/dist/index.js\n// ==/UserScript==`
+);
+
+// 确保 dist 目录存在
+if (!fs.existsSync('dist')) {
+    fs.mkdirSync('dist');
+}
+
+// 写入开发版本的油猴头
+fs.writeFileSync('dist/userscript-headers.dev.js', devHeader);
+console.log('Development userscript header generated successfully!'); 
