@wrnrlr/prelude 0.1.3 → 0.1.5

package/deno.json

@@ -1,6 +1,6 @@
 {
   "name": "@wrnrlr/prelude",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "exports": "./src/mod.ts",
   "compilerOptions": {
     "strict": false,

package/package.json

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

package/src/hyperscript.ts

@@ -126,15 +126,15 @@ export function hyperscript(r:Runtime, patch?:any):HyperScript {
       if (tag.id) e.setAttribute('id',tag.id)
       if (tag.classes?.length) {
         const cd = Object.getOwnPropertyDescriptor(props2,'class') ?? ({value:'',writable:true,enumerable:true} as any);
-        (props2 as any).class = (!cd.value.call) ?
-          [...tag.classes,...cd.value.split(' ')].filter(c=>c).join(' ') :
-          () => [...tag.classes,...cd.value().split(' ')].filter(c=>c).join(' ')
+        (props2 as any).class = (cd.value?.call) ?
+          () => [...tag.classes,...(cd.value()??'').split(' ')].filter(c=>c).join(' ') :
+          [...tag.classes,...(cd.value??'').split(' ')].filter(c=>c).join(' ')
       }
       if (patch) patch(props2)
       let dynamic = false
       const d = Object.getOwnPropertyDescriptors(props2)
       for (const k in d) {
-        if (k !== "ref" && !k.startsWith('on') && d[k].value?.call) {
+        if (k !== 'ref' && !k.startsWith('on') && d[k].value?.call) {
           dynamicProperty(props2 as any, k)
           dynamic = true
         } else if (d[k].get) dynamic = true

package/src/mod.ts

@@ -1,6 +1,6 @@
 // @ts-nocheck:
 export type {Getter,Setter,Fn,EqualsFn,ErrorFn,RootFn,UpdateFn} from './reactive.ts'
-export {signal,effect,untrack,batch,memo,root,wrap,onMount} from './reactive.ts'
+export {signal,effect,untrack,batch,memo,root,wrap,onMount,onCleanup} from './reactive.ts'
 export {nbsp} from './constants.ts'
 export {Show,List} from './controlflow.ts'
 export {runtime, type Runtime} from './runtime.ts'

package/src/reactive.ts

@@ -327,10 +327,21 @@ export function onMount(fn: () => void) {
   effect(() => untrack(fn));
 }
 
+/** Runs an effect `fn` once before the reactive scope is disposed */
 export function onCleanup(fn: Fn):void {
   OBSERVER?.cleanups.push(fn)
 }
 
+
+/**
+@internal
+@experimental
+*/
+export function autoclean(fn: Fn):Fn {
+  const cleanup = untrack(fn)
+  if (cleanup) OBSERVER?.cleanups.push(fn)
+}
+
 export function onError(fn: ErrorFn):void {
   if ( !OBSERVER ) return
   OBSERVER.contexts[SYMBOL_ERRORS] ||= []

package/www/demo.html

@@ -5,11 +5,24 @@
 
 import {h,signal,effect,batch,wrap,render,onMount,List} from '../src/mod.ts'
 
+function Test(props) {
+  return h('h1.red', {class:'yellow'}, 'Hello')
+}
+
 function App() {
   const fruits = ['apple', 'banana', 'cherry']
   return h(List, {each:fruits}, f => f)
 }
 
-render(App, document.body)
+render(Test, document.body)
 
 </script>
+
+<style>
+.red {
+    background-color: red;
+}
+.yellow {
+    color:yellow;
+}
+</style>