@shotstack/shotstack-canvas 1.1.9 → 1.2.1

package/dist/entry.node.js

@@ -207,11 +207,14 @@ async function initHB(wasmBaseURL) {
 }
 
 // src/core/font-registry.ts
+import * as fontkit from "fontkit";
 var FontRegistry = class _FontRegistry {
   hb;
   faces = /* @__PURE__ */ new Map();
   fonts = /* @__PURE__ */ new Map();
   blobs = /* @__PURE__ */ new Map();
+  fontkitFonts = /* @__PURE__ */ new Map();
+  // fontkit fonts for variable outlines
   wasmBaseURL;
   initPromise;
   static fallbackLoader;
@@ -238,7 +241,9 @@ var FontRegistry = class _FontRegistry {
   }
   async _doInit() {
     try {
-      this.hb = await initHB("https://shotstack-ingest-api-dev-sources.s3.ap-southeast-2.amazonaws.com/euo5r93oyr/zzz01k9h-yycyx-2x2y6-qx9bj-7n567b/source.wasm");
+      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;
@@ -269,9 +274,31 @@ var FontRegistry = class _FontRegistry {
       const font = this.hb.createFont(face);
       const upem = face.upem || 1e3;
       font.setScale(upem, upem);
+      const weight = desc.weight ?? "400";
+      const weightNum = typeof weight === "string" ? parseInt(weight, 10) : weight;
+      if (weightNum !== 400 && typeof font.setVariations === "function") {
+        try {
+          font.setVariations(`wght=${weightNum}`);
+        } catch (e) {
+        }
+      }
       this.blobs.set(k, blob);
       this.faces.set(k, face);
       this.fonts.set(k, font);
+      try {
+        const buffer = typeof Buffer !== "undefined" ? Buffer.from(bytes) : new Uint8Array(bytes);
+        const fkFont = fontkit.create(buffer);
+        if (fkFont.variationAxes && Object.keys(fkFont.variationAxes).length > 0) {
+          const variationFont = fkFont.getVariation({ wght: weightNum });
+          this.fontkitFonts.set(k, variationFont);
+          console.log(`\u2705 Registered variable font: ${desc.family} weight=${weightNum}`);
+        } else {
+          this.fontkitFonts.set(k, fkFont);
+          console.log(`\u2705 Registered static font: ${desc.family}`);
+        }
+      } catch (err) {
+        console.warn(`\u26A0\uFE0F  Fontkit failed for ${desc.family}:`, err);
+      }
     } catch (err) {
       throw new Error(
         `Failed to register font "${desc.family}": ${err instanceof Error ? err.message : String(err)}`
@@ -345,7 +372,15 @@ var FontRegistry = class _FontRegistry {
     }
   }
   async glyphPath(desc, glyphId) {
+    const k = this.key(desc);
     try {
+      const fkFont = this.fontkitFonts.get(k);
+      if (fkFont) {
+        const glyph = fkFont.getGlyph(glyphId);
+        if (glyph && glyph.path) {
+          return glyph.path.toSVG();
+        }
+      }
       const font = await this.getFont(desc);
       const path = font.glyphToPath(glyphId);
       return path && path !== "" ? path : "M 0 0";
@@ -387,6 +422,7 @@ var FontRegistry = class _FontRegistry {
       this.fonts.clear();
       this.faces.clear();
       this.blobs.clear();
+      this.fontkitFonts.clear();
       this.hb = void 0;
       this.initPromise = void 0;
     } catch (err) {
@@ -1284,7 +1320,6 @@ async function createNodePainter(opts) {
             if (!fill) {
               fill = makeGradientFromBBox(context, fillOp.fill, localBBox);
               gradientCache.set(cacheKey, fill);
-              console.log("[Node Painter] Created NEW gradient for local bbox:", localBBox);
             }
             context.fillStyle = fill;
             context.beginPath();