npm - light-chaser-pro - Versions diffs - 1.0.0 - Mend

light-chaser-pro 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (730) hide show

package/light-chaser-app/Dockerfile ADDED Viewed

@@ -0,0 +1,40 @@
+##############如果你想Docker执行全流程的构建，则运行下面的多阶段构建任务######################
+## 第一阶段：编译构建
+##使用node镜像作为基础镜像(lts:node长期支持版本)
+#FROM node:lts as build
+##设置工作目录
+#WORKDIR /usr/app
+##复制构建编译所必须的文件到工作目录
+#COPY . .
+##安装pnpm
+#RUN npm install -g pnpm@8.14.3
+##安装依赖并构建
+#RUN pnpm install && pnpm run build
+#
+## 第二阶段：运行
+##使用nginx镜像作为基础镜像
+#FROM nginx:alpine as runner
+##设置工作目录
+#WORKDIR /usr/app/light-chaser
+##覆盖默认配置文件
+#COPY ./nginx.conf /etc/nginx/conf.d/default.conf
+## 将构建阶段的 dist 目录复制到 Nginx 的 web 根目录
+#COPY --from=build /usr/app/dist /usr/app/light-chaser
+## 启动 Nginx
+#CMD ["nginx", "-g", "daemon off;"]
+#############如果你想自己编译后上传文件到Docker镜像，请使用下面的构建脚本######################
+#使用nginx镜像作为基础镜像
+FROM nginx:alpine
+#设置工作目录
+WORKDIR /lcp/app
+#将dist文件夹中的文件复制到工作目录
+COPY ./dist .
+#将nginx配置文件复制到/etc/nginx/conf.d/目录
+COPY ./nginx.conf /etc/nginx/conf.d/default.conf
+#暴露80端口
+EXPOSE 80
+## 启动Nginx服务
+CMD ["nginx", "-g", "daemon off;"]

package/light-chaser-app/command.md ADDED Viewed

@@ -0,0 +1,23 @@
+#### 镜像命令
+```shell
+# 构建镜像
+docker build -t light-chaser-pro:2025.2 .
+# 导出镜像到指定目录
+docker save -o E:\light-chaser\pro\2025.1\bootstrap\docker\light-chaser-pro.tar light-chaser-pro:2025.2
+```
+## 辅助工具
+```ts
+// 快速渲染当前图层链表结构关系
+window.renderLinks = () => {
+    const links = Object.values(window.LC_ENV.currentManager.layerManager.layerConfigs).map(i => {
+        const layers = window.LC_ENV.currentManager.layerManager.layerConfigs;
+        return {id: i.id, name: i.name, pid: layers[i.pid]?.name, prev: layers[i.prev]?.name, next: layers[i.next]?.name}
+    })
+    console.log(links)
+}
+```

package/light-chaser-app/index.html ADDED Viewed

@@ -0,0 +1,30 @@
+<!--
+  ~ 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.
+  -->
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8"/>
+    <link rel="icon" href="/favicon.ico"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <meta name="theme-color" content="#000000"/>
+    <meta name="description" content="数据可视化设计器"/>
+    <meta name="robots" content="index,follow">
+    <meta name="author" content="xiaopujun"/>
+    <meta name="keywords"
+          content="light,chaser,light chaser,LIGHT,LIGHT CHASER,数据,可视化,数据可视化,大屏可视化,看板,大屏看板,数据看板,编辑器,web编辑器,web设计器,设计器,拖拽,可拖拽,可视化图表,可视化工具,追光者设计器,追光者,react大屏,react大屏设计器,react数据可视化,数字孪生">
+    <title>LIGHT CHASER DESIGNER</title>
+</head>
+<body style="padding: 0;margin: 0">
+<div id="root" style="height: 100%"></div>
+<script type="module" src="/src/index.tsx"></script>
+</body>
+</html>

package/light-chaser-app/nginx.conf ADDED Viewed

