@firsthandjs/dom 0.8.0 → 0.9.1

package/dist/chunk-6BRSYQCI.js

@@ -0,0 +1 @@
+import{r as d,s as i}from"./chunk-P4PXTIUD.js";import{createRoot as r,onCleanup as s,untrack as u}from"@firsthandjs/core";function y(o,e=document.body){return f(o,e,null)}function f(o,e,l){let t;return r(n=>{t=n;let p=()=>{c(e,u(o),l!==null)};l===null?p():l(p)}),t}function c(o,e,l){if(typeof e=="function"){d(o,e);return}let t=null;if(l){let n=[...o.childNodes];t=n.length===1?n[0]:n}t=i(o,null,t,e),s(()=>{i(o,null,t,null)})}export{y as a,f as b};

package/dist/chunk-E4GAI5XA.js

@@ -0,0 +1 @@
+import{b as S,e as T,f as A,g as N,h as g,i as j,s as L,t as H}from"./chunk-P4PXTIUD.js";var C=null,E=new WeakMap;function $n(n){C=n,E=new WeakMap}var R=class extends Error{constructor(e){super(`${e} is not a Firsthand component. If it is a React component, import '@firsthandjs/react/auto' once at startup to render React components directly, or wrap it with fromReact(). Otherwise, declare it with component().`),this.name="FirsthandComponentError"}};function M(n){let e=E.get(n);if(e!==void 0)return e;if(C===null){let o=typeof n=="function"&&n.name!==""?n.name:"The value";throw new R(o)}let t=C(n);return E.set(n,t),t}import{signal as un,createOwner as D,devEnterSetup as V,devExitSetup as y,disposeOwner as ln,getOwner as F,handleError as W,setOwner as w,untrack as I}from"@firsthandjs/core";var z=Symbol.for("firsthand.component"),K=Symbol.for("firsthand.view"),an=0,Z="firsthand";function Mn(n){Z=n}function Dn(n,e,t,o){let s=Object.assign(i=>fn(s,i),{[z]:!0,setup:n,options:e,id:t??`c${String(++an)}`,tag:void 0});return Object.defineProperty(s,"name",{configurable:!0,value:o??(n.name===""?"Component":n.name)}),t===void 0&&(`${s.name}`,void 0),(e?.tag!==void 0||e?.shadow===!0)&&mn(s,typeof e.tag=="string"?e.tag:void 0),s}function Vn(n){return typeof n=="function"&&z in n}function Fn(n){return n[K]=!0,n}function fn(n,e){if(Object.freeze(e),n.setup===void 0)return K in n?g(()=>n(e)):M(n)(e);if(n.tag!==void 0)return yn(n,e);let t=D(F());n.name;let o=w(t);try{V(n.id);let r=I(()=>n.setup(e));return y(),w(o),r}catch(r){return y(),w(o),W(r,t),null}}function pn(n){let e=n.name.replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/[^a-zA-Z0-9-]/g,"-").toLowerCase();return`${Z}-${e}`}function mn(n,e){let t=n;if(t.tag!==void 0)return t.tag;let o=e??pn(t);return customElements.get(o)!==void 0&&(o=`${o}-${t.id.replace(/[^a-zA-Z0-9]/g,"").toLowerCase()}`),t.tag=o,customElements.define(o,wn(t)),o}function wn(n){let e=n.options?.shadow===!0,t=n.options?.attributes,o=t!==void 0?Object.keys(t):[];return class extends HTMLElement{static observedAttributes=o;constructor(){super(),this.$owner=null,this.$props=null,this.$attrs=null,this.$standalone=!1}connectedCallback(){this.$owner===null&&(this.$standalone=!0,this.$attrs={},this.$props=gn(this,t,this.$attrs),q(this,n,e))}disconnectedCallback(){!this.$standalone||this.$owner===null||(ln(this.$owner),this.$owner=null)}attributeChangedCallback(s,i,u){let l=this.$attrs?.[s];l!==void 0&&(l.value=t[s]?.(u))}}}function gn(n,e,t){let o={};if(e!==void 0)for(let r in e){let s=un(e[r](n.getAttribute(r)));t[r]=s,Object.defineProperty(o,r,{enumerable:!0,get:()=>s.value})}return Object.freeze(o)}function q(n,e,t){let o=D(F());e.name,n.$owner=o;let r=w(o);try{V(e.id);let s=t?n.attachShadow({mode:"open"}):n,i=I(()=>e.setup(n.$props));y(),L(s,null,null,i)}catch(s){y(),W(s,o)}finally{w(r)}}function yn(n,e){let t=document.createElement(n.tag);return t.$props=e,q(t,n,n.options?.shadow===!0),t}import{batch as hn,createOwner as J,disposeOwner as bn,getOwner as kn,setOwner as B,signal as G,untrack as Q}from"@firsthandjs/core";function Gn(n,e,t){let o=J(kn()),r=new Map,s,i=!1;return()=>{let u=n();if(i&&s!==void 0){s.length=0;for(let d of r.values())for(let f of d.pieces===void 0?d.nodes:Y(d))s.push(f)}let l=new Map,a=[];a[A]=!0;let m;if(Q(()=>{hn(()=>{cn()})}),r=l,s=a,m!==void 0){let d=m;a[N]=f=>{for(let p of d)_(p,f)}}return a;function cn(){for(let d=0;d<u.length;d++){let f=u[d],p=e(f,d);if(l.has(p)){`${String(p)}`;continue}let c=r.get(p);c===void 0?(c=Cn(o,f,d,t),c.pieces!==void 0&&(i=!0,_(c,null)||(m=m===void 0?[c]:[...m,c]))):(r.delete(p),c.item.value=f,c.index.value=d),l.set(p,c);let $=c.pieces===void 0?c.nodes:Y(c);for(let k=0;k<$.length;k++)a.push($[k])}T(()=>{for(let d of r.values())bn(d.owner)})}}}function U(n){return typeof n.nodeType=="number"}function _(n,e){let t=n.pieces;for(let o of t){if(U(o))continue;let r=e??S.current?.place(o.child.anchor)??null;if(r===null)return!1;H(o.child,r,s=>{o.nodes=s})}return!0}function Y(n){let e=[];for(let t of n.pieces)if(U(t))e.push(t);else for(let o of t.nodes)e.push(o);return e}function Cn(n,e,t,o){let r=J(n),s=G(e),i=G(t),u=B(r),l=[],a;try{a=X(Q(()=>o(s,i)),l)}finally{B(u)}return a?{owner:r,item:s,index:i,nodes:[],pieces:l}:{owner:r,item:s,index:i,nodes:l}}function X(n,e){if(n==null||typeof n=="boolean")return!1;if(Array.isArray(n)){let t=!1;for(let o=0;o<n.length;o++)t=X(n[o],e)||t;return t}if(typeof n=="function"){let t=g(n);return e.push({child:t,nodes:[t.anchor]}),!0}if(typeof n=="object"){if(j(n))return e.push({child:n,nodes:[n.anchor]}),!0;if(typeof n.nodeType=="number")return e.push(n),!1}return e.push(document.createTextNode(String(n))),!1}var En=new Set(["click","dblclick","contextmenu","input","beforeinput","change","keydown","keyup","keypress","pointerdown","pointerup","pointermove","mousedown","mouseup","mouseover","mouseout","submit","focusin","focusout","touchstart","touchend"]),nn=new Set;function h(n){return`$firsthand$${n}`}function Rn(n){let e=h(n.type),t=n.composedPath(),o=null;Object.defineProperty(n,"currentTarget",{configurable:!0,get:()=>o});for(let r=0;r<t.length;r++){let s=t[r],i=s[e];if(i!==void 0&&(o=s,i.call(s,n),n.cancelBubble)||s===document)break}o=null}function b(n,e,t,o){if(o!==void 0||!En.has(e)){let r=n,s=o===!0?void 0:o,i=`${h(e)}$${s===void 0?"":Object.keys(s).sort().join(",")}`,u=r[i];u!==void 0&&n.removeEventListener(e,u.handler,u.options),r[i]={handler:t,options:s},n.addEventListener(e,t,s);return}n[h(e)]=t,nn.has(e)||(nn.add(e),document.addEventListener(e,Rn))}function Yn(n,e){n[h(e)]=void 0}var Pn={class:"className",for:"htmlFor"};function x(n,e,t){t==null||t===!1?n.removeAttribute(e):n.setAttribute(e,t===!0?"":String(t))}function Xn(n,e,t,o){o==null||o===!1?n.removeAttributeNS(e,t):n.setAttributeNS(e,t,o===!0?"":String(o))}function v(n,e,t){n[Pn[e]??e]=t}function ne(n,e,t){n[e]=!!t}function O(n,e){e==null?n.removeAttribute("class"):n.className=String(e)}function tn(n,e,t){let o=n.classList;if(t!==void 0)for(let r in t)r in e||o.remove(r);for(let r in e){let s=!!e[r];(t===void 0||!!t[r]!==s)&&o.toggle(r,s)}}function on(n,e){e==null?n.style.cssText="":n.style.cssText=String(e)}function rn(n,e,t){let o=n.style;if(t!==void 0)for(let r in t)r in e||o.removeProperty(P(r));for(let r in e){let s=e[r];(t===void 0||t[r]!==s)&&(s==null?o.removeProperty(P(r)):o.setProperty(P(r),String(s)))}}var xn=/[A-Z]/g,en=new Map;function P(n){let e=en.get(n);return e===void 0&&(e=n.startsWith("--")?n:n.replace(xn,t=>`-${t.toLowerCase()}`),en.set(n,e)),e}function vn(n,e,t){if(e==="class"||e==="className"){Array.isArray(t)?O(n,t.filter(Boolean).join(" ")):t!==null&&typeof t=="object"?tn(n,t,dn(n,"class",t)):O(n,t);return}if(e==="style"){t!==null&&typeof t=="object"?rn(n,t,dn(n,"style",t)):on(n,t);return}if(e==="ref"){t(n);return}if(e.startsWith("prop:")){v(n,e.slice(5),t);return}if(e.startsWith("attr:")){x(n,e.slice(5),t);return}if(e.startsWith("on")&&e.length>2&&/[A-Z:]/.test(e[2])){On(n,e,t);return}if(e in n&&typeof t!="string"){v(n,e,t);return}x(n,e,t)}function On(n,e,t){let o=e.slice(2).split(":"),r=o[0]==="",s=r?o[1]:o[0].toLowerCase(),i=o[r?2:1];i===void 0?b(n,s,t):i==="native"?b(n,s,t,!0):b(n,s,t,{[i]:!0})}function re(n,e){for(let t in e)t!=="children"&&vn(n,t,e[t])}function se(...n){let e={};for(let t=0;t<n.length;t++){let o=n[t];for(let r of Object.keys(o))Object.defineProperty(e,r,{enumerable:!0,configurable:!0,get:()=>o[r]})}return e}function ie(n,e){let t={};for(let o of Object.keys(n))e.includes(o)||Object.defineProperty(t,o,{enumerable:!0,get:()=>n[o]});return Object.freeze(t)}var sn=new WeakMap;function dn(n,e,t){let o=sn.get(n);o===void 0&&(o={},sn.set(n,o));let r=o[e];return o[e]=t,r}export{$n as a,R as b,z as c,K as d,Mn as e,Dn as f,Vn as g,Fn as h,fn as i,mn as j,Gn as k,b as l,Yn as m,x as n,Xn as o,v as p,ne as q,O as r,tn as s,on as t,rn as u,vn as v,re as w,se as x,ie as y};

