Feature/physics and tilemap enhancement (#247)

* feat(behavior-tree,tilemap): 修复编辑器连线缩放问题并增强插件系统 * feat(node-editor,blueprint): 新增通用节点编辑器和蓝图可视化脚本系统 * feat(editor,tilemap): 优化编辑器UI样式和Tilemap编辑器功能 * fix: 修复CodeQL安全警告和CI类型检查错误 * fix: 修复CodeQL安全警告和CI类型检查错误 * fix: 修复CodeQL安全警告和CI类型检查错误
2025-11-29 23:00:48 +08:00
parent f03b73b58e
commit 359886c72f
198 changed files with 33879 additions and 13121 deletions
--- a/packages/blueprint/vite.config.ts
+++ b/packages/blueprint/vite.config.ts
@@ -0,0 +1,106 @@
+import { defineConfig } from 'vite';
+import { resolve } from 'path';
+import dts from 'vite-plugin-dts';
+import react from '@vitejs/plugin-react';
+
+/**
+ * 自定义插件：将 CSS 转换为自执行的样式注入代码
+ * Custom plugin: Convert CSS to self-executing style injection code
+ */
+function escapeUnsafeChars(str: string): string {
+    const charMap: Record<string, string> = {
+        '<': '\\u003C',
+        '>': '\\u003E',
+        '/': '\\u002F',
+        '\\': '\\\\',
+        '\u2028': '\\u2028',
+        '\u2029': '\\u2029'
+    };
+    return str.replace(/[<>\\/\u2028\u2029]/g, (x) => charMap[x] || x);
+}
+
+function injectCSSPlugin(): unknown {
+    const cssIdMap = new Map<string, string>();
+    let cssCounter = 0;
+
+    return {
+        name: 'inject-css-plugin',
+        enforce: 'post' as const,
+        generateBundle(_options: unknown, bundle: Record<string, { type?: string; source?: string; code?: string }>) {
+            const bundleKeys = Object.keys(bundle);
+
+            // 找到所有 CSS 文件
+            const cssFiles = bundleKeys.filter(key => key.endsWith('.css'));
+
+            for (const cssFile of cssFiles) {
+                const cssChunk = bundle[cssFile];
+                if (!cssChunk || !cssChunk.source) continue;
+
+                const cssContent = cssChunk.source;
+                const styleId = `esengine-blueprint-style-${cssCounter++}`;
+                cssIdMap.set(cssFile, styleId);
+
+                // 生成样式注入代码
+                const injectCode = `(function(){if(typeof document!=='undefined'){var s=document.createElement('style');s.id='${styleId}';if(!document.getElementById(s.id)){s.textContent=${escapeUnsafeChars(JSON.stringify(cssContent))};document.head.appendChild(s);}}})();`;
+
+                // 注入到 editor/index.js 或共享 chunk
+                for (const jsKey of bundleKeys) {
+                    if (!jsKey.endsWith('.js')) continue;
+                    const jsChunk = bundle[jsKey];
+                    if (!jsChunk || jsChunk.type !== 'chunk' || !jsChunk.code) continue;
+
+                    if (jsKey === 'editor/index.js' || jsKey.match(/^index-[^/]+\.js$/)) {
+                        jsChunk.code = injectCode + '\n' + jsChunk.code;
+                    }
+                }
+
+                // 删除独立的 CSS 文件
+                delete bundle[cssFile];
+            }
+        }
+    };
+}
+
+export default defineConfig({
+    plugins: [
+        react(),
+        dts({
+            include: ['src'],
+            outDir: 'dist',
+            rollupTypes: false
+        }),
+        injectCSSPlugin()
+    ],
+    esbuild: {
+        jsx: 'automatic',
+    },
+    build: {
+        lib: {
+            entry: {
+                index: resolve(__dirname, 'src/index.ts'),
+                'editor/index': resolve(__dirname, 'src/editor/index.ts')
+            },
+            formats: ['es'],
+            fileName: (_format, entryName) => `${entryName}.js`
+        },
+        rollupOptions: {
+            external: [
+                '@esengine/ecs-framework',
+                '@esengine/editor-runtime',
+                'react',
+                'react/jsx-runtime',
+                'lucide-react',
+                'zustand',
+                /^@esengine\//,
+                /^@tauri-apps\//
+            ],
+            output: {
+                exports: 'named',
+                preserveModules: false
+            }
+        },
+        target: 'es2020',
+        minify: false,
+        sourcemap: true
+    }
+});