@@ -0,0 +1,31 @@
+server {
+    client_max_body_size 10M;
+    listen       80;
+    server_name  localhost;
+    root /usr/app/light-chaser-pro;
+    index index.html;
+    location / {
+        try_files $uri $uri/ @router;
+        index index.html;
+    }
+    location ~ /(api|static)/ {
+            proxy_pass http://127.0.0.1:8080;
+            proxy_set_header Host $host;
+            proxy_set_header X-Real-IP $remote_addr;
+            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+            proxy_set_header X-Forwarded-Proto $scheme;
+    }
+    location @router {
+        rewrite ^.*$ /index.html last;
+    }
+    error_page   500 502 503 504  /50x.html;
+    location = /50x.html {
+        root   html;
+    }
+}

package/light-chaser-app/package.json ADDED Viewed

@@ -0,0 +1,74 @@
+{
+  "name": "light-chaser-app",
+  "private": true,
+  "version": "2025.3.3",
+  "type": "module",
+  "scripts": {
+    "dev": "vite --config vite.dev.config.ts",
+    "build": "tsc && vite build --config vite.build.config.ts",
+    "action": "vite build --config vite.build.config.ts",
+    "pure": "tsc && vite build --config vite.pure.release.config.ts",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "check": "npx tsc --noEmit --watch",
+    "preview": "pnpm build && vite preview"
+  },
+  "dependencies": {
+    "@antv/g-base": "^0.5.15",
+    "@antv/g2plot": "^2.4.31",
+    "@icon-park/react": "^1.4.2",
+    "@monaco-editor/react": "^4.6.0",
+    "@scena/react-ruler": "^0.17.1",
+    "antd": "^6.1.1",
+    "countup.js": "^2.8.0",
+    "crypto-js": "^4.2.0",
+    "dayjs": "^1.11.19",
+    "echarts": "^5.5.1",
+    "flv.js": "^1.6.2",
+    "hls.js": "^1.5.11",
+    "hotkeys-js": "^3.13.15",
+    "jsencrypt": "^3.3.2",
+    "light-chaser-types": "workspace:^",
+    "light-chaser-ui": "workspace:^",
+    "light-chaser-util": "workspace:^",
+    "localforage": "^1.10.0",
+    "lodash": "^4.17.21",
+    "mobx": "^6.7.0",
+    "mobx-react": "^7.6.0",
+    "monaco-editor": "^0.44.0",
+    "mqtt": "^5.10.1",
+    "nprogress": "^0.2.0",
+    "odometer_countup": "^1.0.4",
+    "pixi.js": "^8.4.1",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "react-moveable": "^0.54.1",
+    "react-router-dom": "^6.21.0",
+    "react-selecto": "^1.22.6",
+    "react-timer-hook": "^3.0.7"
+  },
+  "devDependencies": {
+    "@amap/amap-jsapi-loader": "^1.0.1",
+    "@amap/amap-jsapi-types": "^0.0.15",
+    "@types/crypto-js": "^4.2.2",
+    "@types/ezuikit-js": "^8.0.0",
+    "@types/lodash": "^4.14.178",
+    "@types/node": "^20.10.4",
+    "@types/nprogress": "^0.2.3",
+    "@types/react": "^18.2.45",
+    "@types/react-dom": "^18.2.18",
+    "@types/react-router-dom": "^5.3.3",
+    "@typescript-eslint/eslint-plugin": "^6.0.0",
+    "@typescript-eslint/parser": "^6.0.0",
+    "@vitejs/plugin-react": "^4.2.1",
+    "eslint": "^8.45.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.3",
+    "less": "^3.11.1",
+    "postcss-loader": "3.0.0",
+    "react-refresh": "^0.8.3",
+    "rollup-plugin-visualizer": "^6.0.5",
+    "style-loader": "1.3.0",
+    "typescript": "^5.0.2",
+    "vite": "^5.0.7"
+  }
+}

package/light-chaser-app/public/favicon.ico ADDED Viewed

Binary file

package/light-chaser-app/release.html ADDED Viewed

