@expressive/dom 0.0.0 → 0.2.0

package/dist/chunk-adapter-4jlvwsge.d.ts

@@ -0,0 +1,37 @@
+import { Context, State } from "@expressive/mvc";
+
+//#region src/adapter.d.ts
+interface UseState extends State {
+  use?(...props: any[]): Promise<void> | void;
+  mount?(): (() => void) | void;
+}
+type NoVoid<T> = T extends undefined | void ? null : T;
+declare module '@expressive/mvc' {
+  interface UseState extends State {
+    use?(...props: any[]): Promise<void> | void;
+    mount?(): (() => void) | void;
+  }
+  namespace State {
+    type ForceRefresh = {
+      (): void;
+      <T = void>(waitFor: Promise<T>): Promise<T>;
+      <T = void>(invoke: () => Promise<T>): Promise<T>;
+    };
+    type GetFactory<T extends State, R> = (this: T, current: T, refresh: ForceRefresh) => R;
+    type UseArgs<T extends State> = T extends {
+      use(...props: infer P): any;
+    } ? P : State.Args<T>;
+    function get<T extends State>(this: State.Extends<T>): T;
+    function get<T extends State>(this: State.Extends<T>, required: false): T | undefined;
+    function get<T extends State>(this: State.Extends<T>, required: true): Required<T>;
+    function get<T extends State, R>(this: State.Extends<T>, factory: GetFactory<T, R>): NoVoid<R>;
+    function use<T extends UseState>(this: State.Type<T>, ...args: UseArgs<T>): T;
+  }
+  namespace Component {
+    const use: never;
+  }
+  interface Component {
+    mount?(): (() => void) | void;
+  }
+}
+//# sourceMappingURL=chunk-adapter-4jlvwsge.d.ts.map

package/dist/chunk-hot-gq8TyYJV.js

@@ -0,0 +1,178 @@
+import { pending } from "@expressive/mvc";
+
+//#region src/scheduler.ts
+const urgent = /* @__PURE__ */ new Set();
+const passive = /* @__PURE__ */ new Set();
+const after = [];
+let depth = 0;
+let urgentQueued = false;
+let passiveQueued = false;
+function flush(scopes) {
+	for (const scope of scopes) {
+		scopes.delete(scope);
+		scope.queued = void 0;
+		let waiting = void 0;
+		try {
+			waiting = scope.update(false);
+		} catch (error) {
+			console.error(error);
+		}
+		settle(scope);
+		if (!waiting) unblock(scope);
+	}
+}
+function flushUrgent() {
+	urgentQueued = false;
+	flush(urgent);
+	for (const run of after.splice(0)) run();
+}
+function afterFlush(run) {
+	after.push(run);
+	if (!urgentQueued) {
+		urgentQueued = true;
+		queueMicrotask(flushUrgent);
+	}
+}
+function flushPassive() {
+	passiveQueued = false;
+	const batch = [...passive].filter((scope) => scope.queued === "passive");
+	passive.clear();
+	for (const scope of batch) {
+		const waiting = scope.probe?.();
+		if (waiting) return defer(batch, waiting, scope);
+	}
+	batch.sort((a, b) => Number(!!b.empty?.()) - Number(!!a.empty?.()));
+	for (let index = 0; index < batch.length; index++) {
+		const scope = batch[index];
+		if (scope.queued !== "passive") continue;
+		scope.queued = void 0;
+		let waiting = void 0;
+		try {
+			waiting = scope.update(true);
+		} catch (error) {
+			console.error(error);
+		}
+		settle(scope);
+		if (waiting) return defer(batch.slice(index + 1), waiting, scope);
+		unblock(scope);
+	}
+}
+function defer(scopes, waiting, source) {
+	const held = scopes.filter((scope) => scope.queued === "passive");
+	for (const scope of held) {
+		scope.queued = "deferred";
+		scope.probed = void 0;
+	}
+	const resume = () => {
+		for (const scope of held) if (scope.queued === "deferred") {
+			scope.queued = void 0;
+			transition(() => schedule(scope));
+		}
+	};
+	(source.blocking ||= []).push(resume);
+	waiting.then(resume, resume);
+}
+function unblock(scope) {
+	const { blocking } = scope;
+	scope.blocking = void 0;
+	blocking?.forEach((resume) => resume());
+}
+function release(holds) {
+	holds?.forEach((held) => held());
+}
+function settle(scope) {
+	const { holds } = scope;
+	scope.holds = void 0;
+	release(holds);
+}
+function schedule(scope) {
+	const held = pending();
+	if (held) (scope.holds ||= []).push(held);
+	scope.probed = void 0;
+	if (!depth) {
+		passive.delete(scope);
+		scope.queued = "urgent";
+		urgent.add(scope);
+		if (!urgentQueued) {
+			urgentQueued = true;
+			queueMicrotask(flushUrgent);
+		}
+		return;
+	}
+	if (scope.queued && scope.queued !== "deferred") return;
+	scope.queued = "passive";
+	passive.add(scope);
+	if (!passiveQueued) {
+		passiveQueued = true;
+		setTimeout(flushPassive);
+	}
+}
+function transition(work) {
+	depth++;
+	try {
+		work();
+	} finally {
+		depth--;
+	}
+}
+function claim(scope) {
+	urgent.delete(scope);
+	passive.delete(scope);
+	scope.queued = void 0;
+	scope.probed = void 0;
+}
+function unschedule(scope) {
+	urgent.delete(scope);
+	passive.delete(scope);
+	scope.queued = void 0;
+	scope.probed = void 0;
+	settle(scope);
+	unblock(scope);
+}
+
+//#endregion
+//#region src/hot.ts
+const FAMILIES = /* @__PURE__ */ new Map();
+const FAMILY = /* @__PURE__ */ new WeakMap();
+/** The latest implementation of a component registered for hot refresh. */
+function latest(type) {
+	return FAMILY.get(type)?.current || type;
+}
+/** Whether two element types are one component, across hot edits. */
+function same(a, b) {
+	if (a === b) return true;
+	const family = typeof a == "function" && FAMILY.get(a);
+	return !!family && family === FAMILY.get(b);
+}
+function track(type, scope) {
+	FAMILY.get(type)?.scopes.add(scope);
+}
+function untrack(type, scope) {
+	FAMILY.get(type)?.scopes.delete(scope);
+}
+/**
+* Register a module's function components under stable ids. A component seen
+* before takes its new implementation and re-renders where it is mounted.
+*/
+function hot(id, components) {
+	for (const [name, type] of Object.entries(components)) {
+		if (typeof type != "function") continue;
+		const key = `${id}#${name}`;
+		let family = FAMILIES.get(key);
+		if (!family) FAMILIES.set(key, family = {
+			current: type,
+			scopes: /* @__PURE__ */ new Set()
+		});
+		FAMILY.set(type, family);
+		if (family.current === type) continue;
+		family.current = type;
+		for (const scope of family.scopes) {
+			scope.hot = true;
+			schedule(scope);
+		}
+	}
+}
+
+//#endregion
+export { untrack as a, release as c, transition as d, unschedule as f, track as i, schedule as l, latest as n, afterFlush as o, same as r, claim as s, hot as t, settle as u };
+//# sourceMappingURL=chunk-hot-gq8TyYJV.js.map

