online-editor 1.0.0 → 1.1.0

package/README.md

@@ -14,7 +14,7 @@
 
 ## ✨ 特性
 
-- 🎨 **多框架支持** - 支持 Vue 2/3、React、Svelte、Solid、HTML、JavaScript、TypeScript
+- 🎨 **多框架支持** - 支持 Vue 2/3、React、Svelte、Solid、HTML、JavaScript、TypeScript
 - 🚀 **Monaco Editor** - 基于 VS Code 同款编辑器，提供专业的代码编辑体验
 - 📱 **响应式布局** - 同时支持桌面端和移动端
 - 🎯 **即时预览** - 实时编译运行，所见即所得
@@ -115,10 +115,31 @@ createApp(App).mount('#app');`,
 | `document` | `string` | - | 文档链接地址 |
 | `github` | `string` | - | GitHub 地址 |
 
+## 📣 事件
+
+| 事件名 | 参数 | 说明 |
+|------|------|------|
+| `code-change` | `EditorExportFile[]` | 编辑器内容变化时触发，实时导出全部文件代码 |
+
+```vue
+<script setup lang="ts">
+import OnlineEditor, { type EditorExportFile } from 'online-editor';
+import 'online-editor/style.css';
+
+const handleCodeChange = (files: EditorExportFile[]) => {
+  console.log(files);
+};
+</script>
+
+<template>
+  <OnlineEditor @code-change="handleCodeChange" />
+</template>
+```
+
 ### AppType 类型
 
 ```typescript
-type AppType = 'vue' | 'vue2' | 'vue3' | 'react' | 'svelte' | 'solid' | 'html' | 'javascript' | 'js' | 'typescript' | 'ts';
+type AppType = 'vue' | 'vue2' | 'vue3' | 'react' | 'svelte' | 'solid' | 'html' | 'javascript' | 'js' | 'typescript' | 'ts';
 ```
 
 ### Control 类型
@@ -127,6 +148,55 @@ type AppType = 'vue' | 'vue2' | 'vue3' | 'react' | 'svelte' | 'solid' | 'html' |
 type Control = 'refresh' | 'copy' | 'share' | 'docs' | 'github' | 'format' | 'console';
 ```
 
+## 🏗️ 生产环境构建（Worker 兼容）
+
+`online-editor` 依赖 Monaco 等能力，会用到 Web Worker。在某些静态部署场景（相对路径、非根路径、CDN/反向代理等）下，构建产物里的 Worker chunk 地址可能解析不符合预期，导致 Worker 404 或无法启动。
+
+一个通用做法是在构建完成后对产物做一次“构建后补丁”：把特定形式的 `new Worker(new URL(..., import.meta.url))` 改写为 `Blob + importScripts(...)`，让 Worker 使用 `location.href` 来解析并加载对应的 worker chunk。
+
+```js
+const fs = require('fs');
+const path = require('path');
+
+const distDir = process.argv[2]
+  ? path.resolve(process.cwd(), process.argv[2])
+  : path.resolve(process.cwd(), 'dist');
+
+function replaceWorkerUrls(filePath) {
+  const data = fs.readFileSync(filePath, 'utf8');
+  const workerPattern =
+    /new Worker\(""\+new URL\(""\+new URL\("([^"]+\.js)",import\.meta\.url\)\.href,self\.location\)\.href\)/g;
+
+  const newData = data.replace(workerPattern, (match, workerPath) => {
+    return `new Worker(URL.createObjectURL(new Blob([\`importScripts("\${new URL("${workerPath}",location.href).href}")\`],{type:"text/javascript"})))`;
+  });
+
+  if (newData !== data) fs.writeFileSync(filePath, newData, 'utf8');
+}
+
+function traverseDirectory(dir) {
+  const files = fs.readdirSync(dir);
+  for (const file of files) {
+    const filePath = path.join(dir, file);
+    const stat = fs.statSync(filePath);
+    if (stat.isDirectory()) traverseDirectory(filePath);
+    else if (file.endsWith('.js')) replaceWorkerUrls(filePath);
+  }
+}
+
+traverseDirectory(distDir);
+```
+
+构建命令示例：
+
+```json
+{
+  "scripts": {
+    "build": "vite build && node ./scripts/patch-workers.cjs dist"
+  }
+}
+```
+
 ## 📄 License
 
 [MIT](./LICENSE)

package/dist/{freemarker2-DwY387IE.cjs → freemarker2-3q31Q_S2.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("./index-CBTI4pNS.cjs");/*!-----------------------------------------------------------------------------
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("./index-CeMlLD5z.cjs");/*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.41.0(38e1e3d097f84e336c311d071a9ffb5191d4ffd1)
  * Released under the MIT license

package/dist/{freemarker2-BtZobY0f.js → freemarker2-BUHCD1pt.js}

@@ -1,4 +1,4 @@
-import { m as f } from "./index-B77o5cnV.js";
+import { m as f } from "./index-BfxRh_1b.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.41.0(38e1e3d097f84e336c311d071a9ffb5191d4ffd1)

package/dist/{handlebars-DsUez5lW.cjs → handlebars-BlbYjyiu.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index-CBTI4pNS.cjs");/*!-----------------------------------------------------------------------------
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index-CeMlLD5z.cjs");/*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.41.0(38e1e3d097f84e336c311d071a9ffb5191d4ffd1)
  * Released under the MIT license

package/dist/{handlebars-BQwqRavn.js → handlebars-rV0MBoA8.js}

@@ -1,4 +1,4 @@
-import { m as l } from "./index-B77o5cnV.js";
+import { m as l } from "./index-BfxRh_1b.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.41.0(38e1e3d097f84e336c311d071a9ffb5191d4ffd1)

package/dist/{html-B0kQ0bDk.cjs → html-CZCUEc1B.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-CBTI4pNS.cjs");/*!-----------------------------------------------------------------------------
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-CeMlLD5z.cjs");/*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.41.0(38e1e3d097f84e336c311d071a9ffb5191d4ffd1)
  * Released under the MIT license

package/dist/{html-BwW7yNQ4.js → html-Drd4s-sB.js}

@@ -1,4 +1,4 @@
-import { m as s } from "./index-B77o5cnV.js";
+import { m as s } from "./index-BfxRh_1b.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.41.0(38e1e3d097f84e336c311d071a9ffb5191d4ffd1)