@wrnrlr/prelude 0.2.21 → 0.2.23

package/deno.jsonc

@@ -1,6 +1,6 @@
 {
   "name": "@wrnrlr/prelude",
-  "version": "0.2.21",
+  "version": "0.2.23",
   "exports": {
       ".": "./src/mod.ts",
       "./style.css": "./src/style.css"

package/package.json

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

package/src/mod.ts

@@ -1,5 +1,5 @@
 export type {Getter,Setter,Signal} from './reactive.ts'
-export {signal,effect,untrack,batch,memo,root,context,useContext,wrap,fuse,onMount,onCleanup,renderEffect} from './reactive.ts'
+export {signal,effect,untrack,batch,memo,root,children,context,useContext,wrap,fuse,on,onMount,onCleanup,renderEffect} from './reactive.ts'
 export {nbsp} from './constants.ts'
 export {List} from './list.ts'
 export {Show} from './show.ts'
@@ -11,32 +11,3 @@ export {resource,makeAbortable,abortable} from './resource.js'
 import {r} from './runtime.ts'
 export const render = r.render
 export {Dialog,useDialog,Input,Checkbox,Select} from './form.js'
-
-// const r:Runtime = /*#__PURE__*/ (typeof window === 'object') ? runtime(window) : undefined as unknown as Runtime
-
-/** h
-@example Element with a single child
-```js
-h('h1','Hello World!')
-```
-@example Element with multiple children
-```js
-h('p',['Hello ',h('em','World!')])
-```
-@example Component with event handler
-```js
-h(Input,{onInput:e => {}})
-```
-@group Hyperscript
-*/
-// export const h: HyperScript = /*#__PURE__*/ hyperscript(r, parseHtmlTag)
-
-/** render
-
-Render component to DOM element.
-
-```js
-render(()=>'hi', document.body)
-```
-*/
-// export const render:(code:()=>void, element:Element, init:unknown) => void = /*#__PURE__*/ r?.render

package/src/reactive.ts

@@ -466,3 +466,23 @@ function observe<T>(fn: Fn<T>, observer: Observer | undefined, tracking: boolean
     TRACKING = TRACKING_PREV;
   }
 }
+
+export function on( deps: any, fn: any, options?: any ): any {
+  const isArray = Array.isArray(deps);
+  let prevInput: any;
+  let defer = options && options.defer;
+  return prevValue => {
+    let input: any;
+    if (isArray) {
+      input = Array(deps.length) as unknown as S;
+      for (let i = 0; i < deps.length; i++) (input as unknown as any)[i] = deps[i]();
+    } else input = deps();
+    if (defer) {
+      defer = false;
+      return prevValue;
+    }
+    const result = untrack(() => fn(input, prevInput, prevValue));
+    prevInput = input;
+    return result;
+  };
+}

package/src/show.ts

@@ -43,6 +43,6 @@ export function Show<T>(props:ShowProps<T>) {
       const child = props.children
       const fn = typeof child === "function" && child.length > 0
       return fn ? untrack(() => child(() => props.when)) : child
-    } else return props.fallback
+    } else return props?.fallback || []
   })
 }