@shotstack/shotstack-canvas 1.3.5 → 1.3.7

package/dist/entry.node.cjs

@@ -48,7 +48,7 @@ var CANVAS_CONFIG = {
     fontFamily: "Roboto",
     fontSize: 48,
     color: "#000000",
-    textAlign: "left"
+    textAlign: "center"
   },
   LIMITS: {
     minWidth: 1,
@@ -1940,7 +1940,7 @@ var VideoGenerator = class {
       ffmpeg.on("close", (code) => {
         if (code === 0) {
           console.log("\u2705 Video generation complete!");
-          resolve();
+          resolve(finalOutputPath);
         } else {
           console.error("FFmpeg stderr:", ffmpegError);
           reject(new Error(`FFmpeg exited with code ${code}`));
@@ -2119,7 +2119,10 @@ async function createTextEngine(opts = {}) {
             },
             stroke: asset.stroke,
             shadow: asset.shadow,
-            align: asset.align ?? { horizontal: "left", vertical: "middle" },
+            align: {
+              horizontal: asset.align?.horizontal ?? "center",
+              vertical: asset.align?.vertical ?? "middle"
+            },
             background: asset.background,
             glyphPathProvider: (gid) => fonts.glyphPath(desc, gid),
             getUnitsPerEm: () => fonts.getUnitsPerEm(desc)
@@ -2189,7 +2192,8 @@ async function createTextEngine(opts = {}) {
         const frameGenerator = async (time) => {
           return this.renderFrame(asset, time);
         };
-        await videoGenerator.generateVideo(frameGenerator, finalOptions);
+        const actualOutputPath = await videoGenerator.generateVideo(frameGenerator, finalOptions);
+        return actualOutputPath;
       } catch (err) {
         throw new Error(
           `Failed to generate video: ${err instanceof Error ? err.message : String(err)}`

package/dist/entry.node.d.cts

@@ -6,7 +6,7 @@ declare const CANVAS_CONFIG: {
         fontFamily: string;
         fontSize: number;
         color: string;
-        textAlign: "left";
+        textAlign: "center";
     };
     LIMITS: {
         minWidth: number;
@@ -243,7 +243,7 @@ declare function createTextEngine(opts?: {
         render(ops: DrawOp[]): Promise<void>;
         toPNG(): Promise<Buffer>;
     }>;
-    generateVideo(asset: RichTextValidated, options: Partial<VideoGenerationOptions>): Promise<void>;
+    generateVideo(asset: RichTextValidated, options: Partial<VideoGenerationOptions>): Promise<string>;
     destroy(): void;
 }>;
 

package/dist/entry.node.d.ts

@@ -6,7 +6,7 @@ declare const CANVAS_CONFIG: {
         fontFamily: string;
         fontSize: number;
         color: string;
-        textAlign: "left";
+        textAlign: "center";
     };
     LIMITS: {
         minWidth: number;
@@ -243,7 +243,7 @@ declare function createTextEngine(opts?: {
         render(ops: DrawOp[]): Promise<void>;
         toPNG(): Promise<Buffer>;
     }>;
-    generateVideo(asset: RichTextValidated, options: Partial<VideoGenerationOptions>): Promise<void>;
+    generateVideo(asset: RichTextValidated, options: Partial<VideoGenerationOptions>): Promise<string>;
     destroy(): void;
 }>;
 

package/dist/entry.node.js

@@ -10,7 +10,7 @@ var CANVAS_CONFIG = {
     fontFamily: "Roboto",
     fontSize: 48,
     color: "#000000",
-    textAlign: "left"
+    textAlign: "center"
   },
   LIMITS: {
     minWidth: 1,
@@ -1901,7 +1901,7 @@ var VideoGenerator = class {
       ffmpeg.on("close", (code) => {
         if (code === 0) {
           console.log("\u2705 Video generation complete!");
-          resolve();
+          resolve(finalOutputPath);
         } else {
           console.error("FFmpeg stderr:", ffmpegError);
           reject(new Error(`FFmpeg exited with code ${code}`));
@@ -2080,7 +2080,10 @@ async function createTextEngine(opts = {}) {
             },
             stroke: asset.stroke,
             shadow: asset.shadow,
-            align: asset.align ?? { horizontal: "left", vertical: "middle" },
+            align: {
+              horizontal: asset.align?.horizontal ?? "center",
+              vertical: asset.align?.vertical ?? "middle"
+            },
             background: asset.background,
             glyphPathProvider: (gid) => fonts.glyphPath(desc, gid),
             getUnitsPerEm: () => fonts.getUnitsPerEm(desc)
@@ -2150,7 +2153,8 @@ async function createTextEngine(opts = {}) {
         const frameGenerator = async (time) => {
           return this.renderFrame(asset, time);
         };
-        await videoGenerator.generateVideo(frameGenerator, finalOptions);
+        const actualOutputPath = await videoGenerator.generateVideo(frameGenerator, finalOptions);
+        return actualOutputPath;
       } catch (err) {
         throw new Error(
           `Failed to generate video: ${err instanceof Error ? err.message : String(err)}`

package/dist/entry.web.d.ts

@@ -6,7 +6,7 @@ declare const CANVAS_CONFIG: {
         fontFamily: string;
         fontSize: number;
         color: string;
-        textAlign: "left";
+        textAlign: "center";
     };
     LIMITS: {
         minWidth: number;

package/dist/entry.web.js

@@ -14,7 +14,7 @@ var CANVAS_CONFIG = {
     fontFamily: "Roboto",
     fontSize: 48,
     color: "#000000",
-    textAlign: "left"
+    textAlign: "center"
   },
   LIMITS: {
     minWidth: 1,
@@ -1801,7 +1801,10 @@ async function createTextEngine(opts = {}) {
             },
             stroke: asset.stroke,
             shadow: asset.shadow,
-            align: asset.align ?? { horizontal: "center", vertical: "middle" },
+            align: {
+              horizontal: asset.align?.horizontal ?? "center",
+              vertical: asset.align?.vertical ?? "middle"
+            },
             background: asset.background,
             glyphPathProvider: (gid) => fonts.glyphPath(desc, gid),
             getUnitsPerEm: () => fonts.getUnitsPerEm(desc)

package/package.json

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