@motionscript/browser 0.1.0-alpha.7 → 0.1.0-alpha.8

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @motionscript/browser
 
+## 0.1.0-alpha.8
+
+### Patch Changes
+
+- @motionscript/renderer@0.1.0-alpha.8
+
 ## 0.1.0-alpha.7
 
 ### Patch Changes

package/NOTICE

@@ -4,24 +4,25 @@ Copyright 2026 Motionscript LLC
 This product includes the third-party code below, each part under the MIT
 License reproduced at the end of this file.
 
-- packages/skia-render/src/fills/fractal-noise.ts: `hash2` is "Hash without
-  Sine" by David Hoskins (https://www.shadertoy.com/view/4djSRW).
+- packages/renderer/crates/renderer/src/shaders/prim.wgsl (`fn_hash2`):
+  "Hash without Sine" by David Hoskins (https://www.shadertoy.com/view/4djSRW).
   Copyright (c) 2014 David Hoskins.
 
-- packages/skia-render/src/fills/fractal-noise.ts: `simplexNoise` follows
-  "Noise - simplex - 2D" by Inigo Quilez (https://www.shadertoy.com/view/Msf3WH).
-  Copyright (c) 2013 Inigo Quilez.
+- packages/renderer/crates/renderer/src/shaders/prim.wgsl (`simplex_noise`): "Noise - simplex - 2D" by Inigo Quilez
+  (https://www.shadertoy.com/view/Msf3WH). Copyright (c) 2013 Inigo Quilez.
 
-The project website, which is in the source repository only and in no npm
-package, also includes MIT code: its landing-page background
-(packages/site/components/landing/GradientBackground.tsx) uses 3D simplex
-noise from webgl-noise by Ian McEwan, Ashima Arts
-(https://github.com/ashima/webgl-noise). Copyright (C) 2011 by Ashima Arts.
+- packages/renderer/crates/render3d (in @motionscript/renderer's WebAssembly):
+  its shaders (src/shaders/mesh.wgsl) port three.js r185's mesh programs and
+  src/geometry.rs its primitive generators (https://threejs.org).
+  Copyright (c) 2010-2026 three.js authors.
 
-@motionscript/canvaskit is a build of Skia's CanvasKit (BSD-3-Clause,
-Copyright (c) 2011 Google Inc.) and carries FreeType, HarfBuzz, ICU, zlib,
-libpng, Brotli, WOFF2, Emscripten and musl; their notices are in
-packages/canvaskit/THIRD_PARTY_NOTICES.txt.
+@motionscript/renderer's WebAssembly (dist/ms_renderer_bg.wasm) compiles in
+Rust crates under MIT, Apache-2.0, Zlib and Unicode-3.0 terms (wgpu, naga,
+harfrust, read-fonts, kurbo, wasm-bindgen and others); their notices are in
+packages/renderer/THIRD_PARTY_NOTICES.txt.
+
+MP3 export loads @mediabunny/mp3-encoder (MPL-2.0), a WebAssembly build of
+the LAME MP3 encoder (LGPL, https://lame.sourceforge.io), on first use.
 
 The browser builds under dist/browser/ bundle each package's npm dependencies;
 dist/browser/THIRD_PARTY_LICENSES.txt in each package lists them with their

package/README.md

@@ -1,97 +1,118 @@
 # @motionscript/browser
 
-The browser rendering backend for [Motion Script](https://motionscript.dev),
-built on Skia via [`@motionscript/canvaskit`](https://github.com/motionscript-dev/motionscript/tree/main/packages/canvaskit). It implements the
+The browser platform for [Motion Script](https://motionscript.dev): it draws
+every frame with WebGPU through [`@motionscript/renderer`](https://github.com/motionscript-dev/motionscript/tree/main/packages/renderer), which it
+builds in. It implements the
 `platform`/`render` abstractions from [`@motionscript/core`](https://github.com/motionscript-dev/motionscript/tree/main/packages/core) so
 documents can be drawn to a canvas, played back with synchronized audio, and
 exported to video all in the browser.
 
-How a frame is drawn (shapes, fills, strokes, effects, text, the 3D replay) lives in
-[`@motionscript/skia-render`](https://github.com/motionscript-dev/motionscript/tree/main/packages/skia-render) and is shared with every other backend.
-This package supplies only the browser's half: a WebGL surface over a `<canvas>`,
-media decode and storage, encoding, Web Audio, the clock, and the WebGL renderer 3D
-draws with.
+How a frame is drawn (shapes, fills, strokes, effects, text, 3D) lives in the
+renderer (Rust/wgpu compiled to WebAssembly). This package supplies the browser's
+half: the export frame loop, encoding, Web Audio, the clock and the entry points.
+A browser without WebGPU cannot draw: every entry that draws rejects with
+`WebGpuUnavailableError` (check `isWgpuSupported()` first to say so up front).
 
 ## What's in here
 
 - **Engine**: `createBrowserEngine` wires every platform seam below into a
   `@motionscript/core` `Engine`. Await it once at app start and share it.
-- **Render context**: `WebRenderContext` draws the `@motionscript/core` scene
-  graph (shapes, fills, strokes, effects, text, video, masks) onto a CanvasKit
-  surface.
 - **Exporter**: `exportVideo` renders a document offline and muxes video and
-  audio into an MP4 using [mediabunny](https://github.com/Vanilagy/mediabunny).
+  audio into an MP4 (H.264 + AAC, the default) or a WebM (VP9 + Opus) using
+  [mediabunny](https://github.com/Vanilagy/mediabunny). `exportAudio` writes the
+  timeline's mixed audio alone as WAV (the default), MP3 or M4A without rendering
+  a frame, and throws `NoAudioError` when nothing plays. `EXPORT_FORMATS` gives
+  each format's kind, extension and MIME type. MP3 loads a WASM build of LAME on
+  first use, in a worker started from a `blob:` URL, so a host's CSP needs
+  `worker-src blob:` for it.
 - **Stills**: `StillRenderer` (from `createStillRenderer`) is a long-lived
   renderer that repaints single frames into a canvas the host owns, for
   thumbnails and previews; `exportScreenshot` is the one-shot wrapper over it.
-- **Concat**: `concatVideoSegments` joins separately encoded MP4 segments
-  without re-encoding, so an export can be split across workers. A segment is
+- **Concat**: `concatVideoSegments` joins separately encoded MP4 (or WebM)
+  segments into one file of the same container without re-encoding, so an export can be split across workers. A segment is
   `exportVideo({ frames: { start, end } })` (or `session.export({ frames })`):
   that range alone, timestamped from 0 and silent.
   `mixTimelineAudio` mixes the whole timeline's audio once for the joined file.
   Every segment must share one encoder configuration; a mismatch throws
   `ConcatMismatchError`.
-- **3D**: every engine session, still renderer and export installs the WebGL
-  renderer that makes `Canvas3D` draw (three.js, loaded lazily). Importing the
-  package registers nothing, so a bundler may tree-shake freely.
+- **Parallel export**: `exportVideoParallel` takes `exportVideo`'s parameters
+  plus `lanes`, the renderers to spread the frames over: `localLane()` for
+  this page, and `messagePortLane(port)` for another realm (a second window or
+  process) that answers with `serveExportLane(port, resolve)`. It cuts the
+  timeline into key-frame-aligned frame ranges of the whole project, starts on
+  the first lane alone and admits the next only while that raises throughput
+  (every lane's encoder shares the browser's one GPU process, so light scenes
+  gain nothing from a second lane), mixes the audio once while the frames
+  render, joins each range as soon as the ones before it are done (into
+  `stream` when given) and reports progress by frames drawn.
+  `createSegmentJoiner` is the incremental join underneath.
 - **Audio**: `WebAudioPlayer` drives playback through the Web Audio API;
   `mixAudio` and `encodeWav` (also on the `@motionscript/browser/audio`
-  subpath, which skips CanvasKit) mix down offline.
-- **Storage / assets**: `WebStorageAdapter` and `WebMeasureContext` implement the
-  asset-loading and text-measurement abstractions `@motionscript/core` needs. The
-  adapter decodes images and video at the resolution each draw covers, in
-  levels (`src/decode/`); see
-  [decode resolution](https://github.com/motionscript-dev/motionscript/blob/main/packages/skia-render/docs/decode-resolution.md).
-  `setAssetByteSource` lets a host answer for an asset's bytes (a file the user just
-  chose, say) before the adapter goes to the network; it applies to previews,
-  exports and stills alike.
+  subpath, which skips the renderer) mix down offline.
+- **Assets**: `setAssetByteSource` lets a host answer for an asset's bytes (a file
+  the user just chose, say) before the renderer's storage goes to the network; it
+  applies to previews, exports and stills alike. `loadAssetBytes` reads through it.
 - **Source-string nodes**: `createBrowserEngine({ nodes })` also accepts TS source
   strings (array form only), each default-exporting a component (`component2d({ key })`),
   compiled with `esbuild-wasm` on first use. A script is written with calls: JSX
   neither compiles nor links. `dynamicNodes` overrides the SDK, extra importable
   `modules` or the compiler, each field defaulting on its own.
 - **Clock**: `WebTicker` synchronizes scene playback to `requestAnimationFrame` while calculating dt from audio context to ensure audio and animation line up.
-- **CanvasKit access**: `getCanvasKit` loads and caches the CanvasKit/Skia
-  WebAssembly module used for rendering.
+- **Renderer**: `isWgpuSupported`, `onWgpuEvent` (device loss and recovery), and
+  the WGSL shader tools `ShaderPreview`, `validateShader` and `WGSL_PRELUDE`, from
+  `@motionscript/renderer`.
 
 ## Usage
 
 ```bash
-npm install @motionscript/browser @motionscript/core @motionscript/canvaskit
+npm install @motionscript/browser @motionscript/core
 ```
 
 ```ts
 import { createBrowserEngine } from '@motionscript/browser';
 
-const engine = await createBrowserEngine({ wasmUrl: '/canvaskit.wasm', nodes: [MyNode] });
+const engine = await createBrowserEngine({ nodes: [MyNode] });
 const session = engine.open({ document, target: canvasEl });
 session.playback!.play();
 
 const mp4 = await session.export();
 ```
 
-Serve `canvaskit.wasm` from `@motionscript/canvaskit` as a static asset and pass
-its URL as `wasmUrl`. `getCanvasKit` memoizes: the first URL wins, and a failed
-init stays failed. `session.export()` resolves to the MP4 bytes unless
-`encode: { download: true }` asks for a browser download.
+The renderer's `ms_renderer_bg.wasm` resolves beside its module, which a bundler
+handles; elsewhere serve it and pass its URL as `rendererWasmUrl` (every entry
+that draws takes it). `session.export()` resolves to the MP4 bytes unless
+`encode: { download: true }` asks for a browser download; `encode: { format }`
+picks another format (`'webm'`, or `'wav'`, `'mp3'` or `'m4a'` for audio alone).
+
+## Render issues and GPU faults
+
+What the renderer drew but not as the document says (a feature it lacks, a shader
+that does not compile, a lost GPU device) is a typed `RenderIssue`: a session
+lists it in `buildErrors`, and `exportVideo`, `exportVideoParallel`,
+`session.export()`, `session.image()` and `StillRenderer.render` hand it to
+`onIssue`. A lost device or a crashed backend fails those instead with a
+`RenderBackendError` (from `@motionscript/core`; `retryable` when the backend
+recovered on a new device).
+
+A shader stored in the retired SkSL language (`language: "sksl"`, from documents
+written before WGSL was the only one) draws nothing and is reported as a `shader`
+issue asking for a WGSL port.
 
 ## CDN build
 
 `pnpm build` ends by writing `dist/browser/` (generated, never edited): one minified
-ES module per `exports` entry (`index.js`, `audio.js`), shared and lazy chunks
-(three.js and its glTF loader arrive only through `import()`), `esbuild.wasm`, and a
+ES module per `exports` entry (`index.js`, `audio.js`), shared and lazy chunks, `esbuild.wasm`, `ms_renderer_bg.wasm`, and a
 `manifest.json` mapping each export and binary asset to a package-relative path.
-The peers stay imports, so a host's import map names each of these bare specifiers
-once, to one copy:
+The renderer is bundled in; the peers stay imports, so a host's import map names each
+of these bare specifiers once, to one copy:
 
 ```
 @motionscript/core
 @motionscript/core/sdk
-@motionscript/canvaskit
 ```
 
-Against a CDN module URL the default `canvaskit.wasm` and `esbuild.wasm` URLs do not
-resolve, so a host passes `wasmUrl` and, if it compiles source-string nodes,
+Against a CDN module URL the default `ms_renderer_bg.wasm` and `esbuild.wasm` URLs do
+not resolve, so a host passes `rendererWasmUrl` and, if it compiles source-string nodes,
 `compilerWasmUrl`. Both binaries are listed in the packages' manifests.
 
 See the [docs](https://motionscript.dev/docs) for the full feature set and API
@@ -106,10 +127,12 @@ pnpm --filter @motionscript/browser build   # eslint, tsc, tsc-alias, then the C
 pnpm --filter @motionscript/browser test    # vitest: real Chromium, plus a Node project
 ```
 
-The tests run in headless Chromium through `@vitest/browser-playwright`, so install it
+The tests run in Chromium on SwiftShader's WebGPU adapter through
+`@vitest/browser-playwright` (headed with `HEADED=1`, which Linux needs, under
+`xvfb-run`: a headless page there reads a WebGPU canvas back empty), so install it
 once with `pnpm --filter @motionscript/browser exec playwright install --with-deps chromium`.
-They import `@motionscript/core`'s **built** `dist/`: run `pnpm build:lib` first on a fresh
-checkout. Files named `*.node.test.ts` run in Node and ask what a consumer's bundler
+They import the **built** `dist/` of core and the renderer: run `pnpm build:lib` (Rust
+needed) first on a fresh checkout. Files named `*.node.test.ts` run in Node and ask what a consumer's bundler
 keeps of this package (`tree-shaking`, `cdn-build`). Suites that need an H.264 or AAC
 encoder skip on a Chromium without one; `REQUIRE_ENCODERS=1` makes them fail instead.
 

package/dist/asset-bytes.d.ts

@@ -1,9 +1,10 @@
 /**
  * Where a source URL's bytes come from: a host's local store, then the network.
+ * The renderer's storage adapter reads every asset through it (`loadBytes`).
  *
  * ## Why the web adapter needs this at all
  *
- * `WebStorageAdapter` addresses every asset by URL and fetches it. That is
+ * The storage adapter addresses every asset by URL and fetches it. That is
  * right for an asset that lives somewhere, and wrong for one whose bytes the
  * host already has in hand — a file the user has just chosen, a render a local
  * model has just produced, a picture whose upload has not finished or cannot
@@ -16,9 +17,9 @@
  *
  * ## Why it is module-level
  *
- * `WebStorageAdapter` is constructed at five sites *inside* these packages —
- * the React player backend, the exporter, the audio mixer, and both still
- * renderers — none of which a host can reach. A constructor argument would
+ * The storage adapter is constructed at several sites *inside* this package —
+ * sessions, the exporter, the audio mixer and the still renderer — none of
+ * which a host can reach. A constructor argument would
  * therefore cover the preview and leave export and stills on the network,
  * which is the worst of both: the picture a user sees would come from local
  * bytes and the one they render would not.
@@ -53,4 +54,6 @@ export declare function localAssetBytes(src: string): Promise<Blob | null>;
  * with no face in it.
  */
 export declare function fetchAssetBytes(url: string): Promise<Blob>;
+/** The bytes for `src`: the host's local store first, then the network. */
+export declare function loadAssetBytes(src: string): Promise<Blob>;
 //# sourceMappingURL=asset-bytes.d.ts.map

package/dist/asset-bytes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"asset-bytes.d.ts","sourceRoot":"","sources":["../src/asset-bytes.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEH,oEAAoE;AACpE,MAAM,MAAM,eAAe,GAAG,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;AAIpE;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,GAAG,IAAI,CAErE;AAED;;;;;;GAMG;AACH,wBAAsB,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,CAOvE;AAED;;;;GAIG;AACH,wBAAsB,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAOhE"}
+{"version":3,"file":"asset-bytes.d.ts","sourceRoot":"","sources":["../src/asset-bytes.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,oEAAoE;AACpE,MAAM,MAAM,eAAe,GAAG,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;AAIpE;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,GAAG,IAAI,CAErE;AAED;;;;;;GAMG;AACH,wBAAsB,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,CAOvE;AAED;;;;GAIG;AACH,wBAAsB,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAOhE;AAED,2EAA2E;AAC3E,wBAAsB,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAE/D"}

package/dist/asset-bytes.js

@@ -1,9 +1,10 @@
 /**
  * Where a source URL's bytes come from: a host's local store, then the network.
+ * The renderer's storage adapter reads every asset through it (`loadBytes`).
  *
  * ## Why the web adapter needs this at all
  *
- * `WebStorageAdapter` addresses every asset by URL and fetches it. That is
+ * The storage adapter addresses every asset by URL and fetches it. That is
  * right for an asset that lives somewhere, and wrong for one whose bytes the
  * host already has in hand — a file the user has just chosen, a render a local
  * model has just produced, a picture whose upload has not finished or cannot
@@ -16,9 +17,9 @@
  *
  * ## Why it is module-level
  *
- * `WebStorageAdapter` is constructed at five sites *inside* these packages —
- * the React player backend, the exporter, the audio mixer, and both still
- * renderers — none of which a host can reach. A constructor argument would
+ * The storage adapter is constructed at several sites *inside* this package —
+ * sessions, the exporter, the audio mixer and the still renderer — none of
+ * which a host can reach. A constructor argument would
  * therefore cover the preview and leave export and stills on the network,
  * which is the worst of both: the picture a user sees would come from local
  * bytes and the one they render would not.
@@ -70,4 +71,8 @@ export async function fetchAssetBytes(url) {
     }
     return response.blob();
 }
+/** The bytes for `src`: the host's local store first, then the network. */
+export async function loadAssetBytes(src) {
+    return (await localAssetBytes(src)) ?? fetchAssetBytes(src);
+}
 //# sourceMappingURL=asset-bytes.js.map

package/dist/asset-bytes.js.map

@@ -1 +1 @@
-{"version":3,"file":"asset-bytes.js","sourceRoot":"","sources":["../src/asset-bytes.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAKH,IAAI,MAAM,GAA2B,IAAI,CAAC;AAE1C;;;;;;GAMG;AACH,MAAM,UAAU,kBAAkB,CAAC,IAA4B;IAC3D,MAAM,GAAG,IAAI,CAAC;AAClB,CAAC;AAED;;;;;;GAMG;AACH,MAAM,CAAC,KAAK,UAAU,eAAe,CAAC,GAAW;IAC7C,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IACzB,IAAI,CAAC;QACD,OAAO,MAAM,MAAM,CAAC,GAAG,CAAC,CAAC;IAC7B,CAAC;IAAC,MAAM,CAAC;QACL,OAAO,IAAI,CAAC;IAChB,CAAC;AACL,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,KAAK,UAAU,eAAe,CAAC,GAAW;IAC7C,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,CAAC,CAAC;IAClC,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;QACf,MAAM,MAAM,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,MAAM,IAAI,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC;QACxG,MAAM,IAAI,KAAK,CAAC,aAAa,GAAG,kBAAkB,MAAM,EAAE,CAAC,CAAC;IAChE,CAAC;IACD,OAAO,QAAQ,CAAC,IAAI,EAAE,CAAC;AAC3B,CAAC","sourcesContent":["/**\r\n * Where a source URL's bytes come from: a host's local store, then the network.\r\n *\r\n * ## Why the web adapter needs this at all\r\n *\r\n * `WebStorageAdapter` addresses every asset by URL and fetches it. That is\r\n * right for an asset that lives somewhere, and wrong for one whose bytes the\r\n * host already has in hand — a file the user has just chosen, a render a local\r\n * model has just produced, a picture whose upload has not finished or cannot\r\n * start because there is no network. In all three the adapter downloads bytes\r\n * that never needed to travel.\r\n *\r\n * `NodeStorageAdapter` has had the answer since it was written: an injected\r\n * `AssetLoader`, with an `inline` map consulted ahead of the disk. This is the\r\n * same seam for the browser.\r\n *\r\n * ## Why it is module-level\r\n *\r\n * `WebStorageAdapter` is constructed at five sites *inside* these packages —\r\n * the React player backend, the exporter, the audio mixer, and both still\r\n * renderers — none of which a host can reach. A constructor argument would\r\n * therefore cover the preview and leave export and stills on the network,\r\n * which is the worst of both: the picture a user sees would come from local\r\n * bytes and the one they render would not.\r\n *\r\n * So this is an *injection point*, not a cache. The adapter still owns every\r\n * decode, every cache, every size ceiling and every eviction rule; all this\r\n * changes is where the compressed bytes came from. A source that answers `null`\r\n * — which is what an unregistered URL, an evicted entry or a host with no local\r\n * store does — leaves the adapter exactly as it was.\r\n */\r\n\r\n/** Local bytes for a source URL, or `null` to go to the network. */\r\nexport type AssetByteSource = (src: string) => Promise<Blob | null>;\r\n\r\nlet source: AssetByteSource | null = null;\r\n\r\n/**\r\n * Installs the byte source for this browsing context, or clears it with `null`.\r\n *\r\n * Called once per window that renders. Later calls replace the previous source\r\n * rather than stacking, because two sources disagreeing about one URL has no\r\n * sensible answer.\r\n */\r\nexport function setAssetByteSource(next: AssetByteSource | null): void {\r\n    source = next;\r\n}\r\n\r\n/**\r\n * The bytes for `src`, or `null`.\r\n *\r\n * Swallows a throwing source on purpose. A host's local store failing is a\r\n * cache miss, not a render failure — the caller falls through to `fetch`, which\r\n * is what it would have done had the source never been installed.\r\n */\r\nexport async function localAssetBytes(src: string): Promise<Blob | null> {\r\n    if (!source) return null;\r\n    try {\r\n        return await source(src);\r\n    } catch {\r\n        return null;\r\n    }\r\n}\r\n\r\n/**\r\n * The network's bytes for `url`. A response that is not OK is a failed load,\r\n * never bytes: a 404 page handed to the font manager marked a family loaded\r\n * with no face in it.\r\n */\r\nexport async function fetchAssetBytes(url: string): Promise<Blob> {\r\n    const response = await fetch(url);\r\n    if (!response.ok) {\r\n        const status = response.statusText ? `${response.status} ${response.statusText}` : `${response.status}`;\r\n        throw new Error(`Fetching \"${url}\" failed: HTTP ${status}`);\r\n    }\r\n    return response.blob();\r\n}\r\n"]}
+{"version":3,"file":"asset-bytes.js","sourceRoot":"","sources":["../src/asset-bytes.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAKH,IAAI,MAAM,GAA2B,IAAI,CAAC;AAE1C;;;;;;GAMG;AACH,MAAM,UAAU,kBAAkB,CAAC,IAA4B;IAC3D,MAAM,GAAG,IAAI,CAAC;AAClB,CAAC;AAED;;;;;;GAMG;AACH,MAAM,CAAC,KAAK,UAAU,eAAe,CAAC,GAAW;IAC7C,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IACzB,IAAI,CAAC;QACD,OAAO,MAAM,MAAM,CAAC,GAAG,CAAC,CAAC;IAC7B,CAAC;IAAC,MAAM,CAAC;QACL,OAAO,IAAI,CAAC;IAChB,CAAC;AACL,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,KAAK,UAAU,eAAe,CAAC,GAAW;IAC7C,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,CAAC,CAAC;IAClC,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;QACf,MAAM,MAAM,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,MAAM,IAAI,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC;QACxG,MAAM,IAAI,KAAK,CAAC,aAAa,GAAG,kBAAkB,MAAM,EAAE,CAAC,CAAC;IAChE,CAAC;IACD,OAAO,QAAQ,CAAC,IAAI,EAAE,CAAC;AAC3B,CAAC;AAED,2EAA2E;AAC3E,MAAM,CAAC,KAAK,UAAU,cAAc,CAAC,GAAW;IAC5C,OAAO,CAAC,MAAM,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,eAAe,CAAC,GAAG,CAAC,CAAC;AAChE,CAAC","sourcesContent":["/**\r\n * Where a source URL's bytes come from: a host's local store, then the network.\r\n * The renderer's storage adapter reads every asset through it (`loadBytes`).\r\n *\r\n * ## Why the web adapter needs this at all\r\n *\r\n * The storage adapter addresses every asset by URL and fetches it. That is\r\n * right for an asset that lives somewhere, and wrong for one whose bytes the\r\n * host already has in hand — a file the user has just chosen, a render a local\r\n * model has just produced, a picture whose upload has not finished or cannot\r\n * start because there is no network. In all three the adapter downloads bytes\r\n * that never needed to travel.\r\n *\r\n * `NodeStorageAdapter` has had the answer since it was written: an injected\r\n * `AssetLoader`, with an `inline` map consulted ahead of the disk. This is the\r\n * same seam for the browser.\r\n *\r\n * ## Why it is module-level\r\n *\r\n * The storage adapter is constructed at several sites *inside* this package —\r\n * sessions, the exporter, the audio mixer and the still renderer — none of\r\n * which a host can reach. A constructor argument would\r\n * therefore cover the preview and leave export and stills on the network,\r\n * which is the worst of both: the picture a user sees would come from local\r\n * bytes and the one they render would not.\r\n *\r\n * So this is an *injection point*, not a cache. The adapter still owns every\r\n * decode, every cache, every size ceiling and every eviction rule; all this\r\n * changes is where the compressed bytes came from. A source that answers `null`\r\n * — which is what an unregistered URL, an evicted entry or a host with no local\r\n * store does — leaves the adapter exactly as it was.\r\n */\r\n\r\n/** Local bytes for a source URL, or `null` to go to the network. */\r\nexport type AssetByteSource = (src: string) => Promise<Blob | null>;\r\n\r\nlet source: AssetByteSource | null = null;\r\n\r\n/**\r\n * Installs the byte source for this browsing context, or clears it with `null`.\r\n *\r\n * Called once per window that renders. Later calls replace the previous source\r\n * rather than stacking, because two sources disagreeing about one URL has no\r\n * sensible answer.\r\n */\r\nexport function setAssetByteSource(next: AssetByteSource | null): void {\r\n    source = next;\r\n}\r\n\r\n/**\r\n * The bytes for `src`, or `null`.\r\n *\r\n * Swallows a throwing source on purpose. A host's local store failing is a\r\n * cache miss, not a render failure — the caller falls through to `fetch`, which\r\n * is what it would have done had the source never been installed.\r\n */\r\nexport async function localAssetBytes(src: string): Promise<Blob | null> {\r\n    if (!source) return null;\r\n    try {\r\n        return await source(src);\r\n    } catch {\r\n        return null;\r\n    }\r\n}\r\n\r\n/**\r\n * The network's bytes for `url`. A response that is not OK is a failed load,\r\n * never bytes: a 404 page handed to the font manager marked a family loaded\r\n * with no face in it.\r\n */\r\nexport async function fetchAssetBytes(url: string): Promise<Blob> {\r\n    const response = await fetch(url);\r\n    if (!response.ok) {\r\n        const status = response.statusText ? `${response.status} ${response.statusText}` : `${response.status}`;\r\n        throw new Error(`Fetching \"${url}\" failed: HTTP ${status}`);\r\n    }\r\n    return response.blob();\r\n}\r\n\r\n/** The bytes for `src`: the host's local store first, then the network. */\r\nexport async function loadAssetBytes(src: string): Promise<Blob> {\r\n    return (await localAssetBytes(src)) ?? fetchAssetBytes(src);\r\n}\r\n"]}

package/dist/audio/bus-graph.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bus-graph.d.ts","sourceRoot":"","sources":["../../src/audio/bus-graph.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,YAAY,EAAwB,MAAM,oBAAoB,CAAC;AAGzF;;;;;;;;GAQG;AACH,qBAAa,aAAa;IAElB,OAAO,CAAC,QAAQ,CAAC,GAAG;IACpB,+EAA+E;IAC/E,OAAO,CAAC,QAAQ,CAAC,WAAW;gBAFX,GAAG,EAAE,gBAAgB;IACtC,+EAA+E;IAC9D,WAAW,EAAE,SAAS;IAG3C;;;;;;;;;;;;OAYG;IACH,QAAQ,CAAC,GAAG,EAAE,SAAS,YAAY,EAAE,GAAG,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,SAAS;IAKlG,+GAA+G;IAC/G,OAAO,IAAI,IAAI;IAYf,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAgC;IACvD,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAmB;IACzC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAwB;IAEpD;;;;;;;;;;;;OAYG;IACH,OAAO,CAAC,SAAS;CA+BpB"}
+{"version":3,"file":"bus-graph.d.ts","sourceRoot":"","sources":["../../src/audio/bus-graph.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,YAAY,EAAoB,MAAM,oBAAoB,CAAC;AAGrF;;;;;;;;GAQG;AACH,qBAAa,aAAa;IAElB,OAAO,CAAC,QAAQ,CAAC,GAAG;IACpB,+EAA+E;IAC/E,OAAO,CAAC,QAAQ,CAAC,WAAW;gBAFX,GAAG,EAAE,gBAAgB;IACtC,+EAA+E;IAC9D,WAAW,EAAE,SAAS;IAG3C;;;;;;;;;;;;OAYG;IACH,QAAQ,CAAC,GAAG,EAAE,SAAS,YAAY,EAAE,GAAG,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,SAAS;IAKlG,+GAA+G;IAC/G,OAAO,IAAI,IAAI;IAYf,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAgC;IACvD,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAmB;IACzC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAwB;IAEpD;;;;;;;;;;;;OAYG;IACH,OAAO,CAAC,SAAS;CAuCpB"}

package/dist/audio/bus-graph.js

@@ -1,5 +1,5 @@
 import { busStopKey } from "@motionscript/core";
-import { buildAudioFilterGraph } from "./filter-graph";
+import { applyTransitions, buildAudioEffectGraph } from "./effect-graph";
 /**
  * The live chains for one audio context's buses.
  *
@@ -80,14 +80,23 @@ export class AudioBusGraph {
             return existing;
         const output = this.chainFrom(bus, index + 1, startTime, clipTime);
         // A pass-through head every clip connects to, so the bus has one input
-        // whatever its filters turn out to be.
+        // whatever its effects turn out to be.
         const input = this.ctx.createGain();
         input.gain.value = 1;
-        // The level is a gain after the filters, as a sound's own level is, so a
-        // curve on it is scheduled exactly as one in `filters` is.
+        // The level is a gain after the effects, as a sound's own level is, so a
+        // ramp on it is scheduled exactly as one in `effects` is.
         const level = { type: "gain", value: stop.mute ? 0 : stop.volume };
-        const graph = buildAudioFilterGraph(this.ctx, input, [...(stop.filters ?? []), level], startTime, stop.endAt - stop.startAt, clipTime - stop.startAt);
-        graph.output.connect(output);
+        const span = stop.endAt - stop.startAt;
+        const graph = buildAudioEffectGraph(this.ctx, input, [...(stop.effects ?? []), level], startTime, span, clipTime - stop.startAt);
+        let tail = graph.output;
+        if (stop.transitionIn || stop.transitionOut) {
+            const transition = this.ctx.createGain();
+            applyTransitions(transition.gain, span, stop.transitionIn, stop.transitionOut, startTime, clipTime - stop.startAt);
+            tail.connect(transition);
+            this.nodes.push(transition);
+            tail = transition;
+        }
+        tail.connect(output);
         this.nodes.push(input, ...graph.nodes);
         this.oscillators.push(...graph.oscillators);
         for (const osc of graph.oscillators)

package/dist/audio/bus-graph.js.map

@@ -1 +1 @@
-{"version":3,"file":"bus-graph.js","sourceRoot":"","sources":["../../src/audio/bus-graph.ts"],"names":[],"mappings":"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","sourcesContent":["import { busStopKey, type AudioBusStop, type AudioFilterItem } from \"@motionscript/core\";\r\nimport { buildAudioFilterGraph } from \"./filter-graph\";\r\n\r\n/**\r\n * The live chains for one audio context's buses.\r\n *\r\n * Held per context rather than per clip, because that is the whole difference\r\n * between a bus and per-clip processing: every clip naming a bus connects into\r\n * the *same* nodes, so a reverb on a bus is one tail the group shares rather\r\n * than one tail each. Flattening the levels into per-clip gain would sound\r\n * right; flattening the effects would not.\r\n */\r\nexport class AudioBusGraph {\r\n    constructor(\r\n        private readonly ctx: BaseAudioContext,\r\n        /** Where the last bus in a chain connects — the master, or the destination. */\r\n        private readonly destination: AudioNode,\r\n    ) { }\r\n\r\n    /**\r\n     * The input node a clip on `bus` should connect to, building the chain the\r\n     * first time it is asked for.\r\n     *\r\n     * `bus` is source-adjacent first, so `bus[0]` is the one the clip feeds and\r\n     * each stop after it is that bus's own parent. An empty or absent chain\r\n     * returns the destination, which is what every clip did before buses\r\n     * existed.\r\n     *\r\n     * `startTime` is the context time a new chain's schedule starts from, and\r\n     * `clipTime` the same instant in the stops' own seconds. A curve on a stop\r\n     * runs over its `startAt`–`endAt`, so the two are what place it.\r\n     */\r\n    inputFor(bus: readonly AudioBusStop[] | undefined, startTime: number, clipTime: number): AudioNode {\r\n        if (!bus || bus.length === 0) return this.destination;\r\n        return this.chainFrom(bus, 0, startTime, clipTime);\r\n    }\r\n\r\n    /** Disconnect every live bus node, so the next {@link inputFor} builds afresh. Safe to call more than once. */\r\n    dispose(): void {\r\n        for (const node of this.nodes) {\r\n            try { node.disconnect(); } catch { /* already torn down */ }\r\n        }\r\n        for (const osc of this.oscillators) {\r\n            try { osc.stop(); } catch { /* never started, or already stopped */ }\r\n        }\r\n        this.nodes.length = 0;\r\n        this.oscillators.length = 0;\r\n        this.inputs.clear();\r\n    }\r\n\r\n    private readonly inputs = new Map<string, AudioNode>();\r\n    private readonly nodes: AudioNode[] = [];\r\n    private readonly oscillators: OscillatorNode[] = [];\r\n\r\n    /**\r\n     * Build (or reuse) the chain for `bus[index]`, connected to whatever\r\n     * `bus[index + 1]` resolves to.\r\n     *\r\n     * Recursive rather than iterative because a bus's *output* has to exist\r\n     * before its own nodes can connect to it, and the outermost bus is the last\r\n     * entry.\r\n     *\r\n     * Reused by everything that changes what it sounds like, down to the master,\r\n     * not by id alone: a bus edited under a playing device, or one id on two\r\n     * tracks, is a different chain, and one built for the first would play the\r\n     * second through stale levels and a curve anchored to the wrong span.\r\n     */\r\n    private chainFrom(bus: readonly AudioBusStop[], index: number, startTime: number, clipTime: number): AudioNode {\r\n        if (index >= bus.length) return this.destination;\r\n\r\n        const stop = bus[index];\r\n        const key = bus.slice(index).map(busStopKey).join(\">\");\r\n        const existing = this.inputs.get(key);\r\n        if (existing) return existing;\r\n\r\n        const output = this.chainFrom(bus, index + 1, startTime, clipTime);\r\n\r\n        // A pass-through head every clip connects to, so the bus has one input\r\n        // whatever its filters turn out to be.\r\n        const input = this.ctx.createGain();\r\n        input.gain.value = 1;\r\n\r\n        // The level is a gain after the filters, as a sound's own level is, so a\r\n        // curve on it is scheduled exactly as one in `filters` is.\r\n        const level: AudioFilterItem = { type: \"gain\", value: stop.mute ? 0 : stop.volume };\r\n        const graph = buildAudioFilterGraph(\r\n            this.ctx, input, [...(stop.filters ?? []), level],\r\n            startTime, stop.endAt - stop.startAt, clipTime - stop.startAt,\r\n        );\r\n        graph.output.connect(output);\r\n\r\n        this.nodes.push(input, ...graph.nodes);\r\n        this.oscillators.push(...graph.oscillators);\r\n        for (const osc of graph.oscillators) osc.start(startTime);\r\n\r\n        this.inputs.set(key, input);\r\n        return input;\r\n    }\r\n}\r\n"]}
+{"version":3,"file":"bus-graph.js","sourceRoot":"","sources":["../../src/audio/bus-graph.ts"],"names":[],"mappings":"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","sourcesContent":["import { busStopKey, type AudioBusStop, type AudioEffect } from \"@motionscript/core\";\r\nimport { applyTransitions, buildAudioEffectGraph } from \"./effect-graph\";\r\n\r\n/**\r\n * The live chains for one audio context's buses.\r\n *\r\n * Held per context rather than per clip, because that is the whole difference\r\n * between a bus and per-clip processing: every clip naming a bus connects into\r\n * the *same* nodes, so a reverb on a bus is one tail the group shares rather\r\n * than one tail each. Flattening the levels into per-clip gain would sound\r\n * right; flattening the effects would not.\r\n */\r\nexport class AudioBusGraph {\r\n    constructor(\r\n        private readonly ctx: BaseAudioContext,\r\n        /** Where the last bus in a chain connects — the master, or the destination. */\r\n        private readonly destination: AudioNode,\r\n    ) { }\r\n\r\n    /**\r\n     * The input node a clip on `bus` should connect to, building the chain the\r\n     * first time it is asked for.\r\n     *\r\n     * `bus` is source-adjacent first, so `bus[0]` is the one the clip feeds and\r\n     * each stop after it is that bus's own parent. An empty or absent chain\r\n     * returns the destination, which is what every clip did before buses\r\n     * existed.\r\n     *\r\n     * `startTime` is the context time a new chain's schedule starts from, and\r\n     * `clipTime` the same instant in the stops' own seconds. A curve on a stop\r\n     * runs over its `startAt`–`endAt`, so the two are what place it.\r\n     */\r\n    inputFor(bus: readonly AudioBusStop[] | undefined, startTime: number, clipTime: number): AudioNode {\r\n        if (!bus || bus.length === 0) return this.destination;\r\n        return this.chainFrom(bus, 0, startTime, clipTime);\r\n    }\r\n\r\n    /** Disconnect every live bus node, so the next {@link inputFor} builds afresh. Safe to call more than once. */\r\n    dispose(): void {\r\n        for (const node of this.nodes) {\r\n            try { node.disconnect(); } catch { /* already torn down */ }\r\n        }\r\n        for (const osc of this.oscillators) {\r\n            try { osc.stop(); } catch { /* never started, or already stopped */ }\r\n        }\r\n        this.nodes.length = 0;\r\n        this.oscillators.length = 0;\r\n        this.inputs.clear();\r\n    }\r\n\r\n    private readonly inputs = new Map<string, AudioNode>();\r\n    private readonly nodes: AudioNode[] = [];\r\n    private readonly oscillators: OscillatorNode[] = [];\r\n\r\n    /**\r\n     * Build (or reuse) the chain for `bus[index]`, connected to whatever\r\n     * `bus[index + 1]` resolves to.\r\n     *\r\n     * Recursive rather than iterative because a bus's *output* has to exist\r\n     * before its own nodes can connect to it, and the outermost bus is the last\r\n     * entry.\r\n     *\r\n     * Reused by everything that changes what it sounds like, down to the master,\r\n     * not by id alone: a bus edited under a playing device, or one id on two\r\n     * tracks, is a different chain, and one built for the first would play the\r\n     * second through stale levels and a curve anchored to the wrong span.\r\n     */\r\n    private chainFrom(bus: readonly AudioBusStop[], index: number, startTime: number, clipTime: number): AudioNode {\r\n        if (index >= bus.length) return this.destination;\r\n\r\n        const stop = bus[index];\r\n        const key = bus.slice(index).map(busStopKey).join(\">\");\r\n        const existing = this.inputs.get(key);\r\n        if (existing) return existing;\r\n\r\n        const output = this.chainFrom(bus, index + 1, startTime, clipTime);\r\n\r\n        // A pass-through head every clip connects to, so the bus has one input\r\n        // whatever its effects turn out to be.\r\n        const input = this.ctx.createGain();\r\n        input.gain.value = 1;\r\n\r\n        // The level is a gain after the effects, as a sound's own level is, so a\r\n        // ramp on it is scheduled exactly as one in `effects` is.\r\n        const level: AudioEffect = { type: \"gain\", value: stop.mute ? 0 : stop.volume };\r\n        const span = stop.endAt - stop.startAt;\r\n        const graph = buildAudioEffectGraph(\r\n            this.ctx, input, [...(stop.effects ?? []), level], startTime, span, clipTime - stop.startAt,\r\n        );\r\n        let tail = graph.output;\r\n        if (stop.transitionIn || stop.transitionOut) {\r\n            const transition = this.ctx.createGain();\r\n            applyTransitions(transition.gain, span, stop.transitionIn, stop.transitionOut, startTime, clipTime - stop.startAt);\r\n            tail.connect(transition);\r\n            this.nodes.push(transition);\r\n            tail = transition;\r\n        }\r\n        tail.connect(output);\r\n\r\n        this.nodes.push(input, ...graph.nodes);\r\n        this.oscillators.push(...graph.oscillators);\r\n        for (const osc of graph.oscillators) osc.start(startTime);\r\n\r\n        this.inputs.set(key, input);\r\n        return input;\r\n    }\r\n}\r\n"]}

package/dist/audio/effect-graph.d.ts

@@ -0,0 +1,62 @@
+import { type AudioEffect, type AudioRequest, type AudioTransition, type Ramp } from "@motionscript/core";
+/**
+ * The Web Audio graph for one source's effect chain.
+ *
+ * `output` is the last node, to connect downstream; `nodes` are every node to
+ * `disconnect()` on teardown; `oscillators` are tremolo LFOs the caller starts
+ * and stops alongside the source.
+ */
+export interface AudioEffectGraph {
+    output: AudioNode;
+    nodes: AudioNode[];
+    oscillators: OscillatorNode[];
+}
+/**
+ * Builds the Web Audio graph for a clip's effect chain, after an
+ * already-created `source`. Shared by live playback ({@link WebAudioSink}) and
+ * offline export (`mixAudio`) so both sound identical.
+ *
+ * `startTime` is the context time the source starts; `clipDuration` the clip
+ * seconds ramps run over (a clip's, or a bus's span); `elapsed` the clip seconds
+ * already played at a mid-clip seek (0 for a clean start, negative before the
+ * span begins).
+ */
+export declare function buildAudioEffectGraph(ctx: BaseAudioContext, source: AudioNode, effects: readonly AudioEffect[], startTime?: number, clipDuration?: number, elapsed?: number): AudioEffectGraph;
+/**
+ * Schedule `transitionIn`/`transitionOut` onto a gain over a span `length`
+ * seconds long, baked like an eased ramp. Between the two it holds at 1.
+ */
+export declare function applyTransitions(gain: AudioParam, length: number, transitionIn: AudioTransition | undefined, transitionOut: AudioTransition | undefined, startTime: number, elapsed: number): void;
+/** How one request plays its source: the rate, and the lengths its ramps and transitions run over. */
+export interface Playback {
+    /** The constant `playbackRate`; 1 under a ramp, which is scheduled instead. */
+    rate: number;
+    speedRamp?: Ramp;
+    /** Source seconds a speed ramp is placed on. */
+    sourceLength: number;
+    /** Clip seconds the volume and effect ramps run over. */
+    clipDuration: number;
+    /** What the transitions run over: the clip's length, unknown for an open one. */
+    transitionLength: number;
+}
+export declare function playbackOf(req: AudioRequest, bufferDuration: number): Playback;
+/** Source seconds after `trimStart` that `clipElapsed` clip seconds have played. */
+export declare function sourceOffsetOf(playback: Playback, clipElapsed: number): number;
+/**
+ * A request's level, then its transitions, after `from`: the gains every
+ * request plays through on its way to its bus.
+ */
+export declare function buildLevel(ctx: BaseAudioContext, from: AudioNode, req: AudioRequest, playback: Playback, startTime: number, elapsed: number): {
+    output: AudioNode;
+    nodes: AudioNode[];
+};
+/**
+ * Schedule a speed ramp onto an `AudioBufferSourceNode.playbackRate`.
+ *
+ * The ramp runs over **source** seconds and Web Audio schedules in context
+ * seconds, so this walks clip time in small steps, converts each to a source
+ * offset through the integral inverse, and lays down the rate there. `elapsed`
+ * is clip seconds already played at a mid-clip seek.
+ */
+export declare function applySpeedToPlaybackRate(rate: AudioParam, speed: Ramp | undefined, sourceLength: number, clipDuration: number, startTime: number, elapsed: number): void;
+//# sourceMappingURL=effect-graph.d.ts.map

package/dist/audio/effect-graph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"effect-graph.d.ts","sourceRoot":"","sources":["../../src/audio/effect-graph.ts"],"names":[],"mappings":"AAAA,OAAO,EASH,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,eAAe,EAEpB,KAAK,IAAI,EACZ,MAAM,oBAAoB,CAAC;AAE5B;;;;;;GAMG;AACH,MAAM,WAAW,gBAAgB;IAC7B,MAAM,EAAE,SAAS,CAAC;IAClB,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,WAAW,EAAE,cAAc,EAAE,CAAC;CACjC;AA2ED;;;;;;;;;GASG;AACH,wBAAgB,qBAAqB,CACjC,GAAG,EAAE,gBAAgB,EACrB,MAAM,EAAE,SAAS,EACjB,OAAO,EAAE,SAAS,WAAW,EAAE,EAC/B,SAAS,GAAE,MAAwB,EACnC,YAAY,GAAE,MAAU,EACxB,OAAO,GAAE,MAAU,GACpB,gBAAgB,CAiFlB;AAUD;;;GAGG;AACH,wBAAgB,gBAAgB,CAC5B,IAAI,EAAE,UAAU,EAChB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,eAAe,GAAG,SAAS,EACzC,aAAa,EAAE,eAAe,GAAG,SAAS,EAC1C,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,MAAM,GAChB,IAAI,CAoBN;AAED,sGAAsG;AACtG,MAAM,WAAW,QAAQ;IACrB,+EAA+E;IAC/E,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,gDAAgD;IAChD,YAAY,EAAE,MAAM,CAAC;IACrB,yDAAyD;IACzD,YAAY,EAAE,MAAM,CAAC;IACrB,iFAAiF;IACjF,gBAAgB,EAAE,MAAM,CAAC;CAC5B;AAED,wBAAgB,UAAU,CAAC,GAAG,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,GAAG,QAAQ,CAS9E;AAED,oFAAoF;AACpF,wBAAgB,cAAc,CAAC,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,GAAG,MAAM,CAI9E;AAED;;;GAGG;AACH,wBAAgB,UAAU,CACtB,GAAG,EAAE,gBAAgB,EACrB,IAAI,EAAE,SAAS,EACf,GAAG,EAAE,YAAY,EACjB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,MAAM,GAChB;IAAE,MAAM,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,SAAS,EAAE,CAAA;CAAE,CAS3C;AAED;;;;;;;GAOG;AACH,wBAAgB,wBAAwB,CACpC,IAAI,EAAE,UAAU,EAChB,KAAK,EAAE,IAAI,GAAG,SAAS,EACvB,YAAY,EAAE,MAAM,EACpB,YAAY,EAAE,MAAM,EACpB,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,MAAM,GAChB,IAAI,CAaN"}