canvas-recorder-lib 0.5.0 → 0.6.0

package/dev/video-clip-panel.ts

@@ -1,18 +1,25 @@
 import { ReadOnlyRect } from "phil-lib/misc";
 import { Keyframe } from "../src/interpolate.ts";
 import { SoundClip } from "../src/showable.ts";
+import { canvasRecorder, type VideoSize } from "../lib/main-control.ts";
 import { VideoClipComponent } from "../src/slide-components/video-clip.ts";
 import {
   centeredOnCanvas,
   maxFit,
   minCover,
-  PIXELS_PER_UNIT,
+  pixelsPerUnit,
   preservePixels,
   sameCenter,
   shrinkToAspect,
   VideoInfo,
 } from "../src/slide-components/video-info.ts";
 import { ALIGN_HORIZONTALLY, ALIGN_VERTICALLY, buildSnapRow } from "./rect-snap.ts";
+import { buildLocalFileRow } from "./local-file-row.ts";
+import {
+  LocalFileError,
+  onLocalFilesChange,
+  VIDEO_FILE_TYPES,
+} from "../src/local-files.ts";
 
 /**
  * The `notes` on a sound clip that this panel created.  This is how it
@@ -23,6 +30,13 @@ const IMPORTED_AUDIO_NOTE = "imported from video";
 
 /** What the panel needs from the Visual Editor.  It never reaches into canvas-recorder.ts directly. */
 export type VideoClipPanelHooks = {
+  /**
+   * Change the whole video's size, and remember it, as if the user had typed it in the size fields.
+   * @returns False if the size is locked, or not usable.
+   */
+  readonly setVideoSize: (size: VideoSize) => boolean;
+  /** The URL was changed by a button here.  Save, and rebuild the schedule editor so the URL field shows it. */
+  readonly urlChanged: () => void;
   /**
    * Start / End were changed by a button.  Save, and rebuild the schedule
    * editor so the number fields show the new values.
@@ -68,6 +82,8 @@ function formatSpeed(speed: number): string {
  * every keystroke names a file that doesn't exist, and that is not a problem.
  */
 function quietError(error: unknown): string {
+  // These are written for the user already, and say what to do.
+  if (error instanceof LocalFileError) return error.message;
   const text = String(error);
   if (/404|not found|Failed to fetch/i.test(text)) return "Not found";
   if (/unsupported|unrecognized|format/i.test(text)) return "Not a video file this can read";
@@ -89,13 +105,21 @@ function playbackSpeed(clip: VideoClipComponent): number {
 
 const isRealTime = (speed: number) => Math.abs(speed - 1) < 0.0005;
 
+/**
+ * The largest even number of pixels that fits in `pixels`.
+ * HEVC stores color at half resolution (4:2:0), so the saved file's sides must be even.
+ */
+function evenSize(pixels: number): number {
+  return Math.max(2, Math.floor(pixels / 2) * 2);
+}
+
 /**
  * Output pixels per source pixel, for one Dest Rect keyframe.  1 is native
  * resolution.  Above 1 the video is being upscaled and will look soft.
  */
 function nativeRatio(rect: ReadOnlyRect, info: VideoInfo): number {
   const drawn = shrinkToAspect(rect, info.video.width / info.video.height);
-  return (drawn.width * PIXELS_PER_UNIT) / info.video.width;
+  return (drawn.width * pixelsPerUnit()) / info.video.width;
 }
 
 /** The sound clip that would line this video's audio up with its picture, right now. */
@@ -122,6 +146,18 @@ function expectedSoundClip(
   };
 }
 
+/**
+ * How far `sound` has been slid away from the picture, compared with a fresh import.
+ * Trimming either end doesn't change this; only moving the sound does.
+ * @returns Milliseconds.  Negative means the sound plays later than the matching picture.
+ */
+function syncOffsetMs(sound: SoundClip, expected: SoundClip): number {
+  // Which moment of the file plays at the clip's own time 0, for each.
+  const fileAtZero = (clip: SoundClip) =>
+    (clip.startMsIntoClip ?? 0) - clip.startMsIntoScene;
+  return fileAtZero(sound) - fileAtZero(expected);
+}
+
 function sameSoundClip(a: SoundClip, b: SoundClip): boolean {
   const close = (x: number | undefined, y: number | undefined) =>
     x === y || (x !== undefined && y !== undefined && Math.abs(x - y) < 0.5);
@@ -152,6 +188,45 @@ export function buildVideoClipPanel(
   legend.textContent = "Video File";
   panel.append(legend);
 
+  panel.append(
+    buildLocalFileRow({
+      types: VIDEO_FILE_TYPES,
+      pickerId: "video-clips",
+      startIn: "videos",
+      currentUrl: () => clip.urlScalar.value,
+      choose(url) {
+        // Start and End still at a brand new clip's 0 and 1000 means nobody has chosen what to show.
+        // Then show the whole file at 1×, and import its audio, so it plays like the file itself.
+        const untouched =
+          clip.startMsIntoClipScalar.value === 0 &&
+          clip.endMsIntoClipScalar.value === 1000;
+        clip.urlScalar.value = url;
+        hooks.urlChanged();
+        if (!untouched) return;
+        clip.videoInfo()?.then(
+          (info) => {
+            // The user may have picked another file while this one opened.
+            if (clip.urlScalar.value !== url) return;
+            clip.endMsIntoClipScalar.value = info.durationMs;
+            // Bubbles up through scheduleHasChanged(), like the Whole file button.
+            clip.setDuration(info.durationMs);
+            if (info.audio) {
+              // The same as Import audio, now that the clip plays at 1×.
+              const kept = clip.soundClips.filter(
+                (sc) => sc.notes !== IMPORTED_AUDIO_NOTE,
+              );
+              clip.soundClips = [...kept, expectedSoundClip(clip, info.audio)];
+              clip.scheduleHasChanged();
+            }
+            hooks.scalarsChanged();
+          },
+          // The panel shows why the file didn't open.
+          () => {},
+        );
+      },
+    }),
+  );
+
   const line = (parent: HTMLElement, cssText = "") => {
     const div = document.createElement("div");
     div.style.cssText = cssText;
@@ -173,11 +248,9 @@ export function buildVideoClipPanel(
   const derivedEl = line(panel, "font-size:0.9em;line-height:1.4;margin-top:0.3em");
 
   const timingRow = line(panel, "margin-top:0.5em");
-  const wholeFileBtn = button(
-    timingRow,
-    "Whole file",
-    "Start = 0, End = the end of the file, and Duration to match, so it plays in real time.",
-  );
+  const WHOLE_FILE_TITLE =
+    "Start = 0, End = the end of the file, and Duration to match, so it plays in real time.";
+  const wholeFileBtn = button(timingRow, "Whole file", WHOLE_FILE_TITLE);
   const realTimeBtn = button(
     timingRow,
     "Play at 1×",
@@ -190,10 +263,14 @@ export function buildVideoClipPanel(
   splitBtn.addEventListener("click", () => hooks.split());
 
   const rectRow = line(panel, "margin-top:0.4em");
+  const SIZE_VIDEO_TITLE =
+    "Make the whole video exactly this clip's size, in pixels, and fill it with this clip, " +
+    "one video pixel per output pixel.  The units stay as wide as they are now.";
+  const sizeVideoBtn = button(rectRow, "Make video this size", SIZE_VIDEO_TITLE);
   const rectButtons = [
     {
       text: "Fit canvas",
-      title: "As large as possible while the whole video stays on the 16×9 canvas.  Centered.",
+      title: "As large as possible while the whole video stays on the canvas.  Centered.",
       make: (info: VideoInfo) =>
         centeredOnCanvas(maxFit(info.video.width, info.video.height)),
     },
@@ -205,7 +282,7 @@ export function buildVideoClipPanel(
     },
     {
       text: "Native pixels",
-      title: `One video pixel per output pixel at ${PIXELS_PER_UNIT} px/unit — pixel perfect.  Keeps the rectangle's center.`,
+      title: `One video pixel per output pixel at ${pixelsPerUnit()} px/unit — pixel perfect.  Keeps the rectangle's center.`,
       make: (info: VideoInfo, rect: ReadOnlyRect) =>
         sameCenter(preservePixels(info.video.width, info.video.height), rect),
     },
@@ -260,7 +337,7 @@ export function buildVideoClipPanel(
   function draw(): void {
     switch (state) {
       case "empty":
-        statusEl.textContent = "No URL set";
+        statusEl.textContent = "No file yet:  open one, or type a URL below.";
         statusEl.style.color = "#888";
         break;
       case "loading":
@@ -361,6 +438,24 @@ export function buildVideoClipPanel(
     realTimeBtn.hidden = Number.isNaN(speed) || isRealTime(speed);
     realTimeBtn.disabled = !(end > start);
     for (const { btn } of rectButtons) btn.disabled = !ready;
+    const alreadyWhole =
+      ready &&
+      start === 0 &&
+      Math.abs(end - info!.durationMs) < 0.5 &&
+      Math.abs(clip.duration - info!.durationMs) < 0.5;
+    wholeFileBtn.disabled = !ready || alreadyWhole;
+    wholeFileBtn.title = alreadyWhole
+      ? `${WHOLE_FILE_TITLE}\n\nIt already is.`
+      : WHOLE_FILE_TITLE;
+    const alreadySized = ready && videoMatchesClip(info!);
+    sizeVideoBtn.disabled = !ready || canvasRecorder.sizeLocked || alreadySized;
+    sizeVideoBtn.title = canvasRecorder.sizeLocked
+      ? `${SIZE_VIDEO_TITLE}\n\nThis program sets the video's size, so it can't be changed here.`
+      : alreadySized
+        ? `${SIZE_VIDEO_TITLE}\n\nIt already is.`
+        : ready
+          ? `${SIZE_VIDEO_TITLE}\n\n${evenSize(info!.video.width)} × ${evenSize(info!.video.height)} pixels.`
+          : SIZE_VIDEO_TITLE;
     alignRow.draw();
     drawAudio(speed);
   }
@@ -401,15 +496,27 @@ export function buildVideoClipPanel(
     importBtn.title =
       "Add this file's audio as a sound clip on this Video Clip, lined up with the picture.  " +
       "It lives on the clip, so it moves with the clip on the timeline.";
+    const expected = expectedSoundClip(clip, audio);
     if (imported.length === 0) {
       setStatus("");
-    } else if (
-      imported.length === 1 &&
-      sameSoundClip(imported[0], expectedSoundClip(clip, audio))
-    ) {
+    } else if (imported.length > 1) {
+      setStatus("Audio imported, then cut into pieces");
+      importBtn.title += "\n\nRe-import replaces the pieces with one sound clip, lined up with the picture.";
+    } else if (sameSoundClip(imported[0], expected)) {
       setStatus("Audio imported ✓", "#070");
     } else {
-      setStatus("Audio imported, but out of date", "#a06000");
+      const offsetMs = syncOffsetMs(imported[0], expected);
+      if (Math.abs(offsetMs) < 0.5) {
+        setStatus("Audio trimmed, still in sync ✓", "#070");
+      } else {
+        const seconds = (Math.abs(offsetMs) / 1000).toFixed(2);
+        setStatus(
+          `Audio moved ${seconds} s ${offsetMs < 0 ? "later" : "earlier"} than the picture`,
+          "#555",
+        );
+      }
+      importBtn.title +=
+        "\n\nRe-import undoes your changes to this sound clip:  its start, its end, and any move.";
     }
   }
 
@@ -469,6 +576,67 @@ export function buildVideoClipPanel(
     return "Dest Rect has several keyframes.  Click ✎ on the one you want to change.";
   }
 
+  /**
+   * What "Make video this size" does:  the video's new size, and the Dest Rect that fills it.
+   *
+   * The pixels are the clip's, rounded down to even numbers.  The units stay as wide as they
+   * are now, and get as tall as the clip's shape needs.  The rectangle puts one clip pixel on
+   * one output pixel, from the top left corner.  If a side was odd, its last column or row is
+   * off the edge, rather than resampling the whole picture.
+   */
+  function clipSize(info: VideoInfo): { size: VideoSize; rect: ReadOnlyRect } {
+    const { width: videoWidth, height: videoHeight } = info.video;
+    const pixelWidth = evenSize(videoWidth);
+    const pixelHeight = evenSize(videoHeight);
+    const width = canvasRecorder.width;
+    const height = (width * pixelHeight) / pixelWidth;
+    const unitsPerPixel = width / pixelWidth;
+    return {
+      size: { pixelWidth, pixelHeight, width, height },
+      rect: { x: 0, y: 0, width: videoWidth * unitsPerPixel, height: videoHeight * unitsPerPixel },
+    };
+  }
+
+  /** True when "Make video this size" would change nothing. */
+  function videoMatchesClip(info: VideoInfo): boolean {
+    const target = targetKeyframe();
+    // Several keyframes and none chosen:  clicking explains that, so keep the button enabled.
+    if (typeof target === "string") return false;
+    const { size, rect } = clipSize(info);
+    const close = (a: number, b: number) => Math.abs(a - b) <= 1e-6 * Math.max(1, Math.abs(b));
+    const current = canvasRecorder.size;
+    return (
+      current.pixelWidth === size.pixelWidth &&
+      current.pixelHeight === size.pixelHeight &&
+      close(current.height, size.height) &&
+      close(target.value.x, rect.x) &&
+      close(target.value.y, rect.y) &&
+      close(target.value.width, rect.width) &&
+      close(target.value.height, rect.height)
+    );
+  }
+
+  sizeVideoBtn.addEventListener("click", () => {
+    if (!info) return;
+    const target = targetKeyframe();
+    if (typeof target === "string") {
+      rectHint.textContent = target;
+      return;
+    }
+    const { width: videoWidth, height: videoHeight } = info.video;
+    const { size, rect } = clipSize(info);
+    const { pixelWidth, pixelHeight } = size;
+    if (!hooks.setVideoSize(size)) return;
+    target.value = rect;
+    hooks.rectKeyframeChanged(target);
+    rectHint.textContent =
+      pixelWidth === videoWidth && pixelHeight === videoHeight
+        ? ""
+        : `The clip is ${videoWidth} × ${videoHeight}.  The video is ${pixelWidth} × ${pixelHeight}, ` +
+          "because HEVC needs even sizes, so the clip's last column or row is cut off.";
+    drawDerived();
+  });
+
   for (const { btn, make } of rectButtons) {
     btn.addEventListener("click", () => {
       if (!info) return;
@@ -505,6 +673,24 @@ export function buildVideoClipPanel(
     hooks.soundClipsChanged();
   });
 
+  // The size fields changed, so "Make video this size" may have something to do now, or not.
+  const stopWatchingSize = canvasRecorder.onSizeChange(() => {
+    if (!panel.isConnected) {
+      stopWatchingSize();
+      return;
+    }
+    drawDerived();
+  });
+
+  // Permission granted, or a file picked again:  a file that failed may open now.
+  const stopListening = onLocalFilesChange(() => {
+    if (!panel.isConnected) {
+      stopListening();
+      return;
+    }
+    if (state === "error") refresh();
+  });
+
   refresh();
   return {
     element: panel,

package/dist/dev/audio-builder.d.ts

@@ -42,7 +42,7 @@ export declare class AudioBuilder {
      * And the url will start with "./".
      *
      * CORS can be an issue depending on the server.
-     * Local files are forbidden.
+     * A `local:` URL reads a file on the user's computer.  See src/local-files.ts.
      * @param startMsInDestination 0 to play the new clip at the the beginning of the video.
      * 1000 to start this clip 1 second after the video starts.
      *

package/dist/dev/audio-builder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"audio-builder.d.ts","sourceRoot":"","sources":["../../dev/audio-builder.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,qBAAa,YAAY;;IACvB;;;OAGG;IACH,OAAO,CAAC,YAAY,CAAsB;IAC1C;;OAEG;IACH,OAAO,CAAC,MAAM,CAAc;IAE5B,cAAc,IAAI,WAAW;gBAIjB,eAAe,EAAE,MAAM;IAwCnC,UAAU;IAKV,SAAS,CAAC,GAAG,EAAE,MAAM;IAIrB,kFAAkF;IAClF,gBAAgB,CAAC,GAAG,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI;IAajD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAoDG;IACG,GAAG,CACP,GAAG,EAAE,MAAM,EACX,oBAAoB,EAAE,MAAM,EAC5B,eAAe,GAAE,MAAU,EAC3B,MAAM,GAAE,MAAiB,GACxB,OAAO,CAAC,IAAI,CAAC;IAgEV,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAKvB,oBAAoB,CAAC,YAAY,EAAE,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC;IAQzE,OAAO,CAAC,gBAAgB;CA4CzB"}
+{"version":3,"file":"audio-builder.d.ts","sourceRoot":"","sources":["../../dev/audio-builder.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AACH,qBAAa,YAAY;;IACvB;;;OAGG;IACH,OAAO,CAAC,YAAY,CAAsB;IAC1C;;OAEG;IACH,OAAO,CAAC,MAAM,CAAc;IAE5B,cAAc,IAAI,WAAW;gBAIjB,eAAe,EAAE,MAAM;IAwCnC,UAAU;IAKV,SAAS,CAAC,GAAG,EAAE,MAAM;IAIrB,kFAAkF;IAClF,gBAAgB,CAAC,GAAG,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI;IAajD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAoDG;IACG,GAAG,CACP,GAAG,EAAE,MAAM,EACX,oBAAoB,EAAE,MAAM,EAC5B,eAAe,GAAE,MAAU,EAC3B,MAAM,GAAE,MAAiB,GACxB,OAAO,CAAC,IAAI,CAAC;IAgEV,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAKvB,oBAAoB,CAAC,YAAY,EAAE,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC;IAQzE,OAAO,CAAC,gBAAgB;CA4CzB"}

package/dist/dev/audio-builder.js

@@ -1,3 +1,4 @@
+import { fetchMedia } from "../src/local-files.js";
 /**
  * This creates a complete audio clip by joining multiple clips.
  * It starts with all silence and you can add the clips wherever you need them.
@@ -38,7 +39,7 @@ export class AudioBuilder {
     }
     async #createNewAudioBuffer(url) {
         const time1 = performance.now();
-        const response = await fetch(url);
+        const response = await fetchMedia(url);
         const time2 = performance.now();
         const encodedSource = await response.arrayBuffer();
         const time3 = performance.now();
@@ -86,7 +87,7 @@ export class AudioBuilder {
      * And the url will start with "./".
      *
      * CORS can be an issue depending on the server.
-     * Local files are forbidden.
+     * A `local:` URL reads a file on the user's computer.  See src/local-files.ts.
      * @param startMsInDestination 0 to play the new clip at the the beginning of the video.
      * 1000 to start this clip 1 second after the video starts.
      *

package/dist/dev/audio-builder.js.map

@@ -1 +1 @@
-{"version":3,"file":"audio-builder.js","sourceRoot":"","sources":["../../dev/audio-builder.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"audio-builder.js","sourceRoot":"","sources":["../../dev/audio-builder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD;;;;;;;;;;;;GAYG;AACH,MAAM,OAAO,YAAY;IACvB;;;OAGG;IACK,YAAY,CAAsB;IAC1C;;OAEG;IACK,MAAM,CAAc;IAE5B,cAAc;QACZ,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,YAAY,eAAuB;QACjC,MAAM,UAAU,GAAG,KAAK,CAAC;QACzB,yEAAyE;QACzE,wEAAwE;QACxE,mEAAmE;QACnE,IAAI,CAAC,YAAY,GAAG,IAAI,mBAAmB,CAAC;YAC1C,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;YAC3C,UAAU;SACX,CAAC,CAAC;QACH,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAC3B,CAAC,EACD,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,GAAG,IAAI,CAAC,GAAG,UAAU,CAAC,CACjD,CAAC;QAEF,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,EAAE,YAAY,EAAE,UAAU,CAAC,CAAC;IAC5E,CAAC;IAED,KAAK,CAAC,qBAAqB,CAAC,GAAW;QACrC,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC;QAChC,MAAM,QAAQ,GAAG,MAAM,UAAU,CAAC,GAAG,CAAC,CAAC;QACvC,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC;QAChC,MAAM,aAAa,GAAG,MAAM,QAAQ,CAAC,WAAW,EAAE,CAAC;QACnD,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC;QAChC,+FAA+F;QAC/F,MAAM,YAAY,GAAG,MAAM,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;QAC5E,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC;QAChC,MAAM,UAAU,GAAG,aAAa,CAAC,UAAU,GAAG,IAAI,CAAC;QACnD,KAAK;YACH,OAAO,CAAC,GAAG,CACT,kBAAkB,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;gBAC9E,GAAG,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY;gBACxD,gBAAgB,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ;gBAClD,WAAW,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAC7C,CAAC;QACJ,OAAO,YAAY,CAAC;IACtB,CAAC;IAEQ,MAAM,GAAG,IAAI,GAAG,EAAgC,CAAC;IACjD,SAAS,GAAG,IAAI,GAAG,EAAuB,CAAC;IAEpD,UAAU;QACR,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;QACpB,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;IACzB,CAAC;IAED,SAAS,CAAC,GAAW;QACnB,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IAC7B,CAAC;IAED,kFAAkF;IAClF,gBAAgB,CAAC,GAAW;QAC1B,OAAO,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC;IACzC,CAAC;IAED,gBAAgB,CAAC,GAAW;QAC1B,OAAO,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,GAAG,EAAE,CAAC,UAAU,EAAE,EAAE,CACzD,IAAI,CAAC,qBAAqB,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE;YAClD,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;YACpC,OAAO,GAAG,CAAC;QACb,CAAC,CAAC,CACH,CAAC;IACJ,CAAC;IAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAoDG;IACH,KAAK,CAAC,GAAG,CACP,GAAW,EACX,oBAA4B,EAC5B,kBAA0B,CAAC,EAC3B,SAAiB,QAAQ;QAEzB,IAAI,oBAAoB,GAAG,CAAC,EAAE,CAAC;YAC7B,yDAAyD;YACzD,eAAe,IAAI,oBAAoB,CAAC;YACxC,MAAM,IAAI,oBAAoB,CAAC;YAC/B,oBAAoB,GAAG,CAAC,CAAC;QAC3B,CAAC;QACD,IAAI,eAAe,GAAG,CAAC,EAAE,CAAC;YACxB,kEAAkE;YAClE,oBAAoB,IAAI,eAAe,CAAC;YACxC,MAAM,IAAI,eAAe,CAAC;YAC1B,eAAe,GAAG,CAAC,CAAC;QACtB,CAAC;QAED,MAAM,YAAY,GAAG,MAAM,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;QAEtD,MAAM,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,GAAG,IAAI,CAAC;QACnD,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,GAAG,YAAY,CAAC,CAAC;QACzE,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,GAAG,YAAY,CAAC,CAAC;QAC/D,0EAA0E;QAC1E,uEAAuE;QACvE,iDAAiD;QACjD,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CACpB,CAAC,EACD,IAAI,CAAC,GAAG,CACN,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,YAAY,CAAC,EACjC,YAAY,CAAC,MAAM,GAAG,WAAW,EACjC,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,gBAAgB,CACtC,CACF,CAAC;QACF,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC;YAChB,OAAO;QACT,CAAC;QACD,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM;aAC5B,cAAc,CAAC,CAAC,CAAC;aACjB,QAAQ,CAAC,gBAAgB,EAAE,gBAAgB,GAAG,KAAK,CAAC,CAAC;QACxD,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CACzB,EAAE,MAAM,EAAE,YAAY,CAAC,gBAAgB,EAAE,EACzC,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,CACb,YAAY;aACT,cAAc,CAAC,OAAO,CAAC;aACvB,QAAQ,CAAC,WAAW,EAAE,WAAW,GAAG,KAAK,CAAC,CAChD,CAAC;QACF,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC1B,mBAAmB;YACnB,MAAM,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;YAC3B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;gBAC/B,WAAW,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC;YAC9B,CAAC;QACH,CAAC;aAAM,CAAC;YACN,uEAAuE;YACvE,uEAAuE;YACvE,sBAAsB;YACtB,MAAM,KAAK,GAAG,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC;YAClC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;gBAC/B,IAAI,GAAG,GAAG,CAAC,CAAC;gBACZ,KAAK,MAAM,OAAO,IAAI,QAAQ,EAAE,CAAC;oBAC/B,GAAG,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;gBACpB,CAAC;gBACD,WAAW,CAAC,CAAC,CAAC,IAAI,GAAG,GAAG,KAAK,CAAC;YAChC,CAAC;QACH,CAAC;IACH,CAAC;IAED,KAAK,CAAC,MAAM;QACV,MAAM,cAAc,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC1D,OAAO,IAAI,IAAI,CAAC,CAAC,cAAc,CAAC,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC;IAC3D,CAAC;IAED,KAAK,CAAC,oBAAoB,CAAC,YAA8B;QACvD,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC;QACjC,YAAY,CAAC,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;QAC7C,iCAAiC;IACnC,CAAC;IAED,gCAAgC;IAChC,2DAA2D;IACnD,gBAAgB,CAAC,MAAmB;QAC1C,OAAO,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;QAClC,MAAM,WAAW,GAAG,MAAM,CAAC,gBAAgB,CAAC;QAC5C,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;QACrC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,GAAG,WAAW,GAAG,CAAC,GAAG,EAAE,CAAC;QACpD,MAAM,WAAW,GAAG,IAAI,WAAW,CAAC,MAAM,CAAC,CAAC;QAC5C,MAAM,IAAI,GAAG,IAAI,QAAQ,CAAC,WAAW,CAAC,CAAC;QAEvC,MAAM,WAAW,GAAG,CAAC,MAAc,EAAE,GAAW,EAAE,EAAE;YAClD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,MAAM,EAAE,CAAC,EAAE;gBACjC,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;QACjD,CAAC,CAAC;QAEF,WAAW,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;QACvB,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,GAAG,MAAM,CAAC,MAAM,GAAG,WAAW,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC;QAC9D,WAAW,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;QACvB,WAAW,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC;QACxB,IAAI,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,CAAC;QAC7B,IAAI,CAAC,SAAS,CAAC,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC;QAC5B,IAAI,CAAC,SAAS,CAAC,EAAE,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC;QACtC,IAAI,CAAC,SAAS,CAAC,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;QACrC,IAAI,CAAC,SAAS,CAAC,EAAE,EAAE,UAAU,GAAG,WAAW,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC;QACvD,IAAI,CAAC,SAAS,CAAC,EAAE,EAAE,WAAW,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC;QAC1C,IAAI,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,CAAC;QAC7B,WAAW,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC;QACxB,IAAI,CAAC,SAAS,CAAC,EAAE,EAAE,MAAM,CAAC,MAAM,GAAG,WAAW,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC;QAE1D,IAAI,MAAM,GAAG,EAAE,CAAC;QAChB,KAAK,IAAI,EAAE,GAAG,CAAC,EAAE,EAAE,GAAG,WAAW,EAAE,EAAE,EAAE,EAAE,CAAC;YACxC,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;YACzB,MAAM,OAAO,GAAG,MAAM,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;YAC1C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;gBACvC,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACrD,IAAI,CAAC,QAAQ,CACX,MAAM,EACN,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,GAAG,MAAM,EAC9C,IAAI,CACL,CAAC;gBACF,MAAM,IAAI,CAAC,CAAC;YACd,CAAC;QACH,CAAC;QAED,OAAO,WAAW,CAAC;IACrB,CAAC;CACF"}

package/dist/dev/canvas-recorder.css

@@ -367,3 +367,62 @@ body {
   outline: 2px solid #4a90d9;
   outline-offset: -2px;
 }
+
+/* ── Multi Text editor ───────────────────────────────────────────────── */
+
+/* The FormatEditor in dev/format-editor.ts:  plain text with a menu ("chip")
+   in front of each run of text, naming its Text Format.  From
+   format-editor-prototype's style.css. */
+.format-editor {
+  min-height: 6rem;
+  padding: 0.5rem 0.75rem;
+  border: 1px solid #c7c7cc;
+  border-radius: 6px;
+  background: white;
+  /* Newlines are stored as plain "\n" characters, not <br> or <div>. */
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+  line-height: 1.9;
+  font-size: 1.05rem;
+}
+
+.format-editor:focus-within {
+  outline: 2px solid #0a66d8;
+  outline-offset: 1px;
+}
+
+.format-chip {
+  display: inline-block;
+  margin: 0 1px;
+  vertical-align: baseline;
+}
+
+.format-chip select {
+  font: inherit;
+  font-size: 0.8rem;
+  line-height: 1.2;
+  padding: 0 0.15rem;
+  color: #1d1d1f;
+  background: #e3edfb;
+  border: 1px solid #9dbbe6;
+  border-radius: 4px;
+  cursor: pointer;
+}
+
+/* A name that isn't one of the formats this text can see. */
+.format-chip.invalid select {
+  color: #d70015;
+  background: #fde8ea;
+  border-color: #d70015;
+  font-weight: 600;
+}
+
+/* In the open menu, all options except the unknown one use the normal color. */
+.format-chip.invalid select option {
+  color: #1d1d1f;
+  font-weight: normal;
+}
+
+.format-chip select option.invalid {
+  color: #d70015;
+}