goatdee-canvas 0.0.79 → 0.0.80

package/dist/index.cjs

@@ -6240,6 +6240,7 @@ const TGFXBind = (module) => {
     setTGFXModule(module);
     module.module = module;
     module.ScalerContext = ScalerContext;
+    module.PathRasterizer = PathRasterizer;
     module.WebMask = PathRasterizer;
     module.Matrix = Matrix;
     module.tgfx = { ...tgfx };
@@ -6604,27 +6605,21 @@ const DEFAULT_EXPORT_OPTIONS = {
     quality: 1,
 };
 /**
- * 单线程 wasm 入口：同时显式引用 `.js` 和 `.wasm`，让 bundler 都 emit 为静态资源。
+ * 单线程 wasm 二进制入口：
  *
- *  - 生产产物 `goatdee-canvas/dist/`：rollup `copy-wasm` 插件已把两个文件同步到
+ *  - 生产产物 `goatdee-canvas/dist/`：rollup `copy-wasm` 插件已把 `.wasm` 同步到
  *    `dist/wasm-single/`，`import.meta.url` 指向 `dist/index.js`，相对解析正好命中；
  *    消费者的 bundler（webpack/vite/rspack 等）按 `new URL(..., import.meta.url)`
- *    模式把两份资源都 emit 为带 hash 的静态资源。
+ *    模式 emit 为带 hash 的静态资源。
  *  - monorepo dev：源码不存在该目录，由 `apps/demo/vite.config.ts` 的 dev middleware
- *    把任何 `wasm-single/ZHCanvasCoreSingle.*` 请求转发到 `packages/infinite-canvas-single/wasm/`。
- *
- * ⚠️ 必须同时声明 `.wasm` 的 `new URL` 引用，否则消费者 bundler 只 emit `.js`，
- *    Emscripten 运行时按 sibling 路径 fetch wasm 会拿到 SPA fallback 的 HTML，
- *    报 "expected magic word 00 61 73 6d, found 3c 21 44 4f"。
+ *    把 `wasm-single/ZHCanvasCoreSingle.wasm` 请求转发到 `packages/infinite-canvas-single/wasm/`。
  *
+ * glue `.js` 已在 worker IIFE 字符串内 inline，不再需要独立 emit。
  * 解析失败则返回 null，自动 fallback 到主线程同步导出。
  */
-function resolveWasmUrls() {
+function resolveWasmBinaryUrl() {
     try {
-        return {
-            jsUrl: new URL('./wasm-single/ZHCanvasCoreSingle.js', (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href))).href,
-            wasmBinaryUrl: new URL('./wasm-single/ZHCanvasCoreSingle.wasm', (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href))).href,
-        };
+        return new URL('./wasm-single/ZHCanvasCoreSingle.wasm', (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href))).href;
     }
     catch (_a) {
         return null;
@@ -6637,8 +6632,12 @@ class ExportImageClient {
         this.nextReqId_ = 1;
         this.pending_ = new Map();
         this.initPromise_ = null;
-        // wasm 入口固定为 goatdee-canvas 自带的单线程产物；解析失败时 null，自动回主线程导出。
-        this.wasmUrls_ = resolveWasmUrls();
+        // export 排队：并发请求会被 worker wasm 拒返空串 → manager 回退主线程；主线程
+        // pool 新建 BaseCanvas 会夺走 emscripten current ctx，让主 canvas render 报
+        // INVALID_OPERATION "object does not belong to this context"。
+        this.exportQueue_ = Promise.resolve();
+        // wasm 二进制 URL 由 bundler 按 `new URL(..., import.meta.url)` 模式 emit；解析失败时 null，自动回主线程导出。
+        this.wasmBinaryUrl_ = resolveWasmBinaryUrl();
         this.sessionLicense_ = null;
         this.fonts_ = null;
         // 已传给 worker 的图片 src，避免重复传输大 ArrayBuffer
@@ -6671,7 +6670,7 @@ class ExportImageClient {
         }
     }
     isConfigured() {
-        return !!(this.wasmUrls_ &&
+        return !!(this.wasmBinaryUrl_ &&
             this.sessionLicense_ &&
             this.fonts_ &&
             this.fonts_.length > 0);
@@ -6694,13 +6693,28 @@ class ExportImageClient {
     // ── 导出 ────────────────────────────────────────────────────────────────
     /** 通过 worker 把 JSON 渲染为 dataURL。失败抛 Error，调用方负责 fallback。 */
     async export(objects, options = {}) {
-        var _a, _b, _c;
         if (!this.isConfigured()) {
             throw new Error('export worker not configured');
         }
         if (!objects || objects.length === 0) {
             return '';
         }
+        // 排队：等上一个 export 完成再发新的，确保 worker wasm 串行执行（见 exportQueue_ 注释）
+        const prev = this.exportQueue_;
+        let releaseQueue;
+        this.exportQueue_ = new Promise((resolve) => {
+            releaseQueue = resolve;
+        });
+        try {
+            await prev.catch(() => undefined);
+            return await this.doExport(objects, options);
+        }
+        finally {
+            releaseQueue();
+        }
+    }
+    async doExport(objects, options) {
+        var _a, _b, _c;
         await this.ensureInit();
         const images = await this.collectImageBuffers(objects);
         const optionsStr = JSON.stringify({
@@ -6726,7 +6740,7 @@ class ExportImageClient {
             this.worker_ = this.createWorker();
             this.bindMessageHandler(this.worker_);
         }
-        const { jsUrl: wasmUrl, wasmBinaryUrl } = this.wasmUrls_;
+        const wasmBinaryUrl = this.wasmBinaryUrl_;
         const sessionLicense = this.sessionLicense_;
         // 拷贝后再 transfer：避免 postMessage transfer 把 manager 里缓存的 buffer detach，
         // 否则 worker reset 后无法再次 INIT。
@@ -6734,7 +6748,7 @@ class ExportImageClient {
             name: f.name,
             buffer: f.buffer.slice(0),
         }));
-        this.initPromise_ = this.postRequest({ type: 'INIT', wasmUrl, wasmBinaryUrl, sessionLicense, fonts }, fonts.map((f) => f.buffer))
+        this.initPromise_ = this.postRequest({ type: 'INIT', wasmBinaryUrl, sessionLicense, fonts }, fonts.map((f) => f.buffer))
             .then(() => undefined)
             .catch((e) => {
             this.initPromise_ = null;