package/dist/chunk-P4PXTIUD.js

@@ -0,0 +1 @@
+function Q(n,i,e){return n}var a={current:null};function V(n){let i=n.firstChild,e=a.current;return e===null?i:e.step(i)}function Y(n){let i=n.nextSibling,e=a.current;return e===null?i:e.step(i)}import{bind as v,createOwner as B,signal as H,disposeOwner as G,getOwner as A,onCleanup as k,runWithOwner as E,setOwner as I}from"@firsthandjs/core";var S=0;function dn(n){S++;try{n()}finally{S--}}var M=3;function P(n){return typeof n.nodeType=="number"}var W=Symbol("firsthand.part"),L=Symbol("firsthand.flat"),X=Symbol("firsthand.pending"),w=new WeakSet;function sn(n){return{[W]:!0,anchor:document.createTextNode(""),thunk:n,owner:A()}}function T(n){return W in n}function un(n=""){return{slots:[],owner:A(),generation:0,name:n}}function C(n){n.busy=!0}function q(n,i){let e=n.slots[i];if(e!==void 0)return e.seen=n.generation,e;let o={seen:n.generation};return n.slots[i]=o,o}function fn(n,i){let e=B(n.owner);return i.owner=e,I(e)}function cn(n){I(n)}function an(n,i){let e=n.generation,o=n.slots;for(let t=0;t<o.length;t++){let l=o[t];l===void 0||l.seen===e||(l.owner!==void 0&&G(l.owner),o[t]=void 0)}return n.generation=e+1,i}function yn(n,i,e){let o=q(n,i),t=o.cell;if(t===void 0){let l=H(e);return o.cell=l,l}return t.peek()!==e&&(C(n),t.value=e),t}function hn(n,i,e,o,t){let l=q(n,i);if(l.node===void 0&&a.current!==null){let r=a.current.claim(e,o);if(r!==null){if(typeof t=="object"&&t!==null&&T(t)){l.last=t,a.current.keep(l,e,t.anchor,r),E(t.owner,()=>{m(e,t.thunk,t.anchor)});return}l.node=r.nodes,l.text=r.text}}let d=typeof t;if(d==="string"||d==="number"){let r=String(t);if(r===l.text)return;C(n),l.text=r,l.node=h(e,o,l.node??null,r);return}l.text=void 0,t!==l.last&&(C(n),l.last=t,l.node=h(e,o,l.node??null,t))}function m(n,i,e=null,o,t){if(typeof i!="function"){h(n,e,null,i);return}let l=null,d,r=o!==void 0?o:a.current===null?null:a.current.claim(n,e),u=r!==null;r!==null&&(l=r.nodes,d=r.text);let f=()=>{c(),t?.(z(l,e))},c=()=>{let y=i(),g=typeof y;if(g==="string"||g==="number"){let p=String(y);p!==d&&(d=p,l=h(n,e,l,p));return}if(d=void 0,g==="function"){if(u){l=null,m(n,y,e,r);return}l=x(l),m(n,y,e,null);return}l=h(n,e,l,y)};r===null?v(f):a.current.within(r.region,()=>{v(f)}),u=!1,k(()=>{l=S>0?null:x(l)})}function z(n,i){let e=n===null?[]:Array.isArray(n)?[...n]:[n];return e.push(i),e}function h(n,i,e,o){let t=typeof o;if(o==null||t==="boolean")return b(n,i,e);if(t==="string"||t==="number"){let l=String(o);return e!==null&&!Array.isArray(e)&&e.nodeType===M?(e.data=l,e):D(n,i,e,document.createTextNode(l))}if(t==="function")return h(n,i,e,o());if(Array.isArray(o)){if(L in o){let r=o;return r.length===0?b(n,i,e):(R(n,i,e===null?[]:Array.isArray(e)?e:[e],r),o[X]?.(n),r)}let l=[],d=[];if(F(o,l,d),l.length===0)return b(n,i,e);R(n,i,e===null?[]:Array.isArray(e)?e:[e],l);for(let r=0;r<d.length;r++)J(d[r],n);return l}return T(o)?h(n,i,e,[o]):P(o)?D(n,i,e,o):h(n,i,e,String(o))}function J(n,i,e){w.has(n)||(w.add(n),E(n.owner??A(),()=>{m(i,n.thunk,n.anchor,void 0,e),k(()=>{w.delete(n)})}))}function F(n,i,e){for(let o=0;o<n.length;o++){let t=n[o];if(typeof t=="object"&&t!==null&&T(t)){i.push(t.anchor),e.push(t);continue}for(;typeof t=="function";)t=t();t==null||typeof t=="boolean"||(Array.isArray(t)?F(t,i,e):typeof t=="object"&&P(t)?i.push(t):i.push(document.createTextNode(String(t))))}}function j(n){let i=n.parentNode;i!==null&&i.removeChild(n)}function b(n,i,e){return i===null&&Array.isArray(e)&&e.length>1&&n.childNodes.length===e.length?(n.textContent="",null):x(e)}function x(n){if(n!==null)if(Array.isArray(n))for(let i=0;i<n.length;i++)j(n[i]);else j(n);return null}function D(n,i,e,o){return e===o?o:e!==null&&!Array.isArray(e)?(n.replaceChild(o,e),o):(x(e),n.insertBefore(o,i),o)}function R(n,i,e,o){let t=0,l=0,d=e.length-1,r=o.length-1;for(;t<=d&&l<=r&&e[t]===o[l];)t++,l++;for(;t<=d&&l<=r&&e[d]===o[r];)d--,r--;let u=r+1<o.length?o[r+1]:i;if(t>d){for(let s=l;s<=r;s++)n.insertBefore(o[s],u);return}if(l>r){for(let s=t;s<=d;s++)n.removeChild(e[s]);return}let f=new Map;for(let s=t;s<=d;s++)f.set(e[s],s);let c=r-l+1,y=new Int32Array(c).fill(-1);for(let s=0;s<c;s++){let N=o[l+s],_=f.get(N);_!==void 0&&(y[s]=_,f.delete(N))}for(let s of f.keys())n.removeChild(s);let g=K(y),p=g.length-1,O=u;for(let s=c-1;s>=0;s--){let N=o[l+s];p>=0&&g[p]===s?p--:n.insertBefore(N,O),O=N}}function K(n){let i=n.length,e=new Int32Array(i).fill(-1),o=[];for(let d=0;d<i;d++){let r=n[d];if(r===-1)continue;let u=0,f=o.length;for(;u<f;){let c=u+f>>1;n[o[c]]<r?u=c+1:f=c}u>0&&(e[d]=o[u-1]),o[u]=d}let t=[],l=o.length>0?o[o.length-1]:-1;for(;l!==-1;)t.push(l),l=e[l];return t.reverse()}export{Q as a,a as b,V as c,Y as d,dn as e,L as f,X as g,sn as h,T as i,un as j,C as k,q as l,fn as m,cn as n,an as o,yn as p,hn as q,m as r,h as s,J as t,R as u};

