pawajs 2.3.0 → 2.3.2

package/cdn/index.js

@@ -2,7 +2,8 @@ import { $state, html, useInsert, RegisterComponent, pawaStartApp } from "../ind
 
 export const Counter=()=>{
   const count=$state(0)
-  useInsert({count})
+  const data=$state({data:undefined,user:true})
+  useInsert({count,data,increment:[{increase:()=>count.value++,step:1}]})
   return html`
   <div>
     <h1>Counter APPs</h1>

package/normal/component.js

@@ -10,25 +10,49 @@ function isPawaState(obj) {
     typeof obj.id === 'string'
   )
 }
-
 function snapshotInsert(ctx) {
   const snapshot = {}
+
   for (const key of Object.keys(ctx)) {
     const val = ctx[key]
     const raw = isPawaState(val) ? val.value : val
+
+    if (typeof raw === 'number' || typeof raw === 'string' || typeof raw === 'boolean') {
+      snapshot[key] = raw
+      continue
+    }
+    if (raw === null || raw === undefined) {
+      snapshot[key] = raw
+      continue
+    }
+    if (typeof raw !== 'object') {
+      // function, symbol, bigint
+      snapshot[key] = undefined
+      continue
+    }
+
+    let lossy = false
     try {
-      snapshot[key] = structuredClone(raw)
-    } catch {
+      const json = JSON.stringify(raw, (_k, v) => {
+        if (typeof v === 'function' || typeof v === 'symbol') {
+          lossy = true
+        }
+        return v
+      })
+      snapshot[key] = lossy ? undefined : json
+    } catch (error) {
       snapshot[key] = undefined
     }
   }
+// console.log(snapshot);
+
   return snapshot
 }
 
 function sameInitial(a, b) {
   if (a === undefined || b === undefined) return false 
   try {
-    return JSON.stringify(a) === JSON.stringify(b)
+    return a === b
   } catch {
     return false
   }
@@ -57,7 +81,7 @@ function restorePawaStateFromContext(oldCtx, newCtx,stateContext,oldStateContext
       newVal.value = oldVal.value
     }
   }
-  stateContext._hmrInitial = freshInitials
+  stateContext._hmrinitial = freshInitials
 }
 export const normal_component=(el,stateContext,setStateContext,mapsPlugin,formerStateContext,pawaContext,stateWatch,hmrPreserverContext,hmrOldStateContext)=>{
     // Checks if the content is an SVG fragment (graphic elements) without a root <svg> tag.
@@ -337,8 +361,9 @@ export const normal_component=(el,stateContext,setStateContext,mapsPlugin,former
     stateContexts?._error?.forEach((error) => {
       throw Error(error)
     })
-        
-      
+        if (hmr) {
+          stateContexts._hmrinitial= snapshotInsert(component._insert)
+        }
     render(child, context) 
       } 
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pawajs",
-  "version": "2.3.0",
+  "version": "2.3.2",
   "type":"module",
   "description": "pawajs library (reactive web runtime) for easily building web ui, enhancing html element, micro frontend, spa etc ",
   "main": "index.js",