pawajs 2.4.0-beta.7 → 2.4.0-beta.9

package/CHANGELOG.md

@@ -24,4 +24,5 @@ CHANGELOG.md
 + version 2.0.3 integrating HMR system
 + version 2.0.4 experimental of hmr
 + version 2.0.5 - 2.0.6 experimental of hmr
-+2.4.0.beta.4 new pawajs Rewrite 
++ 2.4.0.beta.4 new pawajs Rewrite;
++ 2.4.0.beta.5 - 2.4.0.beta.7 added LIS for ForEach directive

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.d.ts

@@ -313,7 +313,22 @@ export const setDevelopment: (enabled?: boolean) => PawaDev;
 /**
  * Returns the active development flag.
  */
-export const getDevelopment: () => boolean;
+export const getDevelopment: () => boolean;
+
+/** Evaluates an expression using the supplied Pawajs context. */
+export const safeEval: (expression: string, context?: Record<string, any>, resolve?: boolean) => any;
+
+/** Registered component constructors, keyed by their normalized names. */
+export const components: Map<string, Function>;
+
+/** Components currently associated with hot reload updates. */
+export const hmrComponentsMap: Map<string, any[]>;
+
+/** Registered lazy component loaders. */
+export const lazyComponents: Map<string, any>;
+
+/** DOM elements waiting for their lazy component to load. */
+export const lazyComponentElement: Map<string, any[]>;
 
 /**
  * Enables or disables the Pawa debug runtime.
@@ -423,17 +438,6 @@ export const useInnerContext: <T = any>() => T | undefined;
  */
 export const forwardProps: (props?: Record<string, any>) => void;
 
-/**
- * Mounts the visual devtools panel.
- * @param options Optional devtools options.
- */
-export const mountPawaDevtools: (options?: { open?: boolean }) => () => void;
-
-/**
- * Removes the devtools panel from the page.
- */
-export const unmountPawaDevtools: () => void;
-
 /**
  * Exposes the current root graph instance.
  */

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";
@@ -19,6 +18,8 @@ import {
 import { RegisterComponent } from "./src/hooks/registerComponent.js";
 import { $state, isProxy, schedule, useStorage } from "./src/hooks/state.js";
 import { getComponentGraph, setComponentGraph } from "./src/component/index.js";
+import { components, hmrComponentsMap, lazyComponents } from "./src/global.js";
+import { safeEval } from "./src/utils.js";
 
 let RootGraph;
 export const pawaStartApp = (el, context = {}) => {
@@ -46,6 +47,12 @@ export const setDevelopment = (enabled = true) => {
 
 export const getDevelopment = () => getDev()
 export {
+  safeEval,
+  lazyComponentElement,
+  lazyComponents,
+  hmrComponentsMap,
+  components,
+  PawaRender,
   setComponentGraph,
   useStorage,
   schedule,
@@ -70,4 +77,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.9",
   "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)
@@ -22,8 +21,6 @@ const createPawaDev = () => {
         _originalStyles: new Map(), listeners: new Set(),
         arrayKeys: [],
         lastError: null,
-        highlightElement(el) { if(!(el instanceof HTMLElement))return; /* preserve full logic unchanged */ },
-        unhighlightElement(el) { /* preserve full logic unchanged */ },
         subscribe(cb) { dev.listeners.add(cb); return () => dev.listeners.delete(cb); },
         emit(type, data) { dev.listeners.forEach(cb => {try{cb({type,data})}catch(e){console.error("PawaDev listener error:",e)}}); },
         setError({el, msg, directives, stack, template, warn, effect, ref, exp} = {}) { 
@@ -58,10 +55,7 @@ const createPawaDev = () => {
                 componentCount: components.size,
                 arrayKeys: dev.arrayKeys
             };
-        },
-        logRender(c, t) { dev.renderCount++; /* preserve logging */ },
-        logEffect(e, t) { dev.totalEffect++; /* preserve */ },
-        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

package/src/graph/index.js

@@ -16,6 +16,7 @@ import { splitAndAdd } from "../utils.js"
 import { Graph } from "./graph.js"
 import { createManifest, generateManifest, setManifest } from "./setup.js"
 import { errorControl } from "../reactive.js"
+import { getDev } from "../dev/index.js"
 
 
 const PawaAttribute={
@@ -112,7 +113,7 @@ export const PawaRender=(graph,contexts)=>{
             }
         }
         el.graph=renderGraph
-        el.context=context
+        el.context=getDev()?{...context}:{}
         const entrance=renderGraph.onEnter
         const exit=renderGraph.onExit
         if (renderGraph.nodeType === 'template' && refresh && renderGraph?.next) {