@@ -0,0 +1,38 @@
+<!--
+  ~ 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.
+  -->
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8"/>
+    <link rel="icon" href="/favicon.ico"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <meta name="theme-color" content="#000000"/>
+    <meta name="description" content="数据可视化设计器"/>
+    <meta name="robots" content="index,follow">
+    <meta name="author" content="xiaopujun"/>
+    <meta name="keywords"
+          content="light,chaser,light chaser,LIGHT,LIGHT CHASER,数据,可视化,数据可视化,大屏可视化,看板,大屏看板,数据看板,编辑器,web编辑器,web设计器,设计器,拖拽,可拖拽,可视化图表,可视化工具,追光者设计器,追光者,react大屏,react大屏设计器,react数据可视化,数字孪生">
+    <title>LIGHT CHASER RELEASE</title>
+    <style>
+        /* 设置滚动条的样式 */
+        ::-webkit-scrollbar {
+            width: 0;
+            height: 0;
+        }
+    </style>
+</head>
+<body style="padding: 0;margin: 0">
+<div id="root" style="height: 100%"></div>
+<script type="module" src="/src/pureRelease/index.tsx"></script>
+</body>
+</html>

package/light-chaser-app/src/api/ReponseHandler.ts ADDED Viewed

@@ -0,0 +1,49 @@
+/*
+ * 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 AuthTools from "light-chaser-util/lib/AuthTools.ts";
+import authRemindersStore from "../pages/auth-reminder/AuthRemindersStore.ts";
+import {globalMessage} from "light-chaser-ui/lib/message/GlobalMessage.tsx";
+import {HttpResponse} from "../util/FetchUtil.ts";
+const unLoginHandler = () => {
+    AuthTools.removeUser();
+    //获取地址栏路由
+    if (!window.location.pathname.includes('/login')) {
+        const timer = setTimeout(() => {
+            clearTimeout(timer);
+            window.location.href = '/login';
+        }, 2000)
+    }
+}
+const unAuthHandler = () => {
+    authRemindersStore.setVisible(true);
+}
+const responseHandlerMapping: Record<number, () => void> = {
+    10002: unLoginHandler,
+    10009: unAuthHandler
+}
+const responseHandler = (response: HttpResponse): unknown => {
+    const {code, msg} = response;
+    if (code == 200) {
+        return response.data;
+    } else {
+        const handler = responseHandlerMapping[code];
+        handler && handler();
+        globalMessage?.messageApi?.error(msg)
+        return null;
+    }
+}
+export default responseHandler;

package/light-chaser-app/src/api/RoleApi.ts ADDED Viewed

@@ -0,0 +1,28 @@
+/*
+ * 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 AuthFetchUtil from "../util/AuthFetchUtil.ts";
+export interface IRole {
+    id: string;
+    name: string;
+    description: string;
+}
+export const quickSearchRole = async (keywords: string = '') => {
+    return await AuthFetchUtil.get<IRole[]>(`/api/role/quickSearch?keywords=${keywords}`);
+}
+export const getRoles = async (ids: string[]) => {
+    return await AuthFetchUtil.post<IRole[]>(`/api/role/listByIds`, ids);
+}

package/light-chaser-app/src/api/engineering/AbstractApi.ts ADDED Viewed

@@ -0,0 +1,75 @@
+/*
+ * 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 {IPage, IPageParam, IProject, IProjectInfoManager} from "light-chaser-types/types/DesignerTypes.ts";
+import {IImageData} from "../../comps/lc/base-image/BaseImageComponent.tsx";
+/**
+ * 工程化API
+ * 此API结构的设计用于完成设计器在不同场景下（比如编辑、预览、发布等）能自动切换实现。使用同一个api请求不同场景下的数据。
+ */
+export abstract class AbstractApi {
+    /**
+     * 创建项目
+     * @param project 项目初始化数据
+     */
+    public abstract createProject(project: IProjectInfoManager): Promise<string>;
+    /**
+     * 更新项目数据
+     * @param projectData 项目数据
+     */
+    public abstract updateProject(projectData: IProjectInfoManager): Promise<boolean> ;
+    /**
+     * 删除项目（在线项目为逻辑删除，本地项目为物理删除）
+     * @param id 项目id
+     */
+    public abstract deleteProject(id: string): Promise<boolean>;
+    /**
+     * 获取项目分页列表
+     * @param pageParam
+     */
+    public abstract getProjectInfoPageList(pageParam: IPageParam): Promise<IPage<IProjectInfoManager>>;
+    /**
+     * 获取项目完整数据，包括主设计器数据和蓝图设计器数据及每一个组件的详细配置
+     * @param id 项目id
+     */
+    public abstract getProjectData(id: string): Promise<IProject | null>;
+    /**
+     * 复制项目
+     * @param id 项目id
+     */
+    public abstract copyProject(id: string): Promise<string>;
+    /**
+     * 获取图片资源列表
+     * @param projectId 项目id
+     */
+    public abstract getImageSourceList(projectId: string): Promise<IImageData[]>;
+    /**
+     * 删除图片资源
+     * @param imageId 图片id
+     */
+    public abstract delImageSource(imageId: string): Promise<boolean>;
+    /**
+     * 上传封面快照
+     * @param file 图片文件
+     */
+    public abstract uploadCover(file: File): Promise<boolean>;
+}

