@shotstack/shotstack-canvas 2.0.0 → 2.0.2

package/dist/entry.node.cjs

@@ -612,7 +612,8 @@ var richCaptionAssetSchema = import_zod.z.object({
   wordAnimation: richCaptionWordAnimationSchema.optional(),
   position: import_zod.z.enum(["top", "center", "bottom"]).default("bottom"),
   maxWidth: import_zod.z.number().min(0.1).max(1).default(0.9),
-  maxLines: import_zod.z.number().int().min(1).max(10).default(2)
+  maxLines: import_zod.z.number().int().min(1).max(10).default(2),
+  customFonts: import_zod.z.array(customFontSchema).optional()
 }).superRefine((data, ctx) => {
   if (data.src && data.words) {
     ctx.addIssue({
@@ -871,6 +872,7 @@ var FontRegistry = class _FontRegistry {
   fontkitBaseFonts = /* @__PURE__ */ new Map();
   colorEmojiFonts = /* @__PURE__ */ new Set();
   colorEmojiFontBytes = /* @__PURE__ */ new Map();
+  registeredCanvasFonts = /* @__PURE__ */ new Set();
   wasmBaseURL;
   initPromise;
   emojiFallbackDesc;
@@ -1068,6 +1070,7 @@ var FontRegistry = class _FontRegistry {
       } catch (err) {
         console.warn(`\u26A0\uFE0F  Fontkit failed for ${desc.family}:`, err);
       }
+      await this.registerWithCanvas(desc.family, bytes);
     } catch (err) {
       throw new Error(
         `Failed to register font "${desc.family}": ${err instanceof Error ? err.message : String(err)}`
@@ -1210,6 +1213,21 @@ var FontRegistry = class _FontRegistry {
       );
     }
   }
+  async registerWithCanvas(family, bytes) {
+    if (this.registeredCanvasFonts.has(family)) {
+      return;
+    }
+    try {
+      const canvasMod = await import("canvas");
+      const GlobalFonts = canvasMod.GlobalFonts;
+      if (GlobalFonts && typeof GlobalFonts.register === "function") {
+        const buffer = Buffer.from(bytes);
+        GlobalFonts.register(buffer, family);
+        this.registeredCanvasFonts.add(family);
+      }
+    } catch {
+    }
+  }
   destroy() {
     try {
       for (const [, f] of this.fonts) {
@@ -1246,6 +1264,7 @@ var FontRegistry = class _FontRegistry {
       this.fontkitBaseFonts.clear();
       this.colorEmojiFonts.clear();
       this.colorEmojiFontBytes.clear();
+      this.registeredCanvasFonts.clear();
       this.hb = void 0;
       this.initPromise = void 0;
     } catch (err) {

package/dist/entry.node.d.cts

@@ -373,6 +373,13 @@ declare const richCaptionAssetSchema: z.ZodObject<{
     }>>;
     maxWidth: z.ZodDefault<z.ZodNumber>;
     maxLines: z.ZodDefault<z.ZodNumber>;
+    customFonts: z.ZodOptional<z.ZodArray<z.ZodObject<{
+        src: z.ZodString;
+        family: z.ZodString;
+        weight: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodNumber]>>;
+        style: z.ZodOptional<z.ZodString>;
+        originalFamily: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>>>;
 }, z.core.$strip>;
 declare const CanvasRichCaptionAssetSchema: z.ZodObject<{
     type: z.ZodLiteral<"rich-caption">;
@@ -492,6 +499,13 @@ declare const CanvasRichCaptionAssetSchema: z.ZodObject<{
     }>>;
     maxWidth: z.ZodDefault<z.ZodNumber>;
     maxLines: z.ZodDefault<z.ZodNumber>;
+    customFonts: z.ZodOptional<z.ZodArray<z.ZodObject<{
+        src: z.ZodString;
+        family: z.ZodString;
+        weight: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodNumber]>>;
+        style: z.ZodOptional<z.ZodString>;
+        originalFamily: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>>>;
 }, z.core.$strip>;
 type CanvasRichCaptionAsset = z.infer<typeof CanvasRichCaptionAssetSchema>;
 type CanvasSvgAsset = z.infer<typeof CanvasSvgAssetSchema>;
@@ -544,6 +558,7 @@ declare class FontRegistry {
     private fontkitBaseFonts;
     private colorEmojiFonts;
     private colorEmojiFontBytes;
+    private registeredCanvasFonts;
     private wasmBaseURL?;
     private initPromise?;
     private emojiFallbackDesc?;
@@ -575,6 +590,7 @@ declare class FontRegistry {
     getFace(desc: FontDescriptor): Promise<HBFace | undefined>;
     getUnitsPerEm(desc: FontDescriptor): Promise<number>;
     glyphPath(desc: FontDescriptor, glyphId: number): Promise<string>;
+    private registerWithCanvas;
     destroy(): void;
 }
 

package/dist/entry.node.d.ts

@@ -373,6 +373,13 @@ declare const richCaptionAssetSchema: z.ZodObject<{
     }>>;
     maxWidth: z.ZodDefault<z.ZodNumber>;
     maxLines: z.ZodDefault<z.ZodNumber>;
+    customFonts: z.ZodOptional<z.ZodArray<z.ZodObject<{
+        src: z.ZodString;
+        family: z.ZodString;
+        weight: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodNumber]>>;
+        style: z.ZodOptional<z.ZodString>;
+        originalFamily: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>>>;
 }, z.core.$strip>;
 declare const CanvasRichCaptionAssetSchema: z.ZodObject<{
     type: z.ZodLiteral<"rich-caption">;
@@ -492,6 +499,13 @@ declare const CanvasRichCaptionAssetSchema: z.ZodObject<{
     }>>;
     maxWidth: z.ZodDefault<z.ZodNumber>;
     maxLines: z.ZodDefault<z.ZodNumber>;
+    customFonts: z.ZodOptional<z.ZodArray<z.ZodObject<{
+        src: z.ZodString;
+        family: z.ZodString;
+        weight: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodNumber]>>;
+        style: z.ZodOptional<z.ZodString>;
+        originalFamily: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>>>;
 }, z.core.$strip>;
 type CanvasRichCaptionAsset = z.infer<typeof CanvasRichCaptionAssetSchema>;
 type CanvasSvgAsset = z.infer<typeof CanvasSvgAssetSchema>;
@@ -544,6 +558,7 @@ declare class FontRegistry {
     private fontkitBaseFonts;
     private colorEmojiFonts;
     private colorEmojiFontBytes;
+    private registeredCanvasFonts;
     private wasmBaseURL?;
     private initPromise?;
     private emojiFallbackDesc?;
@@ -575,6 +590,7 @@ declare class FontRegistry {
     getFace(desc: FontDescriptor): Promise<HBFace | undefined>;
     getUnitsPerEm(desc: FontDescriptor): Promise<number>;
     glyphPath(desc: FontDescriptor, glyphId: number): Promise<string>;
+    private registerWithCanvas;
     destroy(): void;
 }
 

package/dist/entry.node.js

@@ -224,7 +224,8 @@ var richCaptionAssetSchema = z.object({
   wordAnimation: richCaptionWordAnimationSchema.optional(),
   position: z.enum(["top", "center", "bottom"]).default("bottom"),
   maxWidth: z.number().min(0.1).max(1).default(0.9),
-  maxLines: z.number().int().min(1).max(10).default(2)
+  maxLines: z.number().int().min(1).max(10).default(2),
+  customFonts: z.array(customFontSchema).optional()
 }).superRefine((data, ctx) => {
   if (data.src && data.words) {
     ctx.addIssue({
@@ -482,6 +483,7 @@ var FontRegistry = class _FontRegistry {
   fontkitBaseFonts = /* @__PURE__ */ new Map();
   colorEmojiFonts = /* @__PURE__ */ new Set();
   colorEmojiFontBytes = /* @__PURE__ */ new Map();
+  registeredCanvasFonts = /* @__PURE__ */ new Set();
   wasmBaseURL;
   initPromise;
   emojiFallbackDesc;
@@ -679,6 +681,7 @@ var FontRegistry = class _FontRegistry {
       } catch (err) {
         console.warn(`\u26A0\uFE0F  Fontkit failed for ${desc.family}:`, err);
       }
+      await this.registerWithCanvas(desc.family, bytes);
     } catch (err) {
       throw new Error(
         `Failed to register font "${desc.family}": ${err instanceof Error ? err.message : String(err)}`
@@ -821,6 +824,21 @@ var FontRegistry = class _FontRegistry {
       );
     }
   }
+  async registerWithCanvas(family, bytes) {
+    if (this.registeredCanvasFonts.has(family)) {
+      return;
+    }
+    try {
+      const canvasMod = await import("canvas");
+      const GlobalFonts = canvasMod.GlobalFonts;
+      if (GlobalFonts && typeof GlobalFonts.register === "function") {
+        const buffer = Buffer.from(bytes);
+        GlobalFonts.register(buffer, family);
+        this.registeredCanvasFonts.add(family);
+      }
+    } catch {
+    }
+  }
   destroy() {
     try {
       for (const [, f] of this.fonts) {
@@ -857,6 +875,7 @@ var FontRegistry = class _FontRegistry {
       this.fontkitBaseFonts.clear();
       this.colorEmojiFonts.clear();
       this.colorEmojiFontBytes.clear();
+      this.registeredCanvasFonts.clear();
       this.hb = void 0;
       this.initPromise = void 0;
     } catch (err) {

package/dist/entry.web.d.ts

@@ -373,6 +373,13 @@ declare const richCaptionAssetSchema: z.ZodObject<{
     }>>;
     maxWidth: z.ZodDefault<z.ZodNumber>;
     maxLines: z.ZodDefault<z.ZodNumber>;
+    customFonts: z.ZodOptional<z.ZodArray<z.ZodObject<{
+        src: z.ZodString;
+        family: z.ZodString;
+        weight: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodNumber]>>;
+        style: z.ZodOptional<z.ZodString>;
+        originalFamily: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>>>;
 }, z.core.$strip>;
 declare const CanvasRichCaptionAssetSchema: z.ZodObject<{
     type: z.ZodLiteral<"rich-caption">;
@@ -492,6 +499,13 @@ declare const CanvasRichCaptionAssetSchema: z.ZodObject<{
     }>>;
     maxWidth: z.ZodDefault<z.ZodNumber>;
     maxLines: z.ZodDefault<z.ZodNumber>;
+    customFonts: z.ZodOptional<z.ZodArray<z.ZodObject<{
+        src: z.ZodString;
+        family: z.ZodString;
+        weight: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodNumber]>>;
+        style: z.ZodOptional<z.ZodString>;
+        originalFamily: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>>>;
 }, z.core.$strip>;
 type CanvasRichCaptionAsset = z.infer<typeof CanvasRichCaptionAssetSchema>;
 type CanvasSvgAsset = z.infer<typeof CanvasSvgAssetSchema>;
@@ -544,6 +558,7 @@ declare class FontRegistry {
     private fontkitBaseFonts;
     private colorEmojiFonts;
     private colorEmojiFontBytes;
+    private registeredCanvasFonts;
     private wasmBaseURL?;
     private initPromise?;
     private emojiFallbackDesc?;
@@ -575,6 +590,7 @@ declare class FontRegistry {
     getFace(desc: FontDescriptor): Promise<HBFace | undefined>;
     getUnitsPerEm(desc: FontDescriptor): Promise<number>;
     glyphPath(desc: FontDescriptor, glyphId: number): Promise<string>;
+    private registerWithCanvas;
     destroy(): void;
 }
 

package/dist/entry.web.js

@@ -18102,7 +18102,8 @@ var richCaptionAssetSchema = external_exports.object({
   wordAnimation: richCaptionWordAnimationSchema.optional(),
   position: external_exports.enum(["top", "center", "bottom"]).default("bottom"),
   maxWidth: external_exports.number().min(0.1).max(1).default(0.9),
-  maxLines: external_exports.number().int().min(1).max(10).default(2)
+  maxLines: external_exports.number().int().min(1).max(10).default(2),
+  customFonts: external_exports.array(customFontSchema).optional()
 }).superRefine((data, ctx) => {
   if (data.src && data.words) {
     ctx.addIssue({
@@ -31755,6 +31756,7 @@ var _FontRegistry = class _FontRegistry {
     __publicField(this, "fontkitBaseFonts", /* @__PURE__ */ new Map());
     __publicField(this, "colorEmojiFonts", /* @__PURE__ */ new Set());
     __publicField(this, "colorEmojiFontBytes", /* @__PURE__ */ new Map());
+    __publicField(this, "registeredCanvasFonts", /* @__PURE__ */ new Set());
     __publicField(this, "wasmBaseURL");
     __publicField(this, "initPromise");
     __publicField(this, "emojiFallbackDesc");
@@ -31947,6 +31949,7 @@ var _FontRegistry = class _FontRegistry {
       } catch (err) {
         console.warn(`\u26A0\uFE0F  Fontkit failed for ${desc.family}:`, err);
       }
+      await this.registerWithCanvas(desc.family, bytes);
     } catch (err) {
       throw new Error(
         `Failed to register font "${desc.family}": ${err instanceof Error ? err.message : String(err)}`
@@ -32089,6 +32092,21 @@ var _FontRegistry = class _FontRegistry {
       );
     }
   }
+  async registerWithCanvas(family, bytes) {
+    if (this.registeredCanvasFonts.has(family)) {
+      return;
+    }
+    try {
+      const canvasMod = await import("canvas");
+      const GlobalFonts = canvasMod.GlobalFonts;
+      if (GlobalFonts && typeof GlobalFonts.register === "function") {
+        const buffer = Buffer.from(bytes);
+        GlobalFonts.register(buffer, family);
+        this.registeredCanvasFonts.add(family);
+      }
+    } catch {
+    }
+  }
   destroy() {
     try {
       for (const [, f] of this.fonts) {
@@ -32125,6 +32143,7 @@ var _FontRegistry = class _FontRegistry {
       this.fontkitBaseFonts.clear();
       this.colorEmojiFonts.clear();
       this.colorEmojiFontBytes.clear();
+      this.registeredCanvasFonts.clear();
       this.hb = void 0;
       this.initPromise = void 0;
     } catch (err) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shotstack/shotstack-canvas",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "description": "Text layout & animation engine (HarfBuzz) for Node & Web - fully self-contained.",
   "type": "module",
   "main": "./dist/entry.node.cjs",