leanweb 1.2.5 → 1.2.6

package/README.md

@@ -324,14 +324,13 @@ imageWidth = 400;
 `demo-parent.html`
 
 ```html
-<demo-child lw-input:parent="self" lw-input:userData="user"></demo-child>
+<demo-child lw-input:parent="this" lw-input:userData="user"></demo-child>
 ```
 
 `demo-parent.js`
 
 ```javascript
 // ...
-// self is defined in LWElement as `self = this`;
 user = { firstname: "Qian", lastname: "Chen" };
 // ...
 ```

package/package.json

@@ -1,6 +1,6 @@
 {
    "name": "leanweb",
-   "version": "1.2.5",
+   "version": "1.2.6",
    "description": "Builds framework agnostic web components.",
    "bin": {
       "leanweb": "leanweb.js",

package/templates/lib/lw-element.js

@@ -97,7 +97,6 @@ const nextAllSiblings = (el, selector) => {
 };
 
 export default class LWElement extends HTMLElement {
-   self = this;
    constructor(ast) {
       super();
       this.ast = ast;
@@ -133,7 +132,7 @@ export default class LWElement extends HTMLElement {
 
    _getNodeContext(node) {
       const contextNode = node.closest('[lw-context]');
-      return contextNode?.['lw-context'] ?? [this, globalThis];
+      return contextNode?.['lw-context'] ?? [{ 'this': this }, this, globalThis];
    }
 
    update(rootNode = this.shadowRoot) {

package/templates/lib/lw-expr-parser.js

@@ -127,6 +127,14 @@ const nodeHandlers = {
          return context[node.name];
       }
    },
+   'ThisExpression': (node, context) => {
+      if (Array.isArray(context)) {
+         const hitContext = context.find(contextObj => 'this' in contextObj);
+         return hitContext ? hitContext['this'] : undefined;
+      } else if (typeof context === 'object') {
+         return context['this'];
+      }
+   },
 
    'CallExpression': (node, context) => callFunction(node, context),
    'OptionalCallExpression': (node, context) => callFunction(node, context),