pawajs 1.4.26 → 1.4.28

package/CHANGELOG.md

@@ -11,4 +11,6 @@ CHANGELOG.md
 + version 1.4.22 fixed merger if when the ssr render else and else render down in pawajs engine
 + version 1.4.23 fixed _context from production
 + version 1.4.24 - add HMR mapping
-+ version 1.4.26 - fixed key getcomment id
++ version 1.4.26 - fixed key getcomment id
++ version 1.4.27 - fixed __pawaDev Tools,
++ version 1.4.28 - fixed pawaElement checkStaticsContext

package/index.js

@@ -31,19 +31,30 @@ const errorCaller = (message) => {
 }
 const client = isServer() === false
 const serverInstance = getServerInstance()
-const createPawaDev = () => ({
-    tool: false, errors: [], totalEffect: 0, errorState: null, components: new Set(),
-    renderCount: 0, performance: {renderTime: [], effectTime: [], componentTime: [], start: 0, end: 0},
-    _originalStyles: new Map(), listeners: new Set(),
-    highlightElement(el) { if(!(el instanceof HTMLElement))return; /* preserve full logic unchanged */ },
-    unhighlightElement(el) { /* preserve full logic unchanged */ },
-    subscribe(cb) { this.listeners.add(cb); return () => this.listeners.delete(cb); },
-    emit(type, data) { this.listeners.forEach(cb => {try{cb({type,data})}catch(e){console.error("PawaDev listener error:",e)}}); },
-    setError: ({el,msg,directives,stack,template,warn}={}) => { /* preserve full setError logic */ },
-    logRender: (c,t) => { this.renderCount++; /* preserve logging */ },
-    logEffect: (e,t) => { this.totalEffect++; /* preserve */ },
-    logComponent: (n,t) => { /* preserve */ }
-});
+const createPawaDev = () => {
+    const dev = {
+        tool: false, errors: [], totalEffect: 0, errorState: null, components: new Set(),
+        renderCount: 0, performance: {renderTime: [], effectTime: [], componentTime: [], start: 0, end: 0},
+        _originalStyles: new Map(), listeners: new Set(),
+        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} = {}) { 
+            const error = {el, msg, directives, stack, template, warn};
+            dev.errors.push(error);
+            dev.emit('error', error);
+        },
+        clearErrors() {
+            dev.errors = [];
+            dev.emit('clear', null);
+        },
+        logRender(c, t) { dev.renderCount++; /* preserve logging */ },
+        logEffect(e, t) { dev.totalEffect++; /* preserve */ },
+        logComponent(n, t) { /* preserve */ }
+    };
+    return dev;
+};
 
 const pawaDevInstance = createPawaDev();
 

package/package.json

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

package/pawaElement.js

@@ -13,13 +13,13 @@ export class PawaElement {
    */
   constructor(element,context) {
   this.#context=context
-    const div=document.createElement('div'); div.appendChild(element.cloneNode(true))
+    const div=element.cloneNode(true)
     Object.assign(this, {
       _resetEffects: new Set(), _context: context, _avoidPawaRender: element.hasAttribute('pawa-avoid'),
       _el: element, _out: false, _stateContext: null, _terminateEffects: new Set(), _deleteEffects: this.terminateEffects,
       _slots: document.createDocumentFragment(), _mainAttribute: {}, _preRenderAvoid: [], _running: false,
       _hasForOrIf: this.hasForOrIf, _elementContent: element.textContent, _textContent: {}, _attributes: [],
-      _template: div.innerHTML, _exitAnimation: null, _component: null, _unMountFunctions: [], _MountFunctions: [],
+      _template: div.outerHTML, _exitAnimation: null, _component: null, _unMountFunctions: [], _MountFunctions: [],
       _elementType: '', _getNode: this.getNode, _componentOrTemplate: false, _props: {}, _isView: null,
       _isElementComponent: false, _pawaAttribute: {}, _setUnMount: this.setUnMounts, _componentName: '',
       _attrElement: this.getNewElementByRemovingAttr, _attr: {}, _staticContext: [], _checkStatic: this.reCheckStaticContext,
@@ -150,7 +150,7 @@ export class PawaElement {
     })
   } 
   reCheckStaticContext(){ 
-    const context=this.context
+    const context=this.#context
     if (this._staticContext.length > 0) {
       for (const [key,value] of Object.entries(context)) {
         if (this._staticContext.includes(key)) {