@wrnrlr/prelude 0.2.14 → 0.2.15

package/.github/workflows/cd.yml

@@ -1,4 +1,4 @@
-name: Prelude CI/CD
+name: CD
 
 on:
   push:

package/.github/workflows/ci.yml

@@ -1,10 +1,9 @@
-name: Prelude CI/CD
+name: CI
 
 on:
   push:
     branches:
       - main
-      - release
 
 jobs:
   test:
@@ -16,7 +15,7 @@ jobs:
           deno-version: v2.x
       - run: deno install
       # - run: deno lint
-      - run: deno task test
+      - run: deno task test --no-check
 
       # Moving artifacts, website and docs into their own project...
       # - name: Setup Pages

package/LICENSE

@@ -1 +1,21 @@
-All that is not forbidden is allowed, and nothing more is implied.
+The MIT License (MIT)
+
+Copyright (c) 2025 Werner Laurensse
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/deno.jsonc

@@ -1,7 +1,10 @@
 {
   "name": "@wrnrlr/prelude",
-  "version": "0.2.14",
-  "exports": "./src/mod.ts",
+  "version": "0.2.15",
+  "exports": {
+      ".": "./src/mod.ts",
+      "./style.css": "./src/style.css"
+  },
   "compilerOptions": {
     "strict": true,
     "lib": ["dom", "dom.iterable", "dom.asynciterable", "deno.ns"]

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@wrnrlr/prelude",
   "type": "module",
-  "version": "0.2.14",
+  "version": "0.2.15",
   "author": "Werner Laurensse",
   "description": "A signal based frontend library with fine-grained reactivity",
   "main": "./src/mod.ts",

package/src/canvas.js

@@ -0,0 +1,16 @@
+
+function Canvas(props) {
+
+}
+
+function Arc(props) {
+
+}
+
+function Line(props) {
+
+}
+
+function Bezier(props) {
+
+}

package/src/domdiff.ts

@@ -0,0 +1,92 @@
+// Original version: https://github.com/WebReflection/udomdiff/blob/master/index.js
+/*
+ISC License
+
+Copyright (c) 2020, Andrea Giammarchi, @WebReflection
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE
+OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+*/
+
+export function reconcileArrays(parentNode:Node, a:Element[], b:Element[]) {
+  const bLength = b.length
+  let aEnd = a.length,
+    bEnd = bLength,
+    aStart = 0,
+    bStart = 0,
+    map:Map<Node,number>|null = null;
+  const after = a[aEnd - 1].nextSibling
+
+  while (aStart < aEnd || bStart < bEnd) {
+    // common prefix
+    if (a[aStart] === b[bStart]) {
+      aStart++;
+      bStart++;
+      continue;
+    }
+    // common suffix
+    while (a[aEnd - 1] === b[bEnd - 1]) {
+      aEnd--;
+      bEnd--;
+    }
+    // append
+    if (aEnd === aStart) {
+      const node =
+        bEnd < bLength
+          ? bStart
+            ? b[bStart - 1].nextSibling
+            : b[bEnd - bStart]
+          : after;
+
+      while (bStart < bEnd) parentNode.insertBefore(b[bStart++], node);
+      // remove
+    } else if (bEnd === bStart) {
+      while (aStart < aEnd) {
+        if (!map || !map.has(a[aStart])) a[aStart].remove();
+        aStart++;
+      }
+      // swap backward
+    } else if (a[aStart] === b[bEnd - 1] && b[bStart] === a[aEnd - 1]) {
+      const node = a[--aEnd].nextSibling;
+      parentNode.insertBefore(b[bStart++], a[aStart++].nextSibling);
+      parentNode.insertBefore(b[--bEnd], node);
+
+      a[aEnd] = b[bEnd];
+      // fallback to map
+    } else {
+      if (!map) {
+        map = new Map();
+        let i = bStart;
+        while (i < bEnd) map.set(b[i], i++);
+      }
+
+      const index = map.get(a[aStart]);
+      if (index != null) {
+        if (bStart < index && index < bEnd) {
+          let i = aStart,
+            sequence = 1,
+            t:number|undefined;
+
+          while (++i < aEnd && i < bEnd) {
+            if ((t = map.get(a[i])) == null || t !== index + sequence) break;
+            sequence++;
+          }
+
+          if (sequence > index - bStart) {
+            const node = a[aStart];
+            while (bStart < index) parentNode.insertBefore(b[bStart++], node);
+          } else parentNode.replaceChild(b[bStart++], a[aStart++]);
+        } else aStart++;
+      } else a[aStart++].remove();
+    }
+  }
+}

package/src/form.js

@@ -0,0 +1,20 @@
+import {signal, context, useContext} from './reactive.ts'
+
+const Ctx = context()
+const useForm = () => useContext(Ctx)
+
+function Form(props) {
+  return h('form', h(Ctx.Provider, {value:[props.value]}, props.children))
+}
+
+function Input(props) {
+  if (props.name) {
+    const [form] = useForm()
+    props.value = wrap(form, props.name)
+  }
+  return h('input', props)
+}
+
+function CurrencyInput(props) {
+  return h(Input, props)
+}

package/src/hyperscript.ts

@@ -1,14 +1,17 @@
 import type {DOMElements} from './constants.ts'
-import type {Runtime} from './runtime.ts'
+import type {Runtime,Mountable} from './runtime.ts'
+import {r} from './runtime.ts'
 
 const ELEMENT: unique symbol = Symbol(), {isArray} = Array
 
-export type Mountable = View | HTMLElement | string | number | bigint | symbol | boolean | Date | Mountable[];
+// export type Mountable = View | HTMLElement | string | number | bigint | symbol | boolean | Date | Mountable[];
 export type Component<T> = ((props:T) => Mountable) | ((props:T) => Mountable[])
 export type Tag = typeof DOMElements extends Set<infer K> ? K : never;
 export type Child = { ():Child } | Element | Child[] | string | number | symbol | bigint | boolean | Date | Record<string,unknown> | {():Child, [ELEMENT]:boolean}
 export type View = {():void, [ELEMENT]?:boolean}
 
+export const h = hyperscript(r)
+
 // export type PropsKeys = typeof Properties extends Set<infer K> ? K : never;
 // export type BooleanProps = typeof BooleanAttributes ext ends Set<infer K> ? K : never;
 // export type HandlerProps = typeof DelegatedEvents extends Set<infer K> ? K : never;

package/src/{controlflow.ts → list.ts}

@@ -1,28 +1,6 @@
 // @ts-nocheck:
-import type { Child } from './hyperscript.ts'
-import {signal,untrack,batch,memo,root,onCleanup,type Signal, type Setter, type Mountable} from './reactive.ts'
-
-export type ShowProps<T> = {
-  when: T,
-  children: Child | ((a:()=>T)=>void),
-  fallback: unknown
-}
-
-/**
-Show children if `when` prop is true, otherwise show `fallback`.
-@group Components
-*/
-export function Show<T>(props:ShowProps) {
-  const condition = memo(()=>props.when)
-  return memo(()=>{
-    const c = condition()
-    if (c) {
-      const child = props.children
-      const fn = typeof child === "function" && child.length > 0
-      return fn ? untrack(() => child(() => props.when)) : child
-    } else return props.fallback
-  })
-}
+import { signal, untrack, batch, memo, root, onCleanup} from './reactive.ts'
+import type { Signal, Setter, Mountable } from './reactive.ts'
 
 export type ListProps<T, U extends Mountable, F = Getter | Signal> = {
   each: F<T[]>,

package/src/mod.ts

@@ -1,15 +1,15 @@
-export type {Getter,Setter,Fn,EqualsFn,ErrorFn,RootFn,UpdateFn,Signal} from './reactive.ts'
-export {signal,effect,untrack,batch,memo,root,wrap,fuse,onMount,onCleanup} from './reactive.ts'
+export type {Getter,Setter,Signal} from './reactive.ts'
+export {signal,effect,untrack,batch,memo,root,context,useContext,wrap,fuse,onMount,onCleanup} from './reactive.ts'
 export {nbsp} from './constants.ts'
-export {Show,List} from './controlflow.ts'
-export {runtime, type Runtime} from './runtime.ts'
-import {runtime, type Runtime} from './runtime.ts'
-export {hyperscript,type Child,type Tag,type View,type Component} from './hyperscript.ts'
-import {hyperscript, parseHtmlTag, type HyperScript} from './hyperscript.ts'
-export {Router} from './router.js'
+export {List} from './list.ts'
+export {Show} from './show.ts'
+export {r, type Runtime} from './runtime.ts'
+export type * from './hyperscript.ts'
+export {hyperscript, h} from './hyperscript.ts'
+export {HashRouter} from './router.js'
 export {resource,makeAbortable,abortable} from './resource.js'
 
-const r:Runtime = /*#__PURE__*/ (typeof window === 'object') ? runtime(window) : undefined as unknown as Runtime
+// const r:Runtime = /*#__PURE__*/ (typeof window === 'object') ? runtime(window) : undefined as unknown as Runtime
 
 /** h
 @example Element with a single child
@@ -26,7 +26,7 @@ h(Input,{onInput:e => {}})
 ```
 @group Hyperscript
 */
-export const h: HyperScript = /*#__PURE__*/ hyperscript(r, parseHtmlTag)
+// export const h: HyperScript = /*#__PURE__*/ hyperscript(r, parseHtmlTag)
 
 /** render
 
@@ -36,4 +36,4 @@ Render component to DOM element.
 render(()=>'hi', document.body)
 ```
 */
-export const render:(code:()=>void, element:Element, init:unknown) => void = /*#__PURE__*/ r?.render
+// export const render:(code:()=>void, element:Element, init:unknown) => void = /*#__PURE__*/ r?.render

package/src/reactive.ts

@@ -1,3 +1,29 @@
+/*
+Inspired by S.js by Adam Haile, https://github.com/solidjs/solid
+
+The MIT License (MIT)
+
+Copyright (c) 2017 Adam Haile
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+*/
+
 // @ts-nocheck:
 export interface EffectOptions {
   name?: string;
@@ -399,6 +425,29 @@ export function untrack<T>(fn: ()=>T):T {
   return observe(fn, OBSERVER, false)!
 }
 
+function resolveChildren(children: any | Getter<any>): any {
+  if (typeof children === "function" && !children.length) return resolveChildren(children());
+  if (Array.isArray(children)) {
+    const results: any[] = [];
+    for (let i = 0; i < children.length; i++) {
+      const result = resolveChildren(children[i]);
+      Array.isArray(result) ? results.push.apply(results, result) : results.push(result);
+    }
+    return results;
+  }
+  return children as ResolvedChildren;
+}
+
+export function children(fn: Getter<any>): any {
+  const children = memo(fn);
+  const kids = memo(() => resolveChildren(children()));
+  (kids as any).toArray = () => {
+    const c = kids();
+    return Array.isArray(c) ? c : c != null ? [c] : [];
+  };
+  return kids as any;
+}
+
 function observe<T>(fn: Fn<T>, observer: Observer | undefined, tracking: boolean ): T|undefined {
   const OBSERVER_PREV = OBSERVER;
   const TRACKING_PREV = TRACKING;

package/src/resource.js

@@ -1,10 +1,33 @@
+/*
+MIT License
+
+Copyright (c) 2016-2025 Ryan Carniato
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+*/
 // @ts-nocheck:
 import {signal,effect,untrack,memo,batch,onCleanup} from './reactive.ts'
 
 const NO_INIT = {}
 
 /**
-resource
+`resource`
 */
 export function resource(pSource,pFetcher,pOptions) {
   let source

package/src/router.js

@@ -1,3 +1,26 @@
+/*
+MIT License
+
+Copyright (c) 2016-2025 Ryan Carniato
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+*/
 // @ts-nocheck
 import {signal,effect,batch,untrack,memo,wrap,context,useContext,onMount} from './reactive.ts'
 // import {h} from './hyperscript.ts'
@@ -8,7 +31,7 @@ export const useNavigate = () => wrap(useRouter(),'navigate')
 export const useParams = () => wrap(useRouter(),'params')
 export const useSearch = () => wrap(useRouter(),'search')
 
-export function Router(props) {
+export function HashRouter(props) {
   const routes = props.children
   const NotFound = ()=>'Not found'
   const render = () => {console.log('render')}
@@ -18,13 +41,9 @@ export function Router(props) {
   const search = signal(null)
   onMount(()=>{
     window.addEventListener("popstate", (event) => {
-      batch(()=>{
-        const hash = parseHash(document.location.hash)
-        navigate(hash)
-      })
+      batch(()=>navigate(parseHash(document.location.hash)))
     })
-    const hash = parseHash(document.location.hash)
-    navigate(hash)
+    navigate(parseHash(document.location.hash))
   })
   const children = memo(() => {
     let location = navigate()

package/src/runtime.ts

@@ -1,12 +1,15 @@
 // @ts-nocheck:
 import {effect,untrack,root} from './reactive.ts'
 import {SVGNamespace,SVGElements,ChildProperties,getPropAlias,Properties,Aliases,DelegatedEvents} from './constants.ts'
+import {reconcileArrays} from './domdiff.ts'
 // import type {Mountable} from './constants.ts'
 
 const {isArray} = Array
 
 export type Mountable = HTMLElement | Document | ShadowRoot | DocumentFragment | Node | string | number | bigint | symbol;
 
+export const r = { render, insert, spread, assign, element, component, text, isChild, clearDelegatedEvents}
+
 // declare global {
 //   interface Document {
 //     '_$DX_DELEGATE'?: Record<string, Set<unknown>>
@@ -45,264 +48,271 @@ Create `Runtime` for `window`
 @param window
 @group Internal
 */
-export function runtime(w:Window):Runtime {
-  const document = w.document
-  const isSVG = (e: unknown) => e instanceof (w.SVGElement),
-    element = (name:string) => SVGElements.has(name) ?
-      document.createElementNS("http://www.w3.org/2000/svg",name) : document.createElement(name),
-    text = (s:string) => document.createTextNode(s)
-
-  function isChild(a:unknown): a is Element {
-    return a instanceof Element
-  }
 
-  function component(fn:()=>unknown) {
-    return untrack(fn)
-  }
 
-  function render(code: ()=>void, element:Element|Document, init?: unknown): void {
-    if (!element) throw new Error("The `element` passed to `render(..., element)` doesn't exist.");
-    root(() => {
-      if (element instanceof Document) code()
-      else insert(element as Element, code(), element.firstChild ? null : undefined, init)
-    })
-  }
+const document = globalThis.document
 
-  type Value = string | number | Element | Text
-  type RxValue = (()=>Value) | Value
+const isSVG = (e: unknown) => e instanceof (globalThis.window.SVGElement)
 
-  function insert(parent: Element, accessor: string, marker?: Node|null, initial?: any): void
-  function insert(parent: Element, accessor: ()=>string, marker?: Node|null, initial?: any): void
-  function insert(parent: Element, accessor: string|(()=>string), marker?: Node|null, initial?: any): void {
-    if (marker !== undefined && !initial) initial = []
-    if (typeof accessor !== 'function') return insertExpression(parent, accessor, initial||[], marker)
-    let current = initial||[]
-    effect(() => {current = insertExpression(parent, accessor(), current, marker)})
-  }
+function element(name:string) {
+  return SVGElements.has(name) ?
+    globalThis.document.createElementNS("http://www.w3.org/2000/svg",name) : globalThis.document.createElement(name)
+}
 
-  function spread(node:Element, props:any = {}, skipChildren:boolean) {
-    const prevProps:any = {}
-    if (!skipChildren) effect(() => (prevProps.children = insertExpression(node, props.children, prevProps.children)))
-    effect(() => (props.ref?.call ? untrack(() => props.ref(node)) : (props.ref = node)))
-    effect(() => assign(node, props, true, prevProps, true))
-    return prevProps
-  }
+function text(s:string) {
+  return globalThis.document.createTextNode(s)
+}
 
-  function assign(node:Element, props:any, skipChildren:boolean, prevProps:any = {}, skipRef:boolean = false) {
-    const svg = isSVG(node)
-    props || (props = {})
-    for (const prop in prevProps) {
-      if (!(prop in props)) {
-        if (prop === "children") continue;
-        prevProps[prop] = assignProp(node, prop, null, prevProps[prop], svg, skipRef);
-      }
+function isChild(a:unknown): a is Element {
+  return a instanceof Element
+}
+
+function component(fn:()=>unknown) {
+  return untrack(fn)
+}
+
+function render(code: ()=>void, element:Element|Document, init?: unknown): void {
+  if (!element) throw new Error("The `element` passed to `render(..., element)` doesn't exist.");
+  root(() => {
+    if (element instanceof Document) code()
+    else insert(element as Element, code(), element.firstChild ? null : undefined, init)
+  })
+}
+
+type Value = string | number | Element | Text
+type RxValue = (()=>Value) | Value
+
+function insert(parent: Element, accessor: string, marker?: Node|null, initial?: any): void
+function insert(parent: Element, accessor: ()=>string, marker?: Node|null, initial?: any): void
+function insert(parent: Element, accessor: string|(()=>string), marker?: Node|null, initial?: any): void {
+  if (marker !== undefined && !initial) initial = []
+  if (typeof accessor !== 'function') return insertExpression(parent, accessor, initial||[], marker)
+  let current = initial||[]
+  effect(() => {current = insertExpression(parent, accessor(), current, marker)})
+}
+
+function spread(node:Element, props:any = {}, skipChildren:boolean) {
+  const prevProps:any = {}
+  if (!skipChildren) effect(() => (prevProps.children = insertExpression(node, props.children, prevProps.children)))
+  effect(() => (props.ref?.call ? untrack(() => props.ref(node)) : (props.ref = node)))
+  effect(() => assign(node, props, true, prevProps, true))
+  return prevProps
+}
+
+function assign(node:Element, props:any, skipChildren:boolean, prevProps:any = {}, skipRef:boolean = false) {
+  const svg = isSVG(node)
+  props || (props = {})
+  for (const prop in prevProps) {
+    if (!(prop in props)) {
+      if (prop === "children") continue;
+      prevProps[prop] = assignProp(node, prop, null, prevProps[prop], svg, skipRef);
     }
-    for (const prop in props) {
-      if (prop === "children") {
-        if (!skipChildren) insertExpression(node, props.children);
-        continue;
-      }
-      const value = props[prop];
-      prevProps[prop] = assignProp(node, prop, value, prevProps[prop], svg, skipRef);
+  }
+  for (const prop in props) {
+    if (prop === "children") {
+      if (!skipChildren) insertExpression(node, props.children);
+      continue;
     }
+    const value = props[prop];
+    prevProps[prop] = assignProp(node, prop, value, prevProps[prop], svg, skipRef);
   }
+}
 
-  function assignProp(node: Element, prop: 'style', value: StyleProps, prev: StyleProps, isSVG: boolean, skipRef: boolean): StyleProps
-  function assignProp(node: Element, prop: 'classList', value: ClassListProps, prev: ClassListProps, isSVG: boolean, skipRef: boolean): ClassListProps
-  function assignProp(node: Element, prop: 'ref', value: ()=>string, prev:string, isSVG: boolean, skipRef: false): string
-  function assignProp(node: Element, prop: string, value: string, prev: string|undefined, isSVG: boolean, skipRef: boolean): string
-  function assignProp(node: Element, prop: string, value: undefined, prev: string|undefined, isSVG: boolean, skipRef: boolean): undefined
-  function assignProp(
-    node: Element,
-    prop: 'style' | 'classList' | 'ref' | string,
-    value: StyleProps | ClassListProps | (()=>string) | string | undefined,
-    prev: StyleProps | ClassListProps | (()=>string) | string | undefined,
-    isSVG: false | boolean,
-    skipRef: boolean
+function assignProp(node: Element, prop: 'style', value: StyleProps, prev: StyleProps, isSVG: boolean, skipRef: boolean): StyleProps
+function assignProp(node: Element, prop: 'classList', value: ClassListProps, prev: ClassListProps, isSVG: boolean, skipRef: boolean): ClassListProps
+function assignProp(node: Element, prop: 'ref', value: ()=>string, prev:string, isSVG: boolean, skipRef: false): string
+function assignProp(node: Element, prop: string, value: string, prev: string|undefined, isSVG: boolean, skipRef: boolean): string
+function assignProp(node: Element, prop: string, value: undefined, prev: string|undefined, isSVG: boolean, skipRef: boolean): undefined
+function assignProp(
+  node: Element,
+  prop: 'style' | 'classList' | 'ref' | string,
+  value: StyleProps | ClassListProps | (()=>string) | string | undefined,
+  prev: StyleProps | ClassListProps | (()=>string) | string | undefined,
+  isSVG: false | boolean,
+  skipRef: boolean
+) {
+  let isCE, isProp, isChildProp, propAlias, forceProp;
+  if (prop === 'style') return style(node, value, prev);
+  if (prop === 'classList') return classList(node, value, prev);
+  if (value === prev) return prev;
+  if (prop === 'ref') {
+    if (!skipRef) value(node);
+  } else if (prop.slice(0, 3) === 'on:') {
+    const e = prop.slice(3);
+    prev && node.removeEventListener(e, prev);
+    value && node.addEventListener(e, value);
+  } else if (prop.slice(0, 10) === 'oncapture:') {
+    const e = prop.slice(10);
+    prev && node.removeEventListener(e, prev, true);
+    value && node.addEventListener(e, value, true);
+  } else if (prop.slice(0, 2) === 'on') {
+    const name = prop.slice(2).toLowerCase();
+    const delegate = DelegatedEvents.has(name);
+    if (!delegate && prev) {
+      const h = isArray(prev) ? prev[0] : prev;
+      node.removeEventListener(name, h);
+    }
+    if (delegate || value) {
+      addEventListener(node, name, value, delegate);
+      delegate && delegateEvents([name],globalThis.document);
+    }
+  } else if (prop.slice(0, 5) === 'attr:') {
+    setAttribute(node, prop.slice(5), value);
+  } else if (
+    (forceProp = prop.slice(0, 5) === 'prop:') ||
+    (isChildProp = ChildProperties.has(prop)) ||
+    (!isSVG && ((propAlias = getPropAlias(prop, node.tagName)) || (isProp = Properties.has(prop)))) ||
+    (isCE = node.nodeName.includes('-'))
   ) {
-    let isCE, isProp, isChildProp, propAlias, forceProp;
-    if (prop === 'style') return style(node, value, prev);
-    if (prop === 'classList') return classList(node, value, prev);
-    if (value === prev) return prev;
-    if (prop === 'ref') {
-      if (!skipRef) value(node);
-    } else if (prop.slice(0, 3) === 'on:') {
-      const e = prop.slice(3);
-      prev && node.removeEventListener(e, prev);
-      value && node.addEventListener(e, value);
-    } else if (prop.slice(0, 10) === 'oncapture:') {
-      const e = prop.slice(10);
-      prev && node.removeEventListener(e, prev, true);
-      value && node.addEventListener(e, value, true);
-    } else if (prop.slice(0, 2) === 'on') {
-      const name = prop.slice(2).toLowerCase();
-      const delegate = DelegatedEvents.has(name);
-      if (!delegate && prev) {
-        const h = isArray(prev) ? prev[0] : prev;
-        node.removeEventListener(name, h);
-      }
-      if (delegate || value) {
-        addEventListener(node, name, value, delegate);
-        delegate && delegateEvents([name],document);
-      }
-    } else if (prop.slice(0, 5) === 'attr:') {
-      setAttribute(node, prop.slice(5), value);
-    } else if (
-      (forceProp = prop.slice(0, 5) === 'prop:') ||
-      (isChildProp = ChildProperties.has(prop)) ||
-      (!isSVG && ((propAlias = getPropAlias(prop, node.tagName)) || (isProp = Properties.has(prop)))) ||
-      (isCE = node.nodeName.includes('-'))
-    ) {
-      if (forceProp) {
-        prop = prop.slice(5);
-        isProp = true;
-      }
-      if (prop === 'class' || prop === 'className') if (value) node.className = value; else node.removeAttribute('class')
-      else if (isCE && !isProp && !isChildProp) node[toPropertyName(prop)] = value;
-      else node[propAlias || prop] = value;
-    } else {
-      const ns = isSVG && prop.indexOf(':') > -1 && SVGNamespace[prop.split(':')[0]]
-      if (ns) setAttributeNS(node, ns, prop, value)
-      else setAttribute(node, Aliases[prop] || prop, value)
+    if (forceProp) {
+      prop = prop.slice(5);
+      isProp = true;
     }
-    return value;
+    if (prop === 'class' || prop === 'className') if (value) node.className = value; else node.removeAttribute('class')
+    else if (isCE && !isProp && !isChildProp) node[toPropertyName(prop)] = value;
+    else node[propAlias || prop] = value;
+  } else {
+    const ns = isSVG && prop.indexOf(':') > -1 && SVGNamespace[prop.split(':')[0]]
+    if (ns) setAttributeNS(node, ns, prop, value)
+    else setAttribute(node, Aliases[prop] || prop, value)
   }
+  return value;
+}
 
-  function insertExpression(
-    parent: Element,
-    value: RxValue,
-    current?: RxValue|Value[],
-    marker?: Node,
-    unwrapArray?: boolean
-  ): Value|{():Value} {
-    while (typeof current === 'function') current = current();
-    if (value === current) return current;
-    const t = typeof value,
-      multi = marker !== undefined;
-    parent = (multi && current[0] && current[0].parentNode) || parent;
-
-    if (t === "string" || t === "number") {
-      if (t === "number") {
-        value = value.toString();
-        if (value === current) return current;
-      }
-      if (multi) {
-        let node = current[0];
-        if (node && node.nodeType === 3) {
-          node.data !== value && (node.data = value);
-        } else node = document.createTextNode(value);
-        current = cleanChildren(parent, current, marker, node);
-      } else {
-        if (current !== "" && typeof current === 'string') {
-          current = (parent.firstChild as Text).data = value;
-        } else current = parent.textContent = value;
-      }
-    } else if (value == null || t === 'boolean') {
-      current = cleanChildren(parent, current, marker);
-    } else if (t === 'function') {
-      effect(() => {
-        let v = value();
-        while (typeof v === 'function') v = v();
-        current = insertExpression(parent, v, current, marker);
-      });
+function insertExpression(
+  parent: Element,
+  value: RxValue,
+  current?: RxValue|Value[],
+  marker?: Node,
+  unwrapArray?: boolean
+): Value|{():Value} {
+  while (typeof current === 'function') current = current();
+  if (value === current) return current;
+  const t = typeof value,
+    multi = marker !== undefined;
+  parent = (multi && current[0] && current[0].parentNode) || parent;
+
+  if (t === "string" || t === "number") {
+    if (t === "number") {
+      value = value.toString();
+      if (value === current) return current;
+    }
+    if (multi) {
+      let node = current[0];
+      if (node && node.nodeType === 3) {
+        node.data !== value && (node.data = value);
+      } else node = globalThis.document.createTextNode(value);
+      current = cleanChildren(parent, current, marker, node);
+    } else {
+      if (current !== "" && typeof current === 'string') {
+        current = (parent.firstChild as Text).data = value;
+      } else current = parent.textContent = value;
+    }
+  } else if (value == null || t === 'boolean') {
+    current = cleanChildren(parent, current, marker);
+  } else if (t === 'function') {
+    effect(() => {
+      let v = value();
+      while (typeof v === 'function') v = v();
+      current = insertExpression(parent, v, current, marker);
+    });
+    return () => current;
+  } else if (isArray(value)) {
+    const array:Node[] = [];
+    const currentArray = current && isArray(current);
+    if (normalizeIncomingArray(array, value, current, unwrapArray)) {
+      effect(() => (current = insertExpression(parent, array, current, marker, true)));
       return () => current;
-    } else if (isArray(value)) {
-      const array:Node[] = [];
-      const currentArray = current && isArray(current);
-      if (normalizeIncomingArray(array, value, current, unwrapArray)) {
-        effect(() => (current = insertExpression(parent, array, current, marker, true)));
-        return () => current;
-      }
-      if (array.length === 0) {
-        current = cleanChildren(parent, current, marker);
-        if (multi) return current;
-      } else if (currentArray) {
-        if (current.length === 0) {
-          appendNodes(parent, array, marker);
-        } else reconcileArrays(parent, current, array);
-      } else {
-        current && cleanChildren(parent);
-        appendNodes(parent, array);
-      }
-      current = array;
-    } else if (value.nodeType) {
-      if (isArray(current)) {
-        if (multi) return (current = cleanChildren(parent, current, marker, value));
-        cleanChildren(parent, current, null, value);
-      } else if (current == null || current === "" || !parent.firstChild) {
-        parent.appendChild(value);
-      } else parent.replaceChild(value, parent.firstChild);
-      current = value;
-    } else console.warn(`Unrecognized value. Skipped inserting`, value);
-    return current;
-  }
+    }
+    if (array.length === 0) {
+      current = cleanChildren(parent, current, marker);
+      if (multi) return current;
+    } else if (currentArray) {
+      if (current.length === 0) {
+        appendNodes(parent, array, marker);
+      } else reconcileArrays(parent, current, array);
+    } else {
+      current && cleanChildren(parent);
+      appendNodes(parent, array);
+    }
+    current = array;
+  } else if (value.nodeType) {
+    if (isArray(current)) {
+      if (multi) return (current = cleanChildren(parent, current, marker, value));
+      cleanChildren(parent, current, null, value);
+    } else if (current == null || current === "" || !parent.firstChild) {
+      parent.appendChild(value);
+    } else parent.replaceChild(value, parent.firstChild);
+    current = value;
+  } else console.warn(`Unrecognized value. Skipped inserting`, value);
+  return current;
+}
 
-  function normalizeIncomingArray(normalized:Node[], array:Node[], current:Node[], unwrap?:boolean): boolean {
-    let dynamic = false;
-    for (let i = 0, len = array.length; i < len; i++) {
-      let item = array[i]
-      const prev = current && current[normalized.length];
-      // if (item == null || item === true || item === false) {
-      //   // matches null, undefined, true or false skip
-      // } else
-      if (typeof item === 'object' && item.nodeType) {
-        normalized.push(item);
-      } else if (isArray(item)) {
-        dynamic = normalizeIncomingArray(normalized, item, prev) || dynamic;
-      } else if (item.call) {
-        if (unwrap) {
-          while (typeof item === 'function') item = item();
-          dynamic = normalizeIncomingArray(
-              normalized,
-              isArray(item) ? item : [item],
-              isArray(prev) ? prev : [prev]
-            ) || dynamic;
-        } else {
-          normalized.push(item);
-          dynamic = true;
-        }
+function normalizeIncomingArray(normalized:Node[], array:Node[], current:Node[], unwrap?:boolean): boolean {
+  let dynamic = false;
+  for (let i = 0, len = array.length; i < len; i++) {
+    let item = array[i]
+    const prev = current && current[normalized.length];
+    // if (item == null || item === true || item === false) {
+    //   // matches null, undefined, true or false skip
+    // } else
+    if (typeof item === 'object' && item.nodeType) {
+      normalized.push(item);
+    } else if (isArray(item)) {
+      dynamic = normalizeIncomingArray(normalized, item, prev) || dynamic;
+    } else if (item.call) {
+      if (unwrap) {
+        while (typeof item === 'function') item = item();
+        dynamic = normalizeIncomingArray(
+            normalized,
+            isArray(item) ? item : [item],
+            isArray(prev) ? prev : [prev]
+          ) || dynamic;
       } else {
-        const value = String(item);
-        if (prev && prev.nodeType === 3 && prev.data === value) normalized.push(prev);
-        else normalized.push(document.createTextNode(value));
+        normalized.push(item);
+        dynamic = true;
       }
+    } else {
+      const value = String(item);
+      if (prev && prev.nodeType === 3 && prev.data === value) normalized.push(prev);
+      else normalized.push(globalThis.document.createTextNode(value));
     }
-    return dynamic;
-  }
-
-  function cleanChildren(
-    parent: Element,
-    current?: Node[],
-    marker?: Node|null,
-    replacement?: boolean
-  ): string | Node[] {
-    if (marker === undefined) return (parent.textContent = '');
-    const node = replacement || document.createTextNode('');
-    if (current.length) {
-      let inserted = false;
-      for (let i = current.length - 1; i >= 0; i--) {
-        const el = current[i];
-        if (node !== el) {
-          const isParent = el.parentNode === parent;
-          if (!inserted && !i)
-            isParent ? parent.replaceChild(node, el) : parent.insertBefore(node, marker);
-          else isParent && el.remove();
-        } else inserted = true;
-      }
-    } else parent.insertBefore(node, marker);
-    return [node];
   }
+  return dynamic;
+}
 
-  function clearDelegatedEvents() {
-    if (globalThis[$$EVENTS]) {
-      for (const name of globalThis[$$EVENTS].keys()) document.removeEventListener(name, eventHandler);
-      delete globalThis[$$EVENTS];
+function cleanChildren(
+  parent: Element,
+  current?: Node[],
+  marker?: Node|null,
+  replacement?: boolean
+): string | Node[] {
+  if (marker === undefined) return (parent.textContent = '');
+  const node = replacement || globalThis.document.createTextNode('');
+  if (current.length) {
+    let inserted = false;
+    for (let i = current.length - 1; i >= 0; i--) {
+      const el = current[i];
+      if (node !== el) {
+        const isParent = el.parentNode === parent;
+        if (!inserted && !i)
+          isParent ? parent.replaceChild(node, el) : parent.insertBefore(node, marker);
+        else isParent && el.remove();
+      } else inserted = true;
     }
-  }
+  } else parent.insertBefore(node, marker);
+  return [node];
+}
 
-  return {render,component,insert,spread,assign,element,text,isChild,clearDelegatedEvents}
+function clearDelegatedEvents() {
+  if (globalThis[$$EVENTS]) {
+    for (const name of globalThis[$$EVENTS].keys()) globalThis.document.removeEventListener(name, eventHandler);
+    delete globalThis[$$EVENTS];
+  }
 }
 
+export {render,component,insert,spread,assign,element,text,isChild,clearDelegatedEvents}
+
 const $$EVENTS = "_$DX_DELEGATE"
 
 function delegateEvents(eventNames:string[], document:Document) {
@@ -322,7 +332,7 @@ function eventHandler(e: Event) {
   // reverse Shadow DOM retargetting
   if (e.target !== node) Object.defineProperty(e, 'target', {configurable: true, value: node})
   // simulate currentTarget
-  Object.defineProperty(e, 'currentTarget', {configurable: true, get() {return node || document}})
+  Object.defineProperty(e, 'currentTarget', {configurable: true, get() {return node || globalThis.document}})
   while (node) {
     const handler = node[key];
     if (handler && !node.disabled) {
@@ -418,78 +428,3 @@ function appendNodes(parent:Node, array:Node[], marker:null|Node = null) {
   for (let i = 0, len = array.length; i < len; i++)
     parent.insertBefore(array[i], marker)
 }
-
-// Slightly modified version of: https://github.com/WebReflection/udomdiff/blob/master/index.js
-function reconcileArrays(parentNode:Node, a:Element[], b:Element[]) {
-  const bLength = b.length
-  let aEnd = a.length,
-    bEnd = bLength,
-    aStart = 0,
-    bStart = 0,
-    map:Map<Node,number>|null = null;
-  const after = a[aEnd - 1].nextSibling
-
-  while (aStart < aEnd || bStart < bEnd) {
-    // common prefix
-    if (a[aStart] === b[bStart]) {
-      aStart++;
-      bStart++;
-      continue;
-    }
-    // common suffix
-    while (a[aEnd - 1] === b[bEnd - 1]) {
-      aEnd--;
-      bEnd--;
-    }
-    // append
-    if (aEnd === aStart) {
-      const node =
-        bEnd < bLength
-          ? bStart
-            ? b[bStart - 1].nextSibling
-            : b[bEnd - bStart]
-          : after;
-
-      while (bStart < bEnd) parentNode.insertBefore(b[bStart++], node);
-      // remove
-    } else if (bEnd === bStart) {
-      while (aStart < aEnd) {
-        if (!map || !map.has(a[aStart])) a[aStart].remove();
-        aStart++;
-      }
-      // swap backward
-    } else if (a[aStart] === b[bEnd - 1] && b[bStart] === a[aEnd - 1]) {
-      const node = a[--aEnd].nextSibling;
-      parentNode.insertBefore(b[bStart++], a[aStart++].nextSibling);
-      parentNode.insertBefore(b[--bEnd], node);
-
-      a[aEnd] = b[bEnd];
-      // fallback to map
-    } else {
-      if (!map) {
-        map = new Map();
-        let i = bStart;
-        while (i < bEnd) map.set(b[i], i++);
-      }
-
-      const index = map.get(a[aStart]);
-      if (index != null) {
-        if (bStart < index && index < bEnd) {
-          let i = aStart,
-            sequence = 1,
-            t:number|undefined;
-
-          while (++i < aEnd && i < bEnd) {
-            if ((t = map.get(a[i])) == null || t !== index + sequence) break;
-            sequence++;
-          }
-
-          if (sequence > index - bStart) {
-            const node = a[aStart];
-            while (bStart < index) parentNode.insertBefore(b[bStart++], node);
-          } else parentNode.replaceChild(b[bStart++], a[aStart++]);
-        } else aStart++;
-      } else a[aStart++].remove();
-    }
-  }
-}

package/src/select.js

@@ -0,0 +1 @@
+

package/src/show.ts

@@ -0,0 +1,48 @@
+/*
+MIT License
+
+Copyright (c) 2016-2025 Ryan Carniato
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+*/
+
+import type { Child } from './hyperscript.ts'
+import {untrack, memo} from './reactive.ts'
+
+export type ShowProps<T> = {
+  when: T,
+  children: Child | ((a:()=>T)=>void),
+  fallback: unknown
+}
+
+/**
+Show children if `when` prop is true, otherwise show `fallback`.
+@group Components
+*/
+export function Show<T>(props:ShowProps<T>) {
+  const condition = memo(()=>props.when)
+  return memo(()=>{
+    const c = condition()
+    if (c) {
+      const child = props.children
+      const fn = typeof child === "function" && child.length > 0
+      return fn ? untrack(() => child(() => props.when)) : child
+    } else return props.fallback
+  })
+}

package/src/switch.ts

@@ -0,0 +1,96 @@
+import {memo, untrack, children, type Getter} from './reactive.ts'
+
+/**
+ * Switches between content based on mutually exclusive conditions
+ * ```typescript
+ * <Switch fallback={<FourOhFour />}>
+ *   <Match when={state.route === 'home'}>
+ *     <Home />
+ *   </Match>
+ *   <Match when={state.route === 'settings'}>
+ *     <Settings />
+ *   </Match>
+ * </Switch>
+ * ```
+ * @description https://docs.solidjs.com/reference/components/switch-and-match
+ */
+export function Switch(props: { fallback?: any; children: any }): any {
+  const chs = children(() => props.children);
+  const switchFunc = memo(() => {
+    const ch = chs() as unknown as MatchProps<unknown> | MatchProps<unknown>[];
+    const mps = Array.isArray(ch) ? ch : [ch];
+    let func: Getter<any | undefined> = () => undefined;
+    for (let i = 0; i < mps.length; i++) {
+      const index = i;
+      const mp = mps[i];
+      const prevFunc = func;
+      const conditionValue = memo(
+        () => (prevFunc() ? undefined : mp.when),
+        undefined, undefined
+      );
+      const condition = mp.keyed
+        ? conditionValue
+        : memo(
+            conditionValue,
+            undefined,
+            { equals: (a, b) => !a === !b }
+          );
+      func = () => prevFunc() || (condition() ? [index, conditionValue, mp] : undefined);
+    }
+    return func;
+  });
+  return memo(
+    () => {
+      const sel = switchFunc()();
+      if (!sel) return props.fallback;
+      const [index, conditionValue, mp] = sel;
+      const child = mp.children;
+      const fn = typeof child === "function" && child.length > 0;
+      return fn
+        ? untrack(() =>
+            (child as any)(
+              mp.keyed
+                ? (conditionValue() as any)
+                : () => {
+                    if (untrack(switchFunc)()?.[0] !== index) throw 'Stale read from Switch'
+                    return conditionValue();
+                  }
+            )
+          )
+        : child;
+    },
+    undefined,
+    undefined
+  ) as unknown as any;
+}
+
+export type MatchProps<T> = {
+  when: T | undefined | null | false;
+  keyed?: boolean;
+  children: any | ((item: NonNullable<T> | Getter<NonNullable<T>>) => any);
+};
+/**
+ * Selects a content based on condition when inside a `<Switch>` control flow
+ * ```typescript
+ * <Match when={condition()}>
+ *   <Content/>
+ * </Match>
+ * ```
+ * @description https://docs.solidjs.com/reference/components/switch-and-match
+ */
+export function Match<
+  T,
+  TRenderFunction extends (item: Getter<NonNullable<T>>) => any
+>(props: {
+  when: T | undefined | null | false;
+  keyed?: false;
+  children: any;
+}): any;
+export function Match<T, TRenderFunction extends (item: NonNullable<T>) => any>(props: {
+  when: T | undefined | null | false;
+  keyed: true;
+  children: any;
+}): any;
+export function Match<T>(props: MatchProps<T>) {
+  return props as unknown as any;
+}

package/test/hyperscript.js

@@ -1,13 +1,16 @@
-import {runtime} from '../src/runtime.ts'
-import {hyperscript} from '../src/hyperscript.ts'
-import {signal,root} from '../src/reactive.ts'
+// import {runtime} from '../src/runtime.ts'
 import { Window } from 'happy-dom'
 import {assertEquals} from '@std/assert'
 
 const window = new Window
-const document = window.document
-globalThis = window
-const r = runtime(window), h = hyperscript(r)
+
+globalThis.window = window
+globalThis.document = window.document
+globalThis.navigator = window.navigator
+
+import {signal,root} from '../src/reactive.ts'
+import { r } from '../src/runtime.ts'
+import {h} from '../src/hyperscript.ts'
 
 function testing(name, props, f=props) {
   const htest = t => (name, f) => {

package/test/list.js

@@ -1,8 +1,8 @@
-import {assertEquals,assert} from '@std/assert'
-import {describe,it} from '@std/testing/bdd'
+// import {assertEquals,assert} from '@std/assert'
+// import {describe,it} from '@std/testing/bdd'
 
-import { signal } from '../src/reactive.ts'
-import { listArray } from '../src/controlflow.ts'
+// import { signal } from '../src/reactive.ts'
+// import { listArray } from '../src/list.ts'
 
 // Deno.test('listArray applies list to mapFn', ()=>{
 //   const l = signal([0,1,2])

package/test/types.ts

@@ -1,11 +1,15 @@
-import { runtime } from '../src/runtime.ts'
-import { hyperscript, type Mountable } from '../src/hyperscript.ts'
+import { type Mountable } from '../src/runtime.ts'
+import { h } from '../src/hyperscript.ts'
 import { signal, root } from '../src/reactive.ts'
-import { List } from '../src/controlflow.ts'
+import { List } from '../src/list.ts'
 import { Window } from 'happy-dom'
 
 const window = new Window
-const r = runtime(window as any), h = hyperscript(r)
+
+globalThis.window = (window as any)
+globalThis.document = (window as any).document
+globalThis.navigator = (window as any).navigator
+
 
 h('hr')
 h('div', ['hello'])

package/.github/workflows/npm.yml

@@ -1,23 +0,0 @@
-# name: Prelude CI/CD
-
-# on:
-#   push:
-#     branches:
-#       - release
-
-# permissions:
-#   contents: read
-#   id-token: write
-
-# jobs:
-#   publish-npm:
-#     runs-on: ubuntu-latest
-#     steps:
-#       - uses: actions/checkout@v4
-#       - uses: actions/setup-node@v4
-#         with:
-#           node-version: 20
-#           registry-url: 'https://registry.npmjs.org/'
-#       - run: npm publish
-#         env:
-#           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}