pawajs 2.0.5 → 2.0.7

package/CHANGELOG.md

@@ -22,4 +22,5 @@ CHANGELOG.md
 + version 1.5.2 - added function dependencies
 + version 2.0.1 -2.0.2 made runEffect to be global or component capability
 + version 2.0.3 integrating HMR system
-+ version 2.0.4 experimental of hmr
++ version 2.0.4 experimental of hmr
++ version 2.0.5 - 2.0.6 experimental of hmr

package/package.json

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

package/pawaElement.js

@@ -19,6 +19,19 @@ export class PawaElement {
   constructor(element,context) {
   this.#context=context
   this.#el=element
+  // ── Bind every method that touches private fields ──
+  this.getChildrenTree              = this.getChildrenTree.bind(this)
+  this.checkLazy                    = this.checkLazy.bind(this)
+  this.safeEval                     = this.safeEval.bind(this)
+  this.setPawaAttr                  = this.setPawaAttr.bind(this)
+  this.findPawaAttribute            = this.findPawaAttribute.bind(this)
+  this.getNewElementByRemovingAttr  = this.getNewElementByRemovingAttr.bind(this)
+  this.remove                       = this.remove.bind(this)
+  this.unMount                      = this.unMount.bind(this)
+  this.elementType                  = this.elementType.bind(this)
+  this.setProps                     = this.setProps.bind(this)
+  this.clearContext                 = this.clearContext.bind(this)
+  // ───────────────────────────────────────────
     const div=element.cloneNode(true)
     Object.assign(this, {
       _resetEffects: new Set(), _context: context, _avoidPawaRender: element.hasAttribute('pawa-avoid'),
@@ -78,9 +91,9 @@ export class PawaElement {
   
   }catch(error){
     throw new Error(`Error evaluating expression: ${expression}\n${error.message}`);
-    
+    let element=this.#el || null
     __pawaDev.setError({ 
-      el:this?._el, 
+      el:element, 
       msg:`from ${expression}`, 
       directives:directive, 
       stack:error.stack, 
@@ -189,7 +202,7 @@ export class PawaElement {
       const animate=this._exitAnimation().then(async () => {
          await this._callUnmount()
           this._out = true
-          this._el.remove()
+          this.#el.remove()
           if (callback) {
             callback()
           }
@@ -201,7 +214,7 @@ export class PawaElement {
     } else {
       this._callUnmount()
           this._out=true
-          this._el.remove()
+          this.#el.remove()
           if (callback) {
             callback()
           }
@@ -225,9 +238,9 @@ export class PawaElement {
      func()
    })
    this._deleteEffects()   
-   Array.from(this._el.childNodes).forEach(child => {
+   Array.from(this.#el.childNodes).forEach(child => {
      if (child.nodeType === 1) {
-       if (child?._el) {
+       if (child?._template) {
          child._out = true
          child._deleteEffects()
          child._callUnmount()