@shotstack/shotstack-canvas 1.1.5 → 1.1.7

package/dist/entry.web.js

@@ -130,9 +130,62 @@ var RichTextAssetSchema = Joi.object({
 
 // src/wasm/hb-loader.ts
 var hbSingleton = null;
+function isNode() {
+  return typeof process !== "undefined" && process.versions != null && process.versions.node != null;
+}
+async function loadWasmWeb(wasmBaseURL) {
+  try {
+    if (wasmBaseURL) {
+      const url = wasmBaseURL.endsWith(".wasm") ? wasmBaseURL : wasmBaseURL.endsWith("/") ? `${wasmBaseURL}hb.wasm` : `${wasmBaseURL}/hb.wasm`;
+      console.log(`Fetching WASM from: ${url}`);
+      const response = await fetch(url);
+      if (response.ok) {
+        const arrayBuffer = await response.arrayBuffer();
+        const bytes = new Uint8Array(arrayBuffer);
+        if (bytes.length >= 4 && bytes[0] === 0 && bytes[1] === 97 && bytes[2] === 115 && bytes[3] === 109) {
+          console.log(`\u2705 Valid WASM binary loaded (${bytes.length} bytes)`);
+          return arrayBuffer;
+        }
+      }
+    }
+    return void 0;
+  } catch (err) {
+    console.error("Error in loadWasmWeb:", err);
+    return void 0;
+  }
+}
+function setupWasmFetchInterceptor(wasmBinary) {
+  const originalFetch = window.fetch;
+  window.fetch = function(input, init) {
+    const url = typeof input === "string" ? input : input instanceof URL ? input.href : input.url;
+    if (url.includes("hb.wasm") || url.endsWith(".wasm")) {
+      console.log(`\u{1F504} Intercepted fetch for: ${url}`);
+      return Promise.resolve(
+        new Response(wasmBinary, {
+          status: 200,
+          statusText: "OK",
+          headers: {
+            "Content-Type": "application/wasm",
+            "Content-Length": wasmBinary.byteLength.toString()
+          }
+        })
+      );
+    }
+    return originalFetch.apply(this, [input, init]);
+  };
+}
 async function initHB(wasmBaseURL) {
   if (hbSingleton) return hbSingleton;
   try {
+    let wasmBinary;
+    wasmBinary = await loadWasmWeb(wasmBaseURL);
+    if (!wasmBinary) {
+      throw new Error("Failed to load WASM binary from any source");
+    }
+    console.log(`\u2705 WASM binary loaded successfully (${wasmBinary.byteLength} bytes)`);
+    if (!isNode()) {
+      setupWasmFetchInterceptor(wasmBinary);
+    }
     const mod = await import("harfbuzzjs");
     const candidate = mod.default;
     let hb;
@@ -146,10 +199,11 @@ async function initHB(wasmBaseURL) {
     if (!hb || typeof hb.createBuffer !== "function" || typeof hb.createFont !== "function") {
       throw new Error("Failed to initialize HarfBuzz: unexpected export shape from 'harfbuzzjs'.");
     }
-    void wasmBaseURL;
     hbSingleton = hb;
+    console.log("\u2705 HarfBuzz initialized successfully");
     return hbSingleton;
   } catch (err) {
+    console.error("Failed to initialize HarfBuzz:", err);
     throw new Error(
       `Failed to initialize HarfBuzz: ${err instanceof Error ? err.message : String(err)}`
     );
@@ -187,7 +241,7 @@ var _FontRegistry = class _FontRegistry {
   }
   async _doInit() {
     try {
-      this.hb = await initHB(this.wasmBaseURL);
+      this.hb = await initHB("https://shotstack-ingest-api-dev-sources.s3.ap-southeast-2.amazonaws.com/euo5r93oyr/zzz01k9h-yycyx-2x2y6-qx9bj-7n567b/source.wasm");
     } catch (error) {
       this.initPromise = void 0;
       throw error;
@@ -1406,7 +1460,7 @@ async function createTextEngine(opts = {}) {
   const width = opts.width ?? CANVAS_CONFIG.DEFAULTS.width;
   const height = opts.height ?? CANVAS_CONFIG.DEFAULTS.height;
   const pixelRatio = opts.pixelRatio ?? CANVAS_CONFIG.DEFAULTS.pixelRatio;
-  const wasmBaseURL = opts.wasmBaseURL;
+  const wasmBaseURL = "https://shotstack-ingest-api-dev-sources.s3.ap-southeast-2.amazonaws.com/euo5r93oyr/zzz01k9h-yycyx-2x2y6-qx9bj-7n567b/source.wasm";
   const fonts = new FontRegistry(wasmBaseURL);
   const layout = new LayoutEngine(fonts);
   try {