package/dist/claim.d.ts

@@ -0,0 +1,86 @@
+/**
+ * The seam hydration is installed through.
+ *
+ * `template` and `insert` have to be able to adopt nodes a server sent, and
+ * an application that has no server must not pay for the machinery that does
+ * it. So they do not import it. They read one holder, which is empty until
+ * `@firsthandjs/dom/hydrate` fills it — and a bundle that never imports that
+ * module never contains the machinery at all, because nothing references it.
+ *
+ * What is left behind in the ordinary path is one property read and one
+ * comparison against `null`, in two places.
+ */
+/** What a region of server markup turned out to hold. */
+export type Claimed = {
+    /** The nodes the region holds, as a child slot. */
+    nodes: Node | Node[] | null;
+    /** The text already there, when the region is one text node. */
+    text: string | undefined;
+    /** The region itself, for the calls made while a child's first run happens. */
+    region: Region;
+};
+/** Where a claim has got to. */
+export type Region = {
+    /** The next unclaimed node, or null when the region is used up. */
+    node: Node | null;
+    /** The node the region stops before. */
+    end: Node | null;
+};
+/**
+ * The part of a site hydration fills in.
+ *
+ * Structural, so that the holder does not have to import `insert.ts` and
+ * `insert.ts` does not have to export its record type to reach through it.
+ */
+export type Filled = {
+    node?: Node | Node[] | null;
+};
+export type Claimer = {
+    /** The element name a template's markup makes. */
+    tag(html: string): string;
+    /** The next node of the current region, if it is a `tag`. */
+    adopt(tag: string): Node | null;
+    /**
+     * Gives a child a run keeps the nodes the run claimed for it.
+     *
+     * Puts `anchor` at the end of the region and offers the region to whoever
+     * claims against that anchor next, which is the child's own `insert`.
+     */
+    keep(slot: Filled, parent: Node, anchor: Node, claimed: Claimed): void;
+    /** The region belonging to the next dynamic child of `parent`. */
+    claim(parent: Node, marker: Node | null): Claimed | null;
+    /** Makes `region` the one nodes are adopted from while `body` runs. */
+    within<T>(region: Region, body: () => T): T;
+    /** A step through the template that goes over a whole region at a time. */
+    step(node: Node): Node;
+    /**
+     * Puts `anchor` where hydration has got to, and says what it went into.
+     *
+     * What a keyed list needs to adopt a row that is a view: the row has
+     * nothing of its own until it runs, and it has to run where its markup is,
+     * in the order the rows come in — not after the list has decided what goes
+     * where. Null when the region is used up, which is a list with more rows
+     * than the server sent: those are built.
+     */
+    place(anchor: Node): Node | null;
+};
+/**
+ * The installed claimer, or nothing.
+ *
+ * A holder rather than an exported binding, so that every reader sees the
+ * same value however the module is bundled.
+ */
+export declare const hydration: {
+    current: Claimer | null;
+};
+/**
+ * The first child of `node`, stepping over a dynamic child's content.
+ *
+ * Emitted by the compiler in place of `.firstChild` for a build that can
+ * hydrate. `.firstChild` would walk into the content of a dynamic child,
+ * because the content has a length the template does not.
+ */
+export declare function first(node: Node): Node;
+/** The next sibling of `node`, stepping over a dynamic child's content. */
+export declare function next(node: Node): Node;
+//# sourceMappingURL=claim.d.ts.map

