@cardstack/choreo 0.0.0 → 0.1.0-unstable.1

package/dist/film/graph/adjust.js

@@ -0,0 +1,160 @@
+import { ClipLookNode, PatchComponent } from './nodes.js';
+
+/**
+ * ADJUSTMENTS — the picture's own knobs, held for a shot (or a chapter, or
+ * a group), as typed components the actor declares and the film yields.
+ *
+ * An adjustment is a value held on an actor for a window, applying to
+ * everything under it — After Effects' adjustment layer, FCPXML's
+ * `adjust-*`, Unity's volume overrides. A FILTER is the kind of adjustment
+ * that processes the frame — a grade, a stock, a look — Motion's word,
+ * MLT's, CSS's. Photoshop draws the line: a filter is a pixel operation,
+ * an adjustment is a parameter held above the stack.
+ *
+ * The package ships the two base classes and nothing named after weather.
+ * The set below is what the IFRAME PICTURE — the WebGL page behind both
+ * reference films, addressed through the `Picture` port — declares; a
+ * third picture declares its own and never sees `haze`. Today they
+ * compile to fields on the row the engine reads; when the picture becomes
+ * an actor with ports, they write the ports.
+ */
+
+/** a value held on an actor for the window it is attached to */
+class Adjustment extends PatchComponent {}
+/** an adjustment whose target is the frame: applied before a seam's still is taken */
+class Filter extends Adjustment {}
+/* ---- the iframe picture's set ------------------------------------------- */ /** the mood, the named look, and the stock — a filter: it processes the frame */
+class Look extends Filter {
+  patch() {
+    return {
+      grade: this.args.grade,
+      look: this.args.look,
+      lut: this.args.lut
+    };
+  }
+}
+/** the hour, the weather, the air */
+class Weather extends Adjustment {
+  patch() {
+    const a = this.args;
+    return {
+      haze: a.haze,
+      hours: a.hours,
+      hoursOver: a.over,
+      lightning: a.lightning,
+      rain: a.rain,
+      theme: a.theme,
+      wx: a.wx,
+      wxCut: a.wxCut
+    };
+  }
+}
+/** settled snow and a pinned blizzard; `@off` clears them */
+class Winter extends Adjustment {
+  patch() {
+    if (this.args.off) {
+      return {
+        winter: null
+      };
+    }
+    return {
+      winter: {
+        gust: this.args.gust ?? 0,
+        pack: this.args.pack ?? 0
+      }
+    };
+  }
+}
+/** where the sun is, degrees */
+class Sun extends Adjustment {
+  patch() {
+    return {
+      sun: {
+        az: this.args.az,
+        el: this.args.el
+      }
+    };
+  }
+}
+/** a backlight, standing opposite the lens */
+class Light extends Adjustment {
+  patch() {
+    return {
+      rim: this.args.rim
+    };
+  }
+}
+/** the surroundings: the city, the field */
+class Set extends Adjustment {
+  patch() {
+    return {
+      city: this.args.city,
+      grass: this.args.grass
+    };
+  }
+}
+/** the construction clock, how far through the shot it finishes, and which subject stands */
+class Build extends Adjustment {
+  patch() {
+    const a = this.args;
+    return {
+      build: a.clock,
+      buildBy: a.by,
+      settle: a.settle,
+      style: a.subject
+    };
+  }
+}
+/* ---- the sound actor's set ---------------------------------------------- */ /** trims on the page's buses for the window */
+class Mix extends Adjustment {
+  patch() {
+    const {
+      music,
+      sfx,
+      voice,
+      wx
+    } = this.args;
+    const mix = {};
+    if (music !== undefined) {
+      mix.music = music;
+    }
+    if (sfx !== undefined) {
+      mix.sfx = sfx;
+    }
+    if (voice !== undefined) {
+      mix.voice = voice;
+    }
+    if (wx !== undefined) {
+      mix.wx = wx;
+    }
+    return {
+      mix
+    };
+  }
+}
+/** what the iframe picture yields as `f.picture` */
+const IFRAME_PICTURE = {
+  Build,
+  Light,
+  Look,
+  Set,
+  Sun,
+  Weather,
+  Winter
+};
+/** what the sound actor yields as `f.sound` */
+const SOUND = {
+  Mix
+};
+/* ---- the clip actor's set ------------------------------------------------ *
+ * The first adjustments that belong to something other than the picture. A
+ * clip is a DOM element, so what it can be given is what a browser can do
+ * to one without a texture — which is the honest half of a filter stack,
+ * and the half that needs no pixels.
+ */
+const CLIP_LOOK = {
+  Look: ClipLookNode
+};
+
+export { Adjustment, Build, CLIP_LOOK, Filter, IFRAME_PICTURE, Light, Look, Mix, SOUND, Set, Sun, Weather, Winter };
+//# sourceMappingURL=adjust.js.map

