light-chaser-pro 1.0.0

package/light-chaser-app/src/util/HybridCryptoUtil.ts

@@ -0,0 +1,137 @@
+/*
+ * Copyright © 2023-2025 puyinzhen
+ * All rights reserved.
+ *
+ * The copyright of this work (or idea/project/document) is owned by puyinzhen. Without explicit written permission, no part of this work may be reproduced, distributed, or modified in any form for commercial purposes.
+ *
+ * This copyright statement applies to, but is not limited to: concept descriptions, design documents, source code, images, presentation files, and any related content.
+ *
+ * For permission to use this work or any part of it, please contact 1182810784@qq.com to obtain written authorization.
+ */
+
+import JSEncrypt from "jsencrypt";
+import CryptoJS from "crypto-js";
+import FetchUtil from "./FetchUtil.ts";
+
+export interface EncryptResult {
+    encryptedData: string;   // AES 加密后的数据 (Base64)
+    encryptedAesKey: string; // RSA 加密后的 AES key
+    iv: string;              // AES IV (Base64)
+}
+
+/**
+ * 双向混合加密工具
+ */
+export class HybridCryptoUtil {
+
+    private static SERVER_PUBLIC_KEY: string | null = null;
+    private static serverEncryptor: JSEncrypt | null = null;
+    private static clientEncryptor: JSEncrypt | null = null;
+
+    /** 初始化客户端 RSA 密钥对 */
+    public static initClientKeyPair() {
+        if (!this.clientEncryptor) {
+            this.clientEncryptor = new JSEncrypt({default_key_size: '2048'});
+            this.clientEncryptor.getKey(); // 生成 key pair
+        }
+    }
+
+    /** 获取客户端公钥 (发送给后端) */
+    public static getClientPublicKey(): string {
+        this.initClientKeyPair();
+        return this.clientEncryptor!.getPublicKeyB64().replace(/\s+/g, '');
+    }
+
+    /** 获取服务器公钥 (请求加密使用) */
+    private static async getServerPublicKey(): Promise<string> {
+        if (this.SERVER_PUBLIC_KEY) {
+            return this.SERVER_PUBLIC_KEY;
+        } else {
+            const response = await FetchUtil.get<any>("/api/security/getEncryptKey")
+            if (response === null) {
+                console.error('安全策略初始化失败');
+                return '';
+            }
+            const newKey = response.key;
+            this.SERVER_PUBLIC_KEY = newKey;
+            return newKey;
+        }
+    }
+
+    /** 生成随机 AES key (Base64, 32 字节 = 256bit) */
+    private static generateAesKey(): string {
+        return CryptoJS.enc.Base64.stringify(CryptoJS.lib.WordArray.random(32));
+    }
+
+    /** 生成随机 IV (Base64, 16 字节) */
+    private static generateIv(): CryptoJS.lib.WordArray {
+        return CryptoJS.lib.WordArray.random(16);
+    }
+
+    /** AES-CBC 加密 */
+    private static aesEncrypt(plainText: string, base64Key: string, iv: CryptoJS.lib.WordArray): string {
+        const key = CryptoJS.enc.Base64.parse(base64Key);
+        const encrypted = CryptoJS.AES.encrypt(plainText, key, {
+            iv,
+            mode: CryptoJS.mode.CBC,
+            padding: CryptoJS.pad.Pkcs7
+        });
+        return encrypted.ciphertext.toString(CryptoJS.enc.Base64);
+    }
+
+    /** AES-CBC 解密 */
+    private static aesDecrypt(base64Data: string, base64Key: string, base64Iv: string): string {
+        const key = CryptoJS.enc.Base64.parse(base64Key);
+        const iv = CryptoJS.enc.Base64.parse(base64Iv);
+        const cipherParams = CryptoJS.lib.CipherParams.create({
+            ciphertext: CryptoJS.enc.Base64.parse(base64Data)
+        });
+        const decrypted = CryptoJS.AES.decrypt(cipherParams, key, {
+            iv,
+            mode: CryptoJS.mode.CBC,
+            padding: CryptoJS.pad.Pkcs7
+        });
+        const result = decrypted.toString(CryptoJS.enc.Utf8);
+        if (!result) throw new Error("AES 解密失败: Malformed UTF-8 data");
+        return result;
+    }
+
+    /** RSA 公钥加密 AES key */
+    private static rsaEncrypt(base64AesKey: string, publicKey: string): string {
+        if (!this.serverEncryptor) this.serverEncryptor = new JSEncrypt();
+        this.serverEncryptor.setPublicKey(publicKey);
+        const encrypted = this.serverEncryptor.encrypt(base64AesKey);
+        if (!encrypted) throw new Error("RSA 公钥加密 AES key 失败");
+        return encrypted;
+    }
+
+    /** RSA 私钥解密 AES key */
+    private static rsaDecrypt(encryptedAesKey: string): string {
+        if (!this.clientEncryptor) throw new Error("客户端加密器未初始化");
+        const decrypted = this.clientEncryptor.decrypt(encryptedAesKey);
+        if (!decrypted) throw new Error("RSA 私钥解密 AES key 失败");
+        return decrypted; // Base64 AES key
+    }
+
+    /** 加密请求数据 */
+    public static async encryptRequest(plainText: string): Promise<EncryptResult> {
+        const aesKey = this.generateAesKey();
+        const iv = this.generateIv();
+        const serverPublicKey = await this.getServerPublicKey();
+
+        const encryptedData = this.aesEncrypt(plainText, aesKey, iv);
+        const encryptedAesKey = this.rsaEncrypt(aesKey, serverPublicKey);
+
+        return {
+            encryptedData,
+            encryptedAesKey,
+            iv: CryptoJS.enc.Base64.stringify(iv)
+        };
+    }
+
+    /** 解密响应数据 (后端使用前端公钥加密 AES key) */
+    public static decryptResponse(encryptedObj: EncryptResult): string {
+        const aesKey = this.rsaDecrypt(encryptedObj.encryptedAesKey); // Base64 AES key
+        return this.aesDecrypt(encryptedObj.encryptedData, aesKey, encryptedObj.iv);
+    }
+}

