chore: 悦码渲染器增加 ga 分析

2025-03-28 16:12:53 +08:00 · 2025-03-28 16:12:53 +08:00 · fcd44e49d2
commit fcd44e49d2
parent 799a775a8d
12 changed files with 1514 additions and 1502 deletions
--- a/apps/designer/package.json
+++ b/apps/designer/package.json
@ -15,17 +15,17 @@
    "typecheck": "vue-tsc --noEmit --skipLibCheck"
  },
  "dependencies": {
-    "@vtj/core": "^0.11.7",
-    "@vtj/designer": "0.11.7",
-    "@vtj/icons": "0.11.7",
-    "@vtj/local": "^0.11.7",
-    "@vtj/materials": "^0.11.7",
+    "@vtj/core": "^0.11.11",
+    "@vtj/designer": "0.11.11",
+    "@vtj/icons": "0.11.11",
+    "@vtj/local": "^0.11.11",
+    "@vtj/materials": "^0.11.11",
    "@vtj/node": "0.11.2",
-    "@vtj/pro": "^0.11.7",
-    "@vtj/renderer": "^0.11.7",
-    "@vtj/ui": "^0.11.7",
-    "@vtj/utils": "0.11.7",
-    "@vtj/web": "^0.11.7",
+    "@vtj/pro": "^0.11.11",
+    "@vtj/renderer": "^0.11.11",
+    "@vtj/ui": "^0.11.11",
+    "@vtj/utils": "0.11.11",
+    "@vtj/web": "^0.11.11",
    "axios": "^1.8.1",
    "element-plus": "^2.9.4",
    "licia-es": "^1.46.0",
--- a/apps/renderer/index.html
+++ b/apps/renderer/index.html
@ -10,5 +10,18 @@
  <body>
    <div id="y-code-renderer" style="width: 100%; height: 100%"></div>
    <script type="module" src="/src/index.ts"></script>
+    <!-- Google tag (gtag.js) -->
+    <script
+      async
+      src="https://www.googletagmanager.com/gtag/js?id=G-0Y7ER0SZ2V"
+    ></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag() {
+        dataLayer.push(arguments);
+      }
+      gtag('js', new Date());
+      gtag('config', 'G-0Y7ER0SZ2V');
+    </script>
  </body>
 </html>
--- a/apps/renderer/package.json
+++ b/apps/renderer/package.json
@ -16,15 +16,15 @@
  "dependencies": {
    "@sentry/vue": "^9.7.0",
    "@tanstack/vue-query": "^5.69.0",
-    "@vtj/charts": "^0.11.7",
-    "@vtj/core": "^0.11.7",
-    "@vtj/icons": "0.11.7",
-    "@vtj/materials": "^0.11.7",
-    "@vtj/pro": "^0.11.7",
-    "@vtj/renderer": "^0.11.7",
-    "@vtj/ui": "^0.11.7",
-    "@vtj/utils": "^0.11.7",
-    "@vtj/web": "^0.11.7",
+    "@vtj/charts": "^0.11.11",
+    "@vtj/core": "^0.11.11",
+    "@vtj/icons": "0.11.11",
+    "@vtj/materials": "^0.11.11",
+    "@vtj/pro": "^0.11.11",
+    "@vtj/renderer": "^0.11.11",
+    "@vtj/ui": "^0.11.11",
+    "@vtj/utils": "^0.11.11",
+    "@vtj/web": "^0.11.11",
    "ant-design-vue": "catalog:",
    "axios": "catalog:",
    "core-js": "catalog:",
--- a/apps/y-code-v1/.env.development
+++ b/apps/y-code-v1/.env.development
@ -7,4 +7,6 @@ VITE_OA_BASEURL = https://oa-pre.shiyue.com

 VITE_YCODE_BASEURL = https://custom-chart-pre-api.shiyue.com

+VITE_CLIENT_ID = y-code-v1
+
 VITE_YCODE_BASEURL_FRONT = https://custom-chart.shiyue.com
--- a/apps/y-code-v1/index.html
+++ b/apps/y-code-v1/index.html
@ -7,7 +7,7 @@
    <title>悦码后台</title>
  </head>
  <body>
-    <div id="y-code-app"></div>
+    <div id="app"></div>
    <script type="module" src="/src/main.ts"></script>
  </body>
 </html>
--- a/apps/y-code-v1/package.json
+++ b/apps/y-code-v1/package.json
@ -4,7 +4,7 @@
  "private": true,
  "type": "module",
  "scripts": {
-    "dev": "vite start --mode development",
+    "dev": "vite start --mode development --config vite.config.ts",
    "dev:staging": "vite start --mode dev-staging",
    "dev:prod": "vite start --mode dev-production",
    "build": "vite build --mode production",
@ -23,6 +23,7 @@
    "core-js": "^3.40.0",
    "cross-env": "^7.0.3",
    "dayjs": "catalog:",
+    "jsrsasign": "11.1.0",
    "lodash-es": "^4.17.21",
    "p-limit": "^6.1.0",
    "pinia": "catalog:",
--- a/apps/y-code-v1/src/main.ts
+++ b/apps/y-code-v1/src/main.ts
@ -49,7 +49,7 @@ function render(props: object = {}) {
  app.use(router);
  app.use(VueGridLayout);
  app.use(createPinia());
-  app.mount('#y-code-app');
+  app.mount('#app');
 }

 function setStyleSheet(styles: object = {}) {
--- a/apps/y-code-v1/src/utils/request.ts
+++ b/apps/y-code-v1/src/utils/request.ts
@ -2,6 +2,8 @@ import type { AxiosInstance, AxiosRequestConfig, AxiosResponse } from 'axios';

 import { message } from 'ant-design-vue';
 import axios, { AxiosError } from 'axios';
+// 导入 RSA 相关库
+import { KEYUTIL, KJUR } from 'jsrsasign';

 export interface ResopnseType<T> {
  reason: string;
@ -9,11 +11,55 @@ export interface ResopnseType<T> {
  data: T;
  ts: string;
 }
-// export const YCODE_BASEURL: string = import.meta.env.VITE_YCODE_BASEURL;
+export const YCODE_BASEURL: string = import.meta.env.VITE_YCODE_BASEURL;

-// https://custom-chart-pre-api.shiyue.com
+// RSA 签名相关配置
+const CLIENT_ID = import.meta.env.VITE_CLIENT_ID;

-export const YCODE_BASEURL: string = 'https://custom-chart-pre-api.shiyue.com';
+// 私钥配置，请在实际使用中安全存储
+const PRIVATE_KEY = `-----BEGIN RSA PRIVATE KEY-----
+MIIEowIBAAKCAQEAySeb8CMlvGzI8KasmiQwMCX4240e8Ap6W8Pb63iX57pBFpmV
+fcOy7BAsfOEtp3TrJkssszUxdnCmsASZQNHaJtIhide7DjXjct9MQ3tqeEtc2R2K
+EkauK7oLsAiQqkpb9XpWAURfoE+83kCrJuQ49frw/zz7PElTPgjAjPknyF/JJFEp
+BoasWhoFBwrZWFwQKWUmFaUodG3UjtXdepYFVfdGKmgPYerm1Os3BQu6oSCKvh+p
+4uaRrAyKLBdTYXHfYiJi+oRt9wSSA0eGS8IcMxWn0azzEeZoPldLRSZ4Hpxx9Amq
+iNOu7FmKP5azKxmTG6dp+ZyVgpQt9FA4YYNU9wIDAQABAoIBAFZEQGIKEMLwPHTI
+Zjlsz6W2gzVVHjF/rN3x7zza6PqeLA/PKgdXiEIo5Ytg3r10LOytTKxGYcITqcjP
+EBJ2bQI9F9kPxc7gWX0IOqKuKQkR+O2791zDJyrljOGfqrr9TNbH8l50vjX4PF1s
+inoRYkRLrFMqCeze3W47Pqi2qdMKTmb0fjAjf9pQM/lE/jAWquUQhU8efZW0+2SD
+MMhXJceMS7SgkoOgsg1Qw7iEY5iMBMUOMb9bh4RxRkEZDECgm1iZsZqq004wFuVz
+RKbM//jGyNDQYZKH6TCZgC4UAPXt+PrwLC0oPrL0qZgK47dJznWzLZln2efYli+I
+PuAa6DECgYEA67J/XfLbyow2fLArbmiO1Gt9fQtFnd9xapMcj+xOQtP/DBmbukLK
+CYluSKED8+zKdP33t0dk4FHsrshEI85NsfBjp3GiHjbcFiOjddEyY9tHZxzMlJxB
+dS9u+LAfkPN8LBk4hX5YJ/oAhWcmCJ7agDPSGt+nJeTP2U3Mu5+7B+MCgYEA2ntk
+s3Gmi+n6gFQq97ANsYik+81wo/TDtqTcbmekqgSelsfNFlOeN4EOWJnXdt6/lZqs
+54kmlTUZzXy3I1Fe+z8FKBpulKxvVlCZ+Ks4tbjI5peJXL0mWHdbJ2Tg4AvbjQ5E
+z5efQGHbuBeFMty20JnjFlUrDd4x8Mj+dwP3Qt0CgYAhje3YACUONtvi8GmedEAx
+OYRJ8vrcON06oOrmCmwx02Bx5otm/u8oYGpU6KdZaJKCCU3kx8MytDcPwu8AcfRZ
+qrFlOyYrSwAWHsi8kyWrVaJaqZzuYzhmaHRR7zDvP9qjpIuJZa1DM7IzS7X8cDEH
+I1l7/e8b0/FLLGpDI8BKpQKBgQCJos5vlRs8bSwYB+4Bl3Eo9FIrJuLdBub8eqM7
+EiPTz5Ewn7H9bLPxd2XYPyJTikPbNVPTkL0zpf4ZS4X7w9k4Ih1XhD9Bfdet4pz8
+4LCbGkvFqJUqTSaI+Lf9+zkHK7EmDWUf+f6jCoLmWDrbLdwlUayTdxfmZqHDdHuJ
+8n+kKQKBgA1lR4zITE1qh+eMsueYPlOs32SP9jcx5fbTPxQpaqQJXSqvVb7ZHmfx
+qwzhQTzcKjSEhlD15ct5RqxD+4KmGid8bM5fewzYnORw+u2O1g74owgq0ApCVsRU
+/wsYRNpoRHJxU69kzkl8rSulJjQ0rOOz0/TyDbONhmM7Bv0cQAAA
+-----END RSA PRIVATE KEY-----`;
+
+// 需要添加签名的 API 路径前缀
+const NEED_SIGN_PATHS = [
+  '/v1/project',
+  '/v1/preview',
+  '/v1/modular',
+  '/v1/field',
+];
+
+// 初始化私钥
+let privateKey: string;
+try {
+  privateKey = KEYUTIL.getKey(PRIVATE_KEY);
+} catch (error) {
+  console.error('RSA 私钥初始化失败:', error);
+}

 const requestType = {
  base: YCODE_BASEURL,
@ -25,6 +71,57 @@ const baseAxios: AxiosInstance = axios.create({
  withCredentials: true,
 });

+// 创建 RSA 签名
+function createSignature(message: string): string {
+  try {
+    const sig = new KJUR.crypto.Signature({ alg: 'SHA256withRSA' });
+    sig.init(privateKey);
+    sig.updateString(message);
+    return btoa(sig.sign());
+  } catch (error) {
+    console.error('签名创建失败:', error);
+    return '';
+  }
+}
+
+// 请求拦截器 - 添加 RSA 签名认证
+baseAxios.interceptors.request.use(
+  (config) => {
+    // 检查是否需要添加签名
+    const needSign = NEED_SIGN_PATHS.some(
+      (path) => config.url && config.url.startsWith(path),
+    );
+
+    if (needSign && privateKey) {
+      // 生成当前时间戳（秒）
+      const timestamp = Math.floor(Date.now() / 1000).toString();
+
+      // 构建要签名的消息: clientID + timestamp
+      const message = CLIENT_ID + timestamp;
+
+      // 创建签名
+      const signature = createSignature(message);
+
+      // 设置请求头
+      config.headers = config.headers || {};
+      config.headers['X-Client-ID'] = CLIENT_ID;
+      config.headers['X-Timestamp'] = timestamp;
+      config.headers['X-Signature'] = signature;
+
+      console.log('已添加签名认证:', {
+        url: config.url,
+        clientId: CLIENT_ID,
+        timestamp,
+      });
+    }
+
+    return config;
+  },
+  (error) => {
+    return Promise.reject(error);
+  },
+);
+
 const errorHandle = (error: AxiosError) => {
  if (error.response) {
    const status = error.response?.status;
--- a/apps/y-code-v1/start/components.d.ts
+++ b/apps/y-code-v1/start/components.d.ts
@ -0,0 +1,13 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+export {}
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+  }
+}
--- a/apps/y-code-v1/vite.config.ts
+++ b/apps/y-code-v1/vite.config.ts
@ -9,7 +9,7 @@ import mkcert from 'vite-plugin-mkcert';
 import qiankun from 'vite-plugin-qiankun';

 export default defineConfig(({ mode }) => {
-  const env = loadEnv(mode, process.cwd(), ['VITE_']);
+  const env = loadEnv(mode, process.cwd());
  const isDev = env.VITE_NODE_ENV === 'development';

  return {
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@ -166,7 +166,7 @@ catalog:
  unbuild: ^3.5.0
  unplugin-element-plus: ^0.9.1
  vee-validate: ^4.15.0
-  vite: ^6.2.1
+  vite: ^6.2.2
  vite-plugin-compression: ^0.5.1
  vite-plugin-dts: ^4.5.3
  vite-plugin-html: ^3.2.2