pawajs 1.4.5 → 1.4.7

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
@@ -992,7 +987,7 @@ const mainAttribute = (el, exp) => {
 };
 
 const textContentHandler = (el, isName) => {
-    if (el._hasForOrIf()) {
+    if (el._hasForOrIf() || el._componentName) {
         return
     }
     if (el._running) {
@@ -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.5",
+  "version": "1.4.7",
   "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/server.js

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