package/light-chaser-app/src/util/LogoUtil.ts

@@ -0,0 +1,34 @@
+/*
+ * Copyright © 2023-2025 puyinzhen
+ * All rights reserved.
+ *
+ * The copyright of this work (or idea/project/document) is owned by puyinzhen. Without explicit written permission, no part of this work may be reproduced, distributed, or modified in any form for commercial purposes.
+ *
+ * This copyright statement applies to, but is not limited to: concept descriptions, design documents, source code, images, presentation files, and any related content.
+ *
+ * For permission to use this work or any part of it, please contact 1182810784@qq.com to obtain written authorization.
+ */
+
+export const setFavicon = (url: string, defaultUrl: string) => {
+    if (!url) return;
+    const testImage = new Image();
+    testImage.onload = () => {
+        updateFavicon(url);
+        testImage.onload = null;
+    };
+    testImage.onerror = () => {
+        updateFavicon(defaultUrl);
+        testImage.onerror = null;
+    };
+    testImage.src = url;
+};
+
+const updateFavicon = (href: string) => {
+    let link: HTMLLinkElement | null = document.querySelector("link[rel~='icon']");
+    if (!link) {
+        link = document.createElement('link');
+        link.rel = 'icon';
+        document.head.appendChild(link);
+    }
+    link.href = href;
+};

package/light-chaser-app/src/util/ProjectUtil.ts

