pawajs 2.4.0-beta.7 → 2.4.0-beta.8

package/README.md

@@ -3,14 +3,14 @@ pawajs - power the web (reactivity and html runtime)
 
 # PawaJS
 
-**A lightweight and reactive JavaScript library for building modern web interfaces with a simple, declarative syntax.**
+**A lightweight and reactive JavaScript library for building modern web interfaces with a simple, declarative syntax (15kb).**
 
 PawaJS (reactive web runtime) 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 using pawa-ssr (server rendering runtime) and pawajs-continue (continuity runtime), PawaJS is equipped for performance and scalability.
 
 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/index.js

@@ -1,7 +1,6 @@
 import { Active } from "./src/builtIn/Active.js";
 import { Transition } from "./src/builtIn/viewTransition.js";
 import { getDev, setDev } from "./src/dev/index.js";
-import { mountPawaDevtools, unmountPawaDevtools } from "./src/dev/tools.js";
 import { Plugin } from "./src/dev/plugin.js";
 import { Graph } from "./src/graph/graph.js";
 import { PawaRender } from "./src/graph/index.js";
@@ -70,4 +69,4 @@ export {
   setDev
 };
 
-export { mountPawaDevtools, unmountPawaDevtools, RootGraph };
+export { RootGraph };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pawajs",
-  "version": "2.4.0-beta.7",
+  "version": "2.4.0-beta.8",
   "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/component/index.js

@@ -1,4 +1,4 @@
-import { getDevelopment } from "../../index.js"
+import { getDev } from "../dev/index.js"
 import { components, hmrComponentsMap, restorePawaStateFromContext, snapshotInsert } from "../global.js"
 import { PawaRender } from "../graph/index.js"
 import { stateWatch } from "../hooks/state.js"
@@ -68,7 +68,7 @@ export const createComponent=(el,context,graph,compareGraph)=>{
       }
     try {
         const temp=sanitizeTemplate(component(mainProp))
-        if (getDevelopment() && compareGraph) {
+        if (getDev() && compareGraph) {
           restorePawaStateFromContext(compareGraph.context,renderGraph.context,compareGraph.initialInsert)
         }
         for (const effect of renderGraph.beforeMount) {
@@ -130,7 +130,7 @@ export const createComponent=(el,context,graph,compareGraph)=>{
         }
       }
      const componentName=splitAndAdd(el.tagName)
-      if (getDevelopment()) {
+      if (getDev()) {
             const id=Date.now() + Math.random()
             const removeFromHmrMap = () => {
       const array = hmrComponentsMap.get(componentName)

package/src/dev/index.js

@@ -1,5 +1,4 @@
 import { components } from "../global.js";
-
 let devTool=false
 export const setDev=(devs=false)=>{
     devTool = Boolean(devs)
@@ -64,4 +63,4 @@ const createPawaDev = () => {
         logComponent(n, t) { /* preserve */ }
     };
     return dev;
-};
+};

package/src/event/index.js

@@ -1,4 +1,3 @@
-import { getComponentGraph } from "../component/index.js";
 import { customEventMap } from "../global.js";
 import { getContexters, safeEval } from "../utils.js";
 

package/src/graph/graph.js

@@ -1,4 +1,4 @@
-import { getDevelopment } from "../../index.js"
+import { getDev } from "../dev/index.js"
 
 export const Graph=(graph)=>{
     const newGraph={
@@ -173,7 +173,7 @@ export const Graph=(graph)=>{
         graph.ref=newGraph
     }
     graph?.children?.push(newGraph)
-    if (!getDevelopment()) {
+    if (!getDev()) {
         newGraph.context={}
     }
     return newGraph