@cardstack/choreo 0.0.0 → 0.1.0-unstable.1

package/dist/film/player.js

@@ -0,0 +1,79 @@
+import { fn } from '@ember/helper';
+import { on } from '@ember/modifier';
+import Component from '@glimmer/component';
+import { motion } from 'glimmer-motion';
+import { Choreo } from '../choreo.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+/** what the hand is pointing at on the bar: the chapter and the time */
+/**
+ * THE PLAYER. The grammar every viewer knows from a decade of video on the
+ * web: one full-width bar with the chapters as segments, a knob that sits
+ * exactly where the fill ends, the transport on the left, the modes on
+ * the right, the time beside the chapter's name, and the whole apparatus
+ * fading off the picture when nobody is touching it. The bar listens: a
+ * resting pointer gets the chapter and the time in a bubble and a ghost
+ * fill to where it would cut, and every button names itself and its key.
+ * The playhead is honest: a film cut on a chased lens cannot seek, so the
+ * drag reads as time and the release RE-CUTS from the shot under the hand.
+ */ // eslint-disable-next-line ember/no-empty-glimmer-component-classes
+class Player extends Component {
+  static {
+    setComponentTemplate(precompileTemplate("<div class=\"cf-player {{if @idle \"is-idle\"}} {{if @away \"is-away\"}}\">\n  <div class=\"cf-scrub {{if @scrubAt \"is-live\"}}\" role=\"slider\" aria-label=\"playhead\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"0\" tabindex=\"0\" {{@slider}} {{on \"pointerdown\" @scrubDown}} {{on \"pointermove\" @scrubMove}} {{on \"pointerup\" @scrubUp}} {{on \"pointerleave\" @scrubLeave}}>\n    <span class=\"cf-scrub-track\" {{@trackWrap}}>\n      {{#each @playbar as |c|}}\n        <span class=\"cf-scrub-ch\" style={{c.style}}>\n          <span class=\"cf-scrub-ghost\"></span>\n          <span class=\"cf-scrub-fill\"></span>\n        </span>\n      {{/each}}\n      <span class=\"cf-scrub-head\"></span>\n      {{#if @tip}}\n        <span class=\"cf-scrub-tip\">\n          <span class=\"cf-scrub-tip-ch\">{{@tip.ch}}</span>\n          <span class=\"cf-scrub-tip-t\">{{@tip.t}}</span>\n        </span>\n      {{/if}}\n    </span>\n  </div>\n\n  <div class=\"cf-controls\">\n    <button type=\"button\" class=\"cf-ic\" aria-label={{if @live \"pause\" \"play\"}} data-tip={{if @live \"Pause (k)\" \"Play (k)\"}} {{on \"click\" @toggle}}>\n      {{#if @live}}\n        <svg viewBox=\"0 0 24 24\"><path d=\"M7 5h4v14H7zM13 5h4v14h-4z\" /></svg>\n      {{else}}\n        <svg viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\" /></svg>\n      {{/if}}\n    </button>\n    <button type=\"button\" class=\"cf-ic\" aria-label=\"previous chapter\" data-tip=\"Previous chapter (\u2190)\" {{on \"click\" @prev}}>\n      <svg viewBox=\"0 0 24 24\"><path d=\"M6 6h2v12H6zM18 6l-9 6 9 6z\" /></svg>\n    </button>\n    <button type=\"button\" class=\"cf-ic\" aria-label=\"next chapter\" data-tip=\"Next chapter (\u2192)\" {{on \"click\" @next}}>\n      <svg viewBox=\"0 0 24 24\"><path d=\"M16 6h2v12h-2zM6 6l9 6-9 6z\" /></svg>\n    </button>\n    {{!-- the speaker and, on a hover, the fader beside it --}}\n    <span class=\"cf-vol\">\n      <button type=\"button\" class=\"cf-ic\" aria-label={{if @sound \"mute\" \"sound\"}} data-tip={{if @sound \"Mute (m)\" \"Unmute (m)\"}} {{on \"click\" @hear}}>\n        {{#if (eq @loud \"high\")}}\n          <svg viewBox=\"0 0 24 24\"><path d=\"M4 9v6h4l5 4V5L8 9zm11.5 3a3.5 3.5 0 0 0-2-3.2v6.4a3.5 3.5 0 0 0 2-3.2zm-2-7.6v2.1a5.6 5.6 0 0 1 0 11v2.1a7.7 7.7 0 0 0 0-15.2z\" /></svg>\n        {{else if (eq @loud \"low\")}}\n          <svg viewBox=\"0 0 24 24\"><path d=\"M4 9v6h4l5 4V5L8 9zm11.5 3a3.5 3.5 0 0 0-2-3.2v6.4a3.5 3.5 0 0 0 2-3.2z\" /></svg>\n        {{else}}\n          <svg viewBox=\"0 0 24 24\"><path d=\"M4 9v6h4l5 4V5L8 9zm12.6 3 2.7-2.7-1.4-1.4-2.7 2.7-2.7-2.7-1.4 1.4 2.7 2.7-2.7 2.7 1.4 1.4 2.7-2.7 2.7 2.7 1.4-1.4z\" /></svg>\n        {{/if}}\n      </button>\n      <input class=\"cf-vol-range\" type=\"range\" min=\"0\" max=\"1\" step=\"0.02\" value={{@vol}} aria-label=\"volume\" style={{@volStyle}} {{on \"input\" @fade}} />\n    </span>\n    <span class=\"cf-time\">\n      <b>{{@clock}}</b>\n      <i>/</i>\n      {{@duration}}\n    </span>\n    {{!-- the chapter's name, beside the clock, is the way into the list --}}\n    <button type=\"button\" class=\"cf-chap\" data-tip=\"Chapters (c)\" {{on \"click\" @toc}}>\n      <span>\xB7</span>\n      {{@chapter.n}}\n      {{@chapter.title}}\n      <svg viewBox=\"0 0 24 24\"><path d=\"M8.6 6 7.2 7.4 11.8 12l-4.6 4.6L8.6 18l6-6z\" /></svg>\n    </button>\n    <span class=\"cf-spacer\"></span>\n    {{#if @debug}}\n      <span class=\"cf-build\">{{@build}}</span>\n    {{/if}}\n    <button type=\"button\" class=\"cf-ic cf-ic-cc {{if @subsOn \"is-on\"}}\" aria-label=\"captions\" data-tip=\"Captions (v)\" {{on \"click\" @cc}}>CC</button>\n    {{!-- the way back to the door, with its name on it: a title screen\n    is a place, not a loop --}}\n    <button type=\"button\" class=\"cf-word\" data-tip=\"Back to the title screen (0)\" {{on \"click\" @restart}}>\n      {{!-- a title card, not a loop: the glyph is the card itself --}}\n      <svg viewBox=\"0 0 24 24\"><path d=\"M3 5h18v14H3zm2 2v10h14V7zm3 3h8v1.6H8zm0 3.4h5V15H8z\" /></svg>\n      Title screen\n    </button>\n    <button type=\"button\" class=\"cf-ic cf-ic-last\" aria-label={{if @full \"exit fullscreen\" \"fullscreen\"}} data-tip={{if @full \"Exit full screen (f)\" \"Full screen (f)\"}} {{on \"click\" @screen}}>\n      {{#if @full}}\n        <svg viewBox=\"0 0 24 24\"><path d=\"M9 4H7v3H4v2h5zM4 15h3v3h2v-5H4zm11 3h2v-3h3v-2h-5zm0-14v5h5V7h-3V4z\" /></svg>\n      {{else}}\n        <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h5v2H6v3H4zm11 0h5v5h-2V6h-3zM4 15h2v3h3v2H4zm14 0h2v5h-5v-2h3z\" /></svg>\n      {{/if}}\n    </button>\n  </div>\n</div>", {
+      strictMode: true,
+      scope: () => ({
+        on,
+        eq
+      })
+    }), this);
+  }
+}
+/**
+ * THE CONFIRMATION GLYPH: a play or a pause, once, in the middle of the
+ * picture, gone in half a second — the way every player answers a tap
+ * on the glass.
+ */ // eslint-disable-next-line ember/no-empty-glimmer-component-classes
+class Burst extends Component {
+  static {
+    setComponentTemplate(precompileTemplate("<div class=\"cf-burst\" {{on \"animationend\" @done}}>\n  {{#if (eq @kind \"play\")}}\n    <svg viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\" /></svg>\n  {{else}}\n    <svg viewBox=\"0 0 24 24\"><path d=\"M7 5h4v14H7zM13 5h4v14h-4z\" /></svg>\n  {{/if}}\n</div>", {
+      strictMode: true,
+      scope: () => ({
+        on,
+        eq
+      })
+    }), this);
+  }
+}
+/** a chapter, as the menu lists it */
+
+/**
+ * THE DISC MENU. A film with chapters owes the viewer a way into them,
+ * and the arrow keys alone are a secret. Picking one re-cuts the score
+ * from that chapter's head — the same move the arrows make, because a
+ * skip here is an edit and never a seek. The film keeps running behind
+ * it, blurred: a menu that freezes the picture makes it feel like a file.
+ */ // eslint-disable-next-line ember/no-empty-glimmer-component-classes
+class Menu extends Component {
+  static {
+    setComponentTemplate(precompileTemplate("<Choreo class=\"cf-menu\" as |m|>\n  <div class=\"cf-menu-in\" {{motion id=\"menu\" role=\"sheet\"}}>\n    <p class=\"cf-menu-head\">{{@title}}</p>\n    <p class=\"cf-menu-sub\">{{@sub}}</p>\n    <ol class=\"cf-menu-list\">\n      {{#each @contents as |c|}}\n        <li>\n          <button type=\"button\" class=\"cf-menu-item {{if c.here \"is-here\"}}\" {{on \"click\" (fn @pick c.head)}}>\n            <span class=\"cf-menu-n\">{{c.n}}</span>\n            <span class=\"cf-menu-t\">{{c.title}}</span>\n            <span class=\"cf-menu-d\">{{c.shots}} shots</span>\n          </button>\n        </li>\n      {{/each}}\n    </ol>\n    <p class=\"cf-menu-keys\">{{if @keys @keys \"space / K play \xB7 \u2190 \u2192 chapter \xB7 1\u20139 chapter \xB7 M sound \xB7 F full screen \xB7 V captions \xB7 0 title screen \xB7 C close\"}}</p>\n  </div>\n  <m.Tween @of={{m.inserted \"sheet\"}} @y={{array 26 0}} @scale={{array 0.97 1}} @opacity={{array 0 1}} @duration={{0.42}} @ease={{array 0.22 1 0.36 1}} />\n  <m.Tween @of={{m.removed \"sheet\"}} @y={{array 0 18}} @opacity={{array 1 0}} @duration={{0.2}} @ease=\"easeIn\" />\n</Choreo>", {
+      strictMode: true,
+      scope: () => ({
+        Choreo,
+        motion,
+        on,
+        fn,
+        array
+      })
+    }), this);
+  }
+}
+function array(...items) {
+  return items;
+}
+function eq(a, b) {
+  return a === b;
+}
+
+export { Burst, Menu, Player };
+//# sourceMappingURL=player.js.map