@@ -0,0 +1,209 @@
+/*
+ * Copyright © 2023-2025 puyinzhen
+ * All rights reserved.
+ *
+ * The copyright of this work (or idea/project/document) is owned by puyinzhen. Without explicit written permission, no part of this work may be reproduced, distributed, or modified in any form for commercial purposes.
+ *
+ * This copyright statement applies to, but is not limited to: concept descriptions, design documents, source code, images, presentation files, and any related content.
+ *
+ * For permission to use this work or any part of it, please contact 1182810784@qq.com to obtain written authorization.
+ */
+
+import {IDesignerManager, IProject} from "light-chaser-types/types/DesignerTypes.ts";
+import baseApi from "../api/engineering/BaseApi.ts";
+import {CONFIG_FUNC_PREFIX} from "../constant/GlobalConstant.ts";
+import {cloneDeep} from "lodash";
+
+export default class ProjectUtil {
+
+    public static calculateProjectDependency(projectData: IDesignerManager) {
+        /**
+         * 使用 Set 去重，用于最终返回
+         */
+        const fonts = new Set<string>();
+        const images = new Set<string>();
+        const components = new Set<string>();
+
+        /**
+         * 递归：计算任意 projectData（managerData）中的依赖
+         * @param data IDesignerManager
+         */
+        const collectDeps = (data: IDesignerManager) => {
+            if (!data)
+                return;
+
+            const json = JSON.stringify(data);
+
+            /**
+             * 1. 解析 JSON，收集字体依赖
+             */
+            const regex = /"fontFamily"\s*:\s*"([^"]+)"/g;
+            let match: RegExpExecArray | null;
+            while ((match = regex.exec(json)) !== null) {
+                fonts.add(match[1]);
+            }
+
+            /**
+             * 2. 收集图片、远程组件、并递归处理 LoopContainer
+             */
+            Object.values(data?.layerManager?.elemConfigs ?? {}).forEach((item) => {
+                if (!item || !item.base) return;
+
+                /**
+                 * 2.1 当前元素是图片组件
+                 */
+                if (item.base.type === "BaseImage") {
+                    if (item.style?.localUrl) {
+                        const url = item.style.localUrl.replace(/\\+/g, "/");
+                        const filename = url.substring(url.lastIndexOf("/") + 1);
+                        images.add(filename);
+                    }
+                }
+
+                /**
+                 * 2.2 当前元素是远程组件
+                 */
+                const definition = window.LC_ENV.definitions && window.LC_ENV.definitions[item.base.type];
+
+                if (definition && definition.getBaseInfo().source === "remote") {
+                    const remoteScript = window.LC_ENV.remoteScripts?.[item.base.type];
+                    if (remoteScript) {
+                        const script = remoteScript.script;
+                        const file = script.substring(script.lastIndexOf("/") + 1);
+                        components.add(file);
+                    }
+                }
+
+                /**
+                 * 2.3 当前元素是循环容器，需要递归计算 managerData。managerData 的结构与顶级 projectData 完全相同
+                 */
+                if (item.base.type === "LoopContainer") {
+                    const managerData = item.managerData;
+                    if (managerData) {
+                        // 递归调用
+                        collectDeps(managerData);
+                    }
+                }
+            });
+        };
+
+        // 启动递归
+        collectDeps(projectData);
+
+        // 最终返回结构保持不变
+        return {
+            id: window.LC_ENV.projectId,
+            name: document.title,
+            fonts: Array.from(fonts),
+            images: Array.from(images),
+            components: Array.from(components),
+            projectJson: JSON.stringify(projectData),
+        };
+    }
+
+    /**
+     * 循环计算项目发布所需依赖项
+     */
+    public static async cyclicBuildReleaseDependencies(project: IProject, dependencies: Array<any>) {
+        const {id, name, data} = project;
+        const fonts = new Set(), images = new Set(), components = new Set();
+
+        const releaseData = cloneDeep(data);
+        for (const item of Object.values(releaseData?.layerManager?.elemConfigs ?? {})) {
+            //计算项目使用的图片
+            if (item?.base?.type === 'BaseImage') {
+                if (item.style?.localUrl) {
+                    //统一目录分隔符
+                    const url = item.style.localUrl.replace(/\\+/g, '/');
+                    images.add(url?.substring(url.lastIndexOf('/') + 1, url.length));
+                }
+            }
+            //计算项目使用的服务器组件
+            const definition = window.LC_ENV.definitions && window.LC_ENV.definitions[item.base.type];
+            if (definition && definition.getBaseInfo().source === 'remote') {
+                const remoteScript = window.LC_ENV.remoteScripts![item.base.type];
+                if (remoteScript) {
+                    const script = remoteScript.script;
+                    components.add(script.substring(script.lastIndexOf('/') + 1, script.length));
+                }
+            }
+            //计算项目引用的其他项目
+            if (item?.base?.type === "ScreenReference") {
+                if (item.style?.screenId) {
+                    const screenId = item.style.screenId;
+                    item.style.screenId = ProjectUtil.buildScreenIdPlaceholder(screenId);
+                    const response = await baseApi.getProjectData(screenId);
+                    if (response) {
+                        await ProjectUtil.cyclicBuildReleaseDependencies(response, dependencies)
+                    }
+                }
+            }
+        }
+
+        const projectJson = JSON.stringify(releaseData);
+
+        //计算项目使用的字体
+        const regex = /"fontFamily"\s*:\s*"([^"]+)"/g;
+        let match;
+        while ((match = regex.exec(projectJson)) !== null) {
+            fonts.add(match[1]);
+        }
+
+        //将依赖项加入结果集
+        dependencies.push({
+            id,
+            name,
+            fonts: Array.from(fonts),
+            images: Array.from(images),
+            components: Array.from(components),
+            projectJson: projectJson,
+        });
+    }
+
+
+    /**
+     * 序列化项目数据
+     * @param proData 项目数据
+     */
+    public static serializeProjectData(proData: any) {
+        return JSON.stringify(proData, (_, value) => {
+            if (typeof value === 'function')
+                return CONFIG_FUNC_PREFIX + value.toString();
+            return value;
+        })
+    }
+
+    /**
+     * 反序列化项目数据
+     * @param jsonStr 项目json数据
+     */
+    public static deserializeProjectData(jsonStr: string) {
+        return JSON.parse(jsonStr, (key, value) => {
+            if (typeof value === 'string') {
+                if (value.startsWith(CONFIG_FUNC_PREFIX)) {
+                    value = value.replace(CONFIG_FUNC_PREFIX, '');
+                    try {
+                        return eval('(' + value + ')');
+                    } catch (e) {
+                        console.warn(`反序列化函数失败：${key}`, e);
+                    }
+                }
+            }
+            return value;
+        })
+    }
+
+
+    /**
+     * 在发布时候构建大屏组件的占位符，便于后端直接替换.
+     * 后端解析时，占位符的标识或逻辑应该与此处相同
+     * @param screenId
+     */
+    public static buildScreenIdPlaceholder(screenId: string) {
+        if (!screenId) {
+            console.log('大屏引用为空，无法替换')
+            return null;
+        }
+        return `__SCREEN_${screenId}__`;
+    }
+}

