leanweb 2.0.1 → 2.0.4

package/commands/build.js

@@ -28,12 +28,12 @@ import CleanCSS from 'clean-css';
     fs.mkdirSync(utils.dirs.build, { recursive: true });
 
     const copySrc = () => {
-      fse.copySync(`${projectPath}/${utils.dirs.src}/`, utils.dirs.build, { filter: utils.copySymbolLinkFilter });
+      fse.copySync(`${projectPath}/${utils.dirs.src}/`, utils.dirs.build, { filter: utils.copyFilter });
     };
 
     const copyEnv = () => {
       if (env) {
-        fse.copySync(`${utils.dirs.build}/env/${env}.js`, `${utils.dirs.build}/env.js`);
+        fse.copySync(`${utils.dirs.build}/env/${env}.js`, `${utils.dirs.build}/env.js`, { filter: utils.copyFilter });
       }
     };
 
@@ -43,7 +43,7 @@ import CleanCSS from 'clean-css';
         let importString = `import './components/${cur}/${cmpName}.js';`;
         return acc + importString + '\n';
       }, '');
-      fs.writeFileSync(`${utils.dirs.build}/${project.name}.js`, jsString);
+      utils.writeIfChanged(`${utils.dirs.build}/${project.name}.js`, jsString);
     };
 
     const buildHTML = () => {
@@ -75,7 +75,7 @@ import CleanCSS from 'clean-css';
           ast.componentFullName = project.name + '-' + cmp.replace(/\//g, '-');
           ast.runtimeVersion = project.version;
           ast.builderVersion = leanwebPackageJSON.version;
-          fs.writeFileSync(`${utils.dirs.build}/components/${cmp}/ast.js`, `export default ${JSON.stringify(ast, null, 0)};`);
+          utils.writeIfChanged(`${utils.dirs.build}/components/${cmp}/ast.js`, `export default ${JSON.stringify(ast, null, 0)};`);
         }
       });
     };
@@ -87,7 +87,7 @@ import CleanCSS from 'clean-css';
         const projectScssString = fs.readFileSync(projectScssFilename, 'utf8');
         projectCssString += utils.buildCSS(projectScssString, utils.dirs.build);
       }
-      fs.writeFileSync(`${utils.dirs.build}/${project.name}.css`, projectCssString);
+      utils.writeIfChanged(`${utils.dirs.build}/${project.name}.css`, projectCssString);
     };
 
     copySrc();

package/commands/clean.js

@@ -4,5 +4,4 @@ import * as utils from './utils.js';
 (async () => {
   fs.rmSync(utils.dirs.build + '/', { recursive: true, force: true });
   fs.rmSync(utils.dirs.dist + '/', { recursive: true, force: true });
-  fs.rmSync(utils.dirs.serve + '/', { recursive: true, force: true });
 })();

package/commands/destroy.js

@@ -8,7 +8,7 @@ import * as utils from './utils.js';
   const args = process.argv;
   if (args.length < 3) {
     console.log('Usage: lw destroy project-name');
-    console.log(`This will delete ${utils.dirs.src}/ ${utils.dirs.build}/ ${utils.dirs.dist}/ and ${utils.dirs.serve}/`)
+    console.log(`This will delete ${utils.dirs.src}/ ${utils.dirs.build}/ and ${utils.dirs.dist}/.`);
     return;
   }
 
@@ -24,5 +24,4 @@ import * as utils from './utils.js';
   fs.rmSync(utils.dirs.build + '/', { recursive: true, force: true });
   fs.rmSync(utils.dirs.dist + '/', { recursive: true, force: true });
   fs.rmSync(utils.dirs.src + '/', { recursive: true, force: true });
-  fs.rmSync(utils.dirs.serve + '/', { recursive: true, force: true });
 })();

package/commands/init.js

@@ -74,9 +74,9 @@ import * as utils from './utils.js';
     await git.init({ fs, dir: process.cwd() });
 
     if (fs.existsSync(`${process.cwd()}/.gitignore`) && fs.statSync(`${process.cwd()}/.gitignore`).isFile()) {
-      fs.appendFileSync(`${process.cwd()}/.gitignore`, `\n${utils.dirs.build}/\n${utils.dirs.dist}/\n${utils.dirs.serve}/\n`, 'utf8');
+      fs.appendFileSync(`${process.cwd()}/.gitignore`, `\n${utils.dirs.build}/\n${utils.dirs.dist}/\n`, 'utf8');
     } else {
-      fs.writeFileSync(`${process.cwd()}/.gitignore`, `${utils.dirs.build}/\n${utils.dirs.dist}/\n${utils.dirs.serve}/\n`, 'utf8');
+      fs.writeFileSync(`${process.cwd()}/.gitignore`, `${utils.dirs.build}/\n${utils.dirs.dist}/\n`, 'utf8');
     }
 
     const paths = await globby(['./**', './**/.*'], { gitignore: true });