package/dist/claim.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"claim.d.ts","sourceRoot":"","sources":["../src/claim.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,yDAAyD;AACzD,MAAM,MAAM,OAAO,GAAG;IACpB,mDAAmD;IACnD,KAAK,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC;IAC5B,gEAAgE;IAChE,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,+EAA+E;IAC/E,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,gCAAgC;AAChC,MAAM,MAAM,MAAM,GAAG;IACnB,mEAAmE;IACnE,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,wCAAwC;IACxC,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;CAClB,CAAC;AAEF;;;;;GAKG;AACH,MAAM,MAAM,MAAM,GAAG;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,OAAO,GAAG;IACpB,kDAAkD;IAClD,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,6DAA6D;IAC7D,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IAChC;;;;;OAKG;IACH,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;IACvE,kEAAkE;IAClE,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,GAAG,IAAI,GAAG,OAAO,GAAG,IAAI,CAAC;IACzD,uEAAuE;IACvE,MAAM,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC;IAC5C,2EAA2E;IAC3E,IAAI,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IACvB;;;;;;;;OAQG;IACH,KAAK,CAAC,MAAM,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAClC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,SAAS,EAAE;IAAE,OAAO,EAAE,OAAO,GAAG,IAAI,CAAA;CAAsB,CAAC;AAExE;;;;;;GAMG;AACH,wBAAgB,KAAK,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAItC;AAED,2EAA2E;AAC3E,wBAAgB,IAAI,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAIrC"}