package/dist/film/player.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"player.js","sources":["../../src/film/player.gts"],"sourcesContent":["import { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport Component from '@glimmer/component';\nimport { motion } from 'glimmer-motion';\n\nimport { Choreo } from '../choreo.gts';\nimport type { Chapter, ElementModifier } from './types.ts';\n\n/** one chapter as a segment of the scrub bar */\nexport interface PlaybarSegment {\n  head: number;\n  n: string;\n  style: string;\n  title: string;\n}\n\n/** what the hand is pointing at on the bar: the chapter and the time */\nexport interface ScrubTip {\n  ch: string;\n  t: string;\n}\n\nexport interface PlayerSignature {\n  Args: {\n    /** the front door is up: the transport waits outside */\n    away: boolean;\n    /** which cut of the film this is; shown only under debug */\n    build?: string;\n    /** toggle captions */\n    cc: () => void;\n    chapter: Chapter;\n    clock: string;\n    debug?: boolean;\n    duration: string;\n    /** the fader moved */\n    fade: (e: Event) => void;\n    full: boolean;\n    hear: () => void;\n    /** nobody has touched the frame for a while: the apparatus leaves */\n    idle: boolean;\n    /** rolling AND not held by the viewer: what the play button shows */\n    live: boolean;\n    /** sound on, and the fader up: the speaker glyph's three states */\n    loud: 'high' | 'low' | 'off';\n    menu: boolean;\n    next: () => void;\n    playbar: PlaybarSegment[];\n    prev: () => void;\n    restart: () => void;\n    screen: () => void;\n    /** the fraction the hand is holding while scrubbing, else null */\n    scrubAt: null | number;\n    scrubDown: (event: Event) => void;\n    scrubLeave: () => void;\n    scrubMove: (event: Event) => void;\n    scrubUp: (event: Event) => void;\n    /** keeps the bar's element, for the slider's live value */\n    slider: ElementModifier;\n    sound: boolean;\n    subsOn: boolean;\n    /** the bubble over the bar, while a pointer is on it */\n    tip: null | ScrubTip;\n    toc: () => void;\n    toggle: () => void;\n    /** measures the track, so the head can sit at the fill's end in pixels */\n    trackWrap: ElementModifier;\n    /** the master fader, 0..1 */\n    vol: number;\n    /** the fader's value as a custom property, for its own fill */\n    volStyle: string;\n  };\n}\n\n/**\n * THE PLAYER. The grammar every viewer knows from a decade of video on the\n * web: one full-width bar with the chapters as segments, a knob that sits\n * exactly where the fill ends, the transport on the left, the modes on\n * the right, the time beside the chapter's name, and the whole apparatus\n * fading off the picture when nobody is touching it. The bar listens: a\n * resting pointer gets the chapter and the time in a bubble and a ghost\n * fill to where it would cut, and every button names itself and its key.\n * The playhead is honest: a film cut on a chased lens cannot seek, so the\n * drag reads as time and the release RE-CUTS from the shot under the hand.\n */\n// eslint-disable-next-line ember/no-empty-glimmer-component-classes\nexport class Player extends Component<PlayerSignature> {\n  <template>\n    <div class='cf-player {{if @idle \"is-idle\"}} {{if @away \"is-away\"}}'>\n      <div\n        class='cf-scrub {{if @scrubAt \"is-live\"}}'\n        role='slider'\n        aria-label='playhead'\n        aria-valuemin='0'\n        aria-valuemax='100'\n        aria-valuenow='0'\n        tabindex='0'\n        {{@slider}}\n        {{on 'pointerdown' @scrubDown}}\n        {{on 'pointermove' @scrubMove}}\n        {{on 'pointerup' @scrubUp}}\n        {{on 'pointerleave' @scrubLeave}}\n      >\n        <span class='cf-scrub-track' {{@trackWrap}}>\n          {{#each @playbar as |c|}}\n            <span class='cf-scrub-ch' style={{c.style}}>\n              <span class='cf-scrub-ghost'></span>\n              <span class='cf-scrub-fill'></span>\n            </span>\n          {{/each}}\n          <span class='cf-scrub-head'></span>\n          {{#if @tip}}\n            <span class='cf-scrub-tip'>\n              <span class='cf-scrub-tip-ch'>{{@tip.ch}}</span>\n              <span class='cf-scrub-tip-t'>{{@tip.t}}</span>\n            </span>\n          {{/if}}\n        </span>\n      </div>\n\n      <div class='cf-controls'>\n        <button\n          type='button'\n          class='cf-ic'\n          aria-label={{if @live 'pause' 'play'}}\n          data-tip={{if @live 'Pause (k)' 'Play (k)'}}\n          {{on 'click' @toggle}}\n        >\n          {{#if @live}}\n            <svg viewBox='0 0 24 24'><path\n                d='M7 5h4v14H7zM13 5h4v14h-4z'\n              /></svg>\n          {{else}}\n            <svg viewBox='0 0 24 24'><path d='M8 5v14l11-7z' /></svg>\n          {{/if}}\n        </button>\n        <button\n          type='button'\n          class='cf-ic'\n          aria-label='previous chapter'\n          data-tip='Previous chapter (←)'\n          {{on 'click' @prev}}\n        >\n          <svg viewBox='0 0 24 24'><path\n              d='M6 6h2v12H6zM18 6l-9 6 9 6z'\n            /></svg>\n        </button>\n        <button\n          type='button'\n          class='cf-ic'\n          aria-label='next chapter'\n          data-tip='Next chapter (→)'\n          {{on 'click' @next}}\n        >\n          <svg viewBox='0 0 24 24'><path\n              d='M16 6h2v12h-2zM6 6l9 6-9 6z'\n            /></svg>\n        </button>\n        {{! the speaker and, on a hover, the fader beside it }}\n        <span class='cf-vol'>\n          <button\n            type='button'\n            class='cf-ic'\n            aria-label={{if @sound 'mute' 'sound'}}\n            data-tip={{if @sound 'Mute (m)' 'Unmute (m)'}}\n            {{on 'click' @hear}}\n          >\n            {{#if (eq @loud 'high')}}\n              <svg viewBox='0 0 24 24'><path\n                  d='M4 9v6h4l5 4V5L8 9zm11.5 3a3.5 3.5 0 0 0-2-3.2v6.4a3.5 3.5 0 0 0 2-3.2zm-2-7.6v2.1a5.6 5.6 0 0 1 0 11v2.1a7.7 7.7 0 0 0 0-15.2z'\n                /></svg>\n            {{else if (eq @loud 'low')}}\n              <svg viewBox='0 0 24 24'><path\n                  d='M4 9v6h4l5 4V5L8 9zm11.5 3a3.5 3.5 0 0 0-2-3.2v6.4a3.5 3.5 0 0 0 2-3.2z'\n                /></svg>\n            {{else}}\n              <svg viewBox='0 0 24 24'><path\n                  d='M4 9v6h4l5 4V5L8 9zm12.6 3 2.7-2.7-1.4-1.4-2.7 2.7-2.7-2.7-1.4 1.4 2.7 2.7-2.7 2.7 1.4 1.4 2.7-2.7 2.7 2.7 1.4-1.4z'\n                /></svg>\n            {{/if}}\n          </button>\n          <input\n            class='cf-vol-range'\n            type='range'\n            min='0'\n            max='1'\n            step='0.02'\n            value={{@vol}}\n            aria-label='volume'\n            style={{@volStyle}}\n            {{on 'input' @fade}}\n          />\n        </span>\n        <span class='cf-time'>\n          <b>{{@clock}}</b>\n          <i>/</i>\n          {{@duration}}\n        </span>\n        {{! the chapter's name, beside the clock, is the way into the list }}\n        <button\n          type='button'\n          class='cf-chap'\n          data-tip='Chapters (c)'\n          {{on 'click' @toc}}\n        >\n          <span>·</span>\n          {{@chapter.n}}\n          {{@chapter.title}}\n          <svg viewBox='0 0 24 24'><path\n              d='M8.6 6 7.2 7.4 11.8 12l-4.6 4.6L8.6 18l6-6z'\n            /></svg>\n        </button>\n        <span class='cf-spacer'></span>\n        {{#if @debug}}\n          <span class='cf-build'>{{@build}}</span>\n        {{/if}}\n        <button\n          type='button'\n          class='cf-ic cf-ic-cc {{if @subsOn \"is-on\"}}'\n          aria-label='captions'\n          data-tip='Captions (v)'\n          {{on 'click' @cc}}\n        >CC</button>\n        {{! the way back to the door, with its name on it: a title screen\n        is a place, not a loop }}\n        <button\n          type='button'\n          class='cf-word'\n          data-tip='Back to the title screen (0)'\n          {{on 'click' @restart}}\n        >\n          {{! a title card, not a loop: the glyph is the card itself }}\n          <svg viewBox='0 0 24 24'><path\n              d='M3 5h18v14H3zm2 2v10h14V7zm3 3h8v1.6H8zm0 3.4h5V15H8z'\n            /></svg>\n          Title screen\n        </button>\n        <button\n          type='button'\n          class='cf-ic cf-ic-last'\n          aria-label={{if @full 'exit fullscreen' 'fullscreen'}}\n          data-tip={{if @full 'Exit full screen (f)' 'Full screen (f)'}}\n          {{on 'click' @screen}}\n        >\n          {{#if @full}}\n            <svg viewBox='0 0 24 24'><path\n                d='M9 4H7v3H4v2h5zM4 15h3v3h2v-5H4zm11 3h2v-3h3v-2h-5zm0-14v5h5V7h-3V4z'\n              /></svg>\n          {{else}}\n            <svg viewBox='0 0 24 24'><path\n                d='M4 4h5v2H6v3H4zm11 0h5v5h-2V6h-3zM4 15h2v3h3v2H4zm14 0h2v5h-5v-2h3z'\n              /></svg>\n          {{/if}}\n        </button>\n      </div>\n    </div>\n  </template>\n}\n\nexport interface BurstSignature {\n  Args: {\n    /** the animation ran out: take the glyph down */\n    done: () => void;\n    kind: 'pause' | 'play';\n  };\n}\n\n/**\n * THE CONFIRMATION GLYPH: a play or a pause, once, in the middle of the\n * picture, gone in half a second — the way every player answers a tap\n * on the glass.\n */\n// eslint-disable-next-line ember/no-empty-glimmer-component-classes\nexport class Burst extends Component<BurstSignature> {\n  <template>\n    <div class='cf-burst' {{on 'animationend' @done}}>\n      {{#if (eq @kind 'play')}}\n        <svg viewBox='0 0 24 24'><path d='M8 5v14l11-7z' /></svg>\n      {{else}}\n        <svg viewBox='0 0 24 24'><path d='M7 5h4v14H7zM13 5h4v14h-4z' /></svg>\n      {{/if}}\n    </div>\n  </template>\n}\n\n/** a chapter, as the menu lists it */\nexport interface MenuEntry {\n  head: number;\n  here: boolean;\n  n: string;\n  secs: number;\n  shots: number;\n  title: string;\n}\n\nexport interface MenuSignature {\n  Args: {\n    contents: MenuEntry[];\n    /** the key legend under the list */\n    keys?: string;\n    pick: (head: number) => void;\n    sub: string;\n    title: string;\n  };\n}\n\n/**\n * THE DISC MENU. A film with chapters owes the viewer a way into them,\n * and the arrow keys alone are a secret. Picking one re-cuts the score\n * from that chapter's head — the same move the arrows make, because a\n * skip here is an edit and never a seek. The film keeps running behind\n * it, blurred: a menu that freezes the picture makes it feel like a file.\n */\n// eslint-disable-next-line ember/no-empty-glimmer-component-classes\nexport class Menu extends Component<MenuSignature> {\n  <template>\n    <Choreo class='cf-menu' as |m|>\n      <div class='cf-menu-in' {{motion id='menu' role='sheet'}}>\n        <p class='cf-menu-head'>{{@title}}</p>\n        <p class='cf-menu-sub'>{{@sub}}</p>\n        <ol class='cf-menu-list'>\n          {{#each @contents as |c|}}\n            <li>\n              <button\n                type='button'\n                class='cf-menu-item {{if c.here \"is-here\"}}'\n                {{on 'click' (fn @pick c.head)}}\n              >\n                <span class='cf-menu-n'>{{c.n}}</span>\n                <span class='cf-menu-t'>{{c.title}}</span>\n                <span class='cf-menu-d'>{{c.shots}} shots</span>\n              </button>\n            </li>\n          {{/each}}\n        </ol>\n        <p class='cf-menu-keys'>{{if\n            @keys\n            @keys\n            'space / K play · ← → chapter · 1–9 chapter · M sound · F full screen · V captions · 0 title screen · C close'\n          }}</p>\n      </div>\n      <m.Tween\n        @of={{m.inserted 'sheet'}}\n        @y={{array 26 0}}\n        @scale={{array 0.97 1}}\n        @opacity={{array 0 1}}\n        @duration={{0.42}}\n        @ease={{array 0.22 1 0.36 1}}\n      />\n      <m.Tween\n        @of={{m.removed 'sheet'}}\n        @y={{array 0 18}}\n        @opacity={{array 1 0}}\n        @duration={{0.2}}\n        @ease='easeIn'\n      />\n    </Choreo>\n  </template>\n}\n\nfunction array<T>(...items: T[]): T[] {\n  return items;\n}\n\nfunction eq(a: unknown, b: unknown): boolean {\n  return a === b;\n}\n"],"names":["Player","Component","setComponentTemplate","precompileTemplate","strictMode","scope","on","eq","Burst","Menu","Choreo","motion","fn","array","items","a","b"],"mappings":";;;;;;;;AAgBA;AAyDA;;;;;;;;;;AAUC;AAEM,MAAMA,eAAeC,SAAA,CAAU;AACpC,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,2hJAAA,EAyKA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,EAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;AAUA;;;;AAIC;AAEM,MAAMC,cAAcP,SAAA,CAAU;AACnC,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,yQAAA,EAQA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,EAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;AAEA;;AAqBA;;;;;;AAMC;AAEM,MAAME,aAAaR,SAAA,CAAU;AAClC,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,8mCAAA,EA0CA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAK,MAAA;QAAAC,MAAA;QAAAL,EAAA;QAAAM,EAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;AAEA,SAASA,KAAAA,CAAS,GAAGC,KAAU,EAAG;AAChC,EAAA,OAAOA,KAAA;AACT;AAEA,SAASP,GAAGQ,CAAU,EAAEC,CAAU,EAAU;EAC1C,OAAOD,CAAA,KAAMC,CAAA;AACf;;;;"}