package/commands/serve.js

@@ -1,8 +1,3 @@
-import { createRequire } from "module";
-const require = createRequire(import.meta.url);
-
-import fs from 'fs';
-import fse from 'fs-extra';
 import * as utils from './utils.js';
 import watch from 'node-watch';
 import liveServer from 'live-server';
@@ -20,24 +15,9 @@ const noopen = process.env.noopen || false;
 
 (async () => {
 
-  const project = require(`${process.cwd()}/${utils.dirs.src}/leanweb.json`);
-
   const build = async (eventType, filename) => {
     // console.log(eventType + ': ', filename);
-    try {
-      await utils.exec(`npx leanweb build ${env}`);
-      fse.copySync(`./${utils.dirs.build}/index.html`, `./${utils.dirs.serve}/index.html`);
-      fse.copySync(`./${utils.dirs.build}/${project.name}.css`, `./${utils.dirs.serve}/${project.name}.css`);
-      fse.copySync(`./${utils.dirs.build}/favicon.svg`, `./${utils.dirs.serve}/favicon.svg`);
-      project.resources?.forEach(resource => {
-        const source = `./${utils.dirs.build}/${resource}`;
-        if (fs.existsSync(source)) {
-          fse.copySync(source, `./${utils.dirs.serve}/${resource}`, { filter: utils.copySymbolLinkFilter });
-        }
-      });
-    } catch (e) {
-      console.error(e);
-    }
+    await utils.exec(`npx leanweb build ${env}`);
   };
 
   const throttledBuild = utils.throttle(build);
@@ -54,7 +34,7 @@ const noopen = process.env.noopen || false;
     open: !noopen,
     file: 'index.html',
     wait: 1000,
-    logLevel: 0,
+    logLevel: 1,
   };
   liveServer.start(params);
 })();

package/commands/utils.js

@@ -2,20 +2,39 @@ import { execSync } from 'child_process';
 import sass from 'sass';
 import path from 'path';
 import net from 'net';
+import fs from 'fs';
 import fse from 'fs-extra';
 
 export const dirs = {
   src: 'src',
   build: 'build',
-  serve: 'serve',
   dist: 'dist',
 };
 
-export const copySymbolLinkFilter = (src, dest) => {
+export const copyFilter = (src, dest) => {
+  const srcStats = fse.existsSync(src) && fse.lstatSync(src);
   const destStats = fse.existsSync(dest) && fse.lstatSync(dest);
+  if (srcStats?.isFile?.() && destStats?.isFile?.()) {
+    const srcBuf = fs.readFileSync(src);
+    const destBuf = fs.readFileSync(dest);
+    if (srcBuf.equals(destBuf)) {
+      return false;
+    }
+  }
   return !destStats?.isSymbolicLink?.();
 };
 
+export const writeIfChanged = (file, string) => {
+  const stats = fse.existsSync(file) && fse.lstatSync(file);
+  if (stats?.isFile?.()) {
+    const data = fs.readFileSync(file, 'utf8');
+    if (data === string) {
+      return;
+    }
+  }
+  fs.writeFileSync(file, string);
+};
+
 export const exec = command => execSync(command, { encoding: 'utf8', stdio: 'inherit' });
 
 export const buildCSS = (scssString, ...currentPaths) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "leanweb",
-  "version": "2.0.1",
+  "version": "2.0.4",
   "description": "Builds framework agnostic web components.",
   "bin": {
     "leanweb": "leanweb.js",
@@ -20,17 +20,17 @@
   "author": "Qian Chen",
   "license": "MIT",
   "dependencies": {
-    "@babel/parser": "^7.20.5",
+    "@babel/parser": "^7.20.7",
     "clean-css": "^5.3.1",
-    "esbuild": "^0.15.16",
+    "esbuild": "^0.16.12",
     "fs-extra": "^11.1.0",
-    "globby": "^13.1.2",
+    "globby": "^13.1.3",
     "html-minifier": "^4.0.0",
     "isomorphic-git": "^1.21.0",
     "live-server": "^1.2.2",
     "node-watch": "^0.7.3",
     "parse5": "^7.1.2",
-    "sass": "^1.56.1",
+    "sass": "^1.57.1",
     "semver": "^7.3.8"
   }
-}
+}

package/templates/lib/lw-element.js

@@ -282,7 +282,7 @@ export default class LWElement extends HTMLElement {
         propertyExpr = astModel.name;
       }
 
-      if (modelNode.type === 'number') {
+      if (modelNode.type === 'number' || modelNode.type === 'range') {
         // set do_not_update mark for cases when user inputs 0.01, 0.0 will not be evaluated prematurely
         modelNode.do_not_update = true;
         object[propertyExpr] = modelNode.value * 1;