package/dist/film/graph/adjust.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"adjust.js","sources":["../../../src/film/graph/adjust.gts"],"sourcesContent":["/**\n * ADJUSTMENTS — the picture's own knobs, held for a shot (or a chapter, or\n * a group), as typed components the actor declares and the film yields.\n *\n * An adjustment is a value held on an actor for a window, applying to\n * everything under it — After Effects' adjustment layer, FCPXML's\n * `adjust-*`, Unity's volume overrides. A FILTER is the kind of adjustment\n * that processes the frame — a grade, a stock, a look — Motion's word,\n * MLT's, CSS's. Photoshop draws the line: a filter is a pixel operation,\n * an adjustment is a parameter held above the stack.\n *\n * The package ships the two base classes and nothing named after weather.\n * The set below is what the IFRAME PICTURE — the WebGL page behind both\n * reference films, addressed through the `Picture` port — declares; a\n * third picture declares its own and never sees `haze`. Today they\n * compile to fields on the row the engine reads; when the picture becomes\n * an actor with ports, they write the ports.\n */\nimport type { Beat } from '../types.ts';\nimport type { Patch } from './compile.ts';\nimport { ClipLookNode, PatchComponent } from './nodes.gts';\n\n/** a value held on an actor for the window it is attached to */\nexport abstract class Adjustment<A extends object> extends PatchComponent<A> {}\n\n/** an adjustment whose target is the frame: applied before a seam's still is taken */\nexport abstract class Filter<A extends object> extends Adjustment<A> {}\n\n/* ---- the iframe picture's set ------------------------------------------- */\n\n/** the mood, the named look, and the stock — a filter: it processes the frame */\nexport class Look extends Filter<{\n  grade?: string;\n  look?: string;\n  lut?: null | string;\n}> {\n  patch(): Patch {\n    return { grade: this.args.grade, look: this.args.look, lut: this.args.lut };\n  }\n}\n\n/** the hour, the weather, the air */\nexport class Weather extends Adjustment<{\n  haze?: number;\n  hours?: number[];\n  lightning?: number;\n  over?: number;\n  rain?: number;\n  theme?: number;\n  wx?: number;\n  wxCut?: boolean;\n}> {\n  patch(): Patch {\n    const a = this.args;\n    return {\n      haze: a.haze,\n      hours: a.hours,\n      hoursOver: a.over,\n      lightning: a.lightning,\n      rain: a.rain,\n      theme: a.theme,\n      wx: a.wx,\n      wxCut: a.wxCut,\n    };\n  }\n}\n\n/** settled snow and a pinned blizzard; `@off` clears them */\nexport class Winter extends Adjustment<{\n  gust?: number;\n  off?: boolean;\n  pack?: number;\n}> {\n  patch(): Patch {\n    if (this.args.off) {\n      return { winter: null };\n    }\n    return { winter: { gust: this.args.gust ?? 0, pack: this.args.pack ?? 0 } };\n  }\n}\n\n/** where the sun is, degrees */\nexport class Sun extends Adjustment<{ az: number; el: number }> {\n  patch(): Patch {\n    return { sun: { az: this.args.az, el: this.args.el } };\n  }\n}\n\n/** a backlight, standing opposite the lens */\nexport class Light extends Adjustment<{ rim?: number }> {\n  patch(): Patch {\n    return { rim: this.args.rim };\n  }\n}\n\n/** the surroundings: the city, the field */\nexport class Set extends Adjustment<{\n  city?: Beat['city'];\n  grass?: boolean;\n}> {\n  patch(): Patch {\n    return { city: this.args.city, grass: this.args.grass };\n  }\n}\n\n/** the construction clock, how far through the shot it finishes, and which subject stands */\nexport class Build extends Adjustment<{\n  by?: number;\n  clock?: Beat['build'];\n  settle?: number;\n  subject?: number;\n}> {\n  patch(): Patch {\n    const a = this.args;\n    return {\n      build: a.clock,\n      buildBy: a.by,\n      settle: a.settle,\n      style: a.subject,\n    };\n  }\n}\n\n/* ---- the sound actor's set ---------------------------------------------- */\n\n/** trims on the page's buses for the window */\nexport class Mix extends Adjustment<{\n  music?: number;\n  sfx?: number;\n  voice?: number;\n  wx?: number;\n}> {\n  patch(): Patch {\n    const { music, sfx, voice, wx } = this.args;\n    const mix: NonNullable<Beat['mix']> = {};\n    if (music !== undefined) {\n      mix.music = music;\n    }\n    if (sfx !== undefined) {\n      mix.sfx = sfx;\n    }\n    if (voice !== undefined) {\n      mix.voice = voice;\n    }\n    if (wx !== undefined) {\n      mix.wx = wx;\n    }\n    return { mix };\n  }\n}\n\n/** what the iframe picture yields as `f.picture` */\nexport const IFRAME_PICTURE = { Build, Light, Look, Set, Sun, Weather, Winter };\n/** what the sound actor yields as `f.sound` */\nexport const SOUND = { Mix };\n\n/* ---- the clip actor's set ------------------------------------------------ *\n * The first adjustments that belong to something other than the picture. A\n * clip is a DOM element, so what it can be given is what a browser can do\n * to one without a texture — which is the honest half of a filter stack,\n * and the half that needs no pixels.\n */\nexport const CLIP_LOOK = { Look: ClipLookNode } as const;\n"],"names":["Adjustment","PatchComponent","Filter","Look","patch","grade","args","look","lut","Weather","a","haze","hours","hoursOver","over","lightning","rain","theme","wx","wxCut","Winter","off","winter","gust","pack","Sun","sun","az","el","Light","rim","Set","city","grass","Build","build","clock","buildBy","by","settle","style","subject","Mix","music","sfx","voice","mix","undefined","IFRAME_PICTURE","SOUND","CLIP_LOOK","ClipLookNode"],"mappings":"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"}

