@shotstack/shotstack-canvas 2.0.5 → 2.0.6

package/dist/entry.node.cjs

@@ -5615,6 +5615,7 @@ var NodeRawEncoder = class _NodeRawEncoder {
       preset = "ultrafast",
       profile = "high"
     } = config;
+    const hasAlpha = config.hasAlpha ?? false;
     const args = [
       "-y",
       "-f",
@@ -5628,32 +5629,49 @@ var NodeRawEncoder = class _NodeRawEncoder {
       "-thread_queue_size",
       "512",
       "-i",
-      "pipe:0",
-      "-c:v",
-      "libx264",
-      "-preset",
-      preset,
-      "-tune",
-      "stillimage",
-      "-crf",
-      String(crf),
-      "-profile:v",
-      profile,
-      "-g",
-      "300",
-      "-bf",
-      "2",
-      "-threads",
-      "0",
-      "-pix_fmt",
-      "yuv420p",
-      "-r",
-      String(fps),
-      "-movflags",
-      "+faststart"
+      "pipe:0"
     ];
+    if (hasAlpha) {
+      args.push(
+        "-c:v",
+        "prores_ks",
+        "-profile:v",
+        "4444",
+        "-pix_fmt",
+        "yuva444p10le",
+        "-vendor",
+        "apl0",
+        "-r",
+        String(fps)
+      );
+    } else {
+      args.push(
+        "-c:v",
+        "libx264",
+        "-preset",
+        preset,
+        "-tune",
+        "stillimage",
+        "-crf",
+        String(crf),
+        "-profile:v",
+        profile,
+        "-g",
+        "300",
+        "-bf",
+        "2",
+        "-threads",
+        "0",
+        "-pix_fmt",
+        "yuv420p",
+        "-r",
+        String(fps),
+        "-movflags",
+        "+faststart"
+      );
+    }
     if (this.outputToMemory) {
-      args.push("-f", "mp4", "pipe:1");
+      args.push("-f", hasAlpha ? "mov" : "mp4", "pipe:1");
     } else {
       args.push(this.outputPath);
     }
@@ -5913,6 +5931,8 @@ var RichCaptionRenderer = class {
       animationStyle,
       animationSpeed
     );
+    const bgColor = options?.bgColor;
+    const hasAlpha = !bgColor;
     const encoder = new NodeRawEncoder();
     await encoder.configure(
       {
@@ -5922,7 +5942,8 @@ var RichCaptionRenderer = class {
         duration,
         crf: options?.crf ?? 23,
         preset: options?.preset ?? "ultrafast",
-        profile: options?.profile ?? "high"
+        profile: options?.profile ?? "high",
+        hasAlpha
       },
       {
         outputPath,
@@ -5934,7 +5955,6 @@ var RichCaptionRenderer = class {
       height: this.height,
       pixelRatio: this.pixelRatio
     });
-    const bgColor = options?.bgColor ?? "#000000";
     const totalStart = performance.now();
     let framesProcessed = 0;
     let lastPct = -1;
@@ -5948,7 +5968,7 @@ var RichCaptionRenderer = class {
           height: this.height * this.pixelRatio,
           pixelRatio: this.pixelRatio,
           clear: true,
-          bg: { color: bgColor, opacity: 1, radius: 0 }
+          ...bgColor ? { bg: { color: bgColor, opacity: 1, radius: 0 } } : {}
         };
         await painter.render([beginOp, ...captionOps]);
         const rawResult = painter.toRawRGBA();

package/dist/entry.node.d.cts

@@ -1207,6 +1207,7 @@ interface VideoEncoderConfig {
     hardwareAcceleration?: "prefer-hardware" | "prefer-software" | "no-preference";
     crf?: number;
     preset?: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow";
+    hasAlpha?: boolean;
 }
 interface VideoEncoderProgress {
     framesEncoded: number;

package/dist/entry.node.d.ts

@@ -1207,6 +1207,7 @@ interface VideoEncoderConfig {
     hardwareAcceleration?: "prefer-hardware" | "prefer-software" | "no-preference";
     crf?: number;
     preset?: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow";
+    hasAlpha?: boolean;
 }
 interface VideoEncoderProgress {
     framesEncoded: number;

package/dist/entry.node.js

@@ -5225,6 +5225,7 @@ var NodeRawEncoder = class _NodeRawEncoder {
       preset = "ultrafast",
       profile = "high"
     } = config;
+    const hasAlpha = config.hasAlpha ?? false;
     const args = [
       "-y",
       "-f",
@@ -5238,32 +5239,49 @@ var NodeRawEncoder = class _NodeRawEncoder {
       "-thread_queue_size",
       "512",
       "-i",
-      "pipe:0",
-      "-c:v",
-      "libx264",
-      "-preset",
-      preset,
-      "-tune",
-      "stillimage",
-      "-crf",
-      String(crf),
-      "-profile:v",
-      profile,
-      "-g",
-      "300",
-      "-bf",
-      "2",
-      "-threads",
-      "0",
-      "-pix_fmt",
-      "yuv420p",
-      "-r",
-      String(fps),
-      "-movflags",
-      "+faststart"
+      "pipe:0"
     ];
+    if (hasAlpha) {
+      args.push(
+        "-c:v",
+        "prores_ks",
+        "-profile:v",
+        "4444",
+        "-pix_fmt",
+        "yuva444p10le",
+        "-vendor",
+        "apl0",
+        "-r",
+        String(fps)
+      );
+    } else {
+      args.push(
+        "-c:v",
+        "libx264",
+        "-preset",
+        preset,
+        "-tune",
+        "stillimage",
+        "-crf",
+        String(crf),
+        "-profile:v",
+        profile,
+        "-g",
+        "300",
+        "-bf",
+        "2",
+        "-threads",
+        "0",
+        "-pix_fmt",
+        "yuv420p",
+        "-r",
+        String(fps),
+        "-movflags",
+        "+faststart"
+      );
+    }
     if (this.outputToMemory) {
-      args.push("-f", "mp4", "pipe:1");
+      args.push("-f", hasAlpha ? "mov" : "mp4", "pipe:1");
     } else {
       args.push(this.outputPath);
     }
@@ -5523,6 +5541,8 @@ var RichCaptionRenderer = class {
       animationStyle,
       animationSpeed
     );
+    const bgColor = options?.bgColor;
+    const hasAlpha = !bgColor;
     const encoder = new NodeRawEncoder();
     await encoder.configure(
       {
@@ -5532,7 +5552,8 @@ var RichCaptionRenderer = class {
         duration,
         crf: options?.crf ?? 23,
         preset: options?.preset ?? "ultrafast",
-        profile: options?.profile ?? "high"
+        profile: options?.profile ?? "high",
+        hasAlpha
       },
       {
         outputPath,
@@ -5544,7 +5565,6 @@ var RichCaptionRenderer = class {
       height: this.height,
       pixelRatio: this.pixelRatio
     });
-    const bgColor = options?.bgColor ?? "#000000";
     const totalStart = performance.now();
     let framesProcessed = 0;
     let lastPct = -1;
@@ -5558,7 +5578,7 @@ var RichCaptionRenderer = class {
           height: this.height * this.pixelRatio,
           pixelRatio: this.pixelRatio,
           clear: true,
-          bg: { color: bgColor, opacity: 1, radius: 0 }
+          ...bgColor ? { bg: { color: bgColor, opacity: 1, radius: 0 } } : {}
         };
         await painter.render([beginOp, ...captionOps]);
         const rawResult = painter.toRawRGBA();

package/dist/entry.web.d.ts

@@ -1148,6 +1148,7 @@ interface VideoEncoderConfig {
     hardwareAcceleration?: "prefer-hardware" | "prefer-software" | "no-preference";
     crf?: number;
     preset?: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow";
+    hasAlpha?: boolean;
 }
 interface VideoEncoderProgress {
     framesEncoded: number;

package/package.json

@@ -1,65 +1,65 @@
-{
-  "name": "@shotstack/shotstack-canvas",
-  "version": "2.0.5",
-  "description": "Text layout & animation engine (HarfBuzz) for Node & Web - fully self-contained.",
-  "type": "module",
-  "main": "./dist/entry.node.cjs",
-  "module": "./dist/entry.node.js",
-  "browser": "./dist/entry.web.js",
-  "types": "./dist/entry.node.d.ts",
-  "exports": {
-    ".": {
-      "node": {
-        "import": "./dist/entry.node.js",
-        "require": "./dist/entry.node.cjs"
-      },
-      "browser": "./dist/entry.web.js",
-      "default": "./dist/entry.web.js"
-    }
-  },
-  "files": [
-    "dist/**",
-    "scripts/postinstall.js",
-    "README.md",
-    "LICENSE"
-  ],
-  "scripts": {
-    "dev": "tsup --watch",
-    "build": "tsup",
-    "postinstall": "node scripts/postinstall.js",
-    "vendor:harfbuzz": "node scripts/vendor-harfbuzz.js",
-    "example:node": "node examples/node-example.mjs",
-    "example:video": "node examples/node-video.mjs",
-    "example:web": "vite dev examples/web-example",
-    "test:caption-web": "vite dev examples/caption-tests",
-    "prepublishOnly": "npm run build"
-  },
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org/"
-  },
-  "engines": {
-    "node": ">=18"
-  },
-  "sideEffects": false,
-  "dependencies": {
-    "@resvg/resvg-js": "^2.6.2",
-    "@resvg/resvg-wasm": "^2.6.2",
-    "@shotstack/schemas": "1.6.0",
-    "canvas": "npm:@napi-rs/canvas@^0.1.54",
-    "ffmpeg-static": "^5.2.0",
-    "fontkit": "^2.0.4",
-    "harfbuzzjs": "0.4.12",
-    "lru-cache": "^11.2.5",
-    "mp4-muxer": "^5.1.3",
-    "zod": "^4.2.0"
-  },
-  "devDependencies": {
-    "@types/node": "^20.14.10",
-    "tsup": "^8.2.3",
-    "typescript": "^5.5.3",
-    "vite": "^5.3.3",
-    "vite-plugin-top-level-await": "1.6.0",
-    "vite-plugin-wasm": "3.5.0"
-  }
-}
+{
+  "name": "@shotstack/shotstack-canvas",
+  "version": "2.0.6",
+  "description": "Text layout & animation engine (HarfBuzz) for Node & Web - fully self-contained.",
+  "type": "module",
+  "main": "./dist/entry.node.cjs",
+  "module": "./dist/entry.node.js",
+  "browser": "./dist/entry.web.js",
+  "types": "./dist/entry.node.d.ts",
+  "exports": {
+    ".": {
+      "node": {
+        "import": "./dist/entry.node.js",
+        "require": "./dist/entry.node.cjs"
+      },
+      "browser": "./dist/entry.web.js",
+      "default": "./dist/entry.web.js"
+    }
+  },
+  "files": [
+    "dist/**",
+    "scripts/postinstall.js",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "dev": "tsup --watch",
+    "build": "tsup",
+    "postinstall": "node scripts/postinstall.js",
+    "vendor:harfbuzz": "node scripts/vendor-harfbuzz.js",
+    "example:node": "node examples/node-example.mjs",
+    "example:video": "node examples/node-video.mjs",
+    "example:web": "vite dev examples/web-example",
+    "test:caption-web": "vite dev examples/caption-tests",
+    "prepublishOnly": "npm run build"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "sideEffects": false,
+  "dependencies": {
+    "@resvg/resvg-js": "^2.6.2",
+    "@resvg/resvg-wasm": "^2.6.2",
+    "@shotstack/schemas": "1.6.0",
+    "canvas": "npm:@napi-rs/canvas@^0.1.54",
+    "ffmpeg-static": "^5.2.0",
+    "fontkit": "^2.0.4",
+    "harfbuzzjs": "0.4.12",
+    "lru-cache": "^11.2.5",
+    "mp4-muxer": "^5.1.3",
+    "zod": "^4.2.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20.14.10",
+    "tsup": "^8.2.3",
+    "typescript": "^5.5.3",
+    "vite": "^5.3.3",
+    "vite-plugin-top-level-await": "1.6.0",
+    "vite-plugin-wasm": "3.5.0"
+  }
+}