package/light-chaser-app/src/util/RequestAnimationFrameUtil.ts

@@ -0,0 +1,31 @@
+/*
+ * Copyright © 2023-2025 puyinzhen
+ * All rights reserved.
+ *
+ * The copyright of this work (or idea/project/document) is owned by puyinzhen. Without explicit written permission, no part of this work may be reproduced, distributed, or modified in any form for commercial purposes.
+ *
+ * This copyright statement applies to, but is not limited to: concept descriptions, design documents, source code, images, presentation files, and any related content.
+ *
+ * For permission to use this work or any part of it, please contact 1182810784@qq.com to obtain written authorization.
+ */
+
+export function withRequestAnimationFrame<T extends (...args: any[]) => void>(fn: T): T {
+    let ticking = false;
+    let lastArgs: any[] | null = null;
+
+    const wrapped = (...args: any[]) => {
+        lastArgs = args;
+        if (!ticking) {
+            ticking = true;
+            requestAnimationFrame(() => {
+                ticking = false;
+                if (lastArgs) {
+                    fn(...lastArgs);
+                    lastArgs = null;
+                }
+            });
+        }
+    };
+
+    return wrapped as T;
+}

package/light-chaser-app/src/util/TextUtil.ts

@@ -0,0 +1,63 @@
+/*
+ * Copyright © 2023-2025 puyinzhen
+ * All rights reserved.
+ *
+ * The copyright of this work (or idea/project/document) is owned by puyinzhen. Without explicit written permission, no part of this work may be reproduced, distributed, or modified in any form for commercial purposes.
+ *
+ * This copyright statement applies to, but is not limited to: concept descriptions, design documents, source code, images, presentation files, and any related content.
+ *
+ * For permission to use this work or any part of it, please contact 1182810784@qq.com to obtain written authorization.
+ */
+
+export default class TextUtil {
+    public static async copyToClipboard(text: string): Promise<boolean> {
+        if (navigator.clipboard) {
+            try {
+                await navigator.clipboard.writeText(text);
+                return true;
+            } catch (err) {
+                console.error('Failed to copy text: ', err);
+                return false;
+            }
+        } else {
+            const textArea = document.createElement('textarea');
+            textArea.value = text;
+            document.body.appendChild(textArea);
+            textArea.select();
+            try {
+                document.execCommand('copy');
+                return true;
+            } catch (err) {
+                console.error('Failed to copy text: ', err);
+                return false;
+            } finally {
+                document.body.removeChild(textArea);
+            }
+        }
+    }
+
+    public static async readFromClipboard() {
+        if (navigator.clipboard && navigator.clipboard.readText) {
+            try {
+                return await navigator.clipboard.readText();
+            } catch (err) {
+                console.error('Failed to read clipboard contents:', err);
+                return null;
+            }
+        } else {
+            try {
+                const textArea = document.createElement('textarea');
+                document.body.appendChild(textArea);
+                textArea.focus();
+                document.execCommand('paste');
+                const clipboardData = textArea.value;
+                document.body.removeChild(textArea);
+                return clipboardData;
+            } catch (err) {
+                console.error('Failed to read clipboard contents:', err);
+                return null;
+            }
+        }
+    }
+
+}

