pawajs 2.4.0-beta.4 → 2.4.0-beta.6

package/README.md

@@ -10,6 +10,7 @@ PawaJS (reactive web runtime) is a JavaScript library designed for building dyna
 PawaJS is a **reactive web runtime** for HTML-first UIs: components, directives, and fine-grained `$state` updates with **no virtual DOM**.
 
 On the client it powers widgets through SPAs. With **pawa-ssr** and **pawajs-continue** it uses **selective continue** (SCP): the server sends HTML plus a sparse index of reactive areas; the client continues only those areas. **Static components are stripped** from that index so they are not re-executed on the client.
+pawajs@2.4.0-beta.4 — ~6.6 kB min+gzip (Bundlephobia)
 🌐 **Website:** [pawajs.vercel.app](https://pawajs.vercel.app)
 
 

package/package.json

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

package/src/builtIn/viewTransition.js

@@ -1,5 +1,5 @@
 import { getComponentGraph } from "../component/index.js";
-import { forwardProps, html } from "../hooks/index.js";
+import { forwardProps, html, useValidateComponent } from "../hooks/index.js";
 
 export const Transition = ({ name, duration, enter, exit, ...props }) => {
   forwardProps(props);

package/src/control-flow/attribute.js

@@ -1,4 +1,3 @@
-import { InProxyCaller } from "../hooks/state.js";
 import { ElementProperty } from "../pawaElement.js";
 import { createEffect, errorControl } from "../reactive.js";
 import { getContexters, safeEval } from "../utils.js";

package/src/control-flow/await.js

@@ -1,6 +1,5 @@
 import { getComponentGraph, keepComponentGraph } from "../component/index.js";
 import { PawaRender } from "../graph/index.js";
-import { createEffect } from "../reactive.js";
 import { getContexters, safeEval } from "../utils.js";
 export const Awaits=(el, attr, context, componentContext, graph)=>{
     const comment = document.createComment("Await");

package/src/control-flow/ref.js

@@ -1,4 +1,4 @@
-import { getContexters, safeEval } from "../utils.js";
+import {  safeEval } from "../utils.js";
 
 export const ref=(el,attr,context,graph)=>{
     

package/src/dev/index.js

@@ -1,4 +1,4 @@
-import { components } from "../global";
+import { components } from "../global.js";
 
 let devTool=false
 export const setDev=(devs=false)=>{

package/src/dev/plugin.js

@@ -1,4 +1,4 @@
-import { createEffect } from "../reactive"
+import { createEffect } from "../reactive.js"
 
 export const pluginMap=new Map()
 /**

package/src/graph/index.js

@@ -26,6 +26,9 @@ export const PawaRender=(graph,contexts)=>{
     const renderGraph=Graph(graph)
     const server=typeof window === 'undefined'
     const render=(el,refresh=true)=>{
+        if (el.hasAttribute('pawa-avoid')) {
+            return
+        }
             try {
         const manifest=createManifest(el)
         let control={
@@ -74,7 +77,7 @@ export const PawaRender=(graph,contexts)=>{
         if(control.stop)return
         if (Array.from(el.childNodes).some(node =>
             node.nodeType === Node.TEXT_NODE && node.nodeValue.includes('@{')
-        )) {
+        ) && refresh) {
             text(el,context,renderGraph)
         }
         if(control.stop)return

package/src/hooks/state.js

@@ -263,6 +263,7 @@ export const $state = (initialValue, section = null) => {
     } else {
         return main
     }
+    
 
 }
 

package/src/pawaElement.js

@@ -139,7 +139,7 @@ export const ElementProperty=(el,name,value,graph,context)=>{
 
         if(propertyName.includes('.')){
             return setToProperties(el,propertyName,value)
-        }else if(pluginMap.has(name)){
+        }else if(pluginMap.has(name) && typeof window !== 'undefined' && graph){
             initializePlugin(name,el,graph,{name,value},context)
             return true
         }