pawajs 1.4.6 → 1.4.8

package/CHANGELOG.md

@@ -2,3 +2,4 @@ CHANGELOG.md
 + version 1.3.0 - v1.4.0 on experiment
 + version 1.4.0 for-key bug fixing
 + version 1.4.4 added onSuspense and fix out- (document event)
++ version 1.4.7 solving resuming issue when wrapping with template

package/README.md

@@ -7,6 +7,8 @@ pawajs - power the web (reactivity and html runtime)
 
 PawaJS is a JavaScript library designed for building dynamic user interfaces. It combines a component-based architecture and progressive enhancement with a powerful reactivity system no v-dom. Its intuitive, directive-based templating feels familiar and makes it easy to create interactive applications, from simple widgets to complex single-page apps. With built-in support for server-side rendering, PawaJS is equipped for performance and scalability.
 
+🌐 **Website:** [pawajs.vercel.app](https://pawajs.vercel.app)
+
 ---
 
 ## Features
@@ -340,6 +342,7 @@ useValidateComponent(TodoList, {
 -   `pawaStartApp(rootElement, initialContext)`: Initializes the PawaJS application on a given root DOM element.
 -   `RegisterComponent(...components)`: Registers one or more components to be used in templates.
 -   `$state(initialValue, localStorageKey?)`: Creates a new reactive state object.
+-   `PluginSystem(plugin)`: Registers a plugin to extend PawaJS functionality (e.g., Routers, Global Stores).
 -   `html`: A tagged template literal for syntax highlighting and potential future optimizations.
 
 ### Component Hooks

package/index.js

@@ -592,12 +592,7 @@ export const useAsync = () => {
         }
     } else {
         //sets server initialization to default
-        return {
-            $async: (callback) => {
-                return callback()
-            },
-            onSuspense:(html)=>{}
-        }
+        return serverInstance.useAsync?.()
     }
 }
 //resume state during after ssr
@@ -899,7 +894,7 @@ const component = (el, resume = false, attr, notRender, stopResume) => {
         getComment(el)
         getEndComment(comment)
         el.removeAttribute(attr.name)
-        const numberComponentChildren = notRender.index + children.length - 2
+        const numberComponentChildren = notRender.index + children.length - 1
         notRender.notRender = numberComponentChildren
         resumer.resume_component?.(el, attr, setStateContext, mapsPlugins, formerStateContext, pawaContext, stateWatch, { comment, endComment, name, serialized, id, children })
     }
@@ -1093,7 +1088,8 @@ export const render = (el, contexts = {}, notRender, isName) => {
         }
     }
     PawaElement.Element(el, context)
-    el._staticContext = stateContext._static
+    el._staticContext = stateContext?._static
+    el._stateContext=stateContext
     for (const fn of renderAfterPawa) {
         try {
             fn(el)
@@ -1222,13 +1218,35 @@ export const render = (el, contexts = {}, notRender, isName) => {
             render(child, context, number, isName)
         })
         el._callMount()
-       if (el.hasAttribute('p:c')) {
+       if (el.hasAttribute('p:c') && !el.hasAttribute('p-async')) {
         el.removeAttribute('p:c')
        }
 }
 }
-
-
+// added streaming awareness
+if (typeof window !== 'undefined') {
+        window.__pawaStream=(element,context,statecontext)=>{
+            let appContext
+            if(!window?.__pawaHasStarted){
+                if(window?.__startClient === null )return
+                window?.__startClient()
+                
+                window.__startClient=null
+                window.__pawaHasStarted=true
+                return
+            }
+            if(statecontext === undefined){
+                appContext=stateContext
+            }else{
+                appContext=statecontext
+            }
+            keepContext(appContext)
+            appContext._hasRun=false
+            render(element,context,{index:0,notRender:null})
+            appContext._hasRun=true
+        }
+    
+}
 export const pawaStartApp = (app, context = {}) => {
     render(app, context)
 }

package/normal/component.js

@@ -101,7 +101,9 @@ export const normal_component=(el,stateContext,setStateContext,mapsPlugin,former
         Object.assign(el._context,storeContext._insert)
       }
               childInsert(false)
-              lifeCircle()
+              Promise.resolve().then(()=>{
+                lifeCircle()
+              })
               storeContext._hasRun=true
               stateContext=null
             })

package/package.json

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

package/pawaElement.js

@@ -21,6 +21,7 @@ export class PawaElement {
     this._avoidPawaRender=element.hasAttribute('pawa-avoid');
     this._el=element 
     this._out=false;
+    this._stateContext=null
     this._terminateEffects=new Set()
     this._deleteEffects=this.terminateEffects
     /**
@@ -136,6 +137,7 @@ export class PawaElement {
   }
   setPawaAttr(){
     const isResume=this._el.hasAttribute('p:c')
+    if (this._el.hasAttribute('p-async')) return
     if(isResume){
       const pawaAttr=this._el.getAttribute('p:c')
       const array=pawaAttr.split(';')
@@ -347,7 +349,11 @@ export class PawaElement {
         }`
         const value=this.safeEval(this._context,expression,`prop sdvd :${propsName}`,true)
         if (value) {
-          this._props[propsName]=value
+          let name=propsName
+                if(name.includes('-')){
+                     name=name.replace(/-([a-z])/g, (g) => g[1].toUpperCase());
+                }
+          this._props[name]=value
         }
        }
     })

package/power.js

@@ -63,7 +63,7 @@ export const If = (el, attr, stateContext,resume=false,notRender,stopResume) =>
             const setEndComment=(c)=>endComment=c
             getComment(el,setComment,id)
             getEndComment(comment,setEndComment,id,children)
-            const numberIfChildren=notRender.index + children.length - 1
+            const numberIfChildren=notRender.index + children.length - 2
       notRender.notRender=numberIfChildren
             resumer.resume_if?.(el,attr,stateContext,{comment,endComment,id,children})
 
@@ -126,7 +126,7 @@ export const Switch = (el, attr, stateContext,resume=false,notRender,stopResume)
             const setEndComment=(c)=>endComment=c
             getComment(el,setComment,id)
             getEndComment(comment,setEndComment,id,children)
-            const numberIfChildren=notRender.index + children.length - 1
+            const numberIfChildren=notRender.index + children.length - 2
       notRender.notRender=numberIfChildren
             resumer.resume_switch?.(el,attr,stateContext,{comment,endComment,id,children})
 

package/server.js

@@ -9,6 +9,7 @@ const serverInstance={
   $state:null,
   accessChild:null,
   useServer:null,
+  useAsync:null,
 }
 export const getServerInstance=()=>serverInstance
 export const setServer=(obj={})=>{