ctrl-fx 0.1.1 → 0.1.2

package/dist/{chunk-DZAR6PTR.js → chunk-BDTTV33M.js}

@@ -6,7 +6,7 @@ import {
   isNodeGroup,
   nodeGroup,
   nodeId
-} from "./chunk-NSWOTCDU.js";
+} from "./chunk-EKBLRHWK.js";
 import {
   ResponseBody,
   emptyLocation,
@@ -27,7 +27,7 @@ import {
   stringToInt,
   success,
   taskId
-} from "./chunk-KNHJPAIU.js";
+} from "./chunk-OSIRHKDB.js";
 import {
   dbVersion,
   run,
@@ -1132,7 +1132,6 @@ function closestComponentPath(node) {
 }
 
 // src/internal/cmpmgr.ts
-var mountCount = 0;
 function manageComponent(component, mountId, window2, interpreter, styleRegistry) {
   const mountNode = window2.document.getElementById(mountId);
   if (!mountNode) {
@@ -1152,11 +1151,19 @@ function manageComponent(component, mountId, window2, interpreter, styleRegistry
   };
 }
 var ComponentManager = class {
-  constructor(component, mountNode, window2, interpreter, styleRegistry, onRootEvent) {
+  constructor(component, mountNode, window2, interpreter, styleRegistry, onRootEvent, alreadyMountedPaths) {
     __publicField(this, "rootCompPath");
     __publicField(this, "components", {});
     __publicField(this, "removedComponents", {});
+    // Mirrors `components` but for view()/fixedView() subtrees, which have no
+    // state of their own but still need stable identity so their onRender
+    // effects don't refire whenever an ancestor element is rebuilt (or, via
+    // alreadyMountedPaths, whenever a fresh ComponentManager remounts them).
+    // Keyed the same way as components: nodeId + enclosing *component* path
+    // (nesting through another view doesn't add a path segment).
+    __publicField(this, "views", {});
     __publicField(this, "addedComponents", []);
+    __publicField(this, "pendingRenderEffects", []);
     __publicField(this, "interpreter");
     __publicField(this, "window");
     __publicField(this, "document");
@@ -1164,11 +1171,19 @@ var ComponentManager = class {
     __publicField(this, "taskRegistry", new TaskRegistry());
     __publicField(this, "styleRegistry");
     __publicField(this, "onRootEvent");
+    // Paths that were already mounted (and had their onRender effects fired)
+    // by some earlier, unrelated ComponentManager instance -- e.g. a prior
+    // `.run()` call in ctrl-fx/testing, which mounts a fresh ComponentManager
+    // each time but wants onRender to still behave as if the component tree
+    // had persisted. Suppresses re-queueing onRender effects for those paths
+    // without affecting real first-time mounts.
+    __publicField(this, "alreadyMountedPaths");
     this.window = window2;
     this.document = this.window.document;
     this.interpreter = interpreter;
     this.styleRegistry = styleRegistry;
     this.onRootEvent = onRootEvent;
+    this.alreadyMountedPaths = alreadyMountedPaths ?? /* @__PURE__ */ new Set();
     this.eventManager = new EventManager(
       this.window,
       (effect, node, onResult) => {
@@ -1178,7 +1193,7 @@ var ComponentManager = class {
         }
       }
     );
-    const rootCompPath = componentPath(nodeId(`__root_component:${++mountCount}`));
+    const rootCompPath = componentPath(nodeId("__root_component"));
     this.rootCompPath = rootCompPath;
     const compNode = componentNode(component, rootCompPath.nodeId);
     const root = rootNode(mountNode);
@@ -1200,6 +1215,11 @@ var ComponentManager = class {
       _type: "Uninitialized"
     };
   }
+  /** Paths of components (past their initial render) and views currently mounted. */
+  getMountedPaths() {
+    const componentPaths = Object.entries(this.components).filter(([, node]) => node.state._type === "Ready").map(([path]) => path);
+    return /* @__PURE__ */ new Set([...componentPaths, ...Object.keys(this.views)]);
+  }
   dispatchEffect(effect) {
     this.runEffect(effect, this.rootCompPath, () => {
     });
@@ -1247,11 +1267,19 @@ var ComponentManager = class {
     if (component.state._type === "Ready" && eq(component.state.value, state)) {
       return;
     }
+    const isInitialMount = component.state._type === "Uninitialized";
+    const wasAlreadyMounted = this.alreadyMountedPaths.has(componentPath2.format());
     component.state = { _type: "Ready", value: state };
     const newNodeGroup = component.component.view(
       state,
       component.component.params
     );
+    if (isInitialMount && !wasAlreadyMounted && newNodeGroup.renderEffects.length > 0) {
+      this.pendingRenderEffects.push({
+        path: componentPath2,
+        effects: newNodeGroup.renderEffects
+      });
+    }
     component.containerListeners = newNodeGroup.containerListeners;
     this.eventManager.setContainerListeners(component);
     const oldNodes = component.firstChild;
@@ -1271,6 +1299,11 @@ var ComponentManager = class {
         });
       }
     });
+    const pending = this.pendingRenderEffects.splice(0);
+    pending.forEach(({ path, effects }) => {
+      effects.forEach((effect) => this.runEffect(effect, path, () => {
+      }));
+    });
   }
   compareNodeSequences(oldNodes, newNodes, parent, ancestorComponentPath) {
     const mutNewNodes = [...newNodes];
@@ -1319,6 +1352,11 @@ var ComponentManager = class {
         }
         case "ViewNode": {
           that.eventManager.setContainerListeners(node);
+          const viewPath = componentPath(
+            node.nodeId,
+            ancestorComponentPath2
+          ).format();
+          delete that.views[viewPath];
           return;
         }
         case "ComponentNode": {
@@ -1489,6 +1527,13 @@ var ComponentManager = class {
         return internalElement;
       },
       onView(view) {
+        const viewId = componentPath(view.nodeId, ancestorComponentId).format();
+        const existingView = that.views[viewId];
+        if (existingView) {
+          detach(existingView);
+          that.compareNodes(existingView, view, ancestorComponentId);
+          return existingView;
+        }
         const vNode = viewNode(view);
         const nodeGroup2 = view.nodes(view.params);
         vNode.params = view.params;
@@ -1499,6 +1544,13 @@ var ComponentManager = class {
           );
         });
         that.eventManager.setContainerListeners(vNode);
+        that.views[viewId] = vNode;
+        if (!that.alreadyMountedPaths.has(viewId) && nodeGroup2.renderEffects.length > 0) {
+          that.pendingRenderEffects.push({
+            path: ancestorComponentId,
+            effects: nodeGroup2.renderEffects
+          });
+        }
         return vNode;
       },
       onComponent(comp) {
@@ -1577,6 +1629,12 @@ var ComponentManager = class {
         return registeredComponent;
       }
     }
+    if (typeof newNode !== "string" && newNode._type === "View") {
+      const registeredView = this.views[componentPath(newNode.nodeId, ancestorComponentPath).format()];
+      if (registeredView) {
+        return registeredView;
+      }
+    }
     let next = oldNodes;
     while (next) {
       if (getNodesRelationship(next, newNode) === "same") {
@@ -1811,7 +1869,7 @@ var TestScheduler = class {
   cancel(tskId) {
     this.pending = this.pending.filter((t) => t.taskId !== tskId);
   }
-  advance(ms, acc, broadcastReg, window2) {
+  advance(ms, acc, broadcastReg, window2, config) {
     const targetTime = this.virtualNow + ms;
     while (true) {
       const next = this.pending.filter((t) => t.nextFireAtMillis <= targetTime).sort((a, b) => a.nextFireAtMillis - b.nextFireAtMillis)[0];
@@ -1829,7 +1887,8 @@ var TestScheduler = class {
         acc,
         broadcastReg,
         this,
-        window2
+        window2,
+        config
       );
     }
     this.virtualNow = targetTime;
@@ -1837,12 +1896,11 @@ var TestScheduler = class {
 };
 var BroadcastChannelRegistry = class {
   constructor() {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     __publicField(this, "channels", /* @__PURE__ */ new Map());
   }
-  subscribe(channel, handler, tskId) {
+  subscribe(channel, handler, tskId, callbacks) {
     if (!this.channels.has(channel)) this.channels.set(channel, []);
-    this.channels.get(channel).push({ handler, taskId: tskId });
+    this.channels.get(channel).push({ handler, taskId: tskId, callbacks });
   }
   unsubscribe(tskId) {
     for (const [ch, subs] of this.channels) {
@@ -1850,27 +1908,22 @@ var BroadcastChannelRegistry = class {
     }
   }
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  deliver(channel, message, acc, broadcastReg, scheduler, window2) {
+  deliver(channel, message, acc, broadcastReg, scheduler, window2, config) {
     const subs = this.channels.get(channel) ?? [];
     for (const sub of subs) {
       testingInterpreter(
         sub.handler(message),
         {
+          ...sub.callbacks,
           onComplete() {
-          },
-          onFireEvent() {
-          },
-          getState() {
-            return void 0;
-          },
-          setState() {
           }
         },
         new TaskRegistry(),
         acc,
         broadcastReg,
         scheduler,
-        window2
+        window2,
+        config
       );
     }
   }
@@ -1941,8 +1994,8 @@ function makeTestingInterpreter(initialData, window2, config) {
   return {
     interpreter,
     getData: () => snapshotTestData(acc),
-    advanceTime: (ms) => scheduler.advance(ms, acc, broadcastReg, window2),
-    fireBroadcast: (channel, message) => broadcastReg.deliver(channel, message, acc, broadcastReg, scheduler, window2)
+    advanceTime: (ms) => scheduler.advance(ms, acc, broadcastReg, window2, config),
+    fireBroadcast: (channel, message) => broadcastReg.deliver(channel, message, acc, broadcastReg, scheduler, window2, config)
   };
 }
 function testingInterpreter(effect, callbacks, taskRegistry, acc, broadcastReg, scheduler, window2, config) {
@@ -2088,7 +2141,7 @@ function testingInterpreter(effect, callbacks, taskRegistry, acc, broadcastReg,
           if (tskIdInput) {
             broadcastReg.unsubscribe(tskIdInput);
           }
-          broadcastReg.subscribe(channel, handler, tskId);
+          broadcastReg.subscribe(channel, handler, tskId, callbacks);
           callbacks.onComplete(tskId);
           return;
         }
@@ -2140,7 +2193,22 @@ function testingInterpreter(effect, callbacks, taskRegistry, acc, broadcastReg,
           return;
         }
         case "MakeHttpRequest": {
-          callbacks.onComplete(void 0);
+          const request = effect.operation.input;
+          const handler = config?.http.handler ?? (() => {
+            throw new Error("No HTTP handler configured in TestConfig.");
+          });
+          let result;
+          try {
+            result = handler(request, acc.http.interactions);
+          } catch (err) {
+            result = failure({
+              _type: "RequestError",
+              cause: "UnexpectedError",
+              message: err instanceof Error ? err.message : `Unexpected request error: ${err}`
+            });
+          }
+          acc.http.interactions.push({ request, response: result });
+          callbacks.onComplete(result);
           return;
         }
         case "Product": {
@@ -2444,6 +2512,7 @@ var Node = class {
   }
   insertBefore(node) {
     const newNode = typeof node === "string" ? new TextNode(node) : node;
+    newNode.remove();
     if (this.previousSibling) {
       this.previousSibling.nextSibling = newNode;
       newNode.previousSibling = this.previousSibling;
@@ -2459,6 +2528,7 @@ var Node = class {
   }
   insertAfter(node) {
     const newNode = typeof node === "string" ? new TextNode(node) : node;
+    newNode.remove();
     if (this.nextSibling) {
       this.nextSibling.previousSibling = newNode;
       newNode.nextSibling = this.nextSibling;
@@ -2766,19 +2836,26 @@ function makeWindow() {
   return win;
 }
 var TestableComponentImpl = class _TestableComponentImpl {
-  constructor(component, state, config, data, dom, window2) {
+  constructor(component, state, config, data, dom, window2, mountedPaths) {
     __publicField(this, "config");
     __publicField(this, "data");
     __publicField(this, "dom");
     __publicField(this, "_component");
     __publicField(this, "state");
     __publicField(this, "_window");
+    // Component paths already mounted by a previous ComponentManager in this
+    // chain of .run() calls. Each .run() mounts a fresh ComponentManager (the
+    // DOM/scheduler/subscriptions don't persist), so without this, onRender
+    // effects would fire again on every chained .run() even though, from the
+    // test's perspective, the component was already mounted.
+    __publicField(this, "_mountedPaths");
     this._component = component;
     this.state = state;
     this.config = config;
     this.data = data;
     this.dom = dom;
     this._window = window2;
+    this._mountedPaths = mountedPaths;
   }
   withConfig(config) {
     return new _TestableComponentImpl(
@@ -2787,7 +2864,8 @@ var TestableComponentImpl = class _TestableComponentImpl {
       config,
       this.data,
       this.dom,
-      this._window
+      this._window,
+      this._mountedPaths
     );
   }
   withData(data) {
@@ -2797,7 +2875,8 @@ var TestableComponentImpl = class _TestableComponentImpl {
       this.config,
       data,
       this.dom,
-      this._window
+      this._window,
+      this._mountedPaths
     );
   }
   run(...interactions) {
@@ -2818,7 +2897,9 @@ var TestableComponentImpl = class _TestableComponentImpl {
       appNode,
       win,
       interpreter,
-      noopStyleRegistry()
+      noopStyleRegistry(),
+      void 0,
+      this._mountedPaths
     );
     for (const interaction of interactions) {
       if ("_type" in interaction) {
@@ -2901,7 +2982,8 @@ var TestableComponentImpl = class _TestableComponentImpl {
       this.config,
       getData(),
       serializeDom(win.document),
-      win
+      win,
+      mgr.getMountedPaths()
     );
   }
   find(selector) {
@@ -2956,7 +3038,8 @@ function testableComponent(component, config, data) {
     config,
     getData(),
     serializeDom(win.document),
-    win
+    win,
+    mgr.getMountedPaths()
   );
 }
 function parseSelector(selector) {
@@ -3319,6 +3402,7 @@ function makeHttpRequest(request, callback) {
         if (ab) {
           callback(
             success({
+              status: response.status,
               headers: convertHeaders(response.headers),
               body: new ResponseBody(ab)
             })

package/dist/{chunk-NSWOTCDU.js → chunk-EKBLRHWK.js}

@@ -2,7 +2,7 @@ import {
   async,
   isEffect,
   pure
-} from "./chunk-KNHJPAIU.js";
+} from "./chunk-OSIRHKDB.js";
 
 // src/dom/nodeid.ts
 function nodeId(value) {

package/dist/{chunk-KNHJPAIU.js → chunk-OSIRHKDB.js}

@@ -111,6 +111,18 @@ var ResponseBody = class {
   asBlob() {
     return new Blob([this.data]);
   }
+  asArrayBuffer() {
+    return this.data;
+  }
+  /** Base64-encodes the response body into a `data:` URI. `mimeType` isn't known to `ResponseBody` itself (it's not `data`, it lives on the response's headers) so the caller must supply it. */
+  asDataUri(mimeType) {
+    const bytes = new Uint8Array(this.data);
+    let binary = "";
+    for (let i = 0; i < bytes.length; i++) {
+      binary += String.fromCharCode(bytes[i]);
+    }
+    return `data:${mimeType};base64,${btoa(binary)}`;
+  }
   asJson() {
     try {
       return success(new Json(JSON.parse(this.asString())));

package/dist/dom/index.d.ts

@@ -1,2 +1,2 @@
-export { aB as A, aC as Abbr, aD as Address, aE as Article, aF as Aside, A as Attr, aG as AttrArg, aH as AttrOrNodeIdArgs, aI as B, aJ as BlockElement, aK as Blockquote, aL as Br, aM as Button, aN as ButtonContent, aO as ChangeData, aP as Circle, aQ as Cite, aR as Code, C as Component, aS as ComponentElement, aT as CustomElement, aU as Dd, aV as Details, aW as Div, aX as Dl, aY as Dt, aZ as Element, a_ as Ellipse, a$ as Em, a as EventActions, b0 as EventListenerResult, b1 as EventOptions, b2 as Fieldset, b3 as Figcaption, b4 as Figure, b5 as FlowContent, b6 as Footer, b7 as Form, b8 as H1, b9 as H2, ba as H3, bb as H4, bc as H5, bd as H6, be as Header, bf as Hr, bg as I, bh as Image, bi as Img, bj as InlineElement, bk as Input, bl as Kbd, bm as KeyData, bn as Label, bo as Li, bp as Line, bq as Main, br as Mark, bs as MouseMoveData, bt as Nav, e as Node, N as NodeGroup, bu as NodeId, bv as NonTextNode, bw as NonVoidElement, bx as Ol, by as Option, bz as P, bA as Path, bB as PhrasingContent, bC as Polygon, bD as Polyline, bE as Pre, bF as Prop, bG as Q, bH as Rect, bI as ReplacedElement, bJ as S, bK as ScrollData, bL as Section, bM as Select, bN as Small, bO as Span, bP as Strong, bQ as Sub, bR as Summary, bS as Sup, bT as Svg, bU as SvgGraphicElement, bV as Table, bW as Tbody, bX as Td, bY as TextState, bZ as Textarea, b_ as Tfoot, b$ as Th, c0 as Thead, c1 as Time, c2 as TouchData, c3 as Tr, c4 as U, c5 as Ul, c6 as Use, c7 as View, c8 as VoidElement, c9 as WheelData, ca as attr, cb as component, cc as cssVars, cd as foldNode, ce as id, cf as makeDom, cg as nodeId, ch as preventDefault, ci as prop, cj as stopPropagation, ck as stopPropagationAndPreventDefault, cl as typeAttr } from '../index-fpCmXVEu.js';
+export { aD as A, aE as Abbr, aF as Address, aG as Article, aH as Aside, A as Attr, aI as AttrArg, aJ as AttrOrNodeIdArgs, aK as B, aL as BlockElement, aM as Blockquote, aN as Br, aO as Button, aP as ButtonContent, aQ as ChangeData, aR as Circle, aS as Cite, aT as Code, C as Component, aU as ComponentElement, aV as CustomElement, aW as Dd, aX as Details, aY as Div, aZ as Dl, a_ as Dt, a$ as Element, b0 as Ellipse, b1 as Em, a as EventActions, b2 as EventListenerResult, b3 as EventOptions, b4 as Fieldset, b5 as Figcaption, b6 as Figure, b7 as FlowContent, b8 as Footer, b9 as Form, ba as H1, bb as H2, bc as H3, bd as H4, be as H5, bf as H6, bg as Header, bh as Hr, bi as I, bj as Image, bk as Img, bl as InlineElement, bm as Input, bn as Kbd, bo as KeyData, bp as Label, bq as Li, br as Line, bs as Main, bt as Mark, bu as MouseMoveData, bv as Nav, e as Node, N as NodeGroup, bw as NodeId, bx as NonTextNode, by as NonVoidElement, bz as Ol, bA as Option, bB as P, bC as Path, bD as PhrasingContent, bE as Polygon, bF as Polyline, bG as Pre, bH as Prop, bI as Q, bJ as Rect, bK as ReplacedElement, bL as S, bM as ScrollData, bN as Section, bO as Select, bP as Small, bQ as Span, bR as Strong, bS as Sub, bT as Summary, bU as Sup, bV as Svg, bW as SvgGraphicElement, bX as Table, bY as Tbody, bZ as Td, b_ as TextState, b$ as Textarea, c0 as Tfoot, c1 as Th, c2 as Thead, c3 as Time, c4 as TouchData, c5 as Tr, c6 as U, c7 as Ul, c8 as Use, c9 as View, ca as VoidElement, cb as WheelData, cc as attr, cd as component, ce as cssVars, cf as foldNode, cg as id, ch as makeDom, ci as nodeId, cj as preventDefault, ck as prop, cl as stopPropagation, cm as stopPropagationAndPreventDefault, cn as typeAttr } from '../index-DeEjNrg-.js';
 import '../db/index.js';

package/dist/dom/index.js

@@ -11,8 +11,8 @@ import {
   stopPropagation,
   stopPropagationAndPreventDefault,
   typeAttr
-} from "../chunk-NSWOTCDU.js";
-import "../chunk-KNHJPAIU.js";
+} from "../chunk-EKBLRHWK.js";
+import "../chunk-OSIRHKDB.js";
 import "../chunk-PKBMQBKP.js";
 export {
   attr,

package/dist/effects.d.ts

@@ -1,2 +1,2 @@
-export { f as ClipboardError, g as DecodingError, h as DownloadInput, E as Effect, F as FlatMap, j as Fragment, k as Headers, d as HttpError, H as HttpRequest, b as HttpResponse, I as InternalLocation, J as Json, L as Lens, M as Method, l as Path, Q as QueryParam, c as RequestError, n as ResponseBody, R as Result, o as ResultTransformer, q as Return, r as ScrollElementError, S as ScrollOptions, s as StorageTarget, v as Suspend, T as TaskId, w as alert, x as async, y as cancelTask, z as clearAppBadge, B as clearLocalStorage, G as clearSessionStorage, K as confirm, O as customEffect, V as download, W as fireEvent, X as generateUuid, Y as getLocalStorageItem, Z as getLocation, _ as getNotificationPermission, $ as getRandom, a0 as getSessionStorageItem, a1 as getState, a2 as getTime, a3 as go, a4 as isEffect, a5 as log, a6 as makeEffects, a7 as makeHttpRequest, a8 as mapEvent, a9 as mapState, aa as noop, ab as openDatabase, ac as postBroadcastMessage, ad as product, ae as prompt, af as pure, ag as pushState, ah as readClipboard, ai as removeLocalStorageItem, aj as removeSessionStorageItem, ak as replaceState, al as requestNotificationPermission, am as resultT, an as runDbTransaction, ao as scheduleTask, ap as scrollElement, aq as scrollWindow, ar as setAppBadge, as as setDocumentTitle, at as setLocalStorageItem, au as setSessionStorageItem, av as setTimeout, aw as subscribeToBroadcastChannel, ax as taskId, ay as traverse, az as updateState, aA as writeClipboard } from './index-fpCmXVEu.js';
+export { h as ClipboardError, j as DecodingError, k as DownloadInput, E as Effect, F as FlatMap, l as Fragment, n as Headers, d as HttpError, H as HttpRequest, b as HttpResponse, I as InternalLocation, J as Json, L as Lens, M as Method, o as Path, Q as QueryParam, c as RequestError, f as ResponseBody, R as Result, q as ResultTransformer, r as Return, v as ScrollElementError, S as ScrollOptions, w as StorageTarget, x as Suspend, T as TaskId, y as alert, z as async, B as cancelTask, G as clearAppBadge, K as clearLocalStorage, O as clearSessionStorage, V as confirm, W as customEffect, X as download, Y as fireEvent, Z as generateUuid, _ as getLocalStorageItem, $ as getLocation, a0 as getNotificationPermission, a1 as getRandom, a2 as getSessionStorageItem, a3 as getState, a4 as getTime, a5 as go, a6 as isEffect, a7 as log, a8 as makeEffects, a9 as makeHttpRequest, aa as mapEvent, ab as mapState, ac as noop, ad as openDatabase, ae as postBroadcastMessage, af as product, ag as prompt, ah as pure, ai as pushState, aj as readClipboard, ak as removeLocalStorageItem, al as removeSessionStorageItem, am as replaceState, an as requestNotificationPermission, ao as resultT, ap as runDbTransaction, aq as scheduleTask, ar as scrollElement, as as scrollWindow, at as setAppBadge, au as setDocumentTitle, av as setLocalStorageItem, aw as setSessionStorageItem, ax as setTimeout, ay as subscribeToBroadcastChannel, az as taskId, aA as traverse, aB as updateState, aC as writeClipboard } from './index-DeEjNrg-.js';
 export { ConstraintError, DbEffect, DbError, DbName, DbSetupEffect, DbVersion, NotFoundError, ObjectStore, UnexpectedError } from './db/index.js';

package/dist/effects.js

@@ -52,7 +52,7 @@ import {
   traverse,
   updateState,
   writeClipboard
-} from "./chunk-KNHJPAIU.js";
+} from "./chunk-OSIRHKDB.js";
 import "./chunk-PKBMQBKP.js";
 export {
   ResultTransformer,

package/dist/{index-fpCmXVEu.d.ts → index-DeEjNrg-.d.ts}

@@ -69,8 +69,12 @@ type Failure<A, E> = {
 };
 /** A value that is either a success (`A`) or a failure (`E`). */
 type Result<A, E> = Success<A, E> | Failure<A, E>;
+/** Creates a successful Result. */
+declare function success<A, E>(value: A): Result<A, E>;
+/** Creates a failed Result. */
+declare function failure<A, E>(error: E): Result<A, E>;
 
-type Method = 'GET' | 'POST' | 'DELETE' | 'PUT' | 'HEAD' | 'OPTIONS';
+type Method = 'GET' | 'POST' | 'DELETE' | 'PUT' | 'PATCH' | 'HEAD' | 'OPTIONS';
 type HttpRequest = {
     readonly uri: string;
     readonly method: Method;
@@ -81,6 +85,7 @@ type Headers = {
     [key: string]: string;
 };
 type HttpResponse = {
+    readonly status: number;
     readonly headers: Headers;
     readonly body: ResponseBody;
 };
@@ -106,6 +111,9 @@ declare class ResponseBody {
     constructor(data: ArrayBuffer);
     asString(): string;
     asBlob(): Blob;
+    asArrayBuffer(): ArrayBuffer;
+    /** Base64-encodes the response body into a `data:` URI. `mimeType` isn't known to `ResponseBody` itself (it's not `data`, it lives on the response's headers) so the caller must supply it. */
+    asDataUri(mimeType: string): string;
     asJson(): Result<Json, DecodingError>;
 }
 
@@ -1377,7 +1385,7 @@ declare function makeDom<State, Event>(): {
     element: (tag: string) => (...attrs: readonly (readonly [string, string] | NodeId)[]) => (...children: readonly FlowContent<State, Event>[]) => CustomElement<State, Event>;
     nodeGroup: (...nodes: Node<State, Event>[]) => NodeGroup<State, Event>;
     _: (...nodes: Node<State, Event>[]) => NodeGroup<State, Event>;
-    fixedView: (id: NodeId | string) => (nodes: NodeGroup<State, Event> | Node<State, Event>) => View<State, void, Event>;
+    fixedView: (id: NodeId | string) => (nodes: NodeGroup<State, Event> | Node<State, Event>) => View<State, unknown, Event>;
 };
 /** Pattern-matches over a `Node` value, calling the appropriate case handler and returning its result. */
 declare function foldNode<State, Event, A>(node: Node<State, Event>, cases: {
@@ -1388,4 +1396,4 @@ declare function foldNode<State, Event, A>(node: Node<State, Event>, cases: {
     onView: (view: View<State, unknown, Event>) => A;
 }): A;
 
-export { getRandom as $, type Attr as A, clearLocalStorage as B, type Component as C, type Dimensions as D, type Effect as E, type FlatMap as F, clearSessionStorage as G, type HttpRequest as H, type InternalLocation as I, Json as J, confirm as K, type Lens as L, type Method as M, type NodeGroup as N, customEffect as O, type Permission as P, type QueryParam as Q, type Result as R, type ScrollOptions as S, type TaskId as T, type Uuid as U, download as V, fireEvent as W, generateUuid as X, getLocalStorageItem as Y, getLocation as Z, getNotificationPermission as _, type EventActions as a, type Em as a$, getSessionStorageItem as a0, getState as a1, getTime as a2, go as a3, isEffect as a4, log as a5, makeEffects as a6, makeHttpRequest as a7, mapEvent as a8, mapState as a9, writeClipboard as aA, type A as aB, type Abbr as aC, type Address as aD, type Article as aE, type Aside as aF, type AttrArg as aG, type AttrOrNodeIdArgs as aH, type B as aI, type BlockElement as aJ, type Blockquote as aK, type Br as aL, type Button as aM, type ButtonContent as aN, type ChangeData as aO, type Circle as aP, type Cite as aQ, type Code as aR, type ComponentElement as aS, type CustomElement as aT, type Dd as aU, type Details as aV, type Div as aW, type Dl as aX, type Dt as aY, type Element as aZ, type Ellipse as a_, noop as aa, openDatabase as ab, postBroadcastMessage as ac, product as ad, prompt as ae, pure as af, pushState as ag, readClipboard as ah, removeLocalStorageItem as ai, removeSessionStorageItem as aj, replaceState as ak, requestNotificationPermission as al, resultT as am, runDbTransaction as an, scheduleTask as ao, scrollElement as ap, scrollWindow as aq, setAppBadge as ar, setDocumentTitle as as, setLocalStorageItem as at, setSessionStorageItem as au, setTimeout as av, subscribeToBroadcastChannel as aw, taskId as ax, traverse as ay, updateState as az, type HttpResponse as b, type Th as b$, type EventListenerResult as b0, type EventOptions as b1, type Fieldset as b2, type Figcaption as b3, type Figure as b4, type FlowContent as b5, type Footer as b6, type Form as b7, type H1 as b8, type H2 as b9, type Path as bA, type PhrasingContent as bB, type Polygon as bC, type Polyline as bD, type Pre as bE, type Prop as bF, type Q as bG, type Rect as bH, type ReplacedElement as bI, type S as bJ, type ScrollData as bK, type Section as bL, type Select as bM, type Small as bN, type Span as bO, type Strong as bP, type Sub as bQ, type Summary as bR, type Sup as bS, type Svg as bT, type SvgGraphicElement as bU, type Table as bV, type Tbody as bW, type Td as bX, type TextState as bY, type Textarea as bZ, type Tfoot as b_, type H3 as ba, type H4 as bb, type H5 as bc, type H6 as bd, type Header as be, type Hr as bf, type I as bg, type Image as bh, type Img as bi, type InlineElement as bj, type Input as bk, type Kbd as bl, type KeyData as bm, type Label as bn, type Li as bo, type Line as bp, type Main as bq, type Mark as br, type MouseMoveData as bs, type Nav as bt, type NodeId as bu, type NonTextNode as bv, type NonVoidElement as bw, type Ol as bx, type Option as by, type P as bz, type RequestError as c, type Thead as c0, type Time as c1, type TouchData as c2, type Tr as c3, type U as c4, type Ul as c5, type Use as c6, type View as c7, type VoidElement as c8, type WheelData as c9, attr as ca, component as cb, cssVars as cc, foldNode as cd, id as ce, makeDom as cf, nodeId as cg, preventDefault as ch, prop as ci, stopPropagation as cj, stopPropagationAndPreventDefault as ck, typeAttr as cl, type HttpError as d, type Node as e, type ClipboardError as f, type DecodingError as g, type DownloadInput as h, isState as i, type Fragment as j, type Headers as k, type Path$1 as l, manageApplication as m, ResponseBody as n, ResultTransformer as o, permission as p, type Return as q, type ScrollElementError as r, type StorageTarget as s, toComponent as t, uuidFromString as u, type Suspend as v, alert as w, async as x, cancelTask as y, clearAppBadge as z };
+export { getLocation as $, type Attr as A, cancelTask as B, type Component as C, type Dimensions as D, type Effect as E, type FlatMap as F, clearAppBadge as G, type HttpRequest as H, type InternalLocation as I, Json as J, clearLocalStorage as K, type Lens as L, type Method as M, type NodeGroup as N, clearSessionStorage as O, type Permission as P, type QueryParam as Q, type Result as R, type ScrollOptions as S, type TaskId as T, type Uuid as U, confirm as V, customEffect as W, download as X, fireEvent as Y, generateUuid as Z, getLocalStorageItem as _, type EventActions as a, type Element as a$, getNotificationPermission as a0, getRandom as a1, getSessionStorageItem as a2, getState as a3, getTime as a4, go as a5, isEffect as a6, log as a7, makeEffects as a8, makeHttpRequest as a9, traverse as aA, updateState as aB, writeClipboard as aC, type A as aD, type Abbr as aE, type Address as aF, type Article as aG, type Aside as aH, type AttrArg as aI, type AttrOrNodeIdArgs as aJ, type B as aK, type BlockElement as aL, type Blockquote as aM, type Br as aN, type Button as aO, type ButtonContent as aP, type ChangeData as aQ, type Circle as aR, type Cite as aS, type Code as aT, type ComponentElement as aU, type CustomElement as aV, type Dd as aW, type Details as aX, type Div as aY, type Dl as aZ, type Dt as a_, mapEvent as aa, mapState as ab, noop as ac, openDatabase as ad, postBroadcastMessage as ae, product as af, prompt as ag, pure as ah, pushState as ai, readClipboard as aj, removeLocalStorageItem as ak, removeSessionStorageItem as al, replaceState as am, requestNotificationPermission as an, resultT as ao, runDbTransaction as ap, scheduleTask as aq, scrollElement as ar, scrollWindow as as, setAppBadge as at, setDocumentTitle as au, setLocalStorageItem as av, setSessionStorageItem as aw, setTimeout as ax, subscribeToBroadcastChannel as ay, taskId as az, type HttpResponse as b, type Textarea as b$, type Ellipse as b0, type Em as b1, type EventListenerResult as b2, type EventOptions as b3, type Fieldset as b4, type Figcaption as b5, type Figure as b6, type FlowContent as b7, type Footer as b8, type Form as b9, type Option as bA, type P as bB, type Path as bC, type PhrasingContent as bD, type Polygon as bE, type Polyline as bF, type Pre as bG, type Prop as bH, type Q as bI, type Rect as bJ, type ReplacedElement as bK, type S as bL, type ScrollData as bM, type Section as bN, type Select as bO, type Small as bP, type Span as bQ, type Strong as bR, type Sub as bS, type Summary as bT, type Sup as bU, type Svg as bV, type SvgGraphicElement as bW, type Table as bX, type Tbody as bY, type Td as bZ, type TextState as b_, type H1 as ba, type H2 as bb, type H3 as bc, type H4 as bd, type H5 as be, type H6 as bf, type Header as bg, type Hr as bh, type I as bi, type Image as bj, type Img as bk, type InlineElement as bl, type Input as bm, type Kbd as bn, type KeyData as bo, type Label as bp, type Li as bq, type Line as br, type Main as bs, type Mark as bt, type MouseMoveData as bu, type Nav as bv, type NodeId as bw, type NonTextNode as bx, type NonVoidElement as by, type Ol as bz, type RequestError as c, type Tfoot as c0, type Th as c1, type Thead as c2, type Time as c3, type TouchData as c4, type Tr as c5, type U as c6, type Ul as c7, type Use as c8, type View as c9, type VoidElement as ca, type WheelData as cb, attr as cc, component as cd, cssVars as ce, foldNode as cf, id as cg, makeDom as ch, nodeId as ci, preventDefault as cj, prop as ck, stopPropagation as cl, stopPropagationAndPreventDefault as cm, typeAttr as cn, type HttpError as d, type Node as e, ResponseBody as f, failure as g, type ClipboardError as h, isState as i, type DecodingError as j, type DownloadInput as k, type Fragment as l, manageApplication as m, type Headers as n, type Path$1 as o, permission as p, ResultTransformer as q, type Return as r, success as s, toComponent as t, uuidFromString as u, type ScrollElementError as v, type StorageTarget as w, type Suspend as x, alert as y, async as z };

package/dist/index.d.ts

@@ -1,2 +1,2 @@
-export { D as Dimensions, P as Permission, U as Uuid, i as isState, m as manageApplication, p as permission, t as toComponent, u as uuidFromString } from './index-fpCmXVEu.js';
+export { D as Dimensions, P as Permission, U as Uuid, i as isState, m as manageApplication, p as permission, t as toComponent, u as uuidFromString } from './index-DeEjNrg-.js';
 import './db/index.js';

package/dist/index.js

@@ -4,9 +4,9 @@ import {
   permission,
   toComponent,
   uuidFromString
-} from "./chunk-DZAR6PTR.js";
-import "./chunk-NSWOTCDU.js";
-import "./chunk-KNHJPAIU.js";
+} from "./chunk-BDTTV33M.js";
+import "./chunk-EKBLRHWK.js";
+import "./chunk-OSIRHKDB.js";
 import "./chunk-XICUXW4T.js";
 import "./chunk-PKBMQBKP.js";
 export {

package/dist/router.d.ts

@@ -1,4 +1,4 @@
-import { I as InternalLocation, E as Effect, a as EventActions } from './index-fpCmXVEu.js';
+import { I as InternalLocation, E as Effect, a as EventActions } from './index-DeEjNrg-.js';
 import './db/index.js';
 
 /** Named path-segment parameters extracted from a matched route. */

package/dist/router.js

@@ -2,7 +2,7 @@ import {
   async,
   parseInternalLocation,
   pushState
-} from "./chunk-KNHJPAIU.js";
+} from "./chunk-OSIRHKDB.js";
 import "./chunk-PKBMQBKP.js";
 
 // src/router.ts

package/dist/testing.d.ts

@@ -1,4 +1,5 @@
-import { A as Attr, H as HttpRequest, R as Result, b as HttpResponse, c as RequestError, d as HttpError, I as InternalLocation, S as ScrollOptions, N as NodeGroup, e as Node, E as Effect, C as Component } from './index-fpCmXVEu.js';
+import { A as Attr, H as HttpRequest, R as Result, b as HttpResponse, c as RequestError, d as HttpError, I as InternalLocation, S as ScrollOptions, N as NodeGroup, e as Node, E as Effect, C as Component } from './index-DeEjNrg-.js';
+export { f as ResponseBody, g as failure, s as success } from './index-DeEjNrg-.js';
 import { KeyPath, JsonValue, DbName, ObjectStore } from './db/index.js';
 
 type NonEmptyArray<A> = [A, ...A[]];
@@ -251,4 +252,4 @@ type OneOrMore = {
 declare function one(selector: string): OneOrMore;
 type QuerySelector = ExactlyOne | OneOrMore | ZeroOrMore | ZeroOrOne;
 
-export { type AdvanceTime, type AppBadgeOperation, type BroadcastSentRecord, type ClearAppBadge, type Click, type ConfirmInteraction, type DbStoreSnapshot, type DomElement, type DomNode, type DownloadRecord, type ExactlyOne, type FireCustomEvent, HttpError, type HttpHandler, type HttpInteraction, HttpRequest, HttpResponse, type Interaction, InternalLocation, type NonEmptyArray, type OneOrMore, type PromptInteraction, type QuerySelector, type ReceiveBroadcast, RequestError, type SetAppBadge, type Submit, type TestConfig, type TestData, TestDatabaseData, type TestInput, type TestableComponent, type TestableDom, type TextInput, type ZeroOrMore, type ZeroOrOne, advanceTime, appBadgeCount, attr, clearAppBadge, click, defaultTestConfig, fireCustomEvent, newTestData, one, receiveBroadcast, setAppBadge, submit, testApplication, testComponent, textInput };
+export { type AdvanceTime, type AppBadgeOperation, type BroadcastSentRecord, type ClearAppBadge, type Click, type ConfirmInteraction, type DbStoreSnapshot, type DomElement, type DomNode, type DownloadRecord, type ExactlyOne, type FireCustomEvent, HttpError, type HttpHandler, type HttpInteraction, HttpRequest, HttpResponse, type Interaction, InternalLocation, type NonEmptyArray, type OneOrMore, type PromptInteraction, type QuerySelector, type ReceiveBroadcast, RequestError, Result, type SetAppBadge, type Submit, type TestConfig, type TestData, TestDatabaseData, type TestInput, type TestableComponent, type TestableDom, type TextInput, type ZeroOrMore, type ZeroOrOne, advanceTime, appBadgeCount, attr, clearAppBadge, click, defaultTestConfig, fireCustomEvent, newTestData, one, receiveBroadcast, setAppBadge, submit, testApplication, testComponent, textInput };

package/dist/testing.js

@@ -15,12 +15,17 @@ import {
   testApplication,
   testComponent,
   textInput
-} from "./chunk-DZAR6PTR.js";
-import "./chunk-NSWOTCDU.js";
-import "./chunk-KNHJPAIU.js";
+} from "./chunk-BDTTV33M.js";
+import "./chunk-EKBLRHWK.js";
+import {
+  ResponseBody,
+  failure,
+  success
+} from "./chunk-OSIRHKDB.js";
 import "./chunk-XICUXW4T.js";
 import "./chunk-PKBMQBKP.js";
 export {
+  ResponseBody,
   TestDatabaseData,
   advanceTime,
   appBadgeCount,
@@ -28,12 +33,14 @@ export {
   clearAppBadge,
   click,
   defaultTestConfig,
+  failure,
   fireCustomEvent,
   newTestData,
   one,
   receiveBroadcast,
   setAppBadge,
   submit,
+  success,
   testApplication,
   testComponent,
   textInput

package/dist/webcomponent.d.ts

@@ -1,4 +1,4 @@
-import { C as Component } from './index-fpCmXVEu.js';
+import { C as Component } from './index-DeEjNrg-.js';
 import './db/index.js';
 
 /** Options for `defineWebComponent`. */

package/dist/webcomponent.js

@@ -2,9 +2,9 @@ import {
   ComponentManager,
   domInterpreter,
   realStyleRegistry
-} from "./chunk-DZAR6PTR.js";
-import "./chunk-NSWOTCDU.js";
-import "./chunk-KNHJPAIU.js";
+} from "./chunk-BDTTV33M.js";
+import "./chunk-EKBLRHWK.js";
+import "./chunk-OSIRHKDB.js";
 import "./chunk-XICUXW4T.js";
 import {
   __publicField

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ctrl-fx",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "A no-dependency, purely functional TypeScript framework for building web applications",
   "type": "module",
   "license": "Apache-2.0",