package/dist/film/graph/compile.js

@@ -0,0 +1,225 @@
+/**
+ * THE GRAPH, COMPILED TO THE TABLE.
+ *
+ * A film written as a graph — a spine of chapters and shots, a join as a
+ * sibling between two shots, everything else attached under the shot it
+ * belongs to — compiles to the same `Beat[]` and `Chapter[]` the engine
+ * has always run. That is the whole claim of Phase 2, and it is what
+ * makes the migration measurable: the graph a film writes and the table
+ * it used to write produce the same rows, to the key
+ * (`tests/integration/film/graph-test.gts`), and therefore the same
+ * schedule (`tests/fixtures/film/*.json`).
+ *
+ * Pure: a tree of plain nodes in, rows out. The components in
+ * `nodes.gts` build the tree from the template; nothing here knows Ember.
+ */
+
+/** a patch on the row the shot compiles to: an attachment says what it adds */
+
+/** a spine, a chapter or a sequence: a run of items with defaults for its shots */
+
+/** a sibling between two shots: the seam INTO the next one */
+/** a look a clip holds: collected by its clip, never by the beat */
+
+/** the tail pose */
+
+/** an eye-level walk */
+
+/** an attachment that says what it adds to the row: type, air, a stamp, a trace */
+
+/** the narration: the line, and the measured read the film cuts to */
+
+/** a window over a region the film does not own: a photograph, a freeze, a video */
+
+/** drop undefined members, so a row compares equal to one that never had the key */
+function tidy(o) {
+  const out = {};
+  for (const [k, v] of Object.entries(o)) {
+    if (v !== undefined) {
+      out[k] = v;
+    }
+  }
+  return out;
+}
+function compileGraph(root) {
+  const beats = [];
+  const chapters = [];
+  const voSecs = {};
+  const voGain = {};
+  const presentations = {};
+  let ch = 0;
+  const walk = (group, inherited, joinDefault, overDefault) => {
+    if (group.role === 'chapter' && group.chapter) {
+      chapters.push(tidy(group.chapter));
+      ch = chapters.length - 1;
+    }
+    const scope = [...inherited, group.defaults, ...group.patches];
+    const seam = group.role === 'spine' ? undefined : group.join ?? joinDefault;
+    /* the spine's own `@over` is the film's default, the way its `@join`
+       is: carried on the compiled graph and resolved by the film, never
+       baked into the rows — so a table-fed film and a graph-fed one give
+       the same table, and the fixtures stay honest. A chapter's or a
+       sequence's `@over` IS baked, because it is not the default. */
+    const deep = group.role === 'spine' ? undefined : group.over ?? overDefault;
+    let pending;
+    for (const node of group.children) {
+      if (node.kind === 'group') {
+        walk(node, scope, seam, deep);
+        pending = undefined;
+      } else if (node.kind === 'join') {
+        if (!node.presentation && node.secs !== undefined) {
+          /* `<f.Join @presentation="ridged-burn" @secs={{0.8}} />` — a
+             length for a seam the film does not know, which is how a
+             picture-declared one gets its clock. It also lets a score
+             retime one of the film's own. */
+          presentations[node.join] = {
+            secs: node.secs
+          };
+          pending = node;
+        } else if (node.presentation) {
+          // a brought presentation is named for the film by its place in
+          // the score, so the row can carry a string like any other seam
+          const name = `presentation:${Object.keys(presentations).length + 1}`;
+          presentations[name] = {
+            component: node.presentation,
+            over: node.over,
+            secs: node.secs ?? 1
+          };
+          pending = {
+            ...node,
+            join: name
+          };
+        } else {
+          pending = node;
+        }
+      } else if (node.kind === 'shot') {
+        beats.push(row(node, scope, pending ?? seam, deep, ch, voSecs, voGain));
+        pending = undefined;
+      }
+    }
+  };
+  walk(root, []);
+  return {
+    beats,
+    chapters,
+    defaultJoin: root.join,
+    defaultOver: root.over,
+    presentations,
+    voGain,
+    voSecs
+  };
+}
+function row(shot, scope, seam, deep, ch, voSecs, voGain) {
+  let beat = {
+    cam: shot.cam,
+    ch,
+    id: shot.id,
+    mode: 'clear',
+    ticks: shot.ticks
+  };
+  const merge = p => {
+    beat = {
+      ...beat,
+      ...tidy(p)
+    };
+  };
+  for (const p of scope) {
+    merge(p);
+  }
+  merge(shot.facts);
+  if (seam) {
+    if (typeof seam === 'string') {
+      merge({
+        join: seam,
+        over: deep
+      });
+    } else {
+      merge({
+        dipTo: seam.dipTo,
+        join: seam.join,
+        over: seam.over ?? deep
+      });
+    }
+  }
+  const traces = [];
+  const clips = [];
+  for (const node of shot.children) {
+    switch (node.kind) {
+      case 'patch':
+        if (node.patch.trace) {
+          traces.push(...node.patch.trace);
+          const {
+            trace: _trace,
+            ...rest
+          } = node.patch;
+          merge(rest);
+        } else {
+          merge(node.patch);
+        }
+        break;
+      case 'to':
+        merge({
+          toCam: node.cam
+        });
+        break;
+      case 'eye':
+        merge({
+          eye: node.eye
+        });
+        break;
+      case 'voice':
+        merge({
+          hush: node.hush,
+          vo: node.line
+        });
+        if (node.read !== undefined) {
+          voSecs[shot.id] = node.read;
+        }
+        if (node.gain !== undefined) {
+          voGain[shot.id] = node.gain;
+        }
+        break;
+      case 'attach':
+        if (node.media?.kind === 'photo') {
+          const {
+            kind: _kind,
+            ...photo
+          } = node.media;
+          merge({
+            photo
+          });
+        } else if (node.media) {
+          const {
+            kind,
+            ...rest
+          } = node.media;
+          /* ACCUMULATED, not merged. A beat used to carry one clip, so a
+             second attachment on the same shot overwrote the first
+             silently; they are lanes now, and a clip that names none takes
+             its own position among them. */
+          clips.push(tidy({
+            ...rest,
+            at: node.at,
+            end: node.end,
+            for: node.for,
+            kind
+          }));
+        }
+        break;
+    }
+  }
+  if (clips.length) {
+    merge({
+      clips
+    });
+  }
+  if (traces.length) {
+    merge({
+      trace: traces
+    });
+  }
+  return tidy(beat);
+}
+
+export { compileGraph };
+//# sourceMappingURL=compile.js.map

