@shotstack/shotstack-canvas 1.1.1 → 1.1.3

package/dist/entry.node.cjs

@@ -191,13 +191,17 @@ async function initHB(wasmBaseURL) {
 }
 
 // src/core/font-registry.ts
-var FontRegistry = class {
+var FontRegistry = class _FontRegistry {
   hb;
   faces = /* @__PURE__ */ new Map();
   fonts = /* @__PURE__ */ new Map();
   blobs = /* @__PURE__ */ new Map();
   wasmBaseURL;
   initPromise;
+  static fallbackLoader;
+  static setFallbackLoader(loader) {
+    _FontRegistry.fallbackLoader = loader;
+  }
   constructor(wasmBaseURL) {
     this.wasmBaseURL = wasmBaseURL;
   }
@@ -206,9 +210,7 @@ var FontRegistry = class {
       await this.initPromise;
       return;
     }
-    if (this.hb) {
-      return;
-    }
+    if (this.hb) return;
     this.initPromise = this._doInit();
     try {
       await this.initPromise;
@@ -260,11 +262,35 @@ var FontRegistry = class {
       );
     }
   }
+  async tryFallbackInstall(desc) {
+    const loader = _FontRegistry.fallbackLoader;
+    if (!loader) return false;
+    try {
+      const bytes = await loader({
+        family: desc.family,
+        weight: desc.weight ?? "400",
+        style: desc.style ?? "normal"
+      });
+      if (!bytes) return false;
+      await this.registerFromBytes(bytes, {
+        family: desc.family,
+        weight: desc.weight ?? "400",
+        style: desc.style ?? "normal"
+      });
+      return true;
+    } catch {
+      return false;
+    }
+  }
   async getFont(desc) {
     try {
       if (!this.hb) await this.init();
       const k = this.key(desc);
-      const f = this.fonts.get(k);
+      let f = this.fonts.get(k);
+      if (!f) {
+        const installed = await this.tryFallbackInstall(desc);
+        f = installed ? this.fonts.get(k) : void 0;
+      }
       if (!f) throw new Error(`Font not registered for ${k}`);
       return f;
     } catch (err) {
@@ -280,7 +306,12 @@ var FontRegistry = class {
     try {
       if (!this.hb) await this.init();
       const k = this.key(desc);
-      return this.faces.get(k);
+      let face = this.faces.get(k);
+      if (!face) {
+        const installed = await this.tryFallbackInstall(desc);
+        face = installed ? this.faces.get(k) : void 0;
+      }
+      return face;
     } catch (err) {
       throw new Error(
         `Failed to get face for "${desc.family}": ${err instanceof Error ? err.message : String(err)}`
@@ -536,7 +567,7 @@ async function buildDrawOps(p) {
     height: p.canvas.height,
     pixelRatio: p.canvas.pixelRatio,
     clear: true,
-    bg: p.background ? { color: p.background.color, opacity: p.background.opacity, radius: p.background.borderRadius } : void 0
+    bg: p.background && p.background.color ? { color: p.background.color, opacity: p.background.opacity, radius: p.background.borderRadius } : void 0
   });
   if (p.lines.length === 0) return ops;
   const upem = Math.max(1, await p.getUnitsPerEm());
@@ -1166,6 +1197,7 @@ async function createNodePainter(opts) {
       const globalBox = computeGlobalTextBounds(ops);
       for (const op of ops) {
         if (op.op === "BeginFrame") {
+          if (op.clear) ctx.clearRect(0, 0, op.width, op.height);
           const dpr = op.pixelRatio ?? opts.pixelRatio;
           const wantW = Math.floor(op.width * dpr);
           const wantH = Math.floor(op.height * dpr);
@@ -1174,8 +1206,10 @@ async function createNodePainter(opts) {
             canvas.height = wantH;
           }
           ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
-          if (op.clear) ctx.clearRect(0, 0, op.width, op.height);
-          if (op.bg) {
+          ctx.save();
+          ctx.fillRect(0, 0, canvas.width, canvas.height);
+          ctx.restore();
+          if (op.bg && op.bg.color) {
             const { color, opacity, radius } = op.bg;
             if (color) {
               const c = parseHex6(color, opacity);