@wrnrlr/prelude 0.2.10 → 0.2.15

package/.github/workflows/cd.yml

@@ -0,0 +1,32 @@
+name: CD
+
+on:
+  push:
+    branches:
+      - release
+
+permissions:
+  contents: read
+  id-token: write
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: denoland/setup-deno@v2
+        with:
+          deno-version: v2.x
+      - run: deno install
+      # - name: Lint
+      #   run: deno lint
+      - run: deno task test
+  publish-jsr:
+    needs: test
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: denoland/setup-deno@v2
+        with:
+          deno-version: v2.x
+      - run: deno publish --allow-slow-types --allow-dirty

package/.github/workflows/ci.yml

@@ -0,0 +1,31 @@
+name: CI
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: denoland/setup-deno@v2
+        with:
+          deno-version: v2.x
+      - run: deno install
+      # - run: deno lint
+      - run: deno task test --no-check
+
+      # Moving artifacts, website and docs into their own project...
+      # - name: Setup Pages
+        # uses: actions/configure-pages@v5
+
+      # - name: Upload artifact
+        # uses: actions/upload-pages-artifact@v3
+        # with:
+          # path: './www/dist'
+
+      # - name: Deploy to GitHub Pages
+        # id: deployment
+        # uses: actions/deploy-pages@v4

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.10",
-  "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.10",
+  "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
@@ -53,9 +76,9 @@ export function resource(pSource,pFetcher,pOptions) {
     }, false)
   }
 
-  function read() {
-    const v = value(),
-      err = error();
+  function read(...a) {
+    const v = a.length===0 ? value() : value(a[0])
+    const err = error();
     if (err !== undefined && !pr) throw err;
     return v;
   }

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()