package/dist/film/graph/compile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compile.js","sources":["../../../src/film/graph/compile.ts"],"sourcesContent":["/**\n * THE GRAPH, COMPILED TO THE TABLE.\n *\n * A film written as a graph — a spine of chapters and shots, a join as a\n * sibling between two shots, everything else attached under the shot it\n * belongs to — compiles to the same `Beat[]` and `Chapter[]` the engine\n * has always run. That is the whole claim of Phase 2, and it is what\n * makes the migration measurable: the graph a film writes and the table\n * it used to write produce the same rows, to the key\n * (`tests/integration/film/graph-test.gts`), and therefore the same\n * schedule (`tests/fixtures/film/*.json`).\n *\n * Pure: a tree of plain nodes in, rows out. The components in\n * `nodes.gts` build the tree from the template; nothing here knows Ember.\n */\nimport type { ClipLook, ClipSpec } from '../clips.ts';\nimport type { PresentationComponent } from '../joins.gts';\nimport type { Beat, Cam, Chapter, Join, JoinName, Over } from '../types.ts';\n\n/** a patch on the row the shot compiles to: an attachment says what it adds */\nexport type Patch = Partial<Beat>;\n\nexport type GraphNode =\n  | AttachNode\n  | EyeNode\n  | GroupNode\n  | JoinNode\n  | LookNode\n  | PatchNode\n  | ShotNode\n  | ToNode\n  | VoiceNode;\n\n/** a spine, a chapter or a sequence: a run of items with defaults for its shots */\nexport interface GroupNode {\n  /** a chapter's row in the chapter table; only a `chapter` group has one */\n  chapter?: Chapter;\n  children: GraphNode[];\n  /** shot facts every shot in the group inherits unless it says otherwise (`@cut`, `@hold`, `@bob`) */\n  defaults: Patch;\n  /** the seam every shot in the group is entered through unless a join sibling says otherwise */\n  join?: Join;\n  kind: 'group';\n  name?: string;\n  /** how deep those seams go, unless a join sibling says otherwise */\n  over?: Over;\n  /** attachments placed directly under the group: in force for every shot in it */\n  patches: Patch[];\n  role: 'chapter' | 'sequence' | 'spine';\n}\n\n/** a sibling between two shots: the seam INTO the next one */\n/** a look a clip holds: collected by its clip, never by the beat */\nexport interface LookNode {\n  kind: 'look';\n  look: ClipLook;\n}\n\nexport interface JoinNode {\n  dipTo?: string;\n  join: JoinName;\n  kind: 'join';\n  /** how deep this seam goes: over the picture alone, or over the furniture too */\n  over?: Over;\n  /** a presentation the score brought: named for the film, registered with it */\n  presentation?: PresentationComponent;\n  /** seconds the seam holds the picture; a brought presentation says */\n  secs?: number;\n}\n\nexport interface ShotNode {\n  /** the head pose */\n  cam: Cam;\n  children: GraphNode[];\n  /** the shot's own facts: cut, lead, lift, bob, hold, follow, to, dissolve, quality */\n  facts: Patch;\n  id: string;\n  kind: 'shot';\n  ticks: number;\n}\n\n/** the tail pose */\nexport interface ToNode {\n  cam: Cam;\n  kind: 'to';\n}\n\n/** an eye-level walk */\nexport interface EyeNode {\n  eye: NonNullable<Beat['eye']>;\n  kind: 'eye';\n}\n\n/** an attachment that says what it adds to the row: type, air, a stamp, a trace */\nexport interface PatchNode {\n  kind: 'patch';\n  patch: Patch;\n}\n\n/** the narration: the line, and the measured read the film cuts to */\nexport interface VoiceNode {\n  gain?: number;\n  hush?: boolean;\n  kind: 'voice';\n  line?: string;\n  read?: number;\n}\n\n/** a window over a region the film does not own: a photograph, a freeze, a video */\nexport interface AttachNode {\n  at?: number;\n  end?: ClipSpec['end'];\n  for?: number;\n  kind: 'attach';\n  media?:\n    | { caption: string; credit: string; kind: 'photo'; src: string }\n    | {\n        caption?: string;\n        credit?: string;\n        /** a pip's own fade, seconds */\n        fade?: number;\n        fit?: ClipSpec['fit'];\n        in?: number;\n        kind: 'freeze' | 'image' | 'video';\n        look?: ClipLook;\n        out?: number;\n        /** a pip's corner radius, percent of its width */\n        radius?: number;\n        rate?: number;\n        src?: string;\n        volume?: number;\n        /** a pip's width, percent of the frame */\n        w?: number;\n        /** a pip's left edge, percent of the frame */\n        x?: number;\n        /** a pip's top edge, percent of the frame */\n        y?: number;\n      };\n}\n\nexport interface CompiledGraph {\n  beats: Beat[];\n  chapters: Chapter[];\n  /** the spine's own seam: what a shot gets when nothing names one */\n  defaultJoin?: Join;\n  /** the spine's own depth: how deep a seam goes when nothing says */\n  defaultOver?: Over;\n  /** presentations the score brought, by the names its rows use */\n  presentations: Record<\n    string,\n    { component?: PresentationComponent; over?: Over; secs: number }\n  >;\n  voGain: Record<string, number>;\n  voSecs: Record<string, number>;\n}\n\n/** drop undefined members, so a row compares equal to one that never had the key */\nfunction tidy<T extends object>(o: T): T {\n  const out = {} as T;\n  for (const [k, v] of Object.entries(o)) {\n    if (v !== undefined) {\n      (out as Record<string, unknown>)[k] = v;\n    }\n  }\n  return out;\n}\n\nexport function compileGraph(root: GroupNode): CompiledGraph {\n  const beats: Beat[] = [];\n  const chapters: Chapter[] = [];\n  const voSecs: Record<string, number> = {};\n  const voGain: Record<string, number> = {};\n  const presentations: CompiledGraph['presentations'] = {};\n  let ch = 0;\n\n  const walk = (\n    group: GroupNode,\n    inherited: Patch[],\n    joinDefault?: Join,\n    overDefault?: Over,\n  ) => {\n    if (group.role === 'chapter' && group.chapter) {\n      chapters.push(tidy(group.chapter));\n      ch = chapters.length - 1;\n    }\n    const scope = [...inherited, group.defaults, ...group.patches];\n    const seam =\n      group.role === 'spine' ? undefined : (group.join ?? joinDefault);\n    /* the spine's own `@over` is the film's default, the way its `@join`\n       is: carried on the compiled graph and resolved by the film, never\n       baked into the rows — so a table-fed film and a graph-fed one give\n       the same table, and the fixtures stay honest. A chapter's or a\n       sequence's `@over` IS baked, because it is not the default. */\n    const deep =\n      group.role === 'spine' ? undefined : (group.over ?? overDefault);\n    let pending: JoinNode | undefined;\n    for (const node of group.children) {\n      if (node.kind === 'group') {\n        walk(node, scope, seam, deep);\n        pending = undefined;\n      } else if (node.kind === 'join') {\n        if (!node.presentation && node.secs !== undefined) {\n          /* `<f.Join @presentation=\"ridged-burn\" @secs={{0.8}} />` — a\n             length for a seam the film does not know, which is how a\n             picture-declared one gets its clock. It also lets a score\n             retime one of the film's own. */\n          presentations[node.join] = { secs: node.secs };\n          pending = node;\n        } else if (node.presentation) {\n          // a brought presentation is named for the film by its place in\n          // the score, so the row can carry a string like any other seam\n          const name = `presentation:${Object.keys(presentations).length + 1}`;\n          presentations[name] = {\n            component: node.presentation,\n            over: node.over,\n            secs: node.secs ?? 1,\n          };\n          pending = { ...node, join: name };\n        } else {\n          pending = node;\n        }\n      } else if (node.kind === 'shot') {\n        beats.push(row(node, scope, pending ?? seam, deep, ch, voSecs, voGain));\n        pending = undefined;\n      }\n    }\n  };\n  walk(root, []);\n  return {\n    beats,\n    chapters,\n    defaultJoin: root.join,\n    defaultOver: root.over,\n    presentations,\n    voGain,\n    voSecs,\n  };\n}\n\nfunction row(\n  shot: ShotNode,\n  scope: Patch[],\n  seam: JoinNode | Join | undefined,\n  deep: Over | undefined,\n  ch: number,\n  voSecs: Record<string, number>,\n  voGain: Record<string, number>,\n): Beat {\n  let beat: Beat = {\n    cam: shot.cam,\n    ch,\n    id: shot.id,\n    mode: 'clear',\n    ticks: shot.ticks,\n  };\n  const merge = (p: Patch) => {\n    beat = { ...beat, ...tidy(p) };\n  };\n  for (const p of scope) {\n    merge(p);\n  }\n  merge(shot.facts);\n  if (seam) {\n    if (typeof seam === 'string') {\n      merge({ join: seam, over: deep });\n    } else {\n      merge({\n        dipTo: seam.dipTo,\n        join: seam.join,\n        over: seam.over ?? deep,\n      });\n    }\n  }\n  const traces: NonNullable<Beat['trace']> = [];\n  const clips: NonNullable<Beat['clips']> = [];\n  for (const node of shot.children) {\n    switch (node.kind) {\n      case 'patch':\n        if (node.patch.trace) {\n          traces.push(...node.patch.trace);\n          const { trace: _trace, ...rest } = node.patch;\n          merge(rest);\n        } else {\n          merge(node.patch);\n        }\n        break;\n      case 'to':\n        merge({ toCam: node.cam });\n        break;\n      case 'eye':\n        merge({ eye: node.eye });\n        break;\n      case 'voice':\n        merge({ hush: node.hush, vo: node.line });\n        if (node.read !== undefined) {\n          voSecs[shot.id] = node.read;\n        }\n        if (node.gain !== undefined) {\n          voGain[shot.id] = node.gain;\n        }\n        break;\n      case 'attach':\n        if (node.media?.kind === 'photo') {\n          const { kind: _kind, ...photo } = node.media;\n          merge({ photo });\n        } else if (node.media) {\n          const { kind, ...rest } = node.media;\n          /* ACCUMULATED, not merged. A beat used to carry one clip, so a\n             second attachment on the same shot overwrote the first\n             silently; they are lanes now, and a clip that names none takes\n             its own position among them. */\n          clips.push(\n            tidy({\n              ...rest,\n              at: node.at,\n              end: node.end,\n              for: node.for,\n              kind,\n            }),\n          );\n        }\n        break;\n      default:\n        break;\n    }\n  }\n  if (clips.length) {\n    merge({ clips });\n  }\n  if (traces.length) {\n    merge({ trace: traces });\n  }\n  return tidy(beat);\n}\n"],"names":["tidy","o","out","k","v","Object","entries","undefined","compileGraph","root","beats","chapters","voSecs","voGain","presentations","ch","walk","group","inherited","joinDefault","overDefault","role","chapter","push","length","scope","defaults","patches","seam","join","deep","over","pending","node","children","kind","presentation","secs","name","keys","component","row","defaultJoin","defaultOver","shot","beat","cam","id","mode","ticks","merge","p","facts","dipTo","traces","clips","patch","trace","_trace","rest","toCam","eye","hush","vo","line","read","gain","media","_kind","photo","at","end","for"],"mappings":"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"}

package/dist/film/graph/host.js

@@ -0,0 +1,77 @@
+import Component from '@glimmer/component';
+import { modifier } from 'ember-modifier';
+import { SOUND, IFRAME_PICTURE, CLIP_LOOK } from './adjust.js';
+import { compileGraph } from './compile.js';
+import { collectGraph, setGraphHost, Voice, Video, Type, Trace, To, Stamp, Spine, Sky, Shot, Sequence, Mark, Lineup, JoinInto, Inset, Insert, Freeze, Eye, Chapter, Attach } from './nodes.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+const VOCABULARY = {
+  Attach,
+  Chapter,
+  Eye,
+  Freeze,
+  Insert,
+  Inset,
+  Join: JoinInto,
+  Lineup,
+  Mark,
+  Sequence,
+  Shot,
+  Sky,
+  Spine,
+  Stamp,
+  To,
+  Trace,
+  Type,
+  Video,
+  Voice,
+  clip: CLIP_LOOK,
+  picture: IFRAME_PICTURE,
+  sound: SOUND
+};
+class FilmGraph extends Component {
+  element;
+  pending = 0;
+  invalidate() {
+    if (this.pending || !this.element) {
+      return;
+    }
+    this.pending = requestAnimationFrame(() => {
+      this.pending = 0;
+      this.args.onCompile(this.compile());
+    });
+  }
+  /** the tree under the host, compiled; null without a spine */
+  compile() {
+    if (!this.element) {
+      return null;
+    }
+    const spine = collectGraph(this.element).find(n => n.kind === 'group' && n.role === 'spine');
+    return spine ? compileGraph(spine) : null;
+  }
+  host = modifier(el => {
+    this.element = el;
+    setGraphHost(el, this);
+    this.invalidate();
+    return () => {
+      if (this.pending) {
+        cancelAnimationFrame(this.pending);
+        this.pending = 0;
+      }
+      setGraphHost(el, undefined);
+      this.element = undefined;
+    };
+  });
+  static {
+    setComponentTemplate(precompileTemplate("{{!-- contents, not a box: the film page lays out what the block\n    renders, and the host must not stand between them --}}\n<div data-film-graph style=\"display:contents\" {{this.host}}>\n  {{yield VOCABULARY}}\n</div>", {
+      strictMode: true,
+      scope: () => ({
+        VOCABULARY
+      })
+    }), this);
+  }
+}
+
+export { FilmGraph, VOCABULARY };
+//# sourceMappingURL=host.js.map

package/dist/film/graph/host.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"host.js","sources":["../../../src/film/graph/host.gts"],"sourcesContent":["/**\n * THE GRAPH'S HOST. Yields the vocabulary (`f.Spine`, `f.Shot`, …), walks\n * its markers after each render, compiles the tree to the table, and hands\n * the rows up. `<Film>` wraps its default block in one of these; a test can\n * render one bare and read what a template compiles to.\n *\n * Collection is scheduled, never done in the render pass: a marker's\n * modifier calls `invalidate()` during render, and a tracked write there\n * would be a backtracking re-render. One frame later the tree is walked\n * once, however many markers moved.\n */\nimport Component from '@glimmer/component';\nimport { modifier } from 'ember-modifier';\n\nimport { CLIP_LOOK, IFRAME_PICTURE, SOUND } from './adjust.gts';\nimport { type CompiledGraph, compileGraph, type GroupNode } from './compile.ts';\nimport {\n  Attach,\n  Chapter,\n  collectGraph,\n  Eye,\n  Freeze,\n  type GraphHost,\n  Insert,\n  Inset,\n  JoinInto,\n  Lineup,\n  Mark,\n  Sequence,\n  setGraphHost,\n  Shot,\n  Sky,\n  Spine,\n  Stamp,\n  To,\n  Trace,\n  Type,\n  Video,\n  Voice,\n} from './nodes.gts';\n\n/** what `<Film as |f|>` and `<FilmGraph as |f|>` yield: the vocabulary */\nexport interface FilmVocabulary {\n  Attach: typeof Attach;\n  Chapter: typeof Chapter;\n  Eye: typeof Eye;\n  Freeze: typeof Freeze;\n  Insert: typeof Insert;\n  Inset: typeof Inset;\n  Join: typeof JoinInto;\n  Lineup: typeof Lineup;\n  Mark: typeof Mark;\n  Sequence: typeof Sequence;\n  Shot: typeof Shot;\n  Sky: typeof Sky;\n  Spine: typeof Spine;\n  Stamp: typeof Stamp;\n  To: typeof To;\n  Trace: typeof Trace;\n  Type: typeof Type;\n  Video: typeof Video;\n  Voice: typeof Voice;\n  /** the picture's adjustments, as the picture declares them */\n  clip: typeof CLIP_LOOK;\n  picture: typeof IFRAME_PICTURE;\n  /** the sound actor's */\n  sound: typeof SOUND;\n}\n\nexport const VOCABULARY: FilmVocabulary = {\n  Attach,\n  Chapter,\n  Eye,\n  Freeze,\n  Insert,\n  Inset,\n  Join: JoinInto,\n  Lineup,\n  Mark,\n  Sequence,\n  Shot,\n  Sky,\n  Spine,\n  Stamp,\n  To,\n  Trace,\n  Type,\n  Video,\n  Voice,\n  clip: CLIP_LOOK,\n  picture: IFRAME_PICTURE,\n  sound: SOUND,\n};\n\nexport interface FilmGraphSignature {\n  Args: {\n    /** the compiled table, a frame after the markers settle; null when the block holds no spine */\n    onCompile: (compiled: CompiledGraph | null) => void;\n  };\n  Blocks: { default: [FilmVocabulary] };\n}\n\nexport class FilmGraph\n  extends Component<FilmGraphSignature>\n  implements GraphHost\n{\n  private element?: Element;\n  private pending = 0;\n\n  invalidate() {\n    if (this.pending || !this.element) {\n      return;\n    }\n    this.pending = requestAnimationFrame(() => {\n      this.pending = 0;\n      this.args.onCompile(this.compile());\n    });\n  }\n\n  /** the tree under the host, compiled; null without a spine */\n  compile(): CompiledGraph | null {\n    if (!this.element) {\n      return null;\n    }\n    const spine = collectGraph(this.element).find(\n      (n): n is GroupNode => n.kind === 'group' && n.role === 'spine',\n    );\n    return spine ? compileGraph(spine) : null;\n  }\n\n  host = modifier((el: Element) => {\n    this.element = el;\n    setGraphHost(el, this);\n    this.invalidate();\n    return () => {\n      if (this.pending) {\n        cancelAnimationFrame(this.pending);\n        this.pending = 0;\n      }\n      setGraphHost(el, undefined);\n      this.element = undefined;\n    };\n  });\n\n  <template>\n    {{! contents, not a box: the film page lays out what the block\n        renders, and the host must not stand between them }}\n    <div data-film-graph style='display:contents' {{this.host}}>\n      {{yield VOCABULARY}}\n    </div>\n  </template>\n}\n"],"names":["VOCABULARY","Attach","Chapter","Eye","Freeze","Insert","Inset","Join","JoinInto","Lineup","Mark","Sequence","Shot","Sky","Spine","Stamp","To","Trace","Type","Video","Voice","clip","CLIP_LOOK","picture","IFRAME_PICTURE","sound","SOUND","FilmGraph","Component","element","pending","invalidate","requestAnimationFrame","args","onCompile","compile","spine","collectGraph","find","n","kind","role","compileGraph","host","modifier","el","setGraphHost","cancelAnimationFrame","undefined","setComponentTemplate","precompileTemplate","strictMode","scope"],"mappings":";;;;;;;;AAqEO,MAAMA,UAAY,GAAiB;EACxCC,MAAA;EACAC,OAAA;EACAC,GAAA;EACAC,MAAA;EACAC,MAAA;EACAC,KAAA;AACAC,EAAAA,IAAA,EAAMC,QAAA;EACNC,MAAA;EACAC,IAAA;EACAC,QAAA;EACAC,IAAA;EACAC,GAAA;EACAC,KAAA;EACAC,KAAA;EACAC,EAAA;EACAC,KAAA;EACAC,IAAA;EACAC,KAAA;EACAC,KAAA;AACAC,EAAAA,IAAA,EAAMC,SAAA;AACNC,EAAAA,OAAA,EAASC,cAAA;AACTC,EAAAA,KAAA,EAAOC;AACT;AAUO,MAAMC,SAAA,SACHC,SAAA,CACG;EAEHC;AACAC,EAAAA,UAAU,CAAA;AAElBC,EAAAA,UAAAA,GAAa;IACX,IAAI,IAAI,CAACD,OAAO,IAAI,CAAC,IAAI,CAACD,OAAO,EAAE;AACjC,MAAA;AACF,IAAA;AACA,IAAA,IAAI,CAACC,OAAO,GAAGE,qBAAA,CAAsB,MAAA;MACnC,IAAI,CAACF,OAAO,GAAG,CAAA;MACf,IAAI,CAACG,IAAI,CAACC,SAAS,CAAC,IAAI,CAACC,OAAO,EAAA,CAAA;AAClC,IAAA,CAAA,CAAA;AACF,EAAA;AAEA;AACAA,EAAAA,OAAAA,GAAgC;AAC9B,IAAA,IAAI,CAAC,IAAI,CAACN,OAAO,EAAE;AACjB,MAAA,OAAO,IAAA;AACT,IAAA;IACA,MAAMO,QAAQC,YAAA,CAAa,IAAI,CAACR,OAAO,CAAA,CAAES,IAAI,CAC1CC,CAAA,IAAsBA,CAAA,CAAEC,IAAI,KAAK,OAAA,IAAWD,CAAA,CAAEE,IAAI,KAAK,OAAA,CAAA;AAE1D,IAAA,OAAOL,KAAA,GAAQM,aAAaN,KAAA,CAAA,GAAS,IAAA;AACvC,EAAA;AAEAO,EAAAA,IAAA,GAAOC,QAAA,CAAUC,EAAI,IAAA;IACnB,IAAI,CAAChB,OAAO,GAAGgB,EAAA;AACfC,IAAAA,YAAA,CAAaD,IAAI,IAAI,CAAA;IACrB,IAAI,CAACd,UAAU,EAAA;AACf,IAAA,OAAO,MAAA;MACL,IAAI,IAAI,CAACD,OAAO,EAAE;AAChBiB,QAAAA,oBAAA,CAAqB,IAAI,CAACjB,OAAO,CAAA;QACjC,IAAI,CAACA,OAAO,GAAG,CAAA;AACjB,MAAA;AACAgB,MAAAA,YAAA,CAAaD,EAAA,EAAIG,SAAA,CAAA;MACjB,IAAI,CAACnB,OAAO,GAAGmB,SAAA;IACjB,CAAA;AACF,EAAA,CAAA,CAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,8NAAA,EAMA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAApD,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}