package/dist/film/rail.js

@@ -0,0 +1,38 @@
+import { fn } from '@ember/helper';
+import { on } from '@ember/modifier';
+import Component from '@glimmer/component';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+/**
+ * THE FILM ON ONE LINE. A rule the width of the chapter strip, the run
+ * so far filled in the accent, a dot on the head and the readout riding
+ * it; the chapters are dots at the places they open, so the distance
+ * between them is a fact and not a layout. The dots are the doors into
+ * the chapters. The head's position is a custom property (`--cf-head`)
+ * written by the film every frame, so nothing here re-renders on the
+ * clock.
+ */
+class Rail extends Component {
+  atStyle = m => `left:calc(5px + ${m.at.toFixed(4)} * (100% - 10px))`;
+  static {
+    setComponentTemplate(precompileTemplate("<div class=\"cf-rail\">\n  <span class=\"cf-rail-n\">{{@chapter.n}}</span>\n  <span class=\"cf-rail-t\">{{@chapter.title}}</span>\n  <span class=\"cf-years\">\n    <i class=\"cf-years-rule\" aria-hidden=\"true\"></i>\n    <i class=\"cf-years-fill\" aria-hidden=\"true\"></i>\n    {{#each @marks as |m|}}\n      <button type=\"button\" class=\"cf-years-ch {{if m.here \"is-here\"}} {{if m.done \"is-done\"}}\" style={{this.atStyle m}} title=\"{{m.n}} {{m.title}}{{if m.label (concat \" \xB7 \" m.label)}}\" {{on \"click\" (fn @pick m.head)}}></button>\n    {{/each}}\n    {{#if @readout}}\n      <b class=\"cf-years-now\" aria-hidden=\"true\">{{@readout}}</b>\n    {{else}}\n      <b class=\"cf-years-now is-mute\" aria-hidden=\"true\"></b>\n    {{/if}}\n    {{#if @labels}}\n      <em class=\"cf-years-a\" aria-hidden=\"true\">{{get @labels 0}}</em>\n      <em class=\"cf-years-b\" aria-hidden=\"true\">{{get @labels 1}}</em>\n    {{/if}}\n  </span>\n</div>", {
+      strictMode: true,
+      scope: () => ({
+        concat,
+        on,
+        fn,
+        get
+      })
+    }), this);
+  }
+}
+function concat(...parts) {
+  return parts.map(p => String(p ?? '')).join('');
+}
+function get(list, i) {
+  return list[i];
+}
+
+export { Rail };
+//# sourceMappingURL=rail.js.map