package/light-chaser-app/src/util/Tooles.ts

@@ -0,0 +1,45 @@
+/*
+ * Copyright © 2023-2025 puyinzhen
+ * All rights reserved.
+ *
+ * The copyright of this work (or idea/project/document) is owned by puyinzhen. Without explicit written permission, no part of this work may be reproduced, distributed, or modified in any form for commercial purposes.
+ *
+ * This copyright statement applies to, but is not limited to: concept descriptions, design documents, source code, images, presentation files, and any related content.
+ *
+ * For permission to use this work or any part of it, please contact 1182810784@qq.com to obtain written authorization.
+ */
+
+/**
+ * 重试函数，每隔interval毫秒尝试执行fn，最多尝试maxAttempts次
+ * @param fn 待执行的函数, 返回true表示成功,停止重试，返回false表示失败继续重试
+ * @param maxAttempts 最大尝试次数
+ * @param interval 重试间隔时间
+ */
+export function retryWithInterval(
+    fn: () => boolean | Promise<boolean>,
+    maxAttempts: number,
+    interval: number
+): Promise<boolean> {
+    return new Promise((resolve) => {
+        let attempts = 0;
+
+        const timer = setInterval(async () => {
+            attempts++;
+            try {
+                const result = await fn();
+                if (result) {
+                    clearInterval(timer); // 成功后清理定时器
+                    resolve(true);
+                    return;
+                }
+            } catch {
+                // 忽略错误，继续重试
+            }
+
+            if (attempts >= maxAttempts) {
+                clearInterval(timer);
+                resolve(false);
+            }
+        }, interval);
+    });
+}

package/light-chaser-app/src/vite-env.d.ts

