pawa-ssr 1.3.23 → 1.3.24

package/index.js

@@ -5,7 +5,7 @@ import { propsValidator, evaluateExpr,extractAtExpressions, reArrangeAttri,resum
 import {AsyncLocalStorage} from'node:async_hooks'
 import { If,For,State,Switch, Key } from'./power.js';
 import PawaElement from'./pawaElement.js'
-import { pluginsMap, lazyComponents } from "pawajs/index.js";
+import { pluginsMap, lazyComponents,components } from "pawajs/index.js";
 
 const PAWA_STORE_SYMBOL = Symbol.for('pawa.ssr.store');
 
@@ -216,10 +216,7 @@ setServer({
   forwardProps
 })
 export const pawaForServer=setServer
-const components = new Map();
-export const getPawaComponentsMap =()=>{
-  return components ;
-}
+
  const getStore=()=>{
   return store.getStore()
 }
@@ -1124,10 +1121,10 @@ export const render =async (el, contexts = {},stream) => {
           const compo=await component()
           if(compo[name]){
             
-            components.set(name,compo[name])
+            components.set(name.toUpperCase(),compo[name])
             el._component.component=compo[name]
             el._component.validPropRule=compo[name]?.validateProps || {};
-            lazyComponents.delete(el.tagName)
+            lazyComponents.delete(name.toUpperCase())
           }
           } catch (error) {
            throw new Error(`lazy component ${el.tagName} : Error from the component - ${error.message}`,error.message) 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "pawa-ssr",
-  "version": "1.3.23",
-  "type":"module",
+  "version": "1.3.24",
+  "type": "module",
   "description": "pawajs ssr libary",
   "main": "index.js",
   "scripts": {

package/pawaElement.js

@@ -90,6 +90,7 @@ class PawaElement {
       this._el.setAttribute('p:C',this._resumeAttr)
     }
     pawaAttribute(){
+      const componentAllowedAttribute=['if','else-if','for-each','switch','case','key','s-default','else']
       const pawaAttr=getPawaAttributes()
       const setTextResume=()=>{
         if( this._componentName === ''&& this._el.firstElementChild === null && this._el.childNodes.some(node=>node.nodeType === 3 && node.nodeValue.includes('@{')) && !this._avoidPawaRender){
@@ -103,12 +104,14 @@ class PawaElement {
         if (this._el.hasAttribute('p:c')) {
           this._resumeAttr=this._el.getAttribute('p:c')
           this._el.attributes.forEach((value, index, array) => {
+            // if (this._componentName && !componentAllowedAttribute.includes(value.name)) return
             if(this._resumeAttr.includes(value.name) || value.name === 'p:c')return
             if (value.name.startsWith(':')) return
             this._resumeAttr+=`${value.name};`
           })
         }else{
               this._el.attributes.forEach((value, index, array) => {
+                if (this._componentName && !componentAllowedAttribute.includes(value.name)) return
             if(this._resumeAttr.includes(value.name) || value.name === 'p:c' )return
             if (value.name.startsWith(':')) return
             this._resumeAttr+=`${value.name};`

package/test/App.js

@@ -0,0 +1,9 @@
+export const App=({children})=>{
+    return `<div class="p-4">
+        <h1 class="text-2xl font-bold mb-4">Hello, World!</h1>
+        <p class="text-gray-700">This is a test component for PawaJS.</p>
+        <div>
+            ${children}
+        </div>
+    </div>`
+}

package/test/check.js

@@ -0,0 +1,13 @@
+export const Check=()=>{
+    return `<div class="p-4">
+        <h1 class="text-2xl font-bold mb-4">Hello, World!</h1>
+        <p class="text-gray-700">This is a test Checker</p>
+    </div>`
+}
+
+export const Check2=()=>{
+    return `<div class="p-4">
+        <h1 class="text-2xl font-bold mb-4">Hello, World!</h1> 
+        <p class="text-gray-700">This is a test Checker 2</p>
+    </div>`
+}

package/test/index.js

@@ -1,67 +1,18 @@
 import {useValidateComponent, RegisterComponent,useContext,useInsert,setContext} from 'pawajs'
 import {startApp} from '../index.js'
-const auth=setContext()
-const component=async({app,name})=>{
-  auth.setValue({name:name()})
-    const user=false
-    const array=['john','peace','james']
-    useInsert({user,array,name})
-    return `
-        <div>
-            <h1 title="@{user ? name():'Guest'}" -->
-                <span>@{name()}</span>
-                <span if="user">Allwell</span>
-                <span else>false</span>
-            </h1> 
-            <div s-for="items in array" s-pawa-avoid>
-                <span>@{items}</span>
-            </div> 
-            <small-app></small-app>      
-        </div>
-        `
-}
-const SmallApp=()=>{
-   const {name}=useContext(auth)
-   useInsert({name})
-    return /*html*/`
-    <div state-count="0">
-      <h1>Small App Component</h1>
-      <span>@{name}</span>
-      <h1>@{count.value}</h1>
-      <new-app></new-app>
-    </div>`
-}
-useValidateComponent(component,{
-    name:{
-        strict:true,
-        type:String
-    }
-})
-const NewApp=()=>{
-  return
-}
-RegisterComponent(component,SmallApp,NewApp)
-const html=()=>{
-    return `
-        <!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/pawajs.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>pawajs-template</title>
-  </head>
-  <body>
-    <div id="app">
-       <div>
-         <component :name="'Allwell'"></component>
-       </div>
+ RegisterComponent.lazy(
+  'App',()=>import('./App.js'),
+  'Check',()=>import('./check.js'),
+  'Check2',()=>import('./check.js'),
+)
 
-    </div>
-    <script type="module" src="/src/main.js"></script>
-  </body>
-</html>
-    `
-}
-const newHtml=await startApp(html(),{},true)
-console.log(await newHtml.toString())
+const app=`
+<div>
+  <app>
+    <check></check>
+    <check-2></check-2>
+  </app>
+</div>
+`
+const {toString}=await startApp(app)
+console.log(await toString());