package/dist/chunk-hot-gq8TyYJV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-hot-gq8TyYJV.js","names":[],"sources":["../src/scheduler.ts","../src/hot.ts"],"sourcesContent":["import { pending } from '@expressive/mvc';\n\ninterface Schedulable {\n  queued?: 'urgent' | 'passive' | 'deferred';\n  holds?: (() => void)[];\n  probed?: { output: unknown };\n  blocking?: (() => void)[];\n  update(passive: boolean): PromiseLike<unknown> | void;\n  probe?(): PromiseLike<unknown> | void;\n  empty?(): boolean;\n}\n\nconst urgent = new Set<Schedulable>();\nconst passive = new Set<Schedulable>();\nconst after: (() => void)[] = [];\n\nlet depth = 0;\nlet urgentQueued = false;\nlet passiveQueued = false;\n\nfunction flush(scopes: Set<Schedulable>) {\n  for (const scope of scopes) {\n    scopes.delete(scope);\n    scope.queued = undefined;\n\n    let waiting: PromiseLike<unknown> | void = undefined;\n\n    try {\n      waiting = scope.update(false);\n    } catch (error) {\n      console.error(error);\n    }\n\n    settle(scope);\n    if (!waiting) unblock(scope);\n  }\n}\n\nfunction flushUrgent() {\n  urgentQueued = false;\n  flush(urgent);\n\n  for (const run of after.splice(0)) run();\n}\n\nfunction afterFlush(run: () => void) {\n  after.push(run);\n\n  if (!urgentQueued) {\n    urgentQueued = true;\n    queueMicrotask(flushUrgent);\n  }\n}\n\nfunction flushPassive() {\n  passiveQueued = false;\n\n  const batch = [...passive].filter((scope) => scope.queued === 'passive');\n  passive.clear();\n\n  for (const scope of batch) {\n    const waiting = scope.probe?.();\n    if (waiting) return defer(batch, waiting, scope);\n  }\n\n  batch.sort((a, b) => Number(!!b.empty?.()) - Number(!!a.empty?.()));\n\n  for (let index = 0; index < batch.length; index++) {\n    const scope = batch[index];\n\n    if (scope.queued !== 'passive') continue;\n\n    scope.queued = undefined;\n\n    let waiting: PromiseLike<unknown> | void = undefined;\n\n    try {\n      waiting = scope.update(true);\n    } catch (error) {\n      console.error(error);\n    }\n\n    settle(scope);\n\n    if (waiting) return defer(batch.slice(index + 1), waiting, scope);\n    unblock(scope);\n  }\n}\n\nfunction defer(scopes: Schedulable[], waiting: PromiseLike<unknown>, source: Schedulable) {\n  const held = scopes.filter((scope) => scope.queued === 'passive');\n\n  for (const scope of held) {\n    scope.queued = 'deferred';\n    scope.probed = undefined;\n  }\n\n  const resume = () => {\n    for (const scope of held)\n      if (scope.queued === 'deferred') {\n        scope.queued = undefined;\n        transition(() => schedule(scope));\n      }\n  };\n\n  (source.blocking ||= []).push(resume);\n  waiting.then(resume, resume);\n}\n\nfunction unblock(scope: Schedulable) {\n  const { blocking } = scope;\n\n  scope.blocking = undefined;\n  blocking?.forEach((resume) => resume());\n}\n\nfunction release(holds?: (() => void)[]) {\n  holds?.forEach((held) => held());\n}\n\nfunction settle(scope: Schedulable) {\n  const { holds } = scope;\n\n  scope.holds = undefined;\n  release(holds);\n}\n\nfunction schedule(scope: Schedulable) {\n  const held = pending();\n\n  if (held) (scope.holds ||= []).push(held);\n  scope.probed = undefined;\n\n  if (!depth) {\n    passive.delete(scope);\n    scope.queued = 'urgent';\n    urgent.add(scope);\n\n    if (!urgentQueued) {\n      urgentQueued = true;\n      queueMicrotask(flushUrgent);\n    }\n\n    return;\n  }\n\n  if (scope.queued && scope.queued !== 'deferred') return;\n\n  scope.queued = 'passive';\n  passive.add(scope);\n\n  if (!passiveQueued) {\n    passiveQueued = true;\n    setTimeout(flushPassive);\n  }\n}\n\nfunction transition(work: () => void) {\n  depth++;\n\n  try {\n    work();\n  } finally {\n    depth--;\n  }\n}\n\nfunction claim(scope: Schedulable) {\n  urgent.delete(scope);\n  passive.delete(scope);\n  scope.queued = undefined;\n  scope.probed = undefined;\n}\n\nfunction unschedule(scope: Schedulable) {\n  urgent.delete(scope);\n  passive.delete(scope);\n  scope.queued = undefined;\n  scope.probed = undefined;\n  settle(scope);\n  unblock(scope);\n}\n\nexport { afterFlush, claim, release, schedule, settle, transition, unschedule };\nexport type { Schedulable };\n","import type { Scope } from './adapter';\nimport { schedule } from './scheduler';\n\ninterface Family {\n  current: Function;\n  scopes: Set<Scope>;\n}\n\nconst FAMILIES = new Map<string, Family>();\nconst FAMILY = new WeakMap<Function, Family>();\n\n/** The latest implementation of a component registered for hot refresh. */\nfunction latest(type: Function) {\n  return FAMILY.get(type)?.current || type;\n}\n\n/** Whether two element types are one component, across hot edits. */\nfunction same(a: unknown, b: unknown) {\n  if (a === b) return true;\n\n  const family = typeof a == 'function' && FAMILY.get(a);\n\n  return !!family && family === FAMILY.get(b as Function);\n}\n\nfunction track(type: Function, scope: Scope) {\n  FAMILY.get(type)?.scopes.add(scope);\n}\n\nfunction untrack(type: Function, scope: Scope) {\n  FAMILY.get(type)?.scopes.delete(scope);\n}\n\n/**\n * Register a module's function components under stable ids. A component seen\n * before takes its new implementation and re-renders where it is mounted.\n */\nfunction hot(id: string, components: Record<string, unknown>) {\n  for (const [name, type] of Object.entries(components)) {\n    if (typeof type != 'function') continue;\n\n    const key = `${id}#${name}`;\n    let family = FAMILIES.get(key);\n\n    if (!family) FAMILIES.set(key, (family = { current: type, scopes: new Set() }));\n\n    FAMILY.set(type, family);\n\n    if (family.current === type) continue;\n\n    family.current = type;\n\n    for (const scope of family.scopes) {\n      scope.hot = true;\n      schedule(scope);\n    }\n  }\n}\n\nexport { hot, latest, same, track, untrack };\n"],"mappings":";;;AAYA,MAAM,yBAAS,IAAI,KAAkB;AACrC,MAAM,0BAAU,IAAI,KAAkB;AACtC,MAAM,QAAwB,EAAE;AAEhC,IAAI,QAAQ;AACZ,IAAI,eAAe;AACnB,IAAI,gBAAgB;AAEpB,SAAS,MAAM,QAA0B;AACvC,MAAK,MAAM,SAAS,QAAQ;AAC1B,SAAO,OAAO,MAAM;AACpB,QAAM,SAAS;EAEf,IAAI,UAAuC;AAE3C,MAAI;AACF,aAAU,MAAM,OAAO,MAAM;WACtB,OAAO;AACd,WAAQ,MAAM,MAAM;;AAGtB,SAAO,MAAM;AACb,MAAI,CAAC,QAAS,SAAQ,MAAM;;;AAIhC,SAAS,cAAc;AACrB,gBAAe;AACf,OAAM,OAAO;AAEb,MAAK,MAAM,OAAO,MAAM,OAAO,EAAE,CAAE,MAAK;;AAG1C,SAAS,WAAW,KAAiB;AACnC,OAAM,KAAK,IAAI;AAEf,KAAI,CAAC,cAAc;AACjB,iBAAe;AACf,iBAAe,YAAY;;;AAI/B,SAAS,eAAe;AACtB,iBAAgB;CAEhB,MAAM,QAAQ,CAAC,GAAG,QAAQ,CAAC,QAAQ,UAAU,MAAM,WAAW,UAAU;AACxE,SAAQ,OAAO;AAEf,MAAK,MAAM,SAAS,OAAO;EACzB,MAAM,UAAU,MAAM,SAAS;AAC/B,MAAI,QAAS,QAAO,MAAM,OAAO,SAAS,MAAM;;AAGlD,OAAM,MAAM,GAAG,MAAM,OAAO,CAAC,CAAC,EAAE,SAAS,CAAC,GAAG,OAAO,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAEnE,MAAK,IAAI,QAAQ,GAAG,QAAQ,MAAM,QAAQ,SAAS;EACjD,MAAM,QAAQ,MAAM;AAEpB,MAAI,MAAM,WAAW,UAAW;AAEhC,QAAM,SAAS;EAEf,IAAI,UAAuC;AAE3C,MAAI;AACF,aAAU,MAAM,OAAO,KAAK;WACrB,OAAO;AACd,WAAQ,MAAM,MAAM;;AAGtB,SAAO,MAAM;AAEb,MAAI,QAAS,QAAO,MAAM,MAAM,MAAM,QAAQ,EAAE,EAAE,SAAS,MAAM;AACjE,UAAQ,MAAM;;;AAIlB,SAAS,MAAM,QAAuB,SAA+B,QAAqB;CACxF,MAAM,OAAO,OAAO,QAAQ,UAAU,MAAM,WAAW,UAAU;AAEjE,MAAK,MAAM,SAAS,MAAM;AACxB,QAAM,SAAS;AACf,QAAM,SAAS;;CAGjB,MAAM,eAAe;AACnB,OAAK,MAAM,SAAS,KAClB,KAAI,MAAM,WAAW,YAAY;AAC/B,SAAM,SAAS;AACf,oBAAiB,SAAS,MAAM,CAAC;;;AAIvC,EAAC,OAAO,aAAa,EAAE,EAAE,KAAK,OAAO;AACrC,SAAQ,KAAK,QAAQ,OAAO;;AAG9B,SAAS,QAAQ,OAAoB;CACnC,MAAM,EAAE,aAAa;AAErB,OAAM,WAAW;AACjB,WAAU,SAAS,WAAW,QAAQ,CAAC;;AAGzC,SAAS,QAAQ,OAAwB;AACvC,QAAO,SAAS,SAAS,MAAM,CAAC;;AAGlC,SAAS,OAAO,OAAoB;CAClC,MAAM,EAAE,UAAU;AAElB,OAAM,QAAQ;AACd,SAAQ,MAAM;;AAGhB,SAAS,SAAS,OAAoB;CACpC,MAAM,OAAO,SAAS;AAEtB,KAAI,KAAM,EAAC,MAAM,UAAU,EAAE,EAAE,KAAK,KAAK;AACzC,OAAM,SAAS;AAEf,KAAI,CAAC,OAAO;AACV,UAAQ,OAAO,MAAM;AACrB,QAAM,SAAS;AACf,SAAO,IAAI,MAAM;AAEjB,MAAI,CAAC,cAAc;AACjB,kBAAe;AACf,kBAAe,YAAY;;AAG7B;;AAGF,KAAI,MAAM,UAAU,MAAM,WAAW,WAAY;AAEjD,OAAM,SAAS;AACf,SAAQ,IAAI,MAAM;AAElB,KAAI,CAAC,eAAe;AAClB,kBAAgB;AAChB,aAAW,aAAa;;;AAI5B,SAAS,WAAW,MAAkB;AACpC;AAEA,KAAI;AACF,QAAM;WACE;AACR;;;AAIJ,SAAS,MAAM,OAAoB;AACjC,QAAO,OAAO,MAAM;AACpB,SAAQ,OAAO,MAAM;AACrB,OAAM,SAAS;AACf,OAAM,SAAS;;AAGjB,SAAS,WAAW,OAAoB;AACtC,QAAO,OAAO,MAAM;AACpB,SAAQ,OAAO,MAAM;AACrB,OAAM,SAAS;AACf,OAAM,SAAS;AACf,QAAO,MAAM;AACb,SAAQ,MAAM;;;;;AC5KhB,MAAM,2BAAW,IAAI,KAAqB;AAC1C,MAAM,yBAAS,IAAI,SAA2B;;AAG9C,SAAS,OAAO,MAAgB;AAC9B,QAAO,OAAO,IAAI,KAAK,EAAE,WAAW;;;AAItC,SAAS,KAAK,GAAY,GAAY;AACpC,KAAI,MAAM,EAAG,QAAO;CAEpB,MAAM,SAAS,OAAO,KAAK,cAAc,OAAO,IAAI,EAAE;AAEtD,QAAO,CAAC,CAAC,UAAU,WAAW,OAAO,IAAI,EAAc;;AAGzD,SAAS,MAAM,MAAgB,OAAc;AAC3C,QAAO,IAAI,KAAK,EAAE,OAAO,IAAI,MAAM;;AAGrC,SAAS,QAAQ,MAAgB,OAAc;AAC7C,QAAO,IAAI,KAAK,EAAE,OAAO,OAAO,MAAM;;;;;;AAOxC,SAAS,IAAI,IAAY,YAAqC;AAC5D,MAAK,MAAM,CAAC,MAAM,SAAS,OAAO,QAAQ,WAAW,EAAE;AACrD,MAAI,OAAO,QAAQ,WAAY;EAE/B,MAAM,MAAM,GAAG,GAAG,GAAG;EACrB,IAAI,SAAS,SAAS,IAAI,IAAI;AAE9B,MAAI,CAAC,OAAQ,UAAS,IAAI,KAAM,SAAS;GAAE,SAAS;GAAM,wBAAQ,IAAI,KAAK;GAAE,CAAE;AAE/E,SAAO,IAAI,MAAM,OAAO;AAExB,MAAI,OAAO,YAAY,KAAM;AAE7B,SAAO,UAAU;AAEjB,OAAK,MAAM,SAAS,OAAO,QAAQ;AACjC,SAAM,MAAM;AACZ,YAAS,MAAM"}