@@ -0,0 +1,53 @@
+/*
+ * Copyright © 2023-2025 puyinzhen
+ * All rights reserved.
+ *
+ * The copyright of this work (or idea/project/document) is owned by puyinzhen. Without explicit written permission, no part of this work may be reproduced, distributed, or modified in any form for commercial purposes.
+ *
+ * This copyright statement applies to, but is not limited to: concept descriptions, design documents, source code, images, presentation files, and any related content.
+ *
+ * For permission to use this work or any part of it, please contact 1182810784@qq.com to obtain written authorization.
+ */
+
+/// <reference types="vite/client" />
+
+import {DesignerMode} from "light-chaser-types/types/DesignerTypes.ts";
+import AbstractDesignerController from "./framework/core/AbstractDesignerController.ts";
+import {AbstractDefinition} from "./framework/core/AbstractDefinition.ts";
+import {ISelectOption} from "light-chaser-ui/lib/select/Select.tsx";
+import DesignerManager from "./designer/manager/DesignerManager.ts";
+import DragScaleProvider from "./framework/drag-scale/DragScaleProvider.tsx";
+import HistoryOperator from "./designer/operate-provider/undo-redo/HistoryOperator.ts";
+
+declare global {
+    interface Window {
+        /**
+         * 服务器组件所需的临时变量及依赖
+         */
+        __LIGHT_CHASER_REMOTE_COMPONENT_TEMP__: any; //该属性是脚手架暴露到window中的全局变量，修改是要兼容历史版本，并且要调整脚手架配置
+        LightChaserInterface: any;
+        LightChaserUtil: any;
+        LightChaserUI: any;
+        RemoteComponent: any;
+        /**
+         * LC运行时必要环境
+         */
+        LC_ENV: {
+            projectId: string;
+            mode: DesignerMode;
+            controllers: Record<string, AbstractDesignerController>;
+            definitions: Record<string, AbstractDefinition>;
+            remoteScripts: Record<string, any>;
+            layerInstances: Record<string, any>;
+            fonts: ISelectOption[];
+            currentManager: DesignerManager;
+            mainManger: DesignerManager;
+            //仅在编辑模式下存在的属性
+            dragScaleProvider: DragScaleProvider;
+            historyOperator: HistoryOperator;
+            [key: string]: any;
+        };
+
+        [key: string]: any;
+    }
+}

package/light-chaser-app/tsconfig.json

@@ -0,0 +1,40 @@
+{
+  "compilerOptions": {
+    "target": "es2015",
+    "useDefineForClassFields": true,
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": false,
+    "noEmitOnError": true,
+    "noFallthroughCasesInSwitch": true,
+    "allowSyntheticDefaultImports": true,
+    "noEmit": true,
+    "jsx": "react-jsx"
+  },
+  "include": [
+    "src",
+    "node_modules/.pnpm/@amap+amap-jsapi-loader@1.0.1/node_modules/@amap/amap-jsapi-loader/src/global.d.ts",
+  ],
+  "exclude": [
+    "node_modules"
+  ],
+  "references": [
+    {
+      "path": "./tsconfig.node.json"
+    }
+  ]
+}

package/light-chaser-app/tsconfig.node.json

@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": [
+    "vite.pure.release.config.ts",
+    "vite.base.config.ts",
+    "vite.dev.config.ts",
+    "vite.build.config.ts"
+  ]
+}

package/light-chaser-app/vite.base.config.ts

@@ -0,0 +1,23 @@
+/*
+ * Copyright © 2023-2025 puyinzhen
+ * All rights reserved.
+ *
+ * The copyright of this work (or idea/project/document) is owned by puyinzhen. Without explicit written permission, no part of this work may be reproduced, distributed, or modified in any form for commercial purposes.
+ *
+ * This copyright statement applies to, but is not limited to: concept descriptions, design documents, source code, images, presentation files, and any related content.
+ *
+ * For permission to use this work or any part of it, please contact 1182810784@qq.com to obtain written authorization.
+ */
+
+import {defineConfig} from 'vite'
+import react from '@vitejs/plugin-react'
+import path from 'path'
+
+export default defineConfig({
+    resolve: {
+        alias: {
+            '@': path.resolve(__dirname, './src'),
+        },
+    },
+    plugins: [react()],
+})

package/light-chaser-app/vite.build.config.ts

@@ -0,0 +1,18 @@
+/*
+ * Copyright © 2023-2025 puyinzhen
+ * All rights reserved.
+ *
+ * The copyright of this work (or idea/project/document) is owned by puyinzhen. Without explicit written permission, no part of this work may be reproduced, distributed, or modified in any form for commercial purposes.
+ *
+ * This copyright statement applies to, but is not limited to: concept descriptions, design documents, source code, images, presentation files, and any related content.
+ *
+ * For permission to use this work or any part of it, please contact 1182810784@qq.com to obtain written authorization.
+ */
+
+import {defineConfig} from 'vite'
+import viteBaseConfig from "./vite.base.config";
+
+const pureReleaseConfig = defineConfig({})
+
+
+export default {...viteBaseConfig, ...pureReleaseConfig}