@shotstack/shotstack-canvas 1.1.9 → 1.2.1

package/dist/entry.web.js

@@ -211,12 +211,15 @@ async function initHB(wasmBaseURL) {
 }
 
 // src/core/font-registry.ts
+import * as fontkit from "fontkit";
 var _FontRegistry = class _FontRegistry {
   constructor(wasmBaseURL) {
     __publicField(this, "hb");
     __publicField(this, "faces", /* @__PURE__ */ new Map());
     __publicField(this, "fonts", /* @__PURE__ */ new Map());
     __publicField(this, "blobs", /* @__PURE__ */ new Map());
+    __publicField(this, "fontkitFonts", /* @__PURE__ */ new Map());
+    // fontkit fonts for variable outlines
     __publicField(this, "wasmBaseURL");
     __publicField(this, "initPromise");
     this.wasmBaseURL = wasmBaseURL;
@@ -241,7 +244,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;
@@ -272,9 +277,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)}`
@@ -348,7 +375,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";
@@ -390,6 +425,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) {
@@ -1260,7 +1296,6 @@ function createWebPainter(canvas) {
           if (!fill) {
             fill = makeGradientFromBBox(ctx, fillOp.fill, localBBox);
             gradientCache.set(cacheKey, fill);
-            console.log("[Web Painter] Created NEW gradient for local bbox:", localBBox);
           }
           ctx.fillStyle = fill;
           ctx.fill(p);