@field/cascade 0.10.0 → 0.12.0

package/doc/PROJECT_AUTHORING.md

@@ -61,6 +61,40 @@ difference. Use a deliberate local package override
 for framework development rather than committing a machine-specific
 `file:../../Dev/cascade` dependency to a shared project.
 
+### Pin the core
+
+A sketch pins one published Cascade, exactly, rather than linking the live
+checkout, so a change on Cascade main cannot move its pixels until it opts in:
+
+```json
+"devDependencies": {
+  "cascade": "npm:@field/cascade@0.11.0",
+  "@field/cascade-kit": "file:../../Dev/cascade/packages/kit"
+}
+```
+
+Keep the dependency name `cascade`: imports stay `cascade/io`,
+`cascade/stage` and so on, which is what Studio's compiler resolves. Only the
+core is pinned; the kit is not on npm and stays a `file:` dependency. Commit
+the lockfile, since it holds the core's own dependencies (a newer
+`@napi-rs/canvas` shifts antialiasing by a few levels). To move from a link:
+
+```bash
+npm install --save-dev --save-exact cascade@npm:@field/cascade@0.11.0
+```
+
+If `node_modules/cascade` is still a link afterwards, or npm fails with
+`Cannot destructure property 'package' of 'node.target'`, the kit link is the
+cause: its target sits inside the checkout, whose own package is
+`@field/cascade`, so npm reuses the checkout. Move `node_modules` and
+`package-lock.json` aside, install with the kit removed from `package.json`,
+then add it back with `npm install --save-dev ../../Dev/cascade/packages/kit`.
+
+To bump: change the version, `npm install`, `npx cascade check <graph>`, and
+render a frame to compare. A sketch that needs something only on main (for
+example `cascade share` before it ships) keeps the `file:` link and says why in
+its README until the next release.
+
 `index.cascade` is the default graph name. A project may contain several `.cascade` files; pass one explicitly when there is no unambiguous default:
 
 ```bash
@@ -83,6 +117,13 @@ my-artwork/
 
 Keep generated output in a project-specific directory such as `renders/`. Keep reusable algorithms in `nodes/` or a normal TypeScript package rather than in Studio components.
 
+Before writing OKLCH conversions, a seeded generator, noise, paper, a pen plot,
+an ffmpeg call, a Cairn or Observatory loader or a disk cache, use the sketch
+kit, `@field/cascade-kit` (`packages/kit`, a `file:` dependency). It also
+generates the stubs for using another project's nodes without a symlink
+(`npx cascade-kit nodes <provider>`). Read [KIT.md](KIT.md). The kit is
+outside the core: Cascade never imports it.
+
 ## Add a project panel
 
 A project can provide an optional dockable Studio panel without adding UI code to Cascade. Create `panels/asset-browser/index.ts`:
@@ -191,6 +232,19 @@ image-api:
 
 The proxy accepts HTTPS only, refuses undeclared hosts, strips caller-supplied authorization headers, and never returns the credential value to the page. Studio defers its initial cook when a required credential is missing and links to File → Project Settings.
 
+## Design the graph, not one big node
+
+A piece is several nodes, each doing one job: load the data, lay it out, colour it, draw it, export it. The usage survey of November 2026 found the opposite in most projects (1 to 5 nodes of 300+ lines each over `lib/`), which leaves the graph as a parameter panel around opaque code. The graph is the record Marcus inspects, so each node boundary should be a place worth looking at, with the parameters that matter on it.
+
+Clean graph design is clean code design:
+
+- **One responsibility per node**, named for what it does (`layout_rings`, not `main`).
+- **Data flows through typed ports**, never through module-level state or files one node writes and another reads behind the graph's back.
+- **What varies is a parameter**; seeds, counts and colours are on the node, not constants in the code.
+- **Shared helpers go in `lib/` or the kit** (`KIT.md`); the node is the unit you compose and reuse.
+
+Split a node when it does two of load, generate, style, render and export, or when its `execute` grows past about 150 lines. `cascade check` warns on both (`shape/long-execute`, `shape/mixed-jobs`); the warnings are advice and never fail the check. Drawing with noise and colour is one job's worth of calls, so it only flags a module doing four of the five, or loading and exporting in the same node.
+
 ## Add a custom node
 
 Before writing one, check whether you need one. A parameter can hold an expression, so anything time-based is usually a parameter rather than a node. See [Animate a parameter](#animate-a-parameter). A node earns its place when it produces geometry or pixels, or when several parameters share a computation. The built-in library is listed in `NODE_REFERENCE.md`, generated from the definitions themselves; read that before searching for what a node does.
@@ -345,7 +399,7 @@ export async function execute(node: any) {
 
 `param()` is a method on the node the engine hands to `execute`, not an import. It is re-declared on every cook, so it never resets a value, an expression, or a keyframe someone set: reading `.value` gives the *resolved* value for the current frame, whichever of the three bindings is in force. The loader imports the module as real JavaScript, so top-level code does run at import time. Keep dynamic modules free of top-level effects and put interface declaration and cooking inside `execute`.
 
-Prefer `new OffscreenCanvas(width, height)` to `document.createElement('canvas')` when both hosts can run the node. A portable declaration still requires output parity checks; installing Skia does not override a browser-only declaration. Use Python for libraries or tools that require a server. Measure transport, serialization, and cold-start costs; persistent workers can avoid repeated process/model startup.
+Prefer `new OffscreenCanvas(width, height)` to `document.createElement('canvas')` when both hosts can run the node; a definition-v1 node uses `cascade/image` (see "Draw an image in any host"). A portable declaration still requires output parity checks; installing Skia does not override a browser-only declaration. Use Python for libraries or tools that require a server. Measure transport, serialization, and cold-start costs; persistent workers can avoid repeated process/model startup.
 
 Choose the narrowest execution locus:
 
@@ -367,6 +421,96 @@ export const definition = {
 
 The runtime refuses unsupported host/capability combinations before executing the graph.
 
+### Draw an image in any host
+
+A node that draws, reads or writes an image uses `cascade/image`, and then one
+body cooks in Studio, under `cascade run`/`render`/MCP, and in an exported
+editor's worker. Declare `runsOn: 'portable'` and `capabilities: ['assets']`,
+and import nothing host-specific: no `node:*`, no `@napi-rs/canvas`, no
+`document`.
+
+```ts
+import type { NodeDefinition, NodeExecutionContext } from 'cascade/contracts';
+import { readBytes, readImage, registerFont, surface, writeImage } from 'cascade/image';
+
+export const definition = {
+  apiVersion: 1,
+  label: 'Poster',
+  runsOn: 'portable',
+  capabilities: ['assets'],
+  inputs: { photo: { kind: 'data', type: 'image' } },
+  outputs: { image: { kind: 'data', type: 'image' } },
+  props: { title: { type: 'string', default: 'Hello' }, font: { type: 'string', default: 'assets/fonts/Display.otf' } },
+} as const satisfies NodeDefinition;
+
+export async function execute(context: NodeExecutionContext<typeof definition>) {
+  const photo = await readImage(context, context.inputs.photo);          // an image input, asset or project path
+  await registerFont('Display', await readBytes(context, context.props.font));
+  const { canvas, context: g } = surface(photo.width, photo.height);     // OffscreenCanvas, CPU-backed 2D
+  g.drawImage(photo, 0, 0);
+  g.font = '96px Display';
+  g.fillText(context.props.title, 40, 140);
+  context.outputs.image.set(await writeImage(context, canvas, `${context.nodeId}.png`));
+}
+```
+
+| | Browser (Studio, exported editor) | Headless (CLI, MCP) |
+| --- | --- | --- |
+| `createCanvas`, `surface` | the realm's `OffscreenCanvas` | Skia's, from `@napi-rs/canvas` |
+| `decodeImage`, `readImage` | `createImageBitmap` | the pixels from memory while the run holds them, else Skia's decoder |
+| `writeImage` | an in-memory generated asset | `.cascade-cache/<name>.<hash>.png`, pixels held in memory and the file written behind |
+| `registerFont` | `FontFace` added to the page's or worker's font set | Skia's `GlobalFonts` |
+| `readBytes` | shipped files only (`editor.assets`, literal asset props, frozen files) | any project file |
+
+- The host chooses where a written image lands; never name a path or read an
+  output file back by a path you built. `cachePath` and `saveImage` from
+  `cascade/io` remain for dynamic nodes.
+- `surface(w, h)` asks for a `willReadFrequently` context, which keeps Chrome
+  on the same software Skia rasteriser the headless host uses. Expect the same
+  image, not the same bytes: on commons `plotter-social` the paper, foil and
+  wordmark match exactly and scanline marks differ at stroke edges (mean
+  channel delta under 0.5 of 255 with the same fonts).
+- A font only matches across hosts when both register the same bytes. A file
+  that is not there (a licensed face the export never ships) should fall back
+  to a named system face, not fail; read it with `readBytes` in a `try`.
+- What has no browser form is refused, not imitated: no canvas in the realm,
+  or `assets` not declared, throws a sentence saying which. A node that needs
+  the filesystem, a network fetch or ffmpeg stays `runsOn: 'server'`; to put
+  its output in an editor, freeze it (`cascade freeze <graph> <node> --fields
+  path,size,channels,depth,space` ships the image file with the snapshot).
+
+#### How an image travels between nodes
+
+An `image` port carries an `ImageRef` (a path plus size, channels, depth and
+space), never the pixels, so a value stays cheap to snapshot, hash, trace and
+send to Python. What sits behind the path is the host's business, and the
+headless host keeps it in memory:
+
+- `writeImage` (and `saveImage` in `cascade/io`) hands the canvas to the host
+  as `ImagePixels` (8-bit RGBA, sRGB, unpremultiplied, top row first: what
+  `getImageData` returns and what a PNG decodes to) through the optional
+  `assets.keepImage`. Under `cascade run`/`render` the host holds those pixels,
+  names the file by their hash, and writes a lossless PNG at zlib level 1
+  behind the run, off the main thread.
+- `readImage` (and `loadBitmap`/`loadImage`) asks `assets.imagePixels` first
+  and gets a canvas holding the pixels: no file read and no decode. The next
+  node sees the same numbers a PNG round trip would give it.
+- Anything that reads the path as a file gets a whole file: a Python stage
+  call, `assets.read`, a run's end, `freeze`, `lock` and `ladder` all wait for
+  the write behind, and so does every `runsOn: 'server'` node before it
+  starts, since it may read an input with `node:fs`. A run's saved outputs
+  (`--out`, `run --frames`, `render`) are encoded from the pixels at full
+  compression, never copied from the level-1 intermediate.
+- Hosts without `keepImage` (an exported editor, the web player, and Studio
+  for project nodes) encode and store as before, so a node written against
+  `readImage`/`writeImage` works unchanged in each. Studio gives `keepImage`
+  to the built-in image library only: its images stay in the page under
+  `.cascade-studio/…` paths, which `readImage`, `assets.read` and the Viewer
+  all resolve, but which name no file a server stage could open.
+
+On field-logo (12 canvas nodes at 1024²) this took a frame from 1,791 ms to
+about 860 ms; most of what remains is the nodes' own pixel loops.
+
 ### GPU nodes today
 
 A definition-v1 node may declare `capabilities: ['gpu']`. Studio and the optional
@@ -375,6 +519,26 @@ a cache scoped to each node instance for pipelines, samplers, and other
 resources that outlive one cook. The host clears cached resources on host
 disposal or device loss and requests a fresh device on a later cook.
 
+The device is asked for with every limit the adapter allows, not WebGPU's
+defaults: on an M3 Max that is 4 GiB per storage binding (default 128 MiB),
+1,024 invocations per workgroup (256), 32 KiB of workgroup storage (16 KiB) and
+10 storage buffers per stage (8). Read what you got from
+`context.capabilities.gpu.limits` and size buffers and workgroups from it. A
+node that cannot run below some limit declares it, and a smaller GPU then fails
+before the cook with a sentence naming the limit:
+
+```ts
+export const definition = {
+  apiVersion: 1,
+  runsOn: 'portable',
+  capabilities: ['gpu'],
+  gpuLimits: { maxStorageBufferBindingSize: 512 * 2 ** 20 },
+  // ...
+} as const;
+```
+
+`max*` limits are floors; `min*Alignment` limits are ceilings.
+
 Use `runsOn: 'portable'` for shared WebGPU code without browser APIs. Render into
 a texture and use `readTexture` from `cascade/gpu` for explicit RGBA8 pixels,
 then encode through the image/IO host. See [headless GPU rendering](HEADLESS_GPU.md)
@@ -606,12 +770,63 @@ in `cascade run --json` under `stages`, and in the run trace.
   keeps running its old code in a live Studio. Its bytecode cache is keyed by
   the code hash, because Python accepts a `.pyc` whose source kept its size
   within the same second.
-- `cache` turns on Cascade's own result cache: `true`, or an object with
-  `exclude` (stages whose answer changes under an identical call) and
-  `outputs` (arguments naming files a stage writes, which are not inputs). Off
-  by default. A stored result is served only while every file it names still
-  has the bytes it had, so a stage that writes a fixed path and was re-run with
-  other inputs misses rather than serving the overwritten file.
+- `workers` (headless runs only) is how many warm workers `cascade run` keeps
+  for the project, and so how many independent nodes it cooks at once: sibling
+  stage calls in one frame (the morph's four renders) run side by side. Default
+  2–4, one per four cores and per 8 GB of memory; `CASCADE_STAGE_WORKERS`
+  overrides it, and `cascade render` workers keep one each. A second worker
+  starts only when a call finds the first busy. Nodes still start in the
+  graph's order, so the run trace lists them the same way every run; a stage
+  that writes a fixed path shared with another node is the one thing this can
+  break, and `"workers": 1` turns it off.
+- `cache` controls Cascade's own result cache. A stored result is served only
+  while every file it names still has the bytes it had, so a stage that writes
+  a fixed path and was re-run with other inputs misses rather than serving the
+  overwritten file. See "The stage cache default" below.
+
+#### The stage cache default
+
+Since 6 Nov 2026 the cache is **on by default for the calls a node's cook
+makes**, and off for everything else. A node is a pure function of its inputs,
+so a stage it calls through `runStage` from `cascade/stage` is treated as pure:
+same stage code, same arguments, same input file bytes, same answer. A second
+identical cook is served from `.cascade/cache/stages/` without starting Python
+at all; on `cloud-plots/relief.cascade` that takes a re-cook from about 4.2 s
+to 0.45 s. A call from a panel (`api.runStage`) or a hand-rolled
+`fetch('/api/exec')` is an action — `plot-start`, `plot-status` — and is not
+cached unless you say so.
+
+What is not pure, and must be opted out:
+
+- a stage whose answer changes under an identical call: it reads the clock,
+  draws fresh randomness, queries a device or a job's progress, or calls a
+  network service whose answer you want fresh each time;
+- a stage that reads a file its arguments do not name (a config file, a folder
+  it scans, a model downloaded on the side). Only files named in the arguments
+  are hashed into the key, so an edit to an unnamed file is invisible;
+- a stage whose purpose is a side effect (copying to a named place, posting
+  somewhere). A result whose named files still have their bytes is served, so
+  a copy that already happened is not repeated; when the effect must happen
+  every time, opt the stage out.
+
+How to opt out:
+
+```json
+"cache": { "exclude": ["plot-status", "camera-grab"], "outputs": ["out", "svg_out"] }
+```
+
+| Declaration | What is cached |
+|---|---|
+| absent | calls from node cooks, except `exclude` (none) |
+| `{ "exclude": [...], "outputs": [...] }` | calls from node cooks, except the named stages |
+| `{ "scope": "all", ... }` or `true` | every call, panel actions included, except `exclude` |
+| `false` or `{ "enabled": false }` | nothing |
+
+`CASCADE_STAGE_CACHE=off` in the environment still turns it off for one
+process (`cascade parity` sets it). Every call's trace says what happened and
+why: `hit`, `miss (no entry)`, `off (excluded)`, `off (not a cook call)`,
+`off (not enabled)`. A project that keeps its own Python-side cache can keep
+it; Cascade's sits in front, and on a hit the project's code is not called.
 - A request carries `"cascade": {"key", "code", "cache"}` beside `args` (the
   worker), or `CASCADE_STAGE_ENVELOPE` in the environment (one-shot). A
   project that keeps its own cache should stand aside when `cache` is `"off"`,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@field/cascade",
-  "version": "0.10.0",
+  "version": "0.12.0",
   "description": "Visual programming for generative art",
   "license": "MIT",
   "author": "FIELD.IO <marcus@field.io>",
@@ -43,7 +43,8 @@
   ],
   "workspaces": [
     "packages/contracts",
-    "packages/runtime"
+    "packages/runtime",
+    "packages/kit"
   ],
   "bin": {
     "cascade": "./dist/cli/index.js"
@@ -105,6 +106,10 @@
       "types": "./dist/io.d.ts",
       "default": "./dist/io.js"
     },
+    "./image": {
+      "types": "./dist/image.d.ts",
+      "default": "./dist/image.js"
+    },
     "./gpu": {
       "types": "./dist/gpu.d.ts",
       "default": "./dist/gpu.js"
@@ -129,15 +134,24 @@
     "dev": "vite",
     "dev:client": "vite",
     "build": "node scripts/build.mjs",
-    "build:workspaces": "npm run build --workspace @cascade/contracts && npm run build --workspace @cascade/runtime",
+    "build:workspaces": "npm run build --workspace @cascade/contracts && npm run build --workspace @cascade/runtime && npm run build --workspace @field/cascade-kit",
+    "build:kit": "npm run build --workspace @field/cascade-kit",
+    "test:kit": "npm run test --workspace @field/cascade-kit",
     "build:packages": "npm run build:workspaces && node scripts/copy-package-builds.mjs",
     "check:packages": "npm run check --workspace @cascade/contracts && npm run build --workspace @cascade/contracts && npm run check --workspace @cascade/runtime",
-    "test:packages": "npm run test --workspace @cascade/contracts && npm run test --workspace @cascade/runtime",
+    "test:packages": "npm run test --workspace @cascade/contracts && npm run test --workspace @cascade/runtime && npm run test --workspace @field/cascade-kit",
     "build:cli": "node scripts/build.mjs --cli",
     "build:server": "npm --prefix server run build",
     "prepack": "npm run build",
     "preview": "vite preview",
     "check": "svelte-check --tsconfig ./tsconfig.json",
+    "verify": "node scripts/verify.mjs",
+    "verify:fast": "node scripts/verify.mjs --fast",
+    "verify:push": "node scripts/verify.mjs --push",
+    "prepare": "node scripts/install-hooks.mjs",
+    "check:architecture": "vitest run tests/architecture-",
+    "check:bundle": "node scripts/bundle-budget.mjs",
+    "check:node-reference": "tsx scripts/build-node-reference.mjs --check",
     "test": "vitest",
     "test:run": "vitest run",
     "test:coverage": "vitest run --coverage",
@@ -171,6 +185,7 @@
     "svelte": "^5.0.0",
     "svelte-check": "^4.7.6",
     "tsx": "^4.23.12",
+    "typescript7": "npm:typescript@^7.0.2",
     "vite": "^8.2.2",
     "vitest": "^4.1.11"
   },

package/dist/assets/CodePanel-sY6sZa7B.js

@@ -1,2 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/CodeEditor-DSZBpzdy.js","assets/legacy-CTEeXeqF.js","assets/nodeTypeUtils-BDJsc2Ks.js","assets/index-DyvDC6pS.js","assets/index-client-DqYmKstU.js","assets/index-7vae6YFC.css","assets/editor.api-DvkCO3ko.js","assets/editor-1FQrmyyI.css","assets/CodeEditor-DR7u0q7p.css"])))=>i.map(i=>d[i]);
-import{Dt as e,G as t,M as n,Ot as r,Q as i,U as a,V as o,W as s,Z as c,ct as l,dt as u,et as d,ht as f,i as p,it as m,jt as h,l as g,nt as _,ot as v,pt as y,r as b,rt as x,st as S,vt as C,yt as w,z as T}from"./legacy-CTEeXeqF.js";import{P as E,et as D}from"./index-DyvDC6pS.js";var O=t(`<div class="loading svelte-1pkj8m">Loading editor...</div>`),k=t(`<div class="error svelte-1pkj8m">Loading...</div>`),A=t(`<div class="error svelte-1pkj8m"> </div>`),j=t(`<div class="panel-wrapper svelte-1pkj8m"><!></div>`);function M(t,M){r(M,!1);let N=()=>w(D,`$sharedContextStore`,P),[P,F]=C(),I=u(null);b(async()=>{let e=await E(()=>import(`./CodeEditor-DSZBpzdy.js`).then(e=>e.t),__vite__mapDeps([0,1,2,3,4,5,6,7,8]));y(I,e.default)});let L=p(M,`panelParams`,8),R=p(M,`panelApi`,8),z=p(M,`graph`,12,void 0),B=p(M,`onRecordHistory`,12,void 0),V=u(null),H=L()?.nodeId;function U(){R()?.close&&R().close()}_(()=>N(),()=>{N()&&(z(N().graph),B(N().onRecordHistory))}),_(()=>c(z()),()=>{z()&&H?y(V,z().getNode(H)||null):y(V,null)}),_(()=>(c(R()),i(V)),()=>{R()?.setTitle&&i(V)&&R().setTitle(`Code: ${i(V).id}`)}),x(),g();var W=j(),G=v(W),K=e=>{var t=s(),r=S(t);{let e=f(()=>(c(z()),d(()=>z().packageManager||null)));n(r,()=>i(I),(t,n)=>{n(t,{get node(){return i(V)},get graph(){return z()},get packageManager(){return i(e)},onClose:U,showCloseButton:!1,get onRecordHistory(){return B()}})})}a(e,t)},q=e=>{var t=O();a(e,t)},J=e=>{var t=k();a(e,t)},Y=e=>{var t=A(),n=l(t);m(()=>o(n,`Node not found: ${H??``}`)),a(e,t)};T(G,e=>{i(V)&&z()&&i(I)?e(K):i(I)?z()?e(Y,-1):e(J,2):e(q,1)}),h(W),a(t,W),e(),F()}export{M as default};

package/dist/assets/CustomNodeDialog-BRKnqZhp.js

@@ -1 +0,0 @@
-import{At as e,Dt as t,G as n,I as r,L as i,O as ee,Ot as a,Q as o,U as s,V as c,W as l,X as u,Z as d,_ as te,at as f,b as p,ct as m,d as h,dt as g,et as _,f as ne,i as v,it as y,jt as b,l as x,lt as S,nt as C,ot as w,p as re,pt as T,rt as E,s as ie,st as D,t as O,u as ae,v as k,z as A}from"./legacy-CTEeXeqF.js";import{H as j,U as M}from"./index-DyvDC6pS.js";var N=n(`<span class="auto-badge svelte-1c1mvak">auto</span>`),P=n(`<span class="radio-path svelte-1c1mvak"> </span>`),F=n(`<input type="text" class="custom-base-input svelte-1c1mvak" placeholder="e.g., cascade.mylib.MyBaseNode" autocomplete="off"/>`),I=n(`<label><input type="radio" name="baseClass" class="svelte-1c1mvak"/> <div class="radio-content svelte-1c1mvak"><div class="radio-header svelte-1c1mvak"><span class="radio-label svelte-1c1mvak"> </span> <!></div> <!></div></label>`),oe=n(`<div class="dialog-overlay svelte-1c1mvak"><div class="dialog svelte-1c1mvak" role="dialog" aria-modal="true" aria-labelledby="custom-node-title"><div class="dialog-header svelte-1c1mvak"><h2 id="custom-node-title" class="svelte-1c1mvak">Create Custom Node</h2> <button class="close-button svelte-1c1mvak" aria-label="Close"><!></button></div> <form class="svelte-1c1mvak"><div class="form-group svelte-1c1mvak"><label for="node-name" class="svelte-1c1mvak">Node Name</label> <input id="node-name" type="text" placeholder="e.g., ParticleField" autocomplete="off" class="svelte-1c1mvak"/> <span class="hint svelte-1c1mvak">The display name for your node</span></div> <div class="form-group svelte-1c1mvak"><label for="module-path" class="svelte-1c1mvak">Module Path</label> <input id="module-path" type="text" placeholder="e.g., project.particle-field" autocomplete="off" class="svelte-1c1mvak"/> <span class="hint svelte-1c1mvak">Unique identifier for the node module <!></span></div> <div class="form-group svelte-1c1mvak"><span class="field-label svelte-1c1mvak">Base Class</span> <div class="base-class-options svelte-1c1mvak"></div></div> <div class="dialog-footer svelte-1c1mvak"><button type="button" class="cancel-button svelte-1c1mvak">Cancel</button> <button type="submit" class="create-button svelte-1c1mvak"><!> Create Node</button></div></form></div></div>`);function L(n,L){a(L,!1);let R=g(),se=[],z=v(L,`open`,12,!1),B=O(),V=g(``),H=g(``),U=g(`cascade.Node`),W=g(``),G=g(!0),K=[{id:`cascade.Node`,label:`Node`,description:`Base class for all nodes - use for general purpose computation`,template:`node`},{id:`cascade.image.ImageNodeBase`,label:`ImageNodeBase`,description:`Image processing base class with canvas/image utilities`,template:`image`},{id:`custom`,label:`Other`,description:`Specify a custom base class path`,template:`node`}];function ce(){T(G,!1)}function le(){let e=`local.${o(V).toLowerCase().replace(/[^a-z0-9]/g,``)}`;(o(H)===e||o(H)===``)&&T(G,!0)}function q(){if(!o(V).trim()||o(U)===`custom`&&!o(W).trim())return;let e=K.find(e=>e.id===o(U));B(`create`,{name:o(V).trim(),modulePath:o(H)||`local.${o(V).toLowerCase().replace(/[^a-z0-9]/g,``)}`,baseClass:o(R),template:e?.template||`node`}),Y()}function J(){Y(),B(`close`)}function Y(){T(V,``),T(H,``),T(U,`cascade.Node`),T(W,``),T(G,!0),z(!1)}function X(e){e.key===`Escape`?J():e.key===`Enter`&&!e.shiftKey&&(e.preventDefault(),q())}let Z=g();C(()=>(o(U),o(W)),()=>{T(R,o(U)===`custom`?o(W):o(U))}),C(()=>(o(G),o(V)),()=>{if(o(G)&&o(V)){let e=o(V).toLowerCase().replace(/[^a-z0-9]/g,``);T(H,`local.${e}`)}}),C(()=>(d(z()),o(Z)),()=>{z()&&o(Z)&&setTimeout(()=>o(Z)?.focus(),50)}),E(),x();var Q=l();u(`keydown`,f,X);var $=D(Q),ue=t=>{var n=oe(),a=w(n),l=w(a),d=S(w(l),2),f=w(d);M(f,{size:18}),b(d),b(l);var g=S(l,2),v=w(g),x=S(w(v),2);p(x),re(x,e=>T(Z,e),()=>o(Z)),e(2),b(v);var C=S(v,2),E=S(w(C),2);p(E);var D=S(E,2),O=S(w(D)),R=e=>{var t=N();s(e,t)};A(O,e=>{o(G)&&e(R)}),b(D),b(C);var z=S(C,2),B=S(w(z),2);r(B,5,()=>K,i,(e,t)=>{var n=I();let r;var i=w(n);p(i);var a,l=S(i,2),d=w(l),f=w(d),h=m(f,!0),g=S(f,2),v=e=>{var n=P(),r=m(n,!0);y(()=>c(r,(o(t),_(()=>o(t).id)))),s(e,n)};A(g,e=>{o(t),_(()=>o(t).id!==`custom`)&&e(v)}),b(d);var x=S(d,2),C=e=>{var t=F();p(t),k(t,()=>o(W),e=>T(W,e)),u(`click`,t,ne(function(e){ie.call(this,L,e)})),s(e,t)};A(x,e=>{o(t),o(U),_(()=>o(t).id===`custom`&&o(U)===`custom`)&&e(C)}),b(l),b(n),y(()=>{r=ee(n,1,`radio-option svelte-1c1mvak`,null,r,{selected:o(U)===o(t).id}),a!==(a=(o(t),_(()=>o(t).id)))&&(i.value=(i.__value=a)??``),c(h,(o(t),_(()=>o(t).label)))}),te(se,[],i,()=>(o(t),_(()=>o(t).id),o(U)),e=>T(U,e)),s(e,n)}),b(B),b(z);var Y=S(z,2),X=w(Y),Q=S(X,2),$=w(Q);j($,{name:`Zap`,size:14}),e(),b(Q),b(Y),b(g),b(a),b(n),y(e=>Q.disabled=e,[()=>(o(V),o(U),o(W),_(()=>!o(V).trim()||o(U)===`custom`&&!o(W).trim()))]),u(`click`,d,J),k(x,()=>o(V),e=>T(V,e)),u(`input`,x,le),k(E,()=>o(H),e=>T(H,e)),u(`input`,E,ce),u(`click`,X,J),u(`submit`,g,ae(q)),u(`click`,n,h(J)),s(t,n)};A($,e=>{z()&&e(ue)}),s(n,Q),t()}export{L as default};