package/dist/dev-chunk-6V32MCOI.js

@@ -0,0 +1,45 @@
+import {
+  applyChild,
+  insert
+} from "./dev-chunk-ADHDPKZW.js";
+
+// packages/dom/src/render.ts
+import { createRoot, onCleanup, untrack } from "@firsthandjs/core";
+function render(view, container = document.body) {
+  return mount(view, container, null);
+}
+function mount(view, container, around) {
+  let dispose;
+  createRoot((stop) => {
+    dispose = stop;
+    const run = () => {
+      attach(container, untrack(view), around !== null);
+    };
+    if (around === null) {
+      run();
+    } else {
+      around(run);
+    }
+  });
+  return dispose;
+}
+function attach(container, result, adopting) {
+  if (typeof result === "function") {
+    insert(container, result);
+    return;
+  }
+  let slot = null;
+  if (adopting) {
+    const children = [...container.childNodes];
+    slot = children.length === 1 ? children[0] : children;
+  }
+  slot = applyChild(container, null, slot, result);
+  onCleanup(() => {
+    applyChild(container, null, slot, null);
+  });
+}
+
+export {
+  render,
+  mount
+};

package/dist/dev-chunk-ADHDPKZW.js

@@ -0,0 +1,525 @@
+// packages/dom/src/dev.ts
+function devWarn(message) {
+  console.warn(`[firsthand] ${message}`);
+}
+var seen = /* @__PURE__ */ new Set();
+function devWarnOnce(key, message) {
+  if (!seen.has(key)) {
+    seen.add(key);
+    devWarn(message);
+  }
+}
+function devWarnRenderedObject(value) {
+  const cellish = "peek" in value && typeof value.peek === "function" && "value" in value;
+  devWarnOnce(
+    cellish ? "rendered-cell" : "rendered-object",
+    cellish ? 'A signal or computed was rendered directly, so the page shows "[object Object]". Read it instead: {count.value} rather than {count}.' : `An object was rendered as text, so the page shows "${String(value)}". Render a string, a number or a node.`
+  );
+}
+function hook() {
+  const installed = globalThis.__FIRSTHAND_DEVTOOLS__;
+  return installed !== void 0 && installed.attached ? installed : void 0;
+}
+function devPart(node, property) {
+  hook()?.part(node, property);
+}
+function devComponent(owner, name) {
+  hook()?.component(owner, name);
+}
+function label(value, kind, name) {
+  if (typeof value === "object" && value !== null) {
+    hook()?.label(value, kind, name);
+  }
+  return value;
+}
+var QUIET = 20;
+function devRan(store2) {
+  if (store2.busy === true) {
+    store2.busy = false;
+    store2.quiet = 0;
+    return;
+  }
+  const quiet = (store2.quiet ?? 0) + 1;
+  store2.quiet = quiet;
+  if (quiet !== QUIET) {
+    return;
+  }
+  devWarnOnce(
+    `quiet-run:${store2.name}`,
+    `<${store2.name}> ran ${String(QUIET)} times and wrote nothing.
+Something it reads in a statement changes more often than what it shows. Move that read into the markup, where it is a part of its own, or move the derivation into a computed in the setup.`
+  );
+}
+function devHandedNewFunction(store2, value) {
+  if (typeof value !== "function") {
+    return;
+  }
+  devWarnOnce(
+    `new-function:${store2.name}`,
+    `<${store2.name}> hands a child a new function on every run, so that child runs again whenever this one does.
+If the handler does not depend on the run, define it in the setup.`
+  );
+}
+function devHydrationMismatch(node, html) {
+  const template = document.createElement("template");
+  template.innerHTML = html;
+  const expected = template.content.firstElementChild;
+  if (expected === null) {
+    return;
+  }
+  for (const attribute of expected.attributes) {
+    const found = node.getAttribute(attribute.name);
+    if (found !== attribute.value) {
+      devWarn(
+        `Hydration found <${node.tagName.toLowerCase()} ${attribute.name}="${found ?? ""}"> where this render describes "${attribute.value}". The markup is kept as the server sent it, because static markup is never written again. Render the same thing on both sides, or render this part in the browser only.`
+      );
+      return;
+    }
+  }
+}
+
+// packages/dom/src/claim.ts
+var hydration = { current: null };
+function first(node) {
+  const child = node.firstChild;
+  const claimer = hydration.current;
+  return claimer === null ? child : claimer.step(child);
+}
+function next(node) {
+  const sibling = node.nextSibling;
+  const claimer = hydration.current;
+  return claimer === null ? sibling : claimer.step(sibling);
+}
+
+// packages/dom/src/insert.ts
+import {
+  bind,
+  createOwner,
+  signal,
+  disposeOwner,
+  getOwner,
+  onCleanup,
+  runWithOwner,
+  setOwner
+} from "@firsthandjs/core";
+var discarding = 0;
+function discard(body) {
+  discarding++;
+  try {
+    body();
+  } finally {
+    discarding--;
+  }
+}
+var TEXT_NODE = 3;
+function isNode(value) {
+  return typeof value.nodeType === "number";
+}
+var PART = /* @__PURE__ */ Symbol("firsthand.part");
+var FLAT = /* @__PURE__ */ Symbol("firsthand.flat");
+var PENDING = /* @__PURE__ */ Symbol("firsthand.pending");
+var mounted = /* @__PURE__ */ new WeakSet();
+function part(thunk) {
+  return { [PART]: true, anchor: document.createTextNode(""), thunk, owner: getOwner() };
+}
+function isDynamicChild(value) {
+  return PART in value;
+}
+function store(name = "") {
+  return { slots: [], owner: getOwner(), generation: 0, name };
+}
+function wrote(store2) {
+  store2.busy = true;
+}
+function site(store2, index) {
+  const existing = store2.slots[index];
+  if (existing !== void 0) {
+    existing.seen = store2.generation;
+    return existing;
+  }
+  const slot = { seen: store2.generation };
+  store2.slots[index] = slot;
+  return slot;
+}
+function open(store2, slot) {
+  const owner = createOwner(store2.owner);
+  slot.owner = owner;
+  return setOwner(owner);
+}
+function close(previous) {
+  setOwner(previous);
+}
+function ran(store2, value) {
+  devRan(store2);
+  const generation = store2.generation;
+  const slots = store2.slots;
+  for (let i = 0; i < slots.length; i++) {
+    const slot = slots[i];
+    if (slot === void 0 || slot.seen === generation) {
+      continue;
+    }
+    if (slot.owner !== void 0) {
+      disposeOwner(slot.owner);
+    }
+    slots[i] = void 0;
+  }
+  store2.generation = generation + 1;
+  return value;
+}
+function cell(store2, index, value) {
+  const slot = site(store2, index);
+  const existing = slot.cell;
+  if (existing === void 0) {
+    const made = signal(value);
+    slot.cell = made;
+    return made;
+  }
+  if (existing.peek() !== value) {
+    devHandedNewFunction(store2, value);
+    wrote(store2);
+    existing.value = value;
+  }
+  return existing;
+}
+function writeChild(store2, index, parent, marker, value) {
+  const slot = site(store2, index);
+  if (slot.node === void 0 && hydration.current !== null) {
+    const claimed = hydration.current.claim(parent, marker);
+    if (claimed !== null) {
+      if (typeof value === "object" && value !== null && isDynamicChild(value)) {
+        slot.last = value;
+        hydration.current.keep(slot, parent, value.anchor, claimed);
+        runWithOwner(value.owner, () => {
+          insert(parent, value.thunk, value.anchor);
+        });
+        return;
+      }
+      slot.node = claimed.nodes;
+      slot.text = claimed.text;
+    }
+  }
+  const type = typeof value;
+  if (type === "string" || type === "number") {
+    const text = String(value);
+    if (text === slot.text) {
+      return;
+    }
+    wrote(store2);
+    slot.text = text;
+    slot.node = applyChild(parent, marker, slot.node ?? null, text);
+    return;
+  }
+  slot.text = void 0;
+  if (value === slot.last) {
+    return;
+  }
+  wrote(store2);
+  slot.last = value;
+  slot.node = applyChild(parent, marker, slot.node ?? null, value);
+}
+function insert(parent, value, marker = null, seed, report) {
+  if (typeof value !== "function") {
+    applyChild(parent, marker, null, value);
+    return;
+  }
+  let current = null;
+  let written;
+  const claimed = seed !== void 0 ? seed : hydration.current === null ? null : hydration.current.claim(parent, marker);
+  let adopting = claimed !== null;
+  if (claimed !== null) {
+    current = claimed.nodes;
+    written = claimed.text;
+  }
+  const body = () => {
+    run();
+    report?.(nodesOf(current, marker));
+  };
+  const run = () => {
+    const next2 = value();
+    const type = typeof next2;
+    if (type === "string" || type === "number") {
+      const text = String(next2);
+      if (text !== written) {
+        written = text;
+        current = applyChild(parent, marker, current, text);
+      }
+      return;
+    }
+    written = void 0;
+    if (type === "function") {
+      if (adopting) {
+        current = null;
+        insert(parent, next2, marker, claimed);
+        return;
+      }
+      current = clear(current);
+      insert(parent, next2, marker, null);
+      return;
+    }
+    current = applyChild(parent, marker, current, next2);
+  };
+  if (claimed === null) {
+    bind(body);
+  } else {
+    hydration.current.within(claimed.region, () => {
+      bind(body);
+    });
+  }
+  adopting = false;
+  onCleanup(() => {
+    current = discarding > 0 ? null : clear(current);
+  });
+}
+function nodesOf(current, anchor) {
+  const nodes = current === null ? [] : Array.isArray(current) ? [...current] : [current];
+  nodes.push(anchor);
+  return nodes;
+}
+function applyChild(parent, marker, current, value) {
+  const type = typeof value;
+  if (value == null || type === "boolean") {
+    devPart(parent, "text");
+    return clearIn(parent, marker, current);
+  }
+  if (type === "string" || type === "number") {
+    devPart(parent, "text");
+    const text = String(value);
+    if (current !== null && !Array.isArray(current) && current.nodeType === TEXT_NODE) {
+      current.data = text;
+      return current;
+    }
+    return single(parent, marker, current, document.createTextNode(text));
+  }
+  if (type === "function") {
+    return applyChild(parent, marker, current, value());
+  }
+  if (Array.isArray(value)) {
+    if (FLAT in value) {
+      const rows = value;
+      if (rows.length === 0) {
+        return clearIn(parent, marker, current);
+      }
+      reconcile(
+        parent,
+        marker,
+        current === null ? [] : Array.isArray(current) ? current : [current],
+        rows
+      );
+      value[PENDING]?.(parent);
+      return rows;
+    }
+    const next2 = [];
+    const dynamic = [];
+    flatten(value, next2, dynamic);
+    if (next2.length === 0) {
+      return clearIn(parent, marker, current);
+    }
+    reconcile(
+      parent,
+      marker,
+      current === null ? [] : Array.isArray(current) ? current : [current],
+      next2
+    );
+    for (let i = 0; i < dynamic.length; i++) {
+      bindPart(dynamic[i], parent);
+    }
+    return next2;
+  }
+  if (isDynamicChild(value)) {
+    return applyChild(parent, marker, current, [value]);
+  }
+  if (isNode(value)) {
+    return single(parent, marker, current, value);
+  }
+  devWarnRenderedObject(value);
+  return applyChild(parent, marker, current, String(value));
+}
+function bindPart(child, parent, report) {
+  if (mounted.has(child)) {
+    return;
+  }
+  mounted.add(child);
+  runWithOwner(child.owner ?? getOwner(), () => {
+    insert(parent, child.thunk, child.anchor, void 0, report);
+    onCleanup(() => {
+      mounted.delete(child);
+    });
+  });
+}
+function flatten(value, out, dynamic) {
+  for (let i = 0; i < value.length; i++) {
+    let item = value[i];
+    if (typeof item === "object" && item !== null && isDynamicChild(item)) {
+      out.push(item.anchor);
+      dynamic.push(item);
+      continue;
+    }
+    while (typeof item === "function") {
+      item = item();
+    }
+    if (item == null || typeof item === "boolean") {
+      continue;
+    }
+    if (Array.isArray(item)) {
+      flatten(item, out, dynamic);
+    } else if (typeof item === "object" && isNode(item)) {
+      out.push(item);
+    } else {
+      out.push(document.createTextNode(String(item)));
+    }
+  }
+}
+function detach(node) {
+  const owner = node.parentNode;
+  if (owner !== null) {
+    owner.removeChild(node);
+  }
+}
+function clearIn(parent, marker, current) {
+  if (marker === null && Array.isArray(current) && current.length > 1 && parent.childNodes.length === current.length) {
+    parent.textContent = "";
+    return null;
+  }
+  return clear(current);
+}
+function clear(current) {
+  if (current !== null) {
+    if (Array.isArray(current)) {
+      for (let i = 0; i < current.length; i++) {
+        detach(current[i]);
+      }
+    } else {
+      detach(current);
+    }
+  }
+  return null;
+}
+function single(parent, marker, current, node) {
+  if (current === node) {
+    return node;
+  }
+  if (current !== null && !Array.isArray(current)) {
+    parent.replaceChild(node, current);
+    return node;
+  }
+  clear(current);
+  parent.insertBefore(node, marker);
+  return node;
+}
+function reconcile(parent, marker, a, b) {
+  let aStart = 0;
+  let bStart = 0;
+  let aEnd = a.length - 1;
+  let bEnd = b.length - 1;
+  while (aStart <= aEnd && bStart <= bEnd && a[aStart] === b[bStart]) {
+    aStart++;
+    bStart++;
+  }
+  while (aStart <= aEnd && bStart <= bEnd && a[aEnd] === b[bEnd]) {
+    aEnd--;
+    bEnd--;
+  }
+  const after = bEnd + 1 < b.length ? b[bEnd + 1] : marker;
+  if (aStart > aEnd) {
+    for (let i = bStart; i <= bEnd; i++) {
+      parent.insertBefore(b[i], after);
+    }
+    return;
+  }
+  if (bStart > bEnd) {
+    for (let i = aStart; i <= aEnd; i++) {
+      parent.removeChild(a[i]);
+    }
+    return;
+  }
+  const oldIndex = /* @__PURE__ */ new Map();
+  for (let i = aStart; i <= aEnd; i++) {
+    oldIndex.set(a[i], i);
+  }
+  const middle = bEnd - bStart + 1;
+  const sources = new Int32Array(middle).fill(-1);
+  for (let j = 0; j < middle; j++) {
+    const node = b[bStart + j];
+    const found = oldIndex.get(node);
+    if (found !== void 0) {
+      sources[j] = found;
+      oldIndex.delete(node);
+    }
+  }
+  for (const node of oldIndex.keys()) {
+    parent.removeChild(node);
+  }
+  const keep = longestIncreasing(sources);
+  let k = keep.length - 1;
+  let anchor = after;
+  for (let j = middle - 1; j >= 0; j--) {
+    const node = b[bStart + j];
+    if (k >= 0 && keep[k] === j) {
+      k--;
+    } else {
+      parent.insertBefore(node, anchor);
+    }
+    anchor = node;
+  }
+}
+function longestIncreasing(sources) {
+  const length = sources.length;
+  const predecessor = new Int32Array(length).fill(-1);
+  const tails = [];
+  for (let i = 0; i < length; i++) {
+    const value = sources[i];
+    if (value === -1) {
+      continue;
+    }
+    let low = 0;
+    let high = tails.length;
+    while (low < high) {
+      const mid = low + high >> 1;
+      if (sources[tails[mid]] < value) {
+        low = mid + 1;
+      } else {
+        high = mid;
+      }
+    }
+    if (low > 0) {
+      predecessor[i] = tails[low - 1];
+    }
+    tails[low] = i;
+  }
+  const result = [];
+  let cursor = tails.length > 0 ? tails[tails.length - 1] : -1;
+  while (cursor !== -1) {
+    result.push(cursor);
+    cursor = predecessor[cursor];
+  }
+  return result.reverse();
+}
+
+export {
+  devWarn,
+  devWarnOnce,
+  devPart,
+  devComponent,
+  label,
+  devHydrationMismatch,
+  hydration,
+  first,
+  next,
+  discard,
+  FLAT,
+  PENDING,
+  part,
+  isDynamicChild,
+  store,
+  wrote,
+  site,
+  open,
+  close,
+  ran,
+  cell,
+  writeChild,
+  insert,
+  applyChild,
+  bindPart,
+  reconcile
+};