pixi-effects 0.16.3 → 0.17.0

package/ai/tools/render.mjs

@@ -13,6 +13,8 @@
  *
  * Options: -o, --out FILE (default ./<page name>.<format>; the container follows the extension: mp4 webm mov mkv) ·
  *          --format mp4|webm|mov|mkv|pdf (a .pdf is the deck as pages: one picture per page of a movie with `stops`; --all-stops makes a page of every stop) · --quality very-low|low|medium|high|very-high (video and audio bitrate, default high) ·
+ *          --range A:B (only seconds A to B; 2: runs to the end, :5 starts at the beginning) · --scene NAME (the span of a top-level layer: a movie's scene) · --scale S (output size, 0 < S <= 1: smaller picture, smaller file) ·
+ *          --draft (for looking: half size, low quality, no motion blur; a --quality you give still wins) ·
  *          --motion-blur SAMPLES (2-64: each frame is drawn that many times over the shutter and averaged; overrides the page's own motionBlur) ·
  *          --shutter FRACTION (with --motion-blur: how long the shutter is open, 0-1 of a frame, default 0.5) ·
  *          --video-codec C · --audio-codec C · --query "a=1&b=2" (added to the page URL) · --fail-on-warn (exit 1 when the page
@@ -41,7 +43,7 @@ export function defaultOutput(page, format) {
 }
 
 export function parseRenderArgs(argv) {
-  const o = { page: null, out: null, format: null, quality: 'high', videoCodec: null, audioCodec: null, allStops: false, motionBlur: null, shutter: null, query: null, failOnWarn: false, quiet: false, timeout: 900, root: null, chrome: null };
+  const o = { range: null, scene: null, scale: null, draft: false, qualityGiven: false, page: null, out: null, format: null, quality: 'high', videoCodec: null, audioCodec: null, allStops: false, motionBlur: null, shutter: null, query: null, failOnWarn: false, quiet: false, timeout: 900, root: null, chrome: null };
   const need = (i, name) => { if (i + 1 >= argv.length) throw new Error(`${name} needs a value`); return argv[i + 1]; };
   for (let i = 0; i < argv.length; i++) {
     const a = argv[i];
@@ -50,6 +52,7 @@ export function parseRenderArgs(argv) {
       o.format = need(i++, a).toLowerCase();
       if (!FORMATS.includes(o.format)) throw new Error(`--format must be mp4, webm, mov, mkv or pdf (got "${o.format}")`);
     } else if (a === '--quality') {
+      o.qualityGiven = true;
       o.quality = need(i++, a);
       if (!QUALITIES.includes(o.quality)) throw new Error(`--quality must be very-low, low, medium, high or very-high (got "${o.quality}")`);
     } else if (a === '--video-codec') o.videoCodec = need(i++, a);
@@ -60,7 +63,16 @@ export function parseRenderArgs(argv) {
     } else if (a === '--shutter') {
       o.shutter = Number(need(i++, a));
       if (!(o.shutter > 0 && o.shutter <= 1)) throw new Error(`--shutter must be above 0 and at most 1 (0.5 is a 180° shutter), got "${argv[i]}"`);
-    } else if (a === '--query') o.query = need(i++, a).replace(/^\?/, '');
+    } else if (a === '--range') {
+      const m = need(i++, a).match(/^(\d+(?:\.\d+)?)?:(\d+(?:\.\d+)?)?$/);
+      if (!m || (m[1] === undefined && m[2] === undefined)) throw new Error(`--range must look like 2:5 (seconds; 2: runs to the end, :5 starts at the beginning), got "${argv[i]}"`);
+      o.range = [m[1] === undefined ? null : Number(m[1]), m[2] === undefined ? null : Number(m[2])];
+    } else if (a === '--scene') o.scene = need(i++, a);
+    else if (a === '--scale') {
+      o.scale = Number(need(i++, a));
+      if (!(o.scale > 0 && o.scale <= 1)) throw new Error(`--scale must be above 0 and at most 1 (0.5 is half size), got "${argv[i]}"`);
+    } else if (a === '--draft') o.draft = true;
+    else if (a === '--query') o.query = need(i++, a).replace(/^\?/, '');
     else if (a === '--all-stops') o.allStops = true;
     else if (a === '--fail-on-warn') o.failOnWarn = true;
     else if (a === '--quiet') o.quiet = true;
@@ -74,6 +86,8 @@ export function parseRenderArgs(argv) {
   if (o.shutter !== null && o.motionBlur === null) throw new Error('--shutter goes with --motion-blur SAMPLES');
   if (o.allStops && o.format !== 'pdf' && !(o.out && formatFromPath(o.out) === 'pdf')) throw new Error('--all-stops goes with a PDF (-o deck.pdf)');
   o.format ??= (o.out ? formatFromPath(o.out) : null) ?? 'mp4';
+  if (o.range && o.scene !== null) throw new Error('--range and --scene cannot be used together: a scene is a range');
+  if (o.format === 'pdf' && (o.range || o.scene !== null || o.scale !== null || o.draft)) throw new Error('--range, --scene, --scale and --draft are not for a PDF (a PDF is the pages of a deck)');
   return o;
 }
 
@@ -81,16 +95,16 @@ const UPLOAD = '/__pixi_effects_out';
 const kb = n => (n >= 1048576 ? `${(n / 1048576).toFixed(2)} MB` : `${Math.max(1, Math.round(n / 1024))} KB`);
 
 /** The page's side: render, and PUT the Blob to our server (so a long video never goes through base64). */
-const renderScript = (format, quality, videoCodec, audioCodec, motionBlur, shutter, allStops) => `(() => {
+const renderScript = (format, quality, videoCodec, audioCodec, motionBlur, shutter, allStops, part = {}) => `(() => {
   window.__r = { state: 'running', progress: 0 };
   movie.on('progress', e => { window.__r.progress = e.progress; });
   (async () => {
     try {
-      const video = { bitrate: ${JSON.stringify(quality)}${videoCodec ? `, codec: ${JSON.stringify(videoCodec)}` : ''} };
+      const video = { ${[part.draft && !part.qualityGiven ? null : `bitrate: ${JSON.stringify(quality)}`, videoCodec ? `codec: ${JSON.stringify(videoCodec)}` : null].filter(Boolean).join(', ')} };
       const audio = { bitrate: ${JSON.stringify(quality)}${audioCodec ? `, codec: ${JSON.stringify(audioCodec)}` : ''} };
       const blob = ${JSON.stringify(format)} === 'pdf'
         ? await movie.exportPDF({ which: ${allStops ? "'stops'" : "'pages'"}, title: document.title })
-        : await movie.render({ format: ${JSON.stringify(format)}, video, audio${motionBlur ? `, motionBlur: { samples: ${motionBlur}${shutter ? `, shutter: ${shutter}` : ''} }` : ''} });
+        : await movie.render({ format: ${JSON.stringify(format)}, video, audio${part.range ? `, range: [${part.range[0] ?? 0}, ${part.range[1] ?? 'movie.duration'}]` : ''}${part.scene ? `, range: ${JSON.stringify(part.scene)}` : ''}${part.scale ? `, scale: ${part.scale}` : ''}${part.draft ? ', draft: true' : ''}${motionBlur ? `, motionBlur: { samples: ${motionBlur}${shutter ? `, shutter: ${shutter}` : ''} }` : ''} });
       const res = await fetch(${JSON.stringify(UPLOAD)}, { method: 'PUT', body: blob });
       if (!res.ok) throw new Error('could not hand the file to the command (' + res.status + ')');
       window.__r = { state: 'done', bytes: blob.size, type: blob.type };
@@ -156,7 +170,7 @@ export async function runRender(opts, log = console.log, progress = () => {}) {
     }
     Object.assign(result, { duration: info.duration, frames: info.totalFrames, width: info.width, height: info.height, frameRate: info.frameRate });
 
-    await cdp.eval(renderScript(opts.format, opts.quality, opts.videoCodec, opts.audioCodec, opts.motionBlur, opts.shutter, opts.allStops));
+    await cdp.eval(renderScript(opts.format, opts.quality, opts.videoCodec, opts.audioCodec, opts.motionBlur, opts.shutter, opts.allStops, { range: opts.range, scene: opts.scene, scale: opts.scale, draft: opts.draft, qualityGiven: opts.qualityGiven }));
     let state;
     for (;;) {
       left();
@@ -190,7 +204,7 @@ if (process.argv[1] && import.meta.url === pathToFileURL(process.argv[1]).href)
     if (typeof WebSocket === 'undefined') throw new Error('Node >= 22 is needed (built-in WebSocket)');
     const opts = parseRenderArgs(process.argv.slice(2));
     if (!opts.page) {
-      console.error('usage: node ai/tools/render.mjs <page.html> [-o out.mp4] [--format mp4|webm|mov|mkv|pdf] [--quality very-low|low|medium|high|very-high] [--query a=1] [--fail-on-warn] [--quiet] [--timeout S] [--root DIR] [--chrome PATH]');
+      console.error('usage: node ai/tools/render.mjs <page.html> [-o out.mp4] [--format mp4|webm|mov|mkv|pdf] [--range A:B | --scene NAME] [--scale S] [--draft] [--quality very-low|low|medium|high|very-high] [--query a=1] [--fail-on-warn] [--quiet] [--timeout S] [--root DIR] [--chrome PATH]');
       process.exit(2);
     }
     let last = -1;

package/dist/Composition-HYAOYPAX.js

@@ -0,0 +1,5 @@
+export { CompositionSequence } from './chunk-Q3IVBYT7.js';
+import './chunk-ORTYBA42.js';
+import './chunk-DKGG7WD4.js';
+//# sourceMappingURL=Composition-HYAOYPAX.js.map
+//# sourceMappingURL=Composition-HYAOYPAX.js.map

package/dist/{Composition-VJWY2NDL.js.map → Composition-HYAOYPAX.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Composition-VJWY2NDL.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"Composition-HYAOYPAX.js"}

package/dist/Composition-LMVEASHF.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var chunkETAIVOHP_cjs = require('./chunk-ETAIVOHP.cjs');
+require('./chunk-LBJRXU7N.cjs');
+require('./chunk-UQBGW5DO.cjs');
+
+
+
+Object.defineProperty(exports, "CompositionSequence", {
+  enumerable: true,
+  get: function () { return chunkETAIVOHP_cjs.CompositionSequence; }
+});
+//# sourceMappingURL=Composition-LMVEASHF.cjs.map
+//# sourceMappingURL=Composition-LMVEASHF.cjs.map

package/dist/{Composition-3WWNVRR5.cjs.map → Composition-LMVEASHF.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Composition-3WWNVRR5.cjs"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"Composition-LMVEASHF.cjs"}

package/dist/Controller.d.cts

@@ -1,4 +1,4 @@
-import { f as Movie } from './Movie-oA0SUAyb.cjs';
+import { g as Movie } from './Movie-CoxF2Z7t.cjs';
 import 'pixi.js';
 import 'gsap';
 import './types-SS51lP6O.cjs';

package/dist/Controller.d.ts

@@ -1,4 +1,4 @@
-import { f as Movie } from './Movie-DilBC348.js';
+import { g as Movie } from './Movie-DHJRrUfI.js';
 import 'pixi.js';
 import 'gsap';
 import './types-SS51lP6O.js';

package/dist/{Movie-oA0SUAyb.d.cts → Movie-CoxF2Z7t.d.cts}

@@ -5,6 +5,12 @@ import { U as Stop, e as AssetSpec, c as CompositionSpec } from './types-SS51lP6
 interface AudioInspectOptions {
     /** Width of each loudness window in seconds. Default 0.1. */
     window?: number;
+    /** The scenes to measure one by one (`movie.inspectAudio()` fills this from the movie's named top-level compositions). Default: the whole movie as one. */
+    scenes?: Array<{
+        name: string;
+        start: number;
+        end: number;
+    }>;
 }
 /** One sound measured ON ITS OWN (not mixed), so overlapping layers do not blur it. */
 interface SoundMeasure {
@@ -44,8 +50,44 @@ interface AudioReport {
         peakDb: number;
         brightnessHz: number;
     }>;
-    /** Problems worth fixing: limiting, inaudible layers, sounds cut off by the end of the movie. Read this first. */
+    /** Problems worth fixing: limiting, clipping, a true peak above 0 dBTP, inaudible layers, sounds cut off by the end of the movie. Read this first. */
     issues: string[];
+    /** The mix as a whole (ITU-R BS.1770 loudness; `integratedLufs` is null for a mix shorter than 0.4 s or with nothing above −70 LUFS). */
+    loudness: {
+        integratedLufs: number | null;
+        truePeakDb: number;
+        clippedSamples: number;
+        silences: Array<{
+            from: number;
+            to: number;
+        }>;
+    };
+    /** The same measure for each scene (`silent`: nothing above −60 dBFS). */
+    scenes: Array<{
+        name: string;
+        from: number;
+        to: number;
+        lufs: number | null;
+        peakDb: number;
+        silent: boolean;
+    }>;
+    /** When each sound starts: what a waveform marks. */
+    cues: Array<{
+        t: number;
+        name: string;
+    }>;
+    /** Advice, not faults: a mix that is quiet or loud for web video, little headroom, silent stretches. */
+    notes: string[];
+}
+
+interface FontReport {
+    /** Text layers none of whose fonts is available here: they are drawn in a fallback. */
+    missing: Array<{
+        layer: string;
+        family: string;
+    }>;
+    /** Web fonts (`@font-face`) whose file could not be loaded. */
+    failed: string[];
 }
 
 interface Rect {
@@ -196,6 +238,15 @@ interface RenderOptions {
         codec?: string;
         bitrate?: 'very-low' | 'low' | 'medium' | 'high' | 'very-high';
     };
+    /**
+     * Only part of the movie: `[from, to]` in seconds, or the name of a top-level layer (its start to its end). The file starts at 0
+     * and its sound is cut the same way (with a 10 ms fade on a cut edge). Past the end, backwards or an unknown name is an error.
+     */
+    range?: [number, number] | string;
+    /** Output size relative to the canvas, above 0 and at most 1. Each frame is drawn at full size and copied smaller before it is encoded: the file and the encoding get smaller, the drawing is not faster. */
+    scale?: number;
+    /** For looking, not for delivering: `scale: 0.5`, `video.bitrate: 'low'` and no motion blur. Anything you set yourself wins. */
+    draft?: boolean;
 }
 interface SnapshotOptions {
     /** Motion blur for this picture (see `MovieOptions.motionBlur`); overrides the movie's own setting, `false` turns it off. */
@@ -248,6 +299,19 @@ interface ContactSheetOptions {
     cellWidth?: number;
     as?: 'blob' | 'dataURL';
 }
+interface OnionSkinOptions {
+    /** Where the movement starts, in seconds. Default 0. */
+    from?: number;
+    /** Where it ends, in seconds. Default: the end of the movie. */
+    to?: number;
+    /** How many frames are overlaid, 1–64, spread evenly from `from` to `to`. Default 8. */
+    count?: number;
+    /** Output size relative to the canvas, above 0 and at most 4. Default 1. */
+    scale?: number;
+    /** Motion blur for these pictures (see `MovieOptions.motionBlur`); overrides the movie's own setting, `false` turns it off. */
+    motionBlur?: MotionBlurSpec;
+    as?: 'blob' | 'dataURL';
+}
 interface FrameEvent {
     frame: number;
     totalFrames: number;
@@ -419,6 +483,17 @@ declare class Movie {
         motionBlur?: MotionBlurSpec;
         onImage?: (image: StopImage) => void;
     }): Promise<Blob>;
+    /**
+     * One picture of a movement: `count` frames from `from` to `to` drawn one over the other, each later one stronger, so a thing that
+     * moves leaves a trail (its path and its easing: even steps = constant speed, bunched = slow) and what stays still stays itself.
+     * The movie is left where it was.
+     */
+    onionSkin(opts?: OnionSkinOptions & {
+        as?: 'blob';
+    }): Promise<Blob>;
+    onionSkin(opts: OnionSkinOptions & {
+        as: 'dataURL';
+    }): Promise<string>;
     /**
      * Several frames on ONE image, each labelled with its frame number and time — the cheapest way to
      * check a whole animation by eye. Restores the current frame afterwards.
@@ -447,6 +522,11 @@ declare class Movie {
      * The soundtrack, measured: when every audio layer plays, how loud the mix is over time, and `issues`
      * (limiting, inaudible layers, sounds cut off by the end). Use it to CHECK sound you cannot hear.
      */
+    /**
+     * The fonts of the text layers: `missing` lists layers none of whose `fontFamily` entries is available in this browser (they are
+     * drawn in a fallback font), `failed` lists web fonts (`@font-face`) whose file could not be loaded.
+     */
+    inspectFonts(): FontReport;
     inspectAudio(opts?: AudioInspectOptions): AudioReport;
     /**
      * Draw the stage now. PixiJS's CullerPlugin only culls inside `app.render()` (the ticker), and we render
@@ -509,4 +589,4 @@ declare class Movie {
     destroy(): Promise<void>;
 }
 
-export { type AudioInspectOptions as A, type ContactSheetOptions as C, type FrameEvent as F, type InspectOptions as I, type LayerInfo as L, type MotionBlurOptions as M, type ProgressEvent as P, type RenderOptions as R, type SnapshotOptions as S, type TimelineData as T, type VolumeEvent as V, type AudioReport as a, type AudioSourceReport as b, type InspectReport as c, type LoaderOption as d, type MotionBlurSpec as e, Movie as f, type MovieErrorEvent as g, type MovieOptions as h, type SoundMeasure as i, type StopEvent as j, type StopImage as k, type StopImagesOptions as l, type TimelineHtmlOptions as m, type TimelineRow as n, type TimelineSvgOptions as o, type TimelineTransition as p, dismissLoader as q, failLoader as r, resolveLoader as s };
+export { type AudioInspectOptions as A, type ContactSheetOptions as C, type FontReport as F, type InspectOptions as I, type LayerInfo as L, type MotionBlurOptions as M, type OnionSkinOptions as O, type ProgressEvent as P, type RenderOptions as R, type SnapshotOptions as S, type TimelineData as T, type VolumeEvent as V, type AudioReport as a, type AudioSourceReport as b, type FrameEvent as c, type InspectReport as d, type LoaderOption as e, type MotionBlurSpec as f, Movie as g, type MovieErrorEvent as h, type MovieOptions as i, type SoundMeasure as j, type StopEvent as k, type StopImage as l, type StopImagesOptions as m, type TimelineHtmlOptions as n, type TimelineRow as o, type TimelineSvgOptions as p, type TimelineTransition as q, dismissLoader as r, failLoader as s, resolveLoader as t };

package/dist/{Movie-DilBC348.d.ts → Movie-DHJRrUfI.d.ts}

@@ -5,6 +5,12 @@ import { U as Stop, e as AssetSpec, c as CompositionSpec } from './types-SS51lP6
 interface AudioInspectOptions {
     /** Width of each loudness window in seconds. Default 0.1. */
     window?: number;
+    /** The scenes to measure one by one (`movie.inspectAudio()` fills this from the movie's named top-level compositions). Default: the whole movie as one. */
+    scenes?: Array<{
+        name: string;
+        start: number;
+        end: number;
+    }>;
 }
 /** One sound measured ON ITS OWN (not mixed), so overlapping layers do not blur it. */
 interface SoundMeasure {
@@ -44,8 +50,44 @@ interface AudioReport {
         peakDb: number;
         brightnessHz: number;
     }>;
-    /** Problems worth fixing: limiting, inaudible layers, sounds cut off by the end of the movie. Read this first. */
+    /** Problems worth fixing: limiting, clipping, a true peak above 0 dBTP, inaudible layers, sounds cut off by the end of the movie. Read this first. */
     issues: string[];
+    /** The mix as a whole (ITU-R BS.1770 loudness; `integratedLufs` is null for a mix shorter than 0.4 s or with nothing above −70 LUFS). */
+    loudness: {
+        integratedLufs: number | null;
+        truePeakDb: number;
+        clippedSamples: number;
+        silences: Array<{
+            from: number;
+            to: number;
+        }>;
+    };
+    /** The same measure for each scene (`silent`: nothing above −60 dBFS). */
+    scenes: Array<{
+        name: string;
+        from: number;
+        to: number;
+        lufs: number | null;
+        peakDb: number;
+        silent: boolean;
+    }>;
+    /** When each sound starts: what a waveform marks. */
+    cues: Array<{
+        t: number;
+        name: string;
+    }>;
+    /** Advice, not faults: a mix that is quiet or loud for web video, little headroom, silent stretches. */
+    notes: string[];
+}
+
+interface FontReport {
+    /** Text layers none of whose fonts is available here: they are drawn in a fallback. */
+    missing: Array<{
+        layer: string;
+        family: string;
+    }>;
+    /** Web fonts (`@font-face`) whose file could not be loaded. */
+    failed: string[];
 }
 
 interface Rect {
@@ -196,6 +238,15 @@ interface RenderOptions {
         codec?: string;
         bitrate?: 'very-low' | 'low' | 'medium' | 'high' | 'very-high';
     };
+    /**
+     * Only part of the movie: `[from, to]` in seconds, or the name of a top-level layer (its start to its end). The file starts at 0
+     * and its sound is cut the same way (with a 10 ms fade on a cut edge). Past the end, backwards or an unknown name is an error.
+     */
+    range?: [number, number] | string;
+    /** Output size relative to the canvas, above 0 and at most 1. Each frame is drawn at full size and copied smaller before it is encoded: the file and the encoding get smaller, the drawing is not faster. */
+    scale?: number;
+    /** For looking, not for delivering: `scale: 0.5`, `video.bitrate: 'low'` and no motion blur. Anything you set yourself wins. */
+    draft?: boolean;
 }
 interface SnapshotOptions {
     /** Motion blur for this picture (see `MovieOptions.motionBlur`); overrides the movie's own setting, `false` turns it off. */
@@ -248,6 +299,19 @@ interface ContactSheetOptions {
     cellWidth?: number;
     as?: 'blob' | 'dataURL';
 }
+interface OnionSkinOptions {
+    /** Where the movement starts, in seconds. Default 0. */
+    from?: number;
+    /** Where it ends, in seconds. Default: the end of the movie. */
+    to?: number;
+    /** How many frames are overlaid, 1–64, spread evenly from `from` to `to`. Default 8. */
+    count?: number;
+    /** Output size relative to the canvas, above 0 and at most 4. Default 1. */
+    scale?: number;
+    /** Motion blur for these pictures (see `MovieOptions.motionBlur`); overrides the movie's own setting, `false` turns it off. */
+    motionBlur?: MotionBlurSpec;
+    as?: 'blob' | 'dataURL';
+}
 interface FrameEvent {
     frame: number;
     totalFrames: number;
@@ -419,6 +483,17 @@ declare class Movie {
         motionBlur?: MotionBlurSpec;
         onImage?: (image: StopImage) => void;
     }): Promise<Blob>;
+    /**
+     * One picture of a movement: `count` frames from `from` to `to` drawn one over the other, each later one stronger, so a thing that
+     * moves leaves a trail (its path and its easing: even steps = constant speed, bunched = slow) and what stays still stays itself.
+     * The movie is left where it was.
+     */
+    onionSkin(opts?: OnionSkinOptions & {
+        as?: 'blob';
+    }): Promise<Blob>;
+    onionSkin(opts: OnionSkinOptions & {
+        as: 'dataURL';
+    }): Promise<string>;
     /**
      * Several frames on ONE image, each labelled with its frame number and time — the cheapest way to
      * check a whole animation by eye. Restores the current frame afterwards.
@@ -447,6 +522,11 @@ declare class Movie {
      * The soundtrack, measured: when every audio layer plays, how loud the mix is over time, and `issues`
      * (limiting, inaudible layers, sounds cut off by the end). Use it to CHECK sound you cannot hear.
      */
+    /**
+     * The fonts of the text layers: `missing` lists layers none of whose `fontFamily` entries is available in this browser (they are
+     * drawn in a fallback font), `failed` lists web fonts (`@font-face`) whose file could not be loaded.
+     */
+    inspectFonts(): FontReport;
     inspectAudio(opts?: AudioInspectOptions): AudioReport;
     /**
      * Draw the stage now. PixiJS's CullerPlugin only culls inside `app.render()` (the ticker), and we render
@@ -509,4 +589,4 @@ declare class Movie {
     destroy(): Promise<void>;
 }
 
-export { type AudioInspectOptions as A, type ContactSheetOptions as C, type FrameEvent as F, type InspectOptions as I, type LayerInfo as L, type MotionBlurOptions as M, type ProgressEvent as P, type RenderOptions as R, type SnapshotOptions as S, type TimelineData as T, type VolumeEvent as V, type AudioReport as a, type AudioSourceReport as b, type InspectReport as c, type LoaderOption as d, type MotionBlurSpec as e, Movie as f, type MovieErrorEvent as g, type MovieOptions as h, type SoundMeasure as i, type StopEvent as j, type StopImage as k, type StopImagesOptions as l, type TimelineHtmlOptions as m, type TimelineRow as n, type TimelineSvgOptions as o, type TimelineTransition as p, dismissLoader as q, failLoader as r, resolveLoader as s };
+export { type AudioInspectOptions as A, type ContactSheetOptions as C, type FontReport as F, type InspectOptions as I, type LayerInfo as L, type MotionBlurOptions as M, type OnionSkinOptions as O, type ProgressEvent as P, type RenderOptions as R, type SnapshotOptions as S, type TimelineData as T, type VolumeEvent as V, type AudioReport as a, type AudioSourceReport as b, type FrameEvent as c, type InspectReport as d, type LoaderOption as e, type MotionBlurSpec as f, Movie as g, type MovieErrorEvent as h, type MovieOptions as i, type SoundMeasure as j, type StopEvent as k, type StopImage as l, type StopImagesOptions as m, type TimelineHtmlOptions as n, type TimelineRow as o, type TimelineSvgOptions as p, type TimelineTransition as q, dismissLoader as r, failLoader as s, resolveLoader as t };

package/dist/Presenter.d.cts

@@ -1,4 +1,4 @@
-import { f as Movie } from './Movie-oA0SUAyb.cjs';
+import { g as Movie } from './Movie-CoxF2Z7t.cjs';
 import 'pixi.js';
 import 'gsap';
 import './types-SS51lP6O.cjs';

package/dist/Presenter.d.ts

@@ -1,4 +1,4 @@
-import { f as Movie } from './Movie-DilBC348.js';
+import { g as Movie } from './Movie-DHJRrUfI.js';
 import 'pixi.js';
 import 'gsap';
 import './types-SS51lP6O.js';

package/dist/{chunk-2ROVCPSL.cjs → chunk-ETAIVOHP.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkFJA5VUOF_cjs = require('./chunk-FJA5VUOF.cjs');
+var chunkLBJRXU7N_cjs = require('./chunk-LBJRXU7N.cjs');
 var chunkUQBGW5DO_cjs = require('./chunk-UQBGW5DO.cjs');
 var pixi_js = require('pixi.js');
 var gsap = require('gsap');
@@ -65,8 +65,8 @@ function readLayerTransform(target) {
     x: c.x,
     y: c.y,
     z: c.z ?? 0,
-    rotationX: (c.rotationX ?? 0) * chunkFJA5VUOF_cjs.DEG,
-    rotationY: (c.rotationY ?? 0) * chunkFJA5VUOF_cjs.DEG,
+    rotationX: (c.rotationX ?? 0) * chunkLBJRXU7N_cjs.DEG,
+    rotationY: (c.rotationY ?? 0) * chunkLBJRXU7N_cjs.DEG,
     rotationZ: c.rotation,
     scaleX: c.scale.x,
     scaleY: c.scale.y,
@@ -111,19 +111,19 @@ var Layer3D = class {
     if (!(needW >= 1 && needH >= 1) || !Number.isFinite(bounds.x) || !Number.isFinite(bounds.y)) return this.hide();
     const size = this.sizeFor(needW, needH);
     const frame = { x: bounds.x - pad, y: bounds.y - pad, width: size.w, height: size.h };
-    const projected = chunkFJA5VUOF_cjs.projectLayer(readLayerTransform(target), frame, basis);
+    const projected = chunkLBJRXU7N_cjs.projectLayer(readLayerTransform(target), frame, basis);
     this.depth = projected.depth;
     if (!projected.visible) {
       if (!this.warnedBehind) {
         this.warnedBehind = true;
         if (this.seq.spec.hideBehindCamera) return this.hide();
-        if (projected.depth > chunkFJA5VUOF_cjs.NEAR) {
+        if (projected.depth > chunkLBJRXU7N_cjs.NEAR) {
           console.warn(
-            `pixi-effects: ${chunkFJA5VUOF_cjs.describeLayer(this.seq.spec)}: part of it (a corner) reaches the camera plane (z = ${(target.z ?? 0).toFixed(0)}, rotationX ${(target.rotationX ?? 0).toFixed(0)}\xB0, rotationY ${(target.rotationY ?? 0).toFixed(0)}\xB0), and a layer is hidden whole when any corner is at or behind it. Tilt it less (rotationX / rotationY), make it smaller, or keep the camera further away from it (the default camera sits at z = (height/2)/tan(fov/2), about 989 for 720p at fov 40).`
+            `pixi-effects: ${chunkLBJRXU7N_cjs.describeLayer(this.seq.spec)}: part of it (a corner) reaches the camera plane (z = ${(target.z ?? 0).toFixed(0)}, rotationX ${(target.rotationX ?? 0).toFixed(0)}\xB0, rotationY ${(target.rotationY ?? 0).toFixed(0)}\xB0), and a layer is hidden whole when any corner is at or behind it. Tilt it less (rotationX / rotationY), make it smaller, or keep the camera further away from it (the default camera sits at z = (height/2)/tan(fov/2), about 989 for 720p at fov 40).`
           );
         } else {
           console.warn(
-            `pixi-effects: ${chunkFJA5VUOF_cjs.describeLayer(this.seq.spec)} is at or behind the camera plane (z = ${(target.z ?? 0).toFixed(0)}) and is hidden. If that is unintended, lower its z or move the camera back (the default camera sits at z = (height/2)/tan(fov/2), about 989 for 720p at fov 40).`
+            `pixi-effects: ${chunkLBJRXU7N_cjs.describeLayer(this.seq.spec)} is at or behind the camera plane (z = ${(target.z ?? 0).toFixed(0)}) and is hidden. If that is unintended, lower its z or move the camera back (the default camera sits at z = (height/2)/tan(fov/2), about 989 for 720p at fov 40).`
           );
         }
       }
@@ -211,8 +211,8 @@ var CAMERA_PROPS = ["x", "y", "z", "fov", "lookAtX", "lookAtY", "lookAtZ", "offs
 var NEEDS_THREE_D = ["z", "rotationX", "rotationY"];
 var SKEW_KEYS = ["skew", "skewX", "skewY"];
 function lintSequence(spec, warn = defaultWarn) {
-  const who = chunkFJA5VUOF_cjs.describeLayer(spec);
-  const keys = chunkFJA5VUOF_cjs.collectPropKeys(spec);
+  const who = chunkLBJRXU7N_cjs.describeLayer(spec);
+  const keys = chunkLBJRXU7N_cjs.collectPropKeys(spec);
   const explained = /* @__PURE__ */ new Set();
   for (const k of keys) {
     const hint = LAYER_ALIASES[k] ?? (spec.type === "camera" ? CAMERA_ALIASES[k] : void 0);
@@ -258,7 +258,7 @@ function applyBlendMode(spec, display) {
   const mode = spec.blendMode;
   if (mode === void 0) return;
   if (!MODES.includes(mode)) {
-    console.warn(`pixi-effects: ${chunkFJA5VUOF_cjs.describeLayer(spec)}: blendMode "${mode}" is not supported (use ${MODES.join(", ")})`);
+    console.warn(`pixi-effects: ${chunkLBJRXU7N_cjs.describeLayer(spec)}: blendMode "${mode}" is not supported (use ${MODES.join(", ")})`);
     return;
   }
   const filters = display.filters;
@@ -270,7 +270,7 @@ function applyBlendMode(spec, display) {
 }
 
 // src/sequences/Composition.ts
-var CompositionSequence = class extends chunkFJA5VUOF_cjs.Sequence {
+var CompositionSequence = class extends chunkLBJRXU7N_cjs.Sequence {
   _innerContainer = null;
   _compositionShape = null;
   _children = [];
@@ -304,18 +304,18 @@ var CompositionSequence = class extends chunkFJA5VUOF_cjs.Sequence {
     const lateKeyframes = [];
     for (const s of this.spec.sequences ?? []) {
       lintSequence(s);
-      chunkFJA5VUOF_cjs.lintTiming(s, this.duration, (message, kind) => kind === "late-keyframe" ? lateKeyframes.push(message) : console.warn(message));
-      chunkFJA5VUOF_cjs.lintText(s);
+      chunkLBJRXU7N_cjs.lintTiming(s, this.duration, (message, kind) => kind === "late-keyframe" ? lateKeyframes.push(message) : console.warn(message));
+      chunkLBJRXU7N_cjs.lintText(s);
     }
-    for (const message of chunkFJA5VUOF_cjs.summarizeWarnings(lateKeyframes)) console.warn(message);
-    this._children = await chunkFJA5VUOF_cjs.buildSequenceTree(
+    for (const message of chunkLBJRXU7N_cjs.summarizeWarnings(lateKeyframes)) console.warn(message);
+    this._children = await chunkLBJRXU7N_cjs.buildSequenceTree(
       this.spec.sequences ?? [],
       this._compositionShape,
       this.root
     );
     this._resolveParents();
     for (const child of this._children) {
-      if (child instanceof chunkFJA5VUOF_cjs.CameraSequence) {
+      if (child instanceof chunkLBJRXU7N_cjs.CameraSequence) {
         this._cameras.push(child);
         continue;
       }
@@ -330,7 +330,7 @@ var CompositionSequence = class extends chunkFJA5VUOF_cjs.Sequence {
         this._visual.push({ seq: child, layer });
         applyBlendMode(child.spec, layer.display);
         if (maskSpec) {
-          console.warn(`pixi-effects: ${chunkFJA5VUOF_cjs.describeLayer(child.spec)}: mask is not supported on threeD layers yet; ignored`);
+          console.warn(`pixi-effects: ${chunkLBJRXU7N_cjs.describeLayer(child.spec)}: mask is not supported on threeD layers yet; ignored`);
         }
         continue;
       }
@@ -340,13 +340,18 @@ var CompositionSequence = class extends chunkFJA5VUOF_cjs.Sequence {
       applyBlendMode(child.spec, child.target);
       if (maskSpec) {
         const lifetime = maskSpec.at === void 0 ? { at: child.at, duration: maskSpec.duration ?? child.duration } : {};
-        const built = await chunkFJA5VUOF_cjs.buildSequenceTree([{ ...maskSpec, ...lifetime }], this._compositionShape, this.root);
+        const built = await chunkLBJRXU7N_cjs.buildSequenceTree([{ ...maskSpec, ...lifetime }], this._compositionShape, this.root);
         const maskSeq = built[0];
         if (maskSeq?.target) {
           into.addChild(maskSeq.target);
           const inverse = child.spec.maskInverted ?? false;
           const t = child.target;
-          if (typeof t.setMask === "function") {
+          if (inverse || maskSpec.type === "text") {
+            const effect = new pixi_js.AlphaMask({ mask: maskSeq.target });
+            effect.inverse = inverse;
+            t.setMask?.({ mask: void 0, inverse });
+            t.addEffect(effect);
+          } else if (typeof t.setMask === "function") {
             t.setMask({ mask: maskSeq.target, inverse });
           } else {
             t.mask = maskSeq.target;
@@ -390,7 +395,7 @@ var CompositionSequence = class extends chunkFJA5VUOF_cjs.Sequence {
       for (let p = this._parentOf.get(seq); p; p = this._parentOf.get(p)) out.push(p);
       return out;
     };
-    return [...this._visual.map((v) => v.seq), ...this._nested].filter((seq) => !(seq instanceof chunkFJA5VUOF_cjs.NullSequence)).map((seq) => {
+    return [...this._visual.map((v) => v.seq), ...this._nested].filter((seq) => !(seq instanceof chunkLBJRXU7N_cjs.NullSequence)).map((seq) => {
       const layer = this._visual.find((v) => v.seq === seq)?.layer ?? null;
       return {
         seq,
@@ -402,14 +407,14 @@ var CompositionSequence = class extends chunkFJA5VUOF_cjs.Sequence {
   }
   /** Match every `parent: 'name'` to a null layer; anything that cannot work is said out loud and drawn unparented. */
   _resolveParents() {
-    const nulls = this._children.filter((c) => c instanceof chunkFJA5VUOF_cjs.NullSequence);
+    const nulls = this._children.filter((c) => c instanceof chunkLBJRXU7N_cjs.NullSequence);
     const nullNames = nulls.map((n) => n.spec.name).filter((n) => !!n);
     const warned = /* @__PURE__ */ new Set();
     for (const child of this._children) {
       const want = child.spec.parent;
       if (want === void 0) continue;
-      const who = chunkFJA5VUOF_cjs.describeLayer(child.spec);
-      if (child instanceof chunkFJA5VUOF_cjs.CameraSequence) {
+      const who = chunkLBJRXU7N_cjs.describeLayer(child.spec);
+      if (child instanceof chunkLBJRXU7N_cjs.CameraSequence) {
         console.warn(`pixi-effects: ${who}: a camera cannot have a parent; ignored`);
         continue;
       }
@@ -423,7 +428,7 @@ var CompositionSequence = class extends chunkFJA5VUOF_cjs.Sequence {
         console.warn(`pixi-effects: ${who}: parent "${want}": no layer with that name${hint ? `; did you mean "${hint}"?` : ""} (the layer is drawn without a parent)`);
         continue;
       }
-      const holder = same.find((c) => c instanceof chunkFJA5VUOF_cjs.NullSequence);
+      const holder = same.find((c) => c instanceof chunkLBJRXU7N_cjs.NullSequence);
       if (!holder) {
         console.warn(`pixi-effects: ${who}: parent "${want}" is a ${same[0].spec.type} layer; only { type: 'null' } layers can be parents (the layer is drawn without a parent)`);
         continue;
@@ -466,7 +471,7 @@ var CompositionSequence = class extends chunkFJA5VUOF_cjs.Sequence {
       t,
       compEnd
     );
-    const basis = chunkFJA5VUOF_cjs.cameraBasis(active ? active.cam.state() : chunkFJA5VUOF_cjs.homeCamera(width, height), width, height);
+    const basis = chunkLBJRXU7N_cjs.cameraBasis(active ? active.cam.state() : chunkLBJRXU7N_cjs.homeCamera(width, height), width, height);
     for (const layer of this._layers3d) layer.update(host, basis);
     const order = assignDepthOrder(
       this._visual.map((v, i) => ({ stackIndex: i, threeD: v.layer !== null, depth: v.layer?.depth ?? 0 }))
@@ -495,5 +500,5 @@ function frameOf(child) {
 }
 
 exports.CompositionSequence = CompositionSequence;
-//# sourceMappingURL=chunk-2ROVCPSL.cjs.map
-//# sourceMappingURL=chunk-2ROVCPSL.cjs.map
+//# sourceMappingURL=chunk-ETAIVOHP.cjs.map
+//# sourceMappingURL=chunk-ETAIVOHP.cjs.map