package/dist/film/rail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rail.js","sources":["../../src/film/rail.gts"],"sourcesContent":["import { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport Component from '@glimmer/component';\n\nimport type { Chapter } from './types.ts';\n\n/** a chapter as a door on the rule */\nexport interface RailMark {\n  /** where on the rule, 0..1 */\n  at: number;\n  done: boolean;\n  head: number;\n  here: boolean;\n  /** the label the door announces when the rule is a clock */\n  label?: string;\n  n: string;\n  title: string;\n}\n\nexport interface RailSignature {\n  Args: {\n    /** the chapter on screen */\n    chapter: Chapter;\n    /** the ends of the rule, as the film writes them; empty when the rule is time */\n    labels?: [string, string];\n    marks: RailMark[];\n    /** cut to a chapter's head */\n    pick: (head: number) => void;\n    /** the readout riding the head — the year, or nothing */\n    readout?: string;\n  };\n}\n\n/**\n * THE FILM ON ONE LINE. A rule the width of the chapter strip, the run\n * so far filled in the accent, a dot on the head and the readout riding\n * it; the chapters are dots at the places they open, so the distance\n * between them is a fact and not a layout. The dots are the doors into\n * the chapters. The head's position is a custom property (`--cf-head`)\n * written by the film every frame, so nothing here re-renders on the\n * clock.\n */\nexport class Rail extends Component<RailSignature> {\n  atStyle = (m: RailMark): string =>\n    `left:calc(5px + ${m.at.toFixed(4)} * (100% - 10px))`;\n\n  <template>\n    <div class='cf-rail'>\n      <span class='cf-rail-n'>{{@chapter.n}}</span>\n      <span class='cf-rail-t'>{{@chapter.title}}</span>\n      <span class='cf-years'>\n        <i class='cf-years-rule' aria-hidden='true'></i>\n        <i class='cf-years-fill' aria-hidden='true'></i>\n        {{#each @marks as |m|}}\n          <button\n            type='button'\n            class='cf-years-ch {{if m.here \"is-here\"}} {{if m.done \"is-done\"}}'\n            style={{this.atStyle m}}\n            title='{{m.n}} {{m.title}}{{if m.label (concat \" · \" m.label)}}'\n            {{on 'click' (fn @pick m.head)}}\n          ></button>\n        {{/each}}\n        {{#if @readout}}\n          <b class='cf-years-now' aria-hidden='true'>{{@readout}}</b>\n        {{else}}\n          <b class='cf-years-now is-mute' aria-hidden='true'></b>\n        {{/if}}\n        {{#if @labels}}\n          <em class='cf-years-a' aria-hidden='true'>{{get @labels 0}}</em>\n          <em class='cf-years-b' aria-hidden='true'>{{get @labels 1}}</em>\n        {{/if}}\n      </span>\n    </div>\n  </template>\n}\n\nfunction concat(...parts: unknown[]): string {\n  return parts.map((p) => String(p ?? '')).join('');\n}\n\nfunction get<T>(list: readonly T[], i: number): T | undefined {\n  return list[i];\n}\n"],"names":["Rail","Component","atStyle","m","at","toFixed","setComponentTemplate","precompileTemplate","strictMode","scope","concat","on","fn","get","parts","map","p","String","join","list","i"],"mappings":";;;;;;AAiCA;;;;;;;;;AASO,MAAMA,IAAA,SAAaC,SAAA,CAAU;AAClCC,EAAAA,OAAA,GAAWC,CAAG,IACZ,CAAA,gBAAA,EAAmBA,CAAA,CAAEC,EAAE,CAACC,OAAO,CAAC,CAAA,CAAA,CAAA,iBAAA,CAAqB;AAEvD,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,+7BAAA,EA2BA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,MAAA;QAAAC,EAAA;QAAAC,EAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;AAEA,SAASH,OAAO,GAAGI,KAAgB,EAAS;AAC1C,EAAA,OAAOA,KAAA,CAAMC,GAAG,CAAEC,KAAMC,MAAA,CAAOD,CAAA,IAAK,EAAA,CAAA,CAAA,CAAKE,IAAI,CAAC,EAAA,CAAA;AAChD;AAEA,SAASL,GAAAA,CAAOM,IAAkB,EAAEC,CAAS,EAAgB;EAC3D,OAAOD,IAAI,CAACC,CAAA,CAAE;AAChB;;;;"}

package/dist/film/schedule.js

@@ -0,0 +1,238 @@
+import { lerp } from './math.js';
+
+/**
+ * THE SCHEDULE — everything a film derives from its shot list before a
+ * single frame is drawn, as pure functions of the table.
+ *
+ * A film is its cue table and its camera path: when a beat starts, what
+ * fires when, where the lens is at every waypoint, how the chapters are
+ * cut. These were getters on the engine; lifting them here changes no
+ * number — the engine calls them — and lets the same arithmetic be run
+ * headless, in Node, to write the golden fixtures the graph refactor is
+ * measured against (`scripts/film-fixtures.mjs`,
+ * `tests/unit/film-schedule-test.ts`).
+ *
+ * Nothing in here reads the clock, the page or the DOM. Everything is a
+ * function of `Beat[]` and a few numbers, which is the property the
+ * fixtures pin.
+ */
+/** one tick of the shot list, in seconds: a beat's `ticks` × this is its length */
+const TICK = 2;
+
+/** the whole film, in seconds, leads included */
+function totalSecs(beats) {
+  return beats.reduce((n, b, i) => n + b.ticks + (i === 0 ? 0 : b.lead ?? 0), 0) * TICK;
+}
+
+/** film seconds before a beat's nominal head, leads included */
+function secsBefore(beats, index) {
+  return beats.slice(0, index).reduce((n, b, i) => n + b.ticks + (i === 0 ? 0 : b.lead ?? 0), 0) * TICK;
+}
+
+/**
+ * FILM SECONDS AT WHICH A BEAT'S OWN SHOT BEGINS. The cues fire one tick
+ * after the beat table says, because the pose-in-force seed occupies the
+ * spline's first slot — so the windows the exact clock derives carry the
+ * same offset, and the picture and the type agree with the cut film to
+ * the frame. This is the single most load-bearing constant in the film.
+ */
+function beatStart(beats, i) {
+  if (i <= 0) {
+    return 0;
+  }
+  return secsBefore(beats, i) + (beats[i].lead ?? 0) * TICK + TICK;
+}
+
+/** one cue per beat (and an `air` cue ahead of a led beat), as delays into the score */
+
+function cues(beats) {
+  let t = 0;
+  const out = [];
+  beats.forEach((b, i) => {
+    const lead = i === 0 ? 0 : b.lead ?? 0;
+    if (lead > 0) {
+      out.push({
+        action: 'air',
+        delay: t + TICK,
+        index: String(i)
+      });
+    }
+    const at = t + lead * TICK;
+    t = at + b.ticks * TICK;
+    /* cue 0 is exempt from the offset: the boot applies the head beat by
+       hand and a guard swallows its immediate re-fire */
+    out.push({
+      action: 'beat',
+      delay: at === 0 ? 0 : at + TICK,
+      index: String(i)
+    });
+  });
+  return out;
+}
+
+/** the first beat of each chapter, in whole-film indices */
+function chapterHeads(beats) {
+  const heads = [];
+  beats.forEach((b, i) => {
+    if (heads.length === 0 || beats[heads[heads.length - 1]].ch !== b.ch) {
+      heads.push(i);
+    }
+  });
+  return heads;
+}
+
+/** the chapter menu's rows: head index, numeral, title, shot count, running time */
+
+function contents(beats, chapters) {
+  const heads = chapterHeads(beats);
+  return heads.map((head, i) => {
+    const nextHead = heads[i + 1] ?? beats.length;
+    const ch = chapters[beats[head].ch] ?? chapters[0];
+    return {
+      head,
+      n: ch.n,
+      secs: beats.slice(head, nextHead).reduce((t, b) => t + b.ticks, 0) * TICK,
+      shots: nextHead - head,
+      title: ch.title
+    };
+  });
+}
+
+/** the seam a beat is entered through, or none when it neither cuts nor names one */
+function joinInto(beats, i, defaultJoin) {
+  const beat = beats[i];
+  return beat.cut || beat.join ? beat.join ?? defaultJoin : null;
+}
+
+/**
+ * WHERE A SHOT ENDS — the beat's authored tail, floored so it always reads
+ * as a move, and clamped so it never travels past the pose the next shot
+ * begins on. Shared by the path (which lerps its waypoints across it) and
+ * by the launch: a cut hands the chaser this shot's own speed.
+ *
+ * A shot must move on screen, not on paper: frame-differencing a capture
+ * of the cut showed authored tails of a few degrees reading as stills, so
+ * a tail is a DIRECTION and a floor, not a distance — what the beat asks
+ * for is honoured, and anything slower than a real slow move is stretched
+ * up to one. The floors are per second. And it never travels past where
+ * the next shot begins: at a cut that jumped BACKWARDS into the successor.
+ */
+function tailFor(beats, bi) {
+  const b = beats[bi];
+  const drift = b.toCam ?? {
+    ...b.cam,
+    dolly: b.cam.dolly * 1.05,
+    pitch: b.cam.pitch + 1.4,
+    yaw: b.cam.yaw + 6
+  };
+  const next = beats[bi + 1];
+  const secs = b.ticks * TICK;
+  const sgn = d => d < 0 ? -1 : 1;
+  const stretch = (key, floor) => {
+    const head = b.cam[key] ?? 0;
+    const d = (drift[key] ?? 0) - head;
+    const nose = next ? (next.cam[key] ?? 0) - head : 0;
+    /* the direction is the beat's own, or the next shot's if the beat
+       asked for nothing at all */
+    const way = d !== 0 ? sgn(d) : nose !== 0 ? sgn(nose) : 1;
+    const reach = !next ? Infinity : sgn(nose) === way && nose !== 0 ? Math.abs(nose) : 0;
+    const want = Math.min(Math.max(Math.abs(d), floor), Math.max(Math.abs(d), reach));
+    return head + way * want;
+  };
+  const to = {
+    ...drift,
+    dolly: stretch('dolly', b.cam.dolly * Math.min(0.22, 0.022 * secs)),
+    ox: stretch('ox', Math.min(0.07, 0.008 * secs)),
+    pitch: stretch('pitch', Math.min(6, 0.45 * secs)),
+    yaw: stretch('yaw', Math.min(22, 2 * secs))
+  };
+  return {
+    dolly: to.dolly,
+    fx: to.fx ?? b.cam.fx ?? 0,
+    fz: to.fz ?? b.cam.fz ?? 0,
+    lookY: to.lookY,
+    ox: to.ox,
+    pitch: to.pitch,
+    yaw: to.yaw
+  };
+}
+
+/** one waypoint of the camera spline, in the terms `c.Camera3D @through` takes */
+
+/**
+ * THE PATH. Every beat contributes `ticks` waypoints, lerped from its
+ * head to its tail, so waypoint count is screen time; a led beat first
+ * contributes `lead` waypoints travelling in from the previous tail; a
+ * `cut` beat splices the spline. `recut` marks the first beat as a splice
+ * too — a cut film re-cut from a chapter's head has nothing behind it.
+ */
+function waypoints(beats, recut = false) {
+  const pts = [];
+  for (const [bi, b] of beats.entries()) {
+    const splice = b.cut === true || bi === 0 && recut;
+    const to = tailFor(beats, bi);
+    const lead = bi === 0 ? 0 : b.lead ?? 0;
+    const prev = pts[pts.length - 1];
+    if (lead > 0 && prev) {
+      for (let k = 1; k <= lead; k++) {
+        const f = k / (lead + 1);
+        pts.push({
+          dolly: lerp(prev.dolly, b.cam.dolly, f),
+          look: {
+            x: lerp(prev.look.x, b.cam.fx ?? 0, f),
+            y: lerp(prev.look.y, b.cam.lookY, f),
+            z: lerp(prev.look.z, b.cam.fz ?? 0, f)
+          },
+          pitch: lerp(prev.pitch, b.cam.pitch, f),
+          x: lerp(prev.x, b.cam.ox ?? 0, f),
+          y: 0,
+          yaw: lerp(prev.yaw, b.cam.yaw, f)
+        });
+      }
+    }
+    for (let k = 0; k < b.ticks; k++) {
+      const f = b.ticks === 1 ? 0 : k / (b.ticks - 1);
+      pts.push({
+        cut: splice && k === 0 ? true : undefined,
+        dolly: lerp(b.cam.dolly, to.dolly, f),
+        look: {
+          x: lerp(b.cam.fx ?? 0, to.fx ?? 0, f),
+          y: lerp(b.cam.lookY, to.lookY, f),
+          z: lerp(b.cam.fz ?? 0, to.fz ?? 0, f)
+        },
+        pitch: lerp(b.cam.pitch, to.pitch, f),
+        x: lerp(b.cam.ox ?? 0, to.ox ?? 0, f),
+        y: 0,
+        yaw: lerp(b.cam.yaw, to.yaw, f)
+      });
+    }
+  }
+  return pts;
+}
+
+/**
+ * THE GOLDEN SCHEDULE: one object per film, everything above at once, in
+ * the shape the fixtures are written in. A refactor of the engine that
+ * changes any number in here has changed the film.
+ */
+
+function schedule(beats, chapters, defaultJoin) {
+  return {
+    beats: beats.map((b, i) => ({
+      ch: b.ch,
+      id: b.id,
+      join: joinInto(beats, i, defaultJoin),
+      lead: i === 0 ? 0 : b.lead ?? 0,
+      secsBefore: secsBefore(beats, i),
+      start: beatStart(beats, i),
+      ticks: b.ticks
+    })),
+    contents: contents(beats, chapters),
+    cues: cues(beats),
+    total: totalSecs(beats),
+    waypoints: waypoints(beats)
+  };
+}
+
+export { TICK, beatStart, chapterHeads, contents, cues, joinInto, schedule, secsBefore, tailFor, totalSecs, waypoints };
+//# sourceMappingURL=schedule.js.map

package/dist/film/schedule.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schedule.js","sources":["../../src/film/schedule.ts"],"sourcesContent":["/**\n * THE SCHEDULE — everything a film derives from its shot list before a\n * single frame is drawn, as pure functions of the table.\n *\n * A film is its cue table and its camera path: when a beat starts, what\n * fires when, where the lens is at every waypoint, how the chapters are\n * cut. These were getters on the engine; lifting them here changes no\n * number — the engine calls them — and lets the same arithmetic be run\n * headless, in Node, to write the golden fixtures the graph refactor is\n * measured against (`scripts/film-fixtures.mjs`,\n * `tests/unit/film-schedule-test.ts`).\n *\n * Nothing in here reads the clock, the page or the DOM. Everything is a\n * function of `Beat[]` and a few numbers, which is the property the\n * fixtures pin.\n */\nimport { lerp } from './math.ts';\nimport type { Beat, Cam, Chapter, Join, JoinName } from './types.ts';\n\n/** one tick of the shot list, in seconds: a beat's `ticks` × this is its length */\nexport const TICK = 2;\n\n/** the whole film, in seconds, leads included */\nexport function totalSecs(beats: Beat[]): number {\n  return (\n    beats.reduce((n, b, i) => n + b.ticks + (i === 0 ? 0 : (b.lead ?? 0)), 0) *\n    TICK\n  );\n}\n\n/** film seconds before a beat's nominal head, leads included */\nexport function secsBefore(beats: Beat[], index: number): number {\n  return (\n    beats\n      .slice(0, index)\n      .reduce((n, b, i) => n + b.ticks + (i === 0 ? 0 : (b.lead ?? 0)), 0) *\n    TICK\n  );\n}\n\n/**\n * FILM SECONDS AT WHICH A BEAT'S OWN SHOT BEGINS. The cues fire one tick\n * after the beat table says, because the pose-in-force seed occupies the\n * spline's first slot — so the windows the exact clock derives carry the\n * same offset, and the picture and the type agree with the cut film to\n * the frame. This is the single most load-bearing constant in the film.\n */\nexport function beatStart(beats: Beat[], i: number): number {\n  if (i <= 0) {\n    return 0;\n  }\n  return secsBefore(beats, i) + (beats[i]!.lead ?? 0) * TICK + TICK;\n}\n\n/** one cue per beat (and an `air` cue ahead of a led beat), as delays into the score */\nexport interface Cue {\n  action: 'air' | 'beat';\n  delay: number;\n  index: string;\n}\n\nexport function cues(beats: Beat[]): Cue[] {\n  let t = 0;\n  const out: Cue[] = [];\n  beats.forEach((b, i) => {\n    const lead = i === 0 ? 0 : (b.lead ?? 0);\n    if (lead > 0) {\n      out.push({ action: 'air', delay: t + TICK, index: String(i) });\n    }\n    const at = t + lead * TICK;\n    t = at + b.ticks * TICK;\n    /* cue 0 is exempt from the offset: the boot applies the head beat by\n       hand and a guard swallows its immediate re-fire */\n    out.push({\n      action: 'beat',\n      delay: at === 0 ? 0 : at + TICK,\n      index: String(i),\n    });\n  });\n  return out;\n}\n\n/** the first beat of each chapter, in whole-film indices */\nexport function chapterHeads(beats: Beat[]): number[] {\n  const heads: number[] = [];\n  beats.forEach((b, i) => {\n    if (heads.length === 0 || beats[heads[heads.length - 1]!]!.ch !== b.ch) {\n      heads.push(i);\n    }\n  });\n  return heads;\n}\n\n/** the chapter menu's rows: head index, numeral, title, shot count, running time */\nexport interface Content {\n  head: number;\n  n: string;\n  secs: number;\n  shots: number;\n  title: string;\n}\n\nexport function contents(beats: Beat[], chapters: Chapter[]): Content[] {\n  const heads = chapterHeads(beats);\n  return heads.map((head, i) => {\n    const nextHead = heads[i + 1] ?? beats.length;\n    const ch = chapters[beats[head]!.ch] ?? chapters[0]!;\n    return {\n      head,\n      n: ch.n,\n      secs: beats.slice(head, nextHead).reduce((t, b) => t + b.ticks, 0) * TICK,\n      shots: nextHead - head,\n      title: ch.title,\n    };\n  });\n}\n\n/** the seam a beat is entered through, or none when it neither cuts nor names one */\nexport function joinInto(\n  beats: Beat[],\n  i: number,\n  defaultJoin: Join,\n): JoinName | null {\n  const beat = beats[i]!;\n  return beat.cut || beat.join ? (beat.join ?? defaultJoin) : null;\n}\n\n/**\n * WHERE A SHOT ENDS — the beat's authored tail, floored so it always reads\n * as a move, and clamped so it never travels past the pose the next shot\n * begins on. Shared by the path (which lerps its waypoints across it) and\n * by the launch: a cut hands the chaser this shot's own speed.\n *\n * A shot must move on screen, not on paper: frame-differencing a capture\n * of the cut showed authored tails of a few degrees reading as stills, so\n * a tail is a DIRECTION and a floor, not a distance — what the beat asks\n * for is honoured, and anything slower than a real slow move is stretched\n * up to one. The floors are per second. And it never travels past where\n * the next shot begins: at a cut that jumped BACKWARDS into the successor.\n */\nexport function tailFor(beats: Beat[], bi: number): Cam {\n  const b = beats[bi]!;\n  const drift = b.toCam ?? {\n    ...b.cam,\n    dolly: b.cam.dolly * 1.05,\n    pitch: b.cam.pitch + 1.4,\n    yaw: b.cam.yaw + 6,\n  };\n  const next = beats[bi + 1];\n  const secs = b.ticks * TICK;\n  const sgn = (d: number) => (d < 0 ? -1 : 1);\n  const stretch = (\n    key: 'dolly' | 'ox' | 'pitch' | 'yaw',\n    floor: number,\n  ): number => {\n    const head = b.cam[key] ?? 0;\n    const d = (drift[key] ?? 0) - head;\n    const nose = next ? (next.cam[key] ?? 0) - head : 0;\n    /* the direction is the beat's own, or the next shot's if the beat\n       asked for nothing at all */\n    const way = d !== 0 ? sgn(d) : nose !== 0 ? sgn(nose) : 1;\n    const reach = !next\n      ? Infinity\n      : sgn(nose) === way && nose !== 0\n        ? Math.abs(nose)\n        : 0;\n    const want = Math.min(\n      Math.max(Math.abs(d), floor),\n      Math.max(Math.abs(d), reach),\n    );\n    return head + way * want;\n  };\n  const to = {\n    ...drift,\n    dolly: stretch('dolly', b.cam.dolly * Math.min(0.22, 0.022 * secs)),\n    ox: stretch('ox', Math.min(0.07, 0.008 * secs)),\n    pitch: stretch('pitch', Math.min(6, 0.45 * secs)),\n    yaw: stretch('yaw', Math.min(22, 2 * secs)),\n  };\n  return {\n    dolly: to.dolly,\n    fx: to.fx ?? b.cam.fx ?? 0,\n    fz: to.fz ?? b.cam.fz ?? 0,\n    lookY: to.lookY,\n    ox: to.ox,\n    pitch: to.pitch,\n    yaw: to.yaw,\n  };\n}\n\n/** one waypoint of the camera spline, in the terms `c.Camera3D @through` takes */\nexport interface Waypoint {\n  cut?: boolean;\n  dolly: number;\n  look: { x: number; y: number; z: number };\n  pitch: number;\n  x: number;\n  y: number;\n  yaw: number;\n}\n\n/**\n * THE PATH. Every beat contributes `ticks` waypoints, lerped from its\n * head to its tail, so waypoint count is screen time; a led beat first\n * contributes `lead` waypoints travelling in from the previous tail; a\n * `cut` beat splices the spline. `recut` marks the first beat as a splice\n * too — a cut film re-cut from a chapter's head has nothing behind it.\n */\nexport function waypoints(beats: Beat[], recut = false): Waypoint[] {\n  const pts: Waypoint[] = [];\n  for (const [bi, b] of beats.entries()) {\n    const splice = b.cut === true || (bi === 0 && recut);\n    const to = tailFor(beats, bi);\n    const lead = bi === 0 ? 0 : (b.lead ?? 0);\n    const prev = pts[pts.length - 1];\n    if (lead > 0 && prev) {\n      for (let k = 1; k <= lead; k++) {\n        const f = k / (lead + 1);\n        pts.push({\n          dolly: lerp(prev.dolly, b.cam.dolly, f),\n          look: {\n            x: lerp(prev.look.x, b.cam.fx ?? 0, f),\n            y: lerp(prev.look.y, b.cam.lookY, f),\n            z: lerp(prev.look.z, b.cam.fz ?? 0, f),\n          },\n          pitch: lerp(prev.pitch, b.cam.pitch, f),\n          x: lerp(prev.x, b.cam.ox ?? 0, f),\n          y: 0,\n          yaw: lerp(prev.yaw, b.cam.yaw, f),\n        });\n      }\n    }\n    for (let k = 0; k < b.ticks; k++) {\n      const f = b.ticks === 1 ? 0 : k / (b.ticks - 1);\n      pts.push({\n        cut: splice && k === 0 ? true : undefined,\n        dolly: lerp(b.cam.dolly, to.dolly, f),\n        look: {\n          x: lerp(b.cam.fx ?? 0, to.fx ?? 0, f),\n          y: lerp(b.cam.lookY, to.lookY, f),\n          z: lerp(b.cam.fz ?? 0, to.fz ?? 0, f),\n        },\n        pitch: lerp(b.cam.pitch, to.pitch, f),\n        x: lerp(b.cam.ox ?? 0, to.ox ?? 0, f),\n        y: 0,\n        yaw: lerp(b.cam.yaw, to.yaw, f),\n      });\n    }\n  }\n  return pts;\n}\n\n/**\n * THE GOLDEN SCHEDULE: one object per film, everything above at once, in\n * the shape the fixtures are written in. A refactor of the engine that\n * changes any number in here has changed the film.\n */\nexport interface Schedule {\n  beats: {\n    ch: number;\n    id: string;\n    join: JoinName | null;\n    lead: number;\n    secsBefore: number;\n    start: number;\n    ticks: number;\n  }[];\n  contents: Content[];\n  cues: Cue[];\n  total: number;\n  waypoints: Waypoint[];\n}\n\nexport function schedule(\n  beats: Beat[],\n  chapters: Chapter[],\n  defaultJoin: Join,\n): Schedule {\n  return {\n    beats: beats.map((b, i) => ({\n      ch: b.ch,\n      id: b.id,\n      join: joinInto(beats, i, defaultJoin),\n      lead: i === 0 ? 0 : (b.lead ?? 0),\n      secsBefore: secsBefore(beats, i),\n      start: beatStart(beats, i),\n      ticks: b.ticks,\n    })),\n    contents: contents(beats, chapters),\n    cues: cues(beats),\n    total: totalSecs(beats),\n    waypoints: waypoints(beats),\n  };\n}\n"],"names":["TICK","totalSecs","beats","reduce","n","b","i","ticks","lead","secsBefore","index","slice","beatStart","cues","t","out","forEach","push","action","delay","String","at","chapterHeads","heads","length","ch","contents","chapters","map","head","nextHead","secs","shots","title","joinInto","defaultJoin","beat","cut","join","tailFor","bi","drift","toCam","cam","dolly","pitch","yaw","next","sgn","d","stretch","key","floor","nose","way","reach","Infinity","Math","abs","want","min","max","to","ox","fx","fz","lookY","waypoints","recut","pts","entries","splice","prev","k","f","lerp","look","x","y","z","undefined","schedule","id","start","total"],"mappings":"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"}

package/dist/film/seam.js

@@ -0,0 +1,64 @@
+/**
+ * THE SEAM'S GATE: hold the cut until its still can be PAINTED.
+ *
+ * Every join that carries the outgoing frame carries it as a JPEG data
+ * URL in the DOM, and a full-resolution JPEG handed to the DOM is not
+ * paintable on the frame it is handed over — the browser decodes it off
+ * the main thread. The lens, meanwhile, moves on that frame. So the seam
+ * used to play backwards: three frames of the incoming shot at 60 Hz,
+ * then the still of the outgoing one, then the transition over it.
+ *
+ * The gate decodes the frame into the memory cache first and holds the
+ * whole cut — the lens snap, the overlay, an iris's projection — until
+ * it is ready; the DOM image then paints from that decode on the frame
+ * it is inserted. The outgoing shot stays live and moving for those few
+ * milliseconds, which nobody can see: a cut two frames late reads as a
+ * cut, a cut that shows the wrong picture does not.
+ *
+ * Three rules the film depends on:
+ *
+ * - **Nothing to decode, nothing to wait for.** A seam with no still (a
+ *   cut, a flash, a dissolve the page held in its own glass) runs
+ *   SYNCHRONOUSLY, on the caller's stack, exactly as it always did.
+ * - **One seam at a time.** A cut that arrives while an earlier one is
+ *   still waiting retires it; the earlier one never runs.
+ * - **No seam waits for ever.** A decode that never comes back (a
+ *   truncated capture, a browser without `HTMLImageElement.decode`) is
+ *   given `cap` milliseconds and then the cut goes anyway.
+ */
+class Seam {
+  /** which cut is in hand; a later one retires an earlier one */
+  turn = 0;
+
+  /**
+   * Hold `cut` until `still` can be painted, or run it now if there is
+   * no still. `cap` is the longest the film will wait on a decode.
+   */
+  hold(still, cut, cap = 120) {
+    if (!still) {
+      cut();
+      return;
+    }
+    const mine = this.turn += 1;
+    let ran = false;
+    const go = () => {
+      if (ran || mine !== this.turn) {
+        return;
+      }
+      ran = true;
+      cut();
+    };
+    const pre = new Image();
+    pre.src = still;
+    setTimeout(go, cap);
+    const decoding = pre.decode?.();
+    if (decoding) {
+      void decoding.then(go, go);
+    } else {
+      go();
+    }
+  }
+}
+
+export { Seam };
+//# sourceMappingURL=seam.js.map

package/dist/film/seam.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"seam.js","sources":["../../src/film/seam.ts"],"sourcesContent":["/**\n * THE SEAM'S GATE: hold the cut until its still can be PAINTED.\n *\n * Every join that carries the outgoing frame carries it as a JPEG data\n * URL in the DOM, and a full-resolution JPEG handed to the DOM is not\n * paintable on the frame it is handed over — the browser decodes it off\n * the main thread. The lens, meanwhile, moves on that frame. So the seam\n * used to play backwards: three frames of the incoming shot at 60 Hz,\n * then the still of the outgoing one, then the transition over it.\n *\n * The gate decodes the frame into the memory cache first and holds the\n * whole cut — the lens snap, the overlay, an iris's projection — until\n * it is ready; the DOM image then paints from that decode on the frame\n * it is inserted. The outgoing shot stays live and moving for those few\n * milliseconds, which nobody can see: a cut two frames late reads as a\n * cut, a cut that shows the wrong picture does not.\n *\n * Three rules the film depends on:\n *\n * - **Nothing to decode, nothing to wait for.** A seam with no still (a\n *   cut, a flash, a dissolve the page held in its own glass) runs\n *   SYNCHRONOUSLY, on the caller's stack, exactly as it always did.\n * - **One seam at a time.** A cut that arrives while an earlier one is\n *   still waiting retires it; the earlier one never runs.\n * - **No seam waits for ever.** A decode that never comes back (a\n *   truncated capture, a browser without `HTMLImageElement.decode`) is\n *   given `cap` milliseconds and then the cut goes anyway.\n */\nexport class Seam {\n  /** which cut is in hand; a later one retires an earlier one */\n  private turn = 0;\n\n  /**\n   * Hold `cut` until `still` can be painted, or run it now if there is\n   * no still. `cap` is the longest the film will wait on a decode.\n   */\n  hold(still: string, cut: () => void, cap = 120): void {\n    if (!still) {\n      cut();\n      return;\n    }\n    const mine = (this.turn += 1);\n    let ran = false;\n    const go = () => {\n      if (ran || mine !== this.turn) {\n        return;\n      }\n      ran = true;\n      cut();\n    };\n    const pre = new Image();\n    pre.src = still;\n    setTimeout(go, cap);\n    const decoding = pre.decode?.();\n    if (decoding) {\n      void decoding.then(go, go);\n    } else {\n      go();\n    }\n  }\n}\n"],"names":["Seam","turn","hold","still","cut","cap","mine","ran","go","pre","Image","src","setTimeout","decoding","decode","then"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,IAAI,CAAC;AAChB;AACQC,EAAAA,IAAI,GAAG,CAAC;;AAEhB;AACF;AACA;AACA;EACEC,IAAIA,CAACC,KAAa,EAAEC,GAAe,EAAEC,GAAG,GAAG,GAAG,EAAQ;IACpD,IAAI,CAACF,KAAK,EAAE;AACVC,MAAAA,GAAG,EAAE;AACL,MAAA;AACF,IAAA;AACA,IAAA,MAAME,IAAI,GAAI,IAAI,CAACL,IAAI,IAAI,CAAE;IAC7B,IAAIM,GAAG,GAAG,KAAK;IACf,MAAMC,EAAE,GAAGA,MAAM;AACf,MAAA,IAAID,GAAG,IAAID,IAAI,KAAK,IAAI,CAACL,IAAI,EAAE;AAC7B,QAAA;AACF,MAAA;AACAM,MAAAA,GAAG,GAAG,IAAI;AACVH,MAAAA,GAAG,EAAE;IACP,CAAC;AACD,IAAA,MAAMK,GAAG,GAAG,IAAIC,KAAK,EAAE;IACvBD,GAAG,CAACE,GAAG,GAAGR,KAAK;AACfS,IAAAA,UAAU,CAACJ,EAAE,EAAEH,GAAG,CAAC;AACnB,IAAA,MAAMQ,QAAQ,GAAGJ,GAAG,CAACK,MAAM,IAAI;AAC/B,IAAA,IAAID,QAAQ,EAAE;AACZ,MAAA,KAAKA,QAAQ,CAACE,IAAI,CAACP,EAAE,EAAEA,EAAE,CAAC;AAC5B,IAAA,CAAC,MAAM;AACLA,MAAAA,EAAE,EAAE;AACN,IAAA;AACF,EAAA;AACF;;;;"}

package/dist/film/titles.js

@@ -0,0 +1,45 @@
+import Component from '@glimmer/component';
+import { motion } from 'glimmer-motion';
+import { Choreo } from '../choreo.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+/**
+ * THE GATE — the front door. The film is narrated, so the door asks; and
+ * the click that answers is the same gesture autoplay policy wants. The
+ * scene stands behind it, already seated on the opening frame and
+ * turning. What the door SAYS is the film's: the block is the front
+ * matter, set in the title package (`cf-matter`, `cf-mg-*`), and the
+ * shell here is the museum frame and the wash the type stands on.
+ */ // eslint-disable-next-line ember/no-empty-glimmer-component-classes
+class Gate extends Component {
+  static {
+    setComponentTemplate(precompileTemplate("<div class=\"cf-gate\">\n  {{!-- the museum frame: a hairline border drawn just inside the screen,\n  the way a plate is matted --}}\n  <i class=\"cf-gate-frame\" aria-hidden=\"true\"></i>\n  {{yield @film}}\n</div>", {
+      strictMode: true
+    }), this);
+  }
+}
+/**
+ * THE END CARD. It arrives a moment after the last line has settled, over
+ * the held final frame — the film does not loop past its own ending;
+ * watching again is the viewer's choice. Back matter is the same package
+ * as the front, run in reverse order of importance.
+ */ // eslint-disable-next-line ember/no-empty-glimmer-component-classes
+class EndCard extends Component {
+  static {
+    setComponentTemplate(precompileTemplate("<Choreo class=\"cf-end\" as |m|>\n  <div class=\"cf-end-in cf-matter\" {{motion id=\"end\" role=\"card\"}}>\n    {{yield @film}}\n  </div>\n  <m.Tween @of={{m.inserted \"card\"}} @delay={{0.7}} @opacity={{array 0 1}} @y={{array 18 0}} @duration={{0.9}} @ease={{array 0.22 1 0.36 1}} />\n  <m.Tween @of={{m.removed \"card\"}} @opacity={{array 1 0}} @duration={{0.2}} @ease=\"easeIn\" />\n</Choreo>", {
+      strictMode: true,
+      scope: () => ({
+        Choreo,
+        motion,
+        array
+      })
+    }), this);
+  }
+}
+function array(...items) {
+  return items;
+}
+
+export { EndCard, Gate };
+//# sourceMappingURL=titles.js.map

package/dist/film/titles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"titles.js","sources":["../../src/film/titles.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { motion } from 'glimmer-motion';\n\nimport { Choreo } from '../choreo.gts';\nimport type { FilmHandle } from './types.ts';\n\nexport interface GateSignature {\n  Args: {\n    film: FilmHandle;\n  };\n  Blocks: {\n    default: [FilmHandle];\n  };\n}\n\n/**\n * THE GATE — the front door. The film is narrated, so the door asks; and\n * the click that answers is the same gesture autoplay policy wants. The\n * scene stands behind it, already seated on the opening frame and\n * turning. What the door SAYS is the film's: the block is the front\n * matter, set in the title package (`cf-matter`, `cf-mg-*`), and the\n * shell here is the museum frame and the wash the type stands on.\n */\n// eslint-disable-next-line ember/no-empty-glimmer-component-classes\nexport class Gate extends Component<GateSignature> {\n  <template>\n    <div class='cf-gate'>\n      {{! the museum frame: a hairline border drawn just inside the screen,\n      the way a plate is matted }}\n      <i class='cf-gate-frame' aria-hidden='true'></i>\n      {{yield @film}}\n    </div>\n  </template>\n}\n\nexport interface EndCardSignature {\n  Args: {\n    film: FilmHandle;\n  };\n  Blocks: {\n    default: [FilmHandle];\n  };\n}\n\n/**\n * THE END CARD. It arrives a moment after the last line has settled, over\n * the held final frame — the film does not loop past its own ending;\n * watching again is the viewer's choice. Back matter is the same package\n * as the front, run in reverse order of importance.\n */\n// eslint-disable-next-line ember/no-empty-glimmer-component-classes\nexport class EndCard extends Component<EndCardSignature> {\n  <template>\n    <Choreo class='cf-end' as |m|>\n      <div class='cf-end-in cf-matter' {{motion id='end' role='card'}}>\n        {{yield @film}}\n      </div>\n      <m.Tween\n        @of={{m.inserted 'card'}}\n        @delay={{0.7}}\n        @opacity={{array 0 1}}\n        @y={{array 18 0}}\n        @duration={{0.9}}\n        @ease={{array 0.22 1 0.36 1}}\n      />\n      <m.Tween\n        @of={{m.removed 'card'}}\n        @opacity={{array 1 0}}\n        @duration={{0.2}}\n        @ease='easeIn'\n      />\n    </Choreo>\n  </template>\n}\n\nfunction array<T>(...items: T[]): T[] {\n  return items;\n}\n"],"names":["Gate","Component","setComponentTemplate","precompileTemplate","strictMode","EndCard","scope","Choreo","motion","array","items"],"mappings":";;;;;;AAeA;;;;;;;AAOC;AAEM,MAAMA,aAAaC,SAAA,CAAU;AAClC,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,yNAAA,EAOA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;AAWA;;;;;AAKC;AAEM,MAAMC,gBAAgBJ,SAAA,CAAU;AACrC,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,8YAAA,EAoBA;MAAAC,UAAA,EAAA,IAAA;AAAAE,MAAAA,KAAA,EAAAA,OAAA;QAAAC,MAAA;QAAAC,MAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;AAEA,SAASA,KAAAA,CAAS,GAAGC,KAAU,EAAG;AAChC,EAAA,OAAOA,KAAA;AACT;;;;"}

package/dist/film/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/dist/film/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/film.js

@@ -0,0 +1,18 @@
+export { Clip } from './film/clip.js';
+export { clipLanes, clipWindow, resolveClip, resolveClips } from './film/clips.js';
+export { Film } from './film/film.js';
+export { Adjustment, Build, Filter, IFRAME_PICTURE, Light, Look, Mix, SOUND, Set, Sun, Weather, Winter } from './film/graph/adjust.js';
+export { compileGraph } from './film/graph/compile.js';
+export { FilmGraph, VOCABULARY } from './film/graph/host.js';
+export { Eye, Freeze, Attach as GraphAttach, Chapter as GraphChapter, Insert as GraphInsert, GraphNodeComponent, Stamp as GraphStamp, JoinInto, Lineup, Mark, PatchComponent, Sequence, Shot, Sky, Spine, To, Trace, Type, Video, Voice, collectGraph } from './film/graph/nodes.js';
+export { Blend, Blur, Dip, Flash, Iris, JOIN_SECS, Joins, Luma, Melt, PRESENTATIONS, STILL_JOINS, Wipe, inGlass, retire, seamShape } from './film/joins.js';
+export { RAD, clamp01, hex, lerp, luminance, mmss, rgba, smooth } from './film/math.js';
+export { Captions, Insert, Stamp, Track } from './film/overlays.js';
+export { IframePicture } from './film/picture.js';
+export { Plate } from './film/plate.js';
+export { Burst, Menu, Player } from './film/player.js';
+export { Rail } from './film/rail.js';
+export { TICK, beatStart, chapterHeads, contents, cues, joinInto, schedule, secsBefore, tailFor, totalSecs, waypoints } from './film/schedule.js';
+export { Seam } from './film/seam.js';
+export { EndCard, Gate } from './film/titles.js';
+//# sourceMappingURL=film.js.map

package/dist/film.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"film.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}