leanweb 1.1.9 → 1.2.2

package/README.md

@@ -688,6 +688,12 @@ being notified when a next event is fired.
 parameters. `eventName` is the name of the event, and `data` is the payload data
 of the event.
 
+### Post dist hook
+
+If `post-dist` file is present in the project root directory, it will be called
+after `lw dist` is done. This could be useful to copy `dist/\*` to somewhere
+else.
+
 ## More examples and tutorials
 
 https://leanweb.app

package/commands/dist.js

@@ -61,5 +61,10 @@ if (args.length >= 3) {
       project.resources?.forEach(resource => {
          fse.copySync(`./${utils.dirs.build}/${resource}`, `./${utils.dirs.dist}/${resource}`, { dereference: true });
       });
+
+      const postDistFile = './post-dist';
+      if (fs.existsSync(postDistFile) && fs.statSync(postDistFile).isFile()) {
+         await utils.exec(postDistFile);
+      }
    });
 })();

package/package.json

@@ -1,6 +1,6 @@
 {
    "name": "leanweb",
-   "version": "1.1.9",
+   "version": "1.2.2",
    "description": "Builds framework agnostic web components.",
    "bin": {
       "leanweb": "leanweb.js",
@@ -20,25 +20,25 @@
    "author": "Qian Chen",
    "license": "MIT",
    "dependencies": {
-      "@babel/core": "^7.17.8",
-      "@babel/parser": "^7.17.8",
-      "@babel/plugin-transform-runtime": "^7.17.0",
-      "@babel/preset-env": "^7.16.11",
-      "babel-loader": "^8.2.4",
-      "clean-css": "^5.3.0",
+      "@babel/core": "^7.18.10",
+      "@babel/parser": "^7.18.11",
+      "@babel/plugin-transform-runtime": "^7.18.10",
+      "@babel/preset-env": "^7.18.10",
+      "babel-loader": "^8.2.5",
+      "clean-css": "^5.3.1",
       "css-loader": "^6.7.1",
-      "fs-extra": "^10.0.1",
-      "globby": "^13.1.1",
+      "fs-extra": "^10.1.0",
+      "globby": "^13.1.2",
       "html-minifier": "^4.0.0",
-      "isomorphic-git": "^1.17.0",
+      "isomorphic-git": "^1.19.1",
       "json5-loader": "^4.0.1",
       "node-watch": "^0.7.3",
-      "parse5": "^6.0.1",
+      "parse5": "^7.0.0",
       "raw-loader": "^4.0.2",
-      "sass": "^1.49.11",
-      "sass-loader": "^12.6.0",
-      "semver": "^7.3.5",
-      "webpack": "^5.71.0",
-      "webpack-dev-server": "^4.8.0"
+      "sass": "^1.54.3",
+      "sass-loader": "^13.0.2",
+      "semver": "^7.3.7",
+      "webpack": "^5.74.0",
+      "webpack-dev-server": "^4.9.3"
    }
 }

package/templates/lib/lw-element.js

@@ -193,7 +193,7 @@ export default class LWElement extends HTMLElement {
    }
 
    _bindMethods() {
-      const methodNames = ['update', 'applyStyles'];
+      const methodNames = ['update'];
       const proto = Object.getPrototypeOf(this);
       methodNames.push(...Object.getOwnPropertyNames(proto).filter(name => hasMethod(proto, name)));
       methodNames.push(...Object.getOwnPropertyNames(this).filter(name => hasMethod(this, name)));
@@ -284,16 +284,17 @@ export default class LWElement extends HTMLElement {
             modelNode.do_not_update = true;
             object[propertyExpr] = modelNode.value * 1;
          } else if (modelNode.type === 'checkbox') {
-            if (!Array.isArray(object[propertyExpr])) {
-               object[propertyExpr] = [];
-            }
-            if (modelNode.checked) {
-               object[propertyExpr].push(modelNode.value);
-            } else {
-               const index = object[propertyExpr].indexOf(modelNode.value);
-               if (index > -1) {
-                  object[propertyExpr].splice(index, 1);
+            if (Array.isArray(object[propertyExpr])) {
+               if (modelNode.checked) {
+                  object[propertyExpr].push(modelNode.value);
+               } else {
+                  const index = object[propertyExpr].indexOf(modelNode.value);
+                  if (index > -1) {
+                     object[propertyExpr].splice(index, 1);
+                  }
                }
+            } else {
+               object[propertyExpr] = modelNode.checked;
             }
          } else if (modelNode.type === 'select-multiple') {
             if (!Array.isArray(object[propertyExpr])) {
@@ -326,7 +327,11 @@ export default class LWElement extends HTMLElement {
       const interpolation = this.ast[key];
       const parsed = parser.evaluate(interpolation.ast, context, interpolation.loc);
       if (modelNode.type === 'checkbox') {
-         modelNode.checked = parsed[0].includes(modelNode.value);
+         if (Array.isArray(parsed[0])) {
+            modelNode.checked = parsed[0].includes?.(modelNode.value);
+         } else {
+            modelNode.checked = !!parsed[0];
+         }
       } else if (modelNode.type === 'radio') {
          modelNode.checked = parsed[0] === modelNode.value;
       } else if (modelNode.type === 'select-multiple') {
@@ -467,18 +472,4 @@ export default class LWElement extends HTMLElement {
          this.update(node);
       });
    }
-
-   applyStyles(...styles) {
-      if (!styles) {
-         return;
-      }
-      styles.forEach(style => {
-         if (typeof style !== 'string') {
-            style = style.toString();
-         }
-         const styleNode = document.createElement('style');
-         styleNode.innerHTML = style;
-         this.shadowRoot.appendChild(styleNode);
-      });
-   }
 }