package/light-chaser-app/src/api/engineering/ApiManager.ts ADDED Viewed

@@ -0,0 +1,26 @@
+/*
+ * 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 {DesignerMode} from "light-chaser-types/types/DesignerTypes.ts";
+import pureShowApi from "./PureShowApi.ts";
+import baseApi from "./BaseApi.ts";
+import {AbstractApi} from "./AbstractApi.ts";
+import EnvUtil from "../../util/EnvUtil.ts";
+export function getApi(): AbstractApi {
+    let currentMode = EnvUtil.getModeByUrl();
+    if (!currentMode && window.location.hash.includes("#/pureRelease"))
+        currentMode = DesignerMode.PURE_SHOW
+    if (currentMode === DesignerMode.PURE_SHOW)
+        return pureShowApi;
+    else
+        return baseApi
+}

package/light-chaser-app/src/api/engineering/BaseApi.ts ADDED Viewed

@@ -0,0 +1,131 @@
+/*
+ * 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 URLUtil from "light-chaser-util/lib/URLUtil.ts";
+import {IImageData} from "../../comps/lc/base-image/BaseImageComponent.tsx";
+import AuthFetchUtil from "../../util/AuthFetchUtil.ts";
+import {IPage, IPageParam, IProject, IProjectInfoManager} from "light-chaser-types/types/DesignerTypes.ts";
+import {AbstractApi} from "./AbstractApi.ts";
+import ProjectUtil from "../../util/ProjectUtil.ts";
+export class BaseApi extends AbstractApi {
+    async createProject(project: IProjectInfoManager): Promise<string> {
+        return await AuthFetchUtil.post<string>('/api/project/create', project);
+    }
+    async copyProject(id: string): Promise<string> {
+        return await AuthFetchUtil.get<string>(`/api/project/copy/${id}`);
+    }
+    async deleteProject(id: string): Promise<boolean> {
+        return await AuthFetchUtil.get<boolean>(`/api/project/del/${id}`);
+    }
+    async getProjectData(id: string): Promise<IProject | null> {
+        const data = await AuthFetchUtil.get<{ id: string, name: string, dataJson: string } | null>(`/api/project/getProjectData/${id}`);
+        if (data !== null) {
+            const {id, name, dataJson} = data;
+            const projectData = ProjectUtil.deserializeProjectData(dataJson);
+            return {id, name, data: projectData};
+        }
+        return null;
+    }
+    /**
+     * 获取项目分页列表
+     */
+    public async getProjectInfoPageList(pageParam: IPageParam): Promise<IPage<IProjectInfoManager>> {
+        const data = await AuthFetchUtil.post<IPage<IProjectInfoManager>>('/api/project/pageList', pageParam);
+        return data || {records: [], total: 0, current: 1, size: 10};
+    }
+    public async updateProject(data: IProjectInfoManager): Promise<boolean> {
+        return await AuthFetchUtil.post<boolean>('/api/project/update', data);
+    }
+    async getImageSourceList(): Promise<IImageData[]> {
+        const data = await AuthFetchUtil.get<IImageData[]>(`/api/image/getUserUploadedImageList`);
+        return data || [];
+    }
+    public async delImageSource(imageId: string): Promise<boolean> {
+        return await AuthFetchUtil.get<boolean>(`/api/image/del/${imageId}`);
+    }
+    public async uploadCover(file: File): Promise<boolean> {
+        const {id} = URLUtil.parseUrlParams();
+        const formData = new FormData();
+        formData.append('file', file);
+        formData.append('id', id);
+        return await AuthFetchUtil.post<boolean>('/api/project/cover', formData, {headers: {'Content-Type': 'multipart/form-data'}});
+    }
+    /**
+     * 获取远程组件列表
+     */
+    public async getAllRemoteComponents(): Promise<{ id: string, url: string }[]> {
+        const data = await AuthFetchUtil.get<{ id: string, url: string }[]>('/api/remote/component/list');
+        return data || [];
+    }
+    public async uploadRemoteComponent(file: File, id?: string): Promise<boolean> {
+        const formData = new FormData();
+        formData.append('componentFile', file);
+        id && formData.append('id', id);
+        return await AuthFetchUtil.post<boolean>('/api/remote/component/upload', formData, {headers: {'Content-Type': 'multipart/form-data'}});
+    }
+    public async createTemplate(template: FormData): Promise<boolean> {
+        return await AuthFetchUtil.post<boolean>('/api/template/create', template, {headers: {'Content-Type': 'multipart/form-data'}});
+    }
+    public async getTemplateList(name?: string): Promise<{ id: string, name: string }[]> {
+        return await AuthFetchUtil.post<{ id: string, name: string }[]>('/api/template/getAllTemplate', {name: name});
+    }
+    public async getTemplate(id: string): Promise<any> {
+        return await AuthFetchUtil.get<any>(`/api/template/getTemplate/${id}`);
+    }
+    public async deleteTemplate(ids: string[]): Promise<boolean> {
+        return await AuthFetchUtil.post<boolean>(`/api/template/batchDel`, ids);
+    }
+    public async createSubProject(subProject: any): Promise<string> {
+        return await AuthFetchUtil.post<string>('/api/project/createSubProject', subProject);
+    }
+    public async getSubProjectList(id: string): Promise<{ id: string, name: string }[]> {
+        const data = await AuthFetchUtil.get<{ id: string, name: string }[]>(`/api/project/getSubProjectList/${id}`);
+        return data || [];
+    }
+    public async deleteSubProject(pid: string, subId: string): Promise<boolean> {
+        return await AuthFetchUtil.post<boolean>(`/api/project/deleteSubProject/${pid}/${subId}`, {});
+    }
+    public async uploadSystemAuthFile(data: FormData): Promise<boolean> {
+        return await AuthFetchUtil.post<boolean>('/api/systemAuth/checkAuth', data, {headers: {'Content-Type': 'multipart/form-data'}});
+    }
+    public async getAuthCode(): Promise<string> {
+        return await AuthFetchUtil.get<string>('/api/systemAuth/getAuthCode');
+    }
+    public async hasAuth(): Promise<boolean | null> {
+        return await AuthFetchUtil.get<boolean>('/api/systemAuth/hasAuth');
+    }
+}
+const baseApi = new BaseApi();
+export default baseApi;

package/light-chaser-app/src/api/engineering/PureShowApi.ts ADDED Viewed

@@ -0,0 +1,28 @@
+/*
+ * 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 {BaseApi} from "./BaseApi.ts";
+import {IProject} from "light-chaser-types/types/DesignerTypes.ts";
+import FetchUtil from "../../util/FetchUtil.ts";
+class PureShowApi extends BaseApi {
+    async getProjectData(id: string): Promise<IProject | null> {
+        const response = await FetchUtil.get<IProject>(`/api/show/getProject/${id}`);
+        if (response !== null)
+            return response;
+        return response;
+    }
+}
+const pureShowApi = new PureShowApi();
+export default pureShowApi;