pawajs 2.4.0-beta.8 → 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/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

@@ -18,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 = {}) => {
@@ -45,6 +47,12 @@ export const setDevelopment = (enabled = true) => {
 
 export const getDevelopment = () => getDev()
 export {
+  safeEval,
+  lazyComponentElement,
+  lazyComponents,
+  hmrComponentsMap,
+  components,
+  PawaRender,
   setComponentGraph,
   useStorage,
   schedule,

package/package.json

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

@@ -21,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} = {}) { 
@@ -57,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/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) {