@firsthandjs/dom 0.8.0 → 0.9.1

package/dist/dev.d.ts

@@ -61,4 +61,15 @@ export declare function devRan(store: {
 export declare function devHandedNewFunction(store: {
     name: string;
 }, value: unknown): void;
+/**
+ * Reports markup a server sent that is not the markup this run describes.
+ *
+ * Only the element's own attributes are compared, and only in development:
+ * what is inside it may already have been hydrated, and parsing the template
+ * to compare more is the cost hydration exists to avoid. That is enough to
+ * name the mistake, which is always the same mistake — a view that renders
+ * one thing on a server and another in a browser, from props or state that
+ * differ between them.
+ */
+export declare function devHydrationMismatch(node: Element, html: string): void;
 //# sourceMappingURL=dev.d.ts.map

package/dist/dev.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dev.d.ts","sourceRoot":"","sources":["../src/dev.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH,wBAAgB,OAAO,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAE7C;AAID,6EAA6E;AAC7E,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAK9D;AAED;;;;;;;;GAQG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAWzD;AAkBD;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,CAE5D;AAED,oDAAoD;AACpD,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAE9D;AAED;;;;;;;GAOG;AACH,wBAAgB,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC,CAKhE;AAKD;;;;;;;GAOG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAkBpF;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAUlF"}
+{"version":3,"file":"dev.d.ts","sourceRoot":"","sources":["../src/dev.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH,wBAAgB,OAAO,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAE7C;AAID,6EAA6E;AAC7E,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAK9D;AAED;;;;;;;;GAQG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAWzD;AAkBD;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,CAE5D;AAED,oDAAoD;AACpD,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAE9D;AAED;;;;;;;GAOG;AACH,wBAAgB,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC,CAKhE;AAKD;;;;;;;GAOG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAkBpF;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAUlF;AAED;;;;;;;;;GASG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAoBtE"}

package/dist/dev.prod.d.ts

@@ -13,4 +13,5 @@ export declare function devRan(_store: {
 export declare function devHandedNewFunction(_store: {
     name: string;
 }, _value: unknown): void;
+export declare function devHydrationMismatch(_node: Element, _html: string): void;
 //# sourceMappingURL=dev.prod.d.ts.map

package/dist/dev.prod.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dev.prod.d.ts","sourceRoot":"","sources":["../src/dev.prod.ts"],"names":[],"mappings":"AAAA,2EAA2E;AAE3E,wBAAgB,OAAO,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAE9C;AAED,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,CAEhE;AAED,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAE1D;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,IAAI,CAE9D;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAEhE;AAED,wBAAgB,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC,CAElE;AAED,wBAAgB,MAAM,CAAC,MAAM,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAErF;AAED,wBAAgB,oBAAoB,CAAC,MAAM,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,EAAE,MAAM,EAAE,OAAO,GAAG,IAAI,CAEpF"}
+{"version":3,"file":"dev.prod.d.ts","sourceRoot":"","sources":["../src/dev.prod.ts"],"names":[],"mappings":"AAAA,2EAA2E;AAE3E,wBAAgB,OAAO,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAE9C;AAED,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,CAEhE;AAED,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAE1D;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,IAAI,CAE9D;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAEhE;AAED,wBAAgB,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC,CAElE;AAED,wBAAgB,MAAM,CAAC,MAAM,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAErF;AAED,wBAAgB,oBAAoB,CAAC,MAAM,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,EAAE,MAAM,EAAE,OAAO,GAAG,IAAI,CAEpF;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAExE"}

package/dist/hydrate.d.ts

@@ -0,0 +1,102 @@
+/**
+ * Adopting server-rendered markup instead of building it.
+ *
+ * ```ts
+ * import { hydrate } from '@firsthandjs/dom/hydrate';
+ *
+ * hydrate(() => <App />, document.getElementById('app')!);
+ * ```
+ *
+ * Its own entry point, not part of `@firsthandjs/dom`, for one reason: an
+ * application without a server must not carry this. Nothing in the render
+ * path imports this module — `template` and `insert` read the holder in
+ * `claim.ts`, which stays empty — so a bundle that never imports it never
+ * contains it.
+ *
+ * A hydrating render runs exactly the same compiled code as a fresh one. What
+ * changes is where nodes come from: `template()` hands back a node the server
+ * already sent rather than a clone, and a dynamic child finds its content in
+ * place rather than creating it. Nothing else in the render path knows.
+ *
+ * The only thing that makes that possible is knowing which nodes belong to
+ * which dynamic child, and the server says so: it wraps every dynamic child in
+ * `<!--[-->` … marker, where the marker is the same comment the browser's own
+ * template has at that position. Two consequences follow, and they are the
+ * whole design:
+ *
+ * - **Navigation still works.** `firstChild.nextSibling` would walk into the
+ *   content of a dynamic child, because the content has a length the template
+ *   does not. Compiled with `hydratable`, navigation goes through `first` and
+ *   `next` instead, which step over a whole region in one move — landing on
+ *   the marker, which is the node the template has there.
+ * - **Text does not run together.** The parser would read `Hello, ` and a
+ *   dynamic `Ada` as one text node. The opening comment sits between them, so
+ *   the part gets a text node of its own to write to.
+ *
+ * The comments are in the server's markup only. A build without SSR emits
+ * neither them nor the navigation helpers, and pays nothing at all.
+ */
+import type { Dispose } from '@firsthandjs/core';
+import { type Claimed, type Region } from './claim.js';
+import type { View } from './component.js';
+/**
+ * Takes over markup a server already sent.
+ *
+ * The same call as `render`, against the same view, with the same result — a
+ * live application and a disposer. What it does not do is build anything that
+ * is already there: every element is adopted, every text node is kept, and the
+ * only writes are the listeners and the properties markup cannot express.
+ *
+ * The view has to be the view the server rendered — same props, same state,
+ * same answer. Where it is not:
+ *
+ * - A **dynamic** value that disagrees is written, as it would be on any other
+ *   change. The page ends up right; the work hydration saved is spent.
+ * - A **different element** is not adopted. The browser builds its own and the
+ *   part it belongs to puts it in place of what was sent.
+ * - **Static markup** that disagrees is kept as the server wrote it, because
+ *   static markup is the markup nothing ever writes again. Development says so
+ *   by name; production cannot, and a view that renders two different things
+ *   from the same props is a bug this cannot repair.
+ */
+export declare function hydrate(view: () => View, container?: ParentNode): Dispose;
+/**
+ * Runs `body` against server markup already in `container`.
+ *
+ * Nested calls are counted rather than nested: an island inside an island is
+ * one hydration as far as the markup is concerned, and the outer one finishes
+ * the sweep.
+ */
+export declare function hydrateWith<T>(container: Node, body: () => T): T;
+/**
+ * The next node this region has not handed out yet, if it is a `tag`.
+ *
+ * A node that is not what was asked for is left where it is rather than
+ * consumed: the caller builds its own, and the part it belongs to replaces
+ * what is there. Nothing is adopted on a guess.
+ */
+export declare function adopt(tag: string): Node | null;
+/**
+ * Finds the region belonging to the next dynamic child of `parent`.
+ *
+ * Dynamic children are claimed in document order, which is the order the
+ * compiled code reaches them in, so this is a cursor and never a search.
+ * `marker` is what navigation landed on, and it has to be where the region
+ * ends: if it is not, the server and the client disagree about this subtree
+ * and the caller renders it from nothing instead.
+ */
+export declare function claimRegion(parent: Node, marker: Node | null): Claimed | null;
+/**
+ * Puts an anchor where hydration has got to, and hands back its parent.
+ *
+ * A keyed list's row that is a view is bound here rather than with the rest,
+ * because by then the reconciler would have put the list's anchors where the
+ * server's rows are and taken the rows out. The anchor goes in at the point
+ * the region has reached, and the row runs there — which adopts the nodes the
+ * server sent for it, in row order, because that is the order the markup is
+ * in.
+ */
+export declare function place(anchor: Node): Node | null;
+/** Makes `region` the one nodes are adopted from while `body` runs. */
+export declare function within<T>(region: Region, body: () => T): T;
+//# sourceMappingURL=hydrate.d.ts.map

package/dist/hydrate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hydrate.d.ts","sourceRoot":"","sources":["../src/hydrate.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AAEH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAa,KAAK,OAAO,EAAe,KAAK,MAAM,EAAE,MAAM,YAAY,CAAC;AAC/E,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AA0B3C;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,OAAO,CAAC,IAAI,EAAE,MAAM,IAAI,EAAE,SAAS,GAAE,UAA0B,GAAG,OAAO,CAIxF;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAgBhE;AAaD;;;;;;GAMG;AACH,wBAAgB,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAW9C;AAED;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,GAAG,IAAI,GAAG,OAAO,GAAG,IAAI,CAqD7E;AAED;;;;;;;;;GASG;AACH,wBAAgB,KAAK,CAAC,MAAM,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAK/C;AAED,uEAAuE;AACvE,wBAAgB,MAAM,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAQ1D"}

package/dist/hydrate.dev.js

@@ -0,0 +1,160 @@
+import {
+  mount
+} from "./dev-chunk-6V32MCOI.js";
+import {
+  hydration
+} from "./dev-chunk-ADHDPKZW.js";
+
+// packages/dom/src/hydrate.ts
+var COMMENT_NODE = 8;
+var TEXT_NODE = 3;
+var OPEN = "[";
+var claim = null;
+var depth = 0;
+var cursors = /* @__PURE__ */ new WeakMap();
+var openers = [];
+var offers = /* @__PURE__ */ new Map();
+function hydrate(view, container = document.body) {
+  return mount(view, container, (body) => {
+    hydrateWith(container, body);
+  });
+}
+function hydrateWith(container, body) {
+  const outer = claim;
+  const previous = depth;
+  depth++;
+  hydration.current = claimer;
+  claim = { node: container.firstChild, end: null };
+  try {
+    return body();
+  } finally {
+    claim = outer;
+    depth = previous;
+    if (depth === 0) {
+      hydration.current = null;
+      finish();
+    }
+  }
+}
+function finish() {
+  for (let i = 0; i < openers.length; i++) {
+    const node = openers[i];
+    node.parentNode?.removeChild(node);
+  }
+  openers = [];
+  cursors = /* @__PURE__ */ new WeakMap();
+  offers = /* @__PURE__ */ new Map();
+}
+function adopt(tag) {
+  if (claim === null) {
+    return null;
+  }
+  const node = claim.node;
+  if (node === null || node.nodeName !== tag) {
+    return null;
+  }
+  const after = node.nextSibling;
+  claim.node = after === claim.end ? null : after;
+  return node;
+}
+function claimRegion(parent, marker) {
+  if (marker !== null) {
+    const offered = offers.get(marker);
+    if (offered !== void 0) {
+      offers.delete(marker);
+      return offered;
+    }
+  }
+  const held = cursors.get(parent);
+  const fromTheTop = held === void 0;
+  const node = fromTheTop ? parent.firstChild : held;
+  let start;
+  let end;
+  const stop = fromTheTop ? marker : null;
+  let open = node;
+  while (open !== null && open !== stop && !isOpen(open)) {
+    open = open.nextSibling;
+  }
+  if (open !== null && open !== stop) {
+    end = closeOf(open);
+    if (marker !== null && marker !== end) {
+      return null;
+    }
+    openers.push(open);
+    start = open.nextSibling;
+  } else if (fromTheTop) {
+    start = node;
+    end = marker;
+  } else {
+    return null;
+  }
+  cursors.set(parent, end === null ? null : end.nextSibling);
+  if (start === end) {
+    start = null;
+  }
+  const nodes = [];
+  for (let one = start; one !== null && one !== end; one = one.nextSibling) {
+    nodes.push(one);
+  }
+  const only = nodes.length === 1 ? nodes[0] : null;
+  return {
+    nodes: nodes.length === 0 ? null : only ?? nodes,
+    text: only !== null && only.nodeType === TEXT_NODE ? only.data : void 0,
+    region: { node: start, end }
+  };
+}
+function place(anchor) {
+  const node = claim === null ? null : claim.node;
+  const parent = node?.parentNode ?? null;
+  parent?.insertBefore(anchor, node);
+  return parent;
+}
+function within(region, body) {
+  const outer = claim;
+  claim = region;
+  try {
+    return body();
+  } finally {
+    claim = outer;
+  }
+}
+function isOpen(node) {
+  return node !== null && node.nodeType === COMMENT_NODE && node.nodeValue === OPEN;
+}
+function closeOf(open) {
+  let level = 0;
+  for (let node = open.nextSibling; node !== null; node = node.nextSibling) {
+    if (node.nodeType !== COMMENT_NODE) {
+      continue;
+    }
+    if (isOpen(node)) {
+      level++;
+      continue;
+    }
+    if (level === 0) {
+      return node;
+    }
+    level--;
+  }
+  return null;
+}
+function step(node) {
+  return isOpen(node) ? closeOf(node) : node;
+}
+function tagOf(html) {
+  return html.slice(1, html.search(/[\s/>]/)).toUpperCase();
+}
+function keep(slot, parent, anchor, claimed) {
+  parent.insertBefore(anchor, claimed.region.end);
+  slot.node = claimed.nodes === null ? anchor : [...Array.isArray(claimed.nodes) ? claimed.nodes : [claimed.nodes], anchor];
+  offers.set(anchor, claimed);
+}
+var claimer = { tag: tagOf, adopt, claim: claimRegion, within, keep, step, place };
+export {
+  adopt,
+  claimRegion,
+  hydrate,
+  hydrateWith,
+  place,
+  within
+};

package/dist/hydrate.js

@@ -0,0 +1 @@
+import{b as T}from"./chunk-6BRSYQCI.js";import{b as a}from"./chunk-P4PXTIUD.js";var m=8,C=3,w="[",t=null,p=0,g=new WeakMap,c=[],N=new Map;function F(e,n=document.body){return T(e,n,o=>{M(n,o)})}function M(e,n){let o=t,l=p;p++,a.current=j,t={node:e.firstChild,end:null};try{return n()}finally{t=o,p=l,p===0&&(a.current=null,O())}}function O(){for(let e=0;e<c.length;e++){let n=c[e];n.parentNode?.removeChild(n)}c=[],g=new WeakMap,N=new Map}function S(e){if(t===null)return null;let n=t.node;if(n===null||n.nodeName!==e)return null;let o=n.nextSibling;return t.node=o===t.end?null:o,n}function v(e,n){if(n!==null){let r=N.get(n);if(r!==void 0)return N.delete(n),r}let o=g.get(e),l=o===void 0,h=l?e.firstChild:o,d,u,x=l?n:null,i=h;for(;i!==null&&i!==x&&!y(i);)i=i.nextSibling;if(i!==null&&i!==x){if(u=b(i),n!==null&&n!==u)return null;c.push(i),d=i.nextSibling}else if(l)d=h,u=n;else return null;g.set(e,u===null?null:u.nextSibling),d===u&&(d=null);let s=[];for(let r=d;r!==null&&r!==u;r=r.nextSibling)s.push(r);let f=s.length===1?s[0]:null;return{nodes:s.length===0?null:f??s,text:f!==null&&f.nodeType===C?f.data:void 0,region:{node:d,end:u}}}function E(e){let n=t===null?null:t.node,o=n?.parentNode??null;return o?.insertBefore(e,n),o}function D(e,n){let o=t;t=e;try{return n()}finally{t=o}}function y(e){return e!==null&&e.nodeType===m&&e.nodeValue===w}function b(e){let n=0;for(let o=e.nextSibling;o!==null;o=o.nextSibling)if(o.nodeType===m){if(y(o)){n++;continue}if(n===0)return o;n--}return null}function R(e){return y(e)?b(e):e}function W(e){return e.slice(1,e.search(/[\s/>]/)).toUpperCase()}function V(e,n,o,l){n.insertBefore(o,l.region.end),e.node=l.nodes===null?o:[...Array.isArray(l.nodes)?l.nodes:[l.nodes],o],N.set(o,l)}var j={tag:W,adopt:S,claim:v,within:D,keep:V,step:R,place:E};export{S as adopt,v as claimRegion,F as hydrate,M as hydrateWith,E as place,D as within};

package/dist/index.d.ts

@@ -3,7 +3,7 @@
  *
  * Re-exports the reactive core so that applications have one import site.
  */
-export { component, defineElement, setElementPrefix, createComponent } from './component.js';
+export { component, defineElement, setElementPrefix, createComponent, view } from './component.js';
 export { setComponentAdapter, FirsthandComponentError } from './adapter.js';
 export type { ComponentAdapter } from './adapter.js';
 export type { Component, ComponentOptions, AttributeCodec, View, Render } from './component.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC7F,OAAO,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAC5E,YAAY,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AACrD,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAChG,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,OAAO,EACL,MAAM,EACN,QAAQ,EACR,MAAM,EACN,KAAK,EACL,OAAO,EACP,SAAS,EACT,UAAU,EACV,UAAU,EACV,YAAY,EACZ,aAAa,EACb,OAAO,EACP,UAAU,EACV,qBAAqB,EACrB,mBAAmB,EACnB,sBAAsB,GACvB,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EACV,WAAW,EACX,OAAO,EACP,YAAY,EACZ,OAAO,EACP,YAAY,EACZ,aAAa,EACb,MAAM,GACP,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACnG,OAAO,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAC5E,YAAY,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AACrD,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAChG,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,OAAO,EACL,MAAM,EACN,QAAQ,EACR,MAAM,EACN,KAAK,EACL,OAAO,EACP,SAAS,EACT,UAAU,EACV,UAAU,EACV,YAAY,EACZ,aAAa,EACb,OAAO,EACP,UAAU,EACV,qBAAqB,EACrB,mBAAmB,EACnB,sBAAsB,GACvB,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EACV,WAAW,EACX,OAAO,EACP,YAAY,EACZ,OAAO,EACP,YAAY,EACZ,aAAa,EACb,MAAM,GACP,MAAM,mBAAmB,CAAC"}

package/dist/index.dev.js

@@ -1,47 +1,30 @@
 import {
   FirsthandComponentError,
-  applyChild,
   component,
   createComponent,
   defineElement,
-  insert,
   list,
   mergeProps,
   off,
   on,
   setComponentAdapter,
-  setElementPrefix
-} from "./dev-chunk-2CKM3OGC.js";
-
-// packages/dom/src/render.ts
-import { createRoot, onCleanup, untrack } from "@firsthandjs/core";
-function render(view, container = document.body) {
-  let dispose;
-  createRoot((stop) => {
-    dispose = stop;
-    const result = untrack(view);
-    if (typeof result === "function") {
-      insert(container, result);
-      return;
-    }
-    let slot = null;
-    slot = applyChild(container, null, null, result);
-    onCleanup(() => {
-      applyChild(container, null, slot, null);
-    });
-  });
-  return dispose;
-}
+  setElementPrefix,
+  view
+} from "./dev-chunk-MKONDKMD.js";
+import {
+  render
+} from "./dev-chunk-6V32MCOI.js";
+import "./dev-chunk-ADHDPKZW.js";
 
 // packages/dom/src/portal.ts
-import { onCleanup as onCleanup2 } from "@firsthandjs/core";
-function portal(view, target) {
+import { onCleanup } from "@firsthandjs/core";
+function portal(view2, target) {
   const nodes = [];
-  collectNodes(view, nodes);
+  collectNodes(view2, nodes);
   for (let i = 0; i < nodes.length; i++) {
     target.appendChild(nodes[i]);
   }
-  onCleanup2(() => {
+  onCleanup(() => {
     for (let i = 0; i < nodes.length; i++) {
       const node = nodes[i];
       node.parentNode?.removeChild(node);
@@ -72,9 +55,9 @@ import {
   computed,
   effect,
   batch,
-  untrack as untrack2,
-  onCleanup as onCleanup3,
-  createRoot as createRoot2,
+  untrack,
+  onCleanup as onCleanup2,
+  createRoot,
   catchError,
   runWithOwner,
   createContext,
@@ -95,14 +78,14 @@ export {
   computed,
   createComponent,
   createContext,
-  createRoot2 as createRoot,
+  createRoot,
   defineElement,
   effect,
   list,
   mergeProps,
   off,
   on,
-  onCleanup3 as onCleanup,
+  onCleanup2 as onCleanup,
   portal,
   provide,
   render,
@@ -110,6 +93,7 @@ export {
   setComponentAdapter,
   setElementPrefix,
   signal,
-  untrack2 as untrack,
-  useContext
+  untrack,
+  useContext,
+  view
 };

package/dist/index.js

@@ -1 +1 @@
-import{K as h,a as s,b as f,m as i,n as p,r as m,s as a,v as c,w as u,x as C,y,z as x}from"./chunk-EWYTWH5D.js";import{createRoot as N,onCleanup as g,untrack as E}from"@firsthandjs/core";function R(e,t=document.body){let o;return N(r=>{o=r;let n=E(e);if(typeof n=="function"){i(t,n);return}let l=null;l=p(t,null,null,n),g(()=>{p(t,null,l,null)})}),o}import{onCleanup as b}from"@firsthandjs/core";function w(e,t){let o=[];d(e,o);for(let r=0;r<o.length;r++)t.appendChild(o[r]);return b(()=>{for(let r=0;r<o.length;r++){let n=o[r];n.parentNode?.removeChild(n)}}),null}function d(e,t){if(!(e==null||typeof e=="boolean")){if(Array.isArray(e)){for(let o=0;o<e.length;o++)d(e[o],t);return}if(typeof e=="object"&&typeof e.nodeType=="number"){t.push(e);return}t.push(document.createTextNode(String(e)))}}import{signal as G,computed as H,effect as I,batch as J,untrack as K,onCleanup as L,createRoot as M,catchError as Q,runWithOwner as U,createContext as X,provide as Y,useContext as Z,FirsthandContextError as _,FirsthandCycleError as $,FirsthandReadonlyError as v}from"@firsthandjs/core";export{f as FirsthandComponentError,_ as FirsthandContextError,$ as FirsthandCycleError,v as FirsthandReadonlyError,J as batch,Q as catchError,a as component,H as computed,c as createComponent,X as createContext,M as createRoot,u as defineElement,I as effect,C as list,h as mergeProps,x as off,y as on,L as onCleanup,w as portal,Y as provide,R as render,U as runWithOwner,s as setComponentAdapter,m as setElementPrefix,G as signal,K as untrack,Z as useContext};
+import{a as d,b as i,e as f,f as s,h as a,i as m,j as l,k as x,l as C,m as h,x as y}from"./chunk-E4GAI5XA.js";import{a as c}from"./chunk-6BRSYQCI.js";import"./chunk-P4PXTIUD.js";import{onCleanup as u}from"@firsthandjs/core";function N(e,t){let o=[];p(e,o);for(let r=0;r<o.length;r++)t.appendChild(o[r]);return u(()=>{for(let r=0;r<o.length;r++){let n=o[r];n.parentNode?.removeChild(n)}}),null}function p(e,t){if(!(e==null||typeof e=="boolean")){if(Array.isArray(e)){for(let o=0;o<e.length;o++)p(e[o],t);return}if(typeof e=="object"&&typeof e.nodeType=="number"){t.push(e);return}t.push(document.createTextNode(String(e)))}}import{signal as D,computed as S,effect as T,batch as V,untrack as W,onCleanup as q,createRoot as z,catchError as B,runWithOwner as G,createContext as H,provide as I,useContext as J,FirsthandContextError as K,FirsthandCycleError as L,FirsthandReadonlyError as M}from"@firsthandjs/core";export{i as FirsthandComponentError,K as FirsthandContextError,L as FirsthandCycleError,M as FirsthandReadonlyError,V as batch,B as catchError,s as component,S as computed,m as createComponent,H as createContext,z as createRoot,l as defineElement,T as effect,x as list,y as mergeProps,h as off,C as on,q as onCleanup,N as portal,I as provide,c as render,G as runWithOwner,d as setComponentAdapter,f as setElementPrefix,D as signal,W as untrack,J as useContext,a as view};

package/dist/insert.d.ts

@@ -1,7 +1,36 @@
 import { type Owner, type Signal } from '@firsthandjs/core';
+import { type Claimed } from './claim.js';
 /** What a child part currently owns in the DOM. */
 export type ChildSlot = Node | Node[] | null;
+/**
+ * Runs `body` with the parts inside it excused from removing their nodes.
+ *
+ * The caller is promising that the nodes those parts wrote into are about to
+ * be removed wholesale. `list` is the only caller, and `reconcile` is the
+ * promise it is keeping.
+ */
+export declare function discard(body: () => void): void;
 declare const PART: unique symbol;
+/**
+ * Marks an array as nodes, in order, with nothing to unpack.
+ *
+ * `applyChild` accepts arrays of anything — nested arrays, thunks, strings,
+ * dynamic children — so it walks what it is given and builds a flat list of
+ * nodes out of it. A keyed list has already done that walk: it has the nodes,
+ * it made the array, and nobody else can reach it. Walking it again is one
+ * allocation and ten thousand steps for a list of ten thousand rows.
+ */
+export declare const FLAT: unique symbol;
+/**
+ * What a keyed list still has to do once its nodes are in the document.
+ *
+ * A row whose component handed back a render function is a part like any
+ * other, and a part cannot be bound where it is made: the list has an array,
+ * not a place in the document. So the list puts the row's anchor among its
+ * nodes and leaves the binding here, to be run with the parent that was
+ * missing — the same two steps `flatten` takes for a fragment's children.
+ */
+export declare const PENDING: unique symbol;
 /**
  * A dynamic child inside an array, carrying the scope it was written in.
  *
@@ -24,6 +53,7 @@ export type DynamicChild = {
 };
 /** Marks a dynamic child of a fragment. Emitted by the compiler. */
 export declare function part(thunk: () => unknown): DynamicChild;
+export declare function isDynamicChild(value: object): value is DynamicChild;
 /**
  * One place a run writes to, and what it last put there.
  *
@@ -114,9 +144,42 @@ export declare function writeChild(store: Store, index: number, parent: Node, ma
  * The thunk is evaluated once inside a tracking scope; if it read nothing
  * reactive, no effect is retained (ADR-0009).
  */
-export declare function insert(parent: Node, value: unknown, marker?: Node | null): void;
+export declare function insert(parent: Node, value: unknown, marker?: Node | null, 
+/**
+ * A region already claimed, handed down rather than looked up.
+ *
+ * The compiler never passes this. It is how a part that turns out to
+ * produce another part gives the markup it claimed to the part that will
+ * actually own it — see the `function` branch below.
+ */
+seed?: Claimed | null, 
+/**
+ * Told what this part currently has in the document, after every run.
+ *
+ * The compiler never passes this either. A keyed list needs it: a row that
+ * is a view owns nodes that change without the list running, and a reorder
+ * has to move what the row has now rather than what it had when it was
+ * made.
+ */
+report?: Report): void;
+/** Told what a part has in the document, when somebody needs to know. */
+export type Report = (nodes: Node[]) => void;
 /** Applies one value to a child slot and returns the slot's new contents. */
 export declare function applyChild(parent: Node, marker: Node | null, current: ChildSlot, value: unknown): ChildSlot;
+/**
+ * Binds parts whose anchors are now in the document.
+ *
+ * Each runs under the owner it was written in, which is what keeps context,
+ * disposal and error ownership lexical. A part created outside any scope —
+ * runtime JSX at module level, say — is bound under the scope doing the
+ * inserting, so that it is still disposed by something rather than by nothing.
+ *
+ * A part that is already mounted is left alone. A run hands back what it made
+ * rather than making it again, so the same part arrives here on every run of
+ * the run that owns it, and binding it twice would put a second copy of the
+ * whole child on the page beside the first.
+ */
+export declare function bindPart(child: DynamicChild, parent: Node, report?: Report): void;
 /**
  * Reconciles two node lists in place, by node identity.
  *

package/dist/insert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"insert.d.ts","sourceRoot":"","sources":["../src/insert.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"insert.d.ts","sourceRoot":"","sources":["../src/insert.ts"],"names":[],"mappings":"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"}

package/dist/internal.d.ts

@@ -11,6 +11,7 @@
  */
 export declare const PROTOCOL_VERSION = 1;
 export { template, path } from './template.js';
+export { first, next } from './claim.js';
 export { insert, applyChild, reconcile, part, store, site, open, close, ran, wrote, cell, writeChild, } from './insert.js';
 export type { DynamicChild, ChildSlot, Slot, Store } from './insert.js';
 export { setAttribute, setAttributeNS, setProperty, setBoolean, setClass, setClassList, setStyle, setStyleObject, } from './attributes.js';

package/dist/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../src/internal.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EACL,MAAM,EACN,UAAU,EACV,SAAS,EACT,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,GAAG,EACH,KAAK,EACL,IAAI,EACJ,UAAU,GACX,MAAM,aAAa,CAAC;AACrB,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACxE,OAAO,EACL,YAAY,EACZ,cAAc,EACd,WAAW,EACX,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,cAAc,GACf,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAGzC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../src/internal.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EACL,MAAM,EACN,UAAU,EACV,SAAS,EACT,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,GAAG,EACH,KAAK,EACL,IAAI,EACJ,UAAU,GACX,MAAM,aAAa,CAAC;AACrB,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACxE,OAAO,EACL,YAAY,EACZ,cAAc,EACd,WAAW,EACX,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,cAAc,GACf,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAGzC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/internal.dev.js

@@ -1,22 +1,13 @@
 import {
   COMPONENT,
   VIEW,
-  applyChild,
   applyProp,
-  cell,
-  close,
   createComponent,
-  insert,
   isComponent,
-  label,
   list,
   mergeProps,
   off,
   on,
-  open,
-  part,
-  ran,
-  reconcile,
   rest,
   setAttribute,
   setAttributeNS,
@@ -26,18 +17,43 @@ import {
   setProperty,
   setStyle,
   setStyleObject,
-  site,
   spread,
+  view
+} from "./dev-chunk-MKONDKMD.js";
+import {
+  applyChild,
+  cell,
+  close,
+  devHydrationMismatch,
+  first,
+  hydration,
+  insert,
+  label,
+  next,
+  open,
+  part,
+  ran,
+  reconcile,
+  site,
   store,
-  view,
   writeChild,
   wrote
-} from "./dev-chunk-2CKM3OGC.js";
+} from "./dev-chunk-ADHDPKZW.js";
 
 // packages/dom/src/template.ts
 function template(html, isFragment = false) {
   let source;
+  let expected;
   return () => {
+    const claimer = hydration.current;
+    if (claimer !== null) {
+      expected ??= claimer.tag(html);
+      const claimed = claimer.adopt(expected);
+      if (claimed !== null) {
+        devHydrationMismatch(claimed, html);
+        return claimed;
+      }
+    }
     if (source === void 0) {
       const element = document.createElement("template");
       element.innerHTML = html;
@@ -71,11 +87,13 @@ export {
   cell,
   close,
   createComponent,
+  first,
   insert,
   isComponent,
   label,
   list,
   mergeProps,
+  next,
   off,
   on,
   open,

package/dist/internal.js

@@ -1 +1 @@
-import{A as w,B as L,C as j,D as A,E as F,F as I,G as M,H as R,I as V,J as v,K as B,L as D,c as p,d as s,e as i,f as a,g as m,h as d,i as f,j as c,k as x,l as u,m as C,n as N,o as y,p as h,q as b,t as S,u as O,v as P,x as T,y as g,z as E}from"./chunk-EWYTWH5D.js";function H(r,o=!1){let e;return()=>{if(e===void 0){let t=document.createElement("template");t.innerHTML=r,e=o?t.content:t.content.firstChild}return e.cloneNode(!0)}}function W(r,...o){let e=r;for(let t=0;t<o.length;t++){let n=e.firstChild;for(let l=o[t];l>0;l--)n=n.nextSibling;e=n}return e}import{bind as X}from"@firsthandjs/core";var k=1;export{h as COMPONENT,k as PROTOCOL_VERSION,b as VIEW,N as applyChild,V as applyProp,X as bind,x as cell,f as close,P as createComponent,C as insert,S as isComponent,p as label,T as list,B as mergeProps,E as off,g as on,d as open,s as part,W as path,c as ran,y as reconcile,D as rest,w as setAttribute,L as setAttributeNS,A as setBoolean,F as setClass,I as setClassList,j as setProperty,M as setStyle,R as setStyleObject,m as site,v as spread,i as store,H as template,O as view,u as writeChild,a as wrote};
+import{c as O,d as g,g as E,h as P,i as T,k as w,l as L,m as M,n as j,o as v,p as A,q as F,r as H,s as I,t as R,u as V,v as B,w as D,x as W,y as _}from"./chunk-E4GAI5XA.js";import{a as p,b as i,c as s,d as a,h as d,j as m,k as f,l as c,m as u,n as x,o as y,p as C,q as N,r as h,s as b,u as S}from"./chunk-P4PXTIUD.js";function k(n,l=!1){let t,o;return()=>{let r=i.current;if(r!==null){o??=r.tag(n);let e=r.adopt(o);if(e!==null)return e}if(t===void 0){let e=document.createElement("template");e.innerHTML=n,t=l?e.content:e.content.firstChild}return t.cloneNode(!0)}}function q(n,...l){let t=n;for(let o=0;o<l.length;o++){let r=t.firstChild;for(let e=l[o];e>0;e--)r=r.nextSibling;t=r}return t}import{bind as oe}from"@firsthandjs/core";var Q=1;export{O as COMPONENT,Q as PROTOCOL_VERSION,g as VIEW,b as applyChild,B as applyProp,oe as bind,C as cell,x as close,T as createComponent,s as first,h as insert,E as isComponent,p as label,w as list,W as mergeProps,a as next,M as off,L as on,u as open,d as part,q as path,y as ran,S as reconcile,_ as rest,j as setAttribute,v as setAttributeNS,F as setBoolean,H as setClass,I as setClassList,A as setProperty,R as setStyle,V as setStyleObject,c as site,D as spread,m as store,k as template,P as view,N as writeChild,f as wrote};

package/dist/list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../src/list.ts"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,YAAY,EAElB,MAAM,mBAAmB,CAAC;AAU3B;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,IAAI,CAAC,CAAC,EACpB,IAAI,EAAE,MAAM,SAAS,CAAC,EAAE,EACxB,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,EAC1C,MAAM,EAAE,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,YAAY,CAAC,MAAM,CAAC,KAAK,OAAO,GACtE,MAAM,IAAI,EAAE,CAuCd"}
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../src/list.ts"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,YAAY,EAElB,MAAM,mBAAmB,CAAC;AAmC3B;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,IAAI,CAAC,CAAC,EACpB,IAAI,EAAE,MAAM,SAAS,CAAC,EAAE,EACxB,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,EAC1C,MAAM,EAAE,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,YAAY,CAAC,MAAM,CAAC,KAAK,OAAO,GACtE,MAAM,IAAI,EAAE,CA2Gd"}