package/dist/{chunk-vnode-DHwzzX6t.d.ts → chunk-vnode-BsbDCqd1.d.ts}

@@ -22,4 +22,4 @@ declare function vnode<P>(type: VNode<P>['type'], props: P, key?: unknown): VNod
 declare function createPortal(children: Node, container: Element | DocumentFragment, key?: Key): VNode;
 //#endregion
 export { createPortal as a, VNode as i, FunctionComponent as n, vnode as o, Node as r, ComponentType as t };
-//# sourceMappingURL=chunk-vnode-DHwzzX6t.d.ts.map
+//# sourceMappingURL=chunk-vnode-BsbDCqd1.d.ts.map

package/dist/{chunk-vnode-DA7cLTKP.js → chunk-vnode-CzmFSz5_.js}

@@ -30,4 +30,4 @@ function createPortal(children, container, key) {
 
 //#endregion
 export { vnode as a, isVNode as i, childrenOf as n, createPortal as r, PORTAL as t };
-//# sourceMappingURL=chunk-vnode-DA7cLTKP.js.map
+//# sourceMappingURL=chunk-vnode-CzmFSz5_.js.map

package/dist/{chunk-vnode-DA7cLTKP.js.map → chunk-vnode-CzmFSz5_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chunk-vnode-DA7cLTKP.js","names":[],"sources":["../src/vnode.ts"],"sourcesContent":["import type { has, map } from '@expressive/mvc';\n\nconst VNODE = Symbol('@expressive/dom.vnode');\nconst PORTAL = Symbol('@expressive/dom.portal');\n\ntype Key = string | number | null | undefined;\ntype FunctionComponent<P = any> = (props: P) => Node;\ninterface ComponentInstance {\n  readonly props: any;\n  render(props?: any): Node;\n}\ntype ComponentType<P = any> = FunctionComponent<P> | (new (props: P) => ComponentInstance);\n\ntype Node =\n  | VNode\n  | ComponentInstance\n  | string\n  | number\n  | bigint\n  | boolean\n  | null\n  | undefined\n  | readonly Node[]\n  | has.List<Node>\n  | has.Pool<Node, any, any>\n  | map.Managed<unknown, Node>;\n\ninterface VNode<P = any> {\n  readonly [VNODE]: true;\n  readonly type: string | symbol | ComponentType<P>;\n  readonly props: P & { children?: Node };\n  readonly key?: Key;\n}\n\nfunction vnode<P>(type: VNode<P>['type'], props: P, key?: unknown): VNode<P> {\n  return {\n    [VNODE]: true,\n    type,\n    props: (props || {}) as VNode<P>['props'],\n    key: key as Key\n  };\n}\n\nfunction isVNode(value: unknown): value is VNode {\n  return !!value && typeof value == 'object' && (value as VNode)[VNODE] === true;\n}\n\nfunction childrenOf(value: unknown): Node[] {\n  const output: Node[] = [];\n\n  function add(child: unknown) {\n    if (Array.isArray(child)) child.forEach(add);\n    else if (child !== null && child !== undefined && typeof child != 'boolean')\n      output.push(child as Node);\n  }\n\n  add(value);\n  return output;\n}\n\nfunction createPortal(children: Node, container: Element | DocumentFragment, key?: Key): VNode {\n  return vnode(PORTAL, { children, container }, key);\n}\n\nexport {\n  VNODE,\n  PORTAL,\n  childrenOf,\n  createPortal,\n  isVNode,\n  vnode\n};\n\nexport type { ComponentInstance, ComponentType, FunctionComponent, Key, Node, VNode };\n"],"mappings":";AAEA,MAAM,QAAQ,OAAO,wBAAwB;AAC7C,MAAM,SAAS,OAAO,yBAAyB;AA+B/C,SAAS,MAAS,MAAwB,OAAU,KAAyB;AAC3E,QAAO;GACJ,QAAQ;EACT;EACA,OAAQ,SAAS,EAAE;EACd;EACN;;AAGH,SAAS,QAAQ,OAAgC;AAC/C,QAAO,CAAC,CAAC,SAAS,OAAO,SAAS,YAAa,MAAgB,WAAW;;AAG5E,SAAS,WAAW,OAAwB;CAC1C,MAAM,SAAiB,EAAE;CAEzB,SAAS,IAAI,OAAgB;AAC3B,MAAI,MAAM,QAAQ,MAAM,CAAE,OAAM,QAAQ,IAAI;WACnC,UAAU,QAAQ,UAAU,UAAa,OAAO,SAAS,UAChE,QAAO,KAAK,MAAc;;AAG9B,KAAI,MAAM;AACV,QAAO;;AAGT,SAAS,aAAa,UAAgB,WAAuC,KAAkB;AAC7F,QAAO,MAAM,QAAQ;EAAE;EAAU;EAAW,EAAE,IAAI"}
+{"version":3,"file":"chunk-vnode-CzmFSz5_.js","names":[],"sources":["../src/vnode.ts"],"sourcesContent":["import type { has, map } from '@expressive/mvc';\n\nconst VNODE = Symbol('@expressive/dom.vnode');\nconst PORTAL = Symbol('@expressive/dom.portal');\n\ntype Key = string | number | null | undefined;\ntype FunctionComponent<P = any> = (props: P) => Node;\ninterface ComponentInstance {\n  readonly props: any;\n  render(props?: any): Node;\n}\ntype ComponentType<P = any> = FunctionComponent<P> | (new (props: P) => ComponentInstance);\n\ntype Node =\n  | VNode\n  | ComponentInstance\n  | string\n  | number\n  | bigint\n  | boolean\n  | null\n  | undefined\n  | readonly Node[]\n  | has.List<Node>\n  | has.Pool<Node, any, any>\n  | map.Managed<unknown, Node>;\n\ninterface VNode<P = any> {\n  readonly [VNODE]: true;\n  readonly type: string | symbol | ComponentType<P>;\n  readonly props: P & { children?: Node };\n  readonly key?: Key;\n}\n\nfunction vnode<P>(type: VNode<P>['type'], props: P, key?: unknown): VNode<P> {\n  return {\n    [VNODE]: true,\n    type,\n    props: (props || {}) as VNode<P>['props'],\n    key: key as Key\n  };\n}\n\nfunction isVNode(value: unknown): value is VNode {\n  return !!value && typeof value == 'object' && (value as VNode)[VNODE] === true;\n}\n\nfunction childrenOf(value: unknown): Node[] {\n  const output: Node[] = [];\n\n  function add(child: unknown) {\n    if (Array.isArray(child)) child.forEach(add);\n    else if (child !== null && child !== undefined && typeof child != 'boolean')\n      output.push(child as Node);\n  }\n\n  add(value);\n  return output;\n}\n\nfunction createPortal(children: Node, container: Element | DocumentFragment, key?: Key): VNode {\n  return vnode(PORTAL, { children, container }, key);\n}\n\nexport {\n  VNODE,\n  PORTAL,\n  childrenOf,\n  createPortal,\n  isVNode,\n  vnode\n};\n\nexport type { ComponentInstance, ComponentType, FunctionComponent, Key, Node, VNode };\n"],"mappings":";AAEA,MAAM,QAAQ,OAAO,wBAAwB;AAC7C,MAAM,SAAS,OAAO,yBAAyB;AA+B/C,SAAS,MAAS,MAAwB,OAAU,KAAyB;AAC3E,QAAO;GACJ,QAAQ;EACT;EACA,OAAQ,SAAS,EAAE;EACd;EACN;;AAGH,SAAS,QAAQ,OAAgC;AAC/C,QAAO,CAAC,CAAC,SAAS,OAAO,SAAS,YAAa,MAAgB,WAAW;;AAG5E,SAAS,WAAW,OAAwB;CAC1C,MAAM,SAAiB,EAAE;CAEzB,SAAS,IAAI,OAAgB;AAC3B,MAAI,MAAM,QAAQ,MAAM,CAAE,OAAM,QAAQ,IAAI;WACnC,UAAU,QAAQ,UAAU,UAAa,OAAO,SAAS,UAChE,QAAO,KAAK,MAAc;;AAG9B,KAAI,MAAM;AACV,QAAO;;AAGT,SAAS,aAAa,UAAgB,WAAuC,KAAkB;AAC7F,QAAO,MAAM,QAAQ;EAAE;EAAU;EAAW,EAAE,IAAI"}

package/dist/index.d.ts

@@ -1,41 +1,6 @@
-import { a as createPortal, n as FunctionComponent, r as Node, t as ComponentType } from "./chunk-vnode-DHwzzX6t.js";
+import { a as createPortal, n as FunctionComponent, r as Node, t as ComponentType } from "./chunk-vnode-BsbDCqd1.js";
 import { Component, Context, State } from "@expressive/mvc";
 
-//#region src/adapter.d.ts
-interface UseState extends State {
-  use?(...props: any[]): Promise<void> | void;
-  mount?(): (() => void) | void;
-}
-type NoVoid<T> = T extends undefined | void ? null : T;
-declare module '@expressive/mvc' {
-  interface UseState extends State {
-    use?(...props: any[]): Promise<void> | void;
-    mount?(): (() => void) | void;
-  }
-  namespace State {
-    type ForceRefresh = {
-      (): void;
-      <T = void>(waitFor: Promise<T>): Promise<T>;
-      <T = void>(invoke: () => Promise<T>): Promise<T>;
-    };
-    type GetFactory<T extends State, R> = (this: T, current: T, refresh: ForceRefresh) => R;
-    type UseArgs<T extends State> = T extends {
-      use(...props: infer P): any;
-    } ? P : State.Args<T>;
-    function get<T extends State>(this: State.Extends<T>): T;
-    function get<T extends State>(this: State.Extends<T>, required: false): T | undefined;
-    function get<T extends State>(this: State.Extends<T>, required: true): Required<T>;
-    function get<T extends State, R>(this: State.Extends<T>, factory: GetFactory<T, R>): NoVoid<R>;
-    function use<T extends UseState>(this: State.Type<T>, ...args: UseArgs<T>): T;
-  }
-  namespace Component {
-    const use: never;
-  }
-  interface Component {
-    mount?(): (() => void) | void;
-  }
-}
-//#endregion
 //#region src/context.d.ts
 declare namespace Consumer {
   interface Props<T extends State> {
@@ -128,7 +93,7 @@ declare const css: {
     height: any;
   };
 };
-declare module './stylesheet' {
+declare module '@expressive/dom' {
   namespace macro {
     interface Registry {
       mx(value: style.Value): style.Map;

package/dist/index.js

@@ -1,140 +1,10 @@
-import { a as vnode, i as isVNode, n as childrenOf, r as createPortal, t as PORTAL } from "./chunk-vnode-DA7cLTKP.js";
+import { a as untrack, c as release, d as transition, f as unschedule, i as track, l as schedule, n as latest, o as afterFlush, r as same, s as claim$1, u as settle$1 } from "./chunk-hot-gq8TyYJV.js";
+import { a as vnode, i as isVNode, n as childrenOf, r as createPortal, t as PORTAL } from "./chunk-vnode-CzmFSz5_.js";
 import "./jsx-runtime.js";
-import { Component, Context, State, has, map, pending, unbind } from "@expressive/mvc";
+import { Component, Context, State, has, map, unbind } from "@expressive/mvc";
 import { watch } from "@expressive/mvc/observable";
 import { Fragment } from "@expressive/mvc/runtime";
 
-//#region src/scheduler.ts
-const urgent = /* @__PURE__ */ new Set();
-const passive = /* @__PURE__ */ new Set();
-const after = [];
-let depth$1 = 0;
-let urgentQueued = false;
-let passiveQueued = false;
-function flush(scopes) {
-	for (const scope of scopes) {
-		scopes.delete(scope);
-		scope.queued = void 0;
-		let waiting = void 0;
-		try {
-			waiting = scope.update(false);
-		} catch (error) {
-			console.error(error);
-		}
-		settle$1(scope);
-		if (!waiting) unblock(scope);
-	}
-}
-function flushUrgent() {
-	urgentQueued = false;
-	flush(urgent);
-	for (const run of after.splice(0)) run();
-}
-function afterFlush(run) {
-	after.push(run);
-	if (!urgentQueued) {
-		urgentQueued = true;
-		queueMicrotask(flushUrgent);
-	}
-}
-function flushPassive() {
-	passiveQueued = false;
-	const batch = [...passive].filter((scope) => scope.queued === "passive");
-	passive.clear();
-	for (const scope of batch) {
-		const waiting = scope.probe?.();
-		if (waiting) return defer(batch, waiting, scope);
-	}
-	batch.sort((a, b) => Number(!!b.empty?.()) - Number(!!a.empty?.()));
-	for (let index = 0; index < batch.length; index++) {
-		const scope = batch[index];
-		if (scope.queued !== "passive") continue;
-		scope.queued = void 0;
-		let waiting = void 0;
-		try {
-			waiting = scope.update(true);
-		} catch (error) {
-			console.error(error);
-		}
-		settle$1(scope);
-		if (waiting) return defer(batch.slice(index + 1), waiting, scope);
-		unblock(scope);
-	}
-}
-function defer(scopes, waiting, source) {
-	const held = scopes.filter((scope) => scope.queued === "passive");
-	for (const scope of held) {
-		scope.queued = "deferred";
-		scope.probed = void 0;
-	}
-	const resume = () => {
-		for (const scope of held) if (scope.queued === "deferred") {
-			scope.queued = void 0;
-			transition(() => schedule(scope));
-		}
-	};
-	(source.blocking ||= []).push(resume);
-	waiting.then(resume, resume);
-}
-function unblock(scope) {
-	const { blocking } = scope;
-	scope.blocking = void 0;
-	blocking?.forEach((resume) => resume());
-}
-function release(holds) {
-	holds?.forEach((held) => held());
-}
-function settle$1(scope) {
-	const { holds } = scope;
-	scope.holds = void 0;
-	release(holds);
-}
-function schedule(scope) {
-	const held = pending();
-	if (held) (scope.holds ||= []).push(held);
-	scope.probed = void 0;
-	if (!depth$1) {
-		passive.delete(scope);
-		scope.queued = "urgent";
-		urgent.add(scope);
-		if (!urgentQueued) {
-			urgentQueued = true;
-			queueMicrotask(flushUrgent);
-		}
-		return;
-	}
-	if (scope.queued && scope.queued !== "deferred") return;
-	scope.queued = "passive";
-	passive.add(scope);
-	if (!passiveQueued) {
-		passiveQueued = true;
-		setTimeout(flushPassive);
-	}
-}
-function transition(work) {
-	depth$1++;
-	try {
-		work();
-	} finally {
-		depth$1--;
-	}
-}
-function claim$1(scope) {
-	urgent.delete(scope);
-	passive.delete(scope);
-	scope.queued = void 0;
-	scope.probed = void 0;
-}
-function unschedule(scope) {
-	urgent.delete(scope);
-	passive.delete(scope);
-	scope.queued = void 0;
-	scope.probed = void 0;
-	settle$1(scope);
-	unblock(scope);
-}
-
-//#endregion
 //#region src/adapter.ts
 let current;
 let collecting;
@@ -148,9 +18,13 @@ function enter(scope, render) {
 	scope.useIndex = 0;
 	try {
 		const output = render();
-		if (scope.kind == "function" && scope.useIndex !== scope.uses.length) throw new Error("State.use() calls must keep the same order on every function-component render.");
+		if (scope.kind == "function" && scope.useIndex !== scope.uses.length) {
+			if (!scope.hot) throw new Error("State.use() calls must keep the same order on every function-component render.");
+			truncate(scope, scope.useIndex);
+		}
 		return output;
 	} finally {
+		scope.hot = void 0;
 		current = parent;
 		collecting = releases;
 		scope.subscriptions.forEach((release) => release());
@@ -162,14 +36,18 @@ function dispose(scope) {
 	unschedule(scope);
 	scope.subscriptions.forEach((release) => release());
 	scope.subscriptions = [];
-	for (let i = scope.uses.length - 1; i >= 0; i--) {
+	truncate(scope, 0);
+}
+/** Destroy the `State.use()` slots of a scope from `index` on. */
+function truncate(scope, index) {
+	for (let i = scope.uses.length - 1; i >= index; i--) {
 		const slot = scope.uses[i];
 		slot.release();
 		if (typeof slot.cleanup == "function") slot.cleanup();
 		slot.context.pop();
 		slot.instance.set(null);
 	}
-	scope.uses = [];
+	scope.uses.length = index;
 }
 function commit(scope) {
 	for (const slot of scope.uses) if (!slot.mounted) {
@@ -211,7 +89,11 @@ State.use = function use(...args) {
 	if (scope.kind != "function") throw new Error("State.use() is only available at the top level of a function component.");
 	const index = scope.useIndex++;
 	let slot = scope.uses[index];
-	if (slot && slot.Type !== this) throw new Error("State.use() calls must keep the same order on every function-component render.");
+	if (slot && slot.Type !== this) {
+		if (!scope.hot) throw new Error("State.use() calls must keep the same order on every function-component render.");
+		truncate(scope, index);
+		slot = void 0;
+	}
 	if (!slot) {
 		let instance;
 		const assign = (value) => typeof value == "object" && value && instance.set(value);
@@ -257,16 +139,16 @@ Component.on({
 		subcomponents(type.prototype);
 	},
 	before(self) {
-		subcomponents(self, true);
+		subcomponents(self);
 	}
 });
-function subcomponents(target, configurable) {
+function subcomponents(target) {
 	for (const key of Object.getOwnPropertyNames(target)) {
 		if (!/^[A-Z]/.test(key)) continue;
 		const { value } = Object.getOwnPropertyDescriptor(target, key);
 		if (typeof value != "function") continue;
 		Object.defineProperty(target, key, {
-			configurable,
+			configurable: true,
 			get() {
 				const owner = this.is;
 				let render = unbind(value);
@@ -287,7 +169,7 @@ function subcomponents(target, configurable) {
 					enumerable: true,
 					configurable: true
 				});
-				subcomponents(this, true);
+				subcomponents(this);
 			}
 		});
 	}
@@ -457,7 +339,7 @@ const bases = /* @__PURE__ */ new WeakMap();
 const chains = /* @__PURE__ */ new WeakMap();
 const contexts = /* @__PURE__ */ new WeakMap();
 const rootScopes = /* @__PURE__ */ new WeakMap();
-const styles = /* @__PURE__ */ new WeakMap();
+const STYLES = Symbol("@expressive/dom.styles");
 const entered = /* @__PURE__ */ new WeakSet();
 const globals = [];
 let globalContext;
@@ -546,14 +428,16 @@ function baseToken(scope) {
 }
 function style$1(type, rules) {
 	if (entered.has(type)) throw new Error("Cannot add styles after a component has rendered.");
-	const maps = styles.get(type);
-	if (maps) maps.push(rules);
+	if (Object.hasOwn(type, STYLES)) type[STYLES].push(rules);
 	else {
 		const label = type.displayName || type.name;
-		styles.set(type, [rules]);
+		Object.defineProperty(type, STYLES, {
+			configurable: true,
+			value: [rules]
+		});
 		registerAppearance(type, (parent) => {
 			entered.add(type);
-			return extendContext(parent, styles.get(type), label);
+			return extendContext(parent, type[STYLES], label);
 		});
 	}
 	return type;
@@ -904,7 +788,8 @@ function mountFunction(value, parent, before, context, boundary, appearance) {
 	fiber.boundary = boundary;
 	fiber.appearance = resolved.appearance;
 	fiber.scope = makeScope("function", context, (passive) => runFunction(fiber, passive));
-	fiber.render = () => enter(fiber.scope, () => fiber.type(fiber.props));
+	fiber.render = () => enter(fiber.scope, () => latest(fiber.type)(fiber.props));
+	track(fiber.type, fiber.scope);
 	probing(fiber);
 	return complete(fiber, () => {
 		runFunction(fiber, passiveRender);
@@ -1349,6 +1234,12 @@ function patch(old, value, parent, before, context, boundary, appearance) {
 	} else if (old.kind == "function") {
 		const vnode = value;
 		const resolved = componentProps(vnode.type, vnode.props, appearance);
+		if (old.type !== vnode.type) {
+			untrack(old.type, old.scope);
+			old.type = vnode.type;
+			old.scope.hot = true;
+			track(old.type, old.scope);
+		}
 		old.appearance = resolved.appearance;
 		old.props = observe(resolved.props);
 		rerun(old, () => runFunction(old, passiveRender));
@@ -1393,7 +1284,7 @@ function compatible(fiber, value) {
 	if (value instanceof Component) return fiber.kind == "component" && fiber.instance === value;
 	if (isCollection(value)) return fiber.kind == "collection" && fiber.source === value;
 	if (!isVNode(value)) return false;
-	if (fiber.key !== value.key || fiber.type !== value.type) return false;
+	if (fiber.key !== value.key || !same(fiber.type, value.type)) return false;
 	if (fiber.kind == "portal") return fiber.portalContainer === value.props.container;
 	return true;
 }
@@ -1548,7 +1439,7 @@ function renderedAppearance(fiber) {
 		style
 	}));
 	const inherited = fiber.appearance?.context || appearanceRoot();
-	const context = enterAppearance(inherited, fiber.type);
+	const context = enterAppearance(inherited, latest(fiber.type));
 	if (context?.base && context !== inherited) entries.push({
 		hops: 0,
 		style: context.base
@@ -1629,6 +1520,7 @@ function unmountFiber(fiber) {
 	for (let index = fiber.children.length - 1; index >= 0; index--) unmountFiber(fiber.children[index]);
 	if (fiber.placeholder) unmountFiber(fiber.placeholder);
 	fiber.suspended?.forEach((clear) => clear());
+	if (fiber.kind == "function") untrack(fiber.type, fiber.scope);
 	if (fiber.scope) dispose(fiber.scope);
 	fiber.release?.();
 	if (fiber.kind == "element") {