@wrnrlr/prelude 0.2.3 → 0.2.4

package/deno.jsonc

@@ -1,6 +1,6 @@
 {
   "name": "@wrnrlr/prelude",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "exports": "./src/mod.ts",
   "compilerOptions": {
     "strict": true,

package/example/checkbox.html

@@ -15,9 +15,9 @@ function Checkbox(props) {
 }
 
 function App() {
-  const todos = signal([true,false])
-  // const obj = signal({todos:[true]})
-  // const todos = wrap(obj,'todos')
+  // const todos = signal([true,false])
+  const obj = signal({todos:[true]})
+  const todos = wrap(obj,'todos')
   const first = wrap(todos, 0)
   const removeItem = i => {
     // console.log('remove', i)

package/package.json

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

package/src/controlflow.ts

@@ -82,8 +82,10 @@ export function listArray<T, U extends Mountable>(
     disposeList(items)
   })
 
+  let newItems
+
   return () => {
-    const newItems = typeof list==='function' ? list() || [] : list;
+    newItems = typeof list==='function' ? list() || [] : list;
     return untrack(() => {
       if (newItems.length > 0 && fallbackDisposer) {
         fallbackDisposer();
@@ -204,10 +206,11 @@ export function listArray<T, U extends Mountable>(
     let sV = (...a) => {
       sV = (...a) => {
         if (a.length===0) {
-          return list()[sI()]
+          return newItems[t.index]
         } else {
-          const k = untrack(sI)
-          return list(b => b.toSpliced(k, 1, typeof a[0] === 'function' ? a[0]() : a[0])).at(k)
+          const k = t.index
+          const b = newItems.toSpliced(k, 1, typeof a[0] === 'function' ? a[0]() : a[0])
+          return list(b).at(k)
         }
       }
       t.valueSetter = sV

package/src/runtime.ts

@@ -339,7 +339,7 @@ function setAttribute(node: Element, name: string, value?: string): undefined {
 }
 
 function setAttributeNS(node:Node, ns:string, name:string, value?:string):void {
-  value ? node.setAttributeNS(ns, name, value) : node.removeAttributeNS(ns, name)
+  value===undefined || value===null ? node.setAttributeNS(ns, name, value) : node.removeAttributeNS(ns, name)
 }
 
 function addEventListener(node: Element, name: string, handler:((e:Event)=>void), delegate:boolean): void {