leanweb 1.1.0 → 1.1.1

package/commands/build.js

@@ -1,10 +1,17 @@
-(async () => {
-   const fs = require('fs');
-   const path = require('path');
-   const fse = require('fs-extra');
-   const utils = require('./utils.js');
-   const parser = require('../lib/lw-html-parser.js');
+import fs from 'fs';
+import fse from 'fs-extra';
+import * as utils from './utils.js';
+import * as parser from '../lib/lw-html-parser.js';
+
+import path from 'path';
+import { fileURLToPath } from 'url';
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
 
+import { createRequire } from "module";
+const require = createRequire(import.meta.url);
+
+(async () => {
    let env;
    const args = process.argv;
    if (args.length >= 3) {
@@ -50,12 +57,12 @@
    //    }
    // };
 
-   const buildDirFilter = dirPath => {
-      if (dirPath.startsWith(`${utils.dirs.build}/lib/`)) {
-         return false;
-      }
-      return true;
-   };
+   // const buildDirFilter = dirPath => {
+   //    if (dirPath.startsWith(`${utils.dirs.build}/lib/`)) {
+   //       return false;
+   //    }
+   //    return true;
+   // };
 
    const leanwebPackageJSON = require(`${__dirname}/../package.json`);
 

package/commands/clean.js

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

package/commands/destroy.js

@@ -1,24 +1,29 @@
-const fs = require('fs');
-const utils = require('./utils.js');
+import fs from 'fs';
+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}/ ${utils.dirs.serve}/ and ${utils.dirs.electron}/`)
-   return;
-}
+import { createRequire } from "module";
+const require = createRequire(import.meta.url);
 
-const projectName = args[2];
+(async () => {
+   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}/ ${utils.dirs.serve}/ and ${utils.dirs.electron}/`)
+      return;
+   }
 
-const project = require(`${process.cwd()}/${utils.dirs.src}/leanweb.json`);
+   const projectName = args[2];
 
-if (projectName !== project.name) {
-   console.error('Error: project name doesn\'t match.');
-   return;
-}
+   const project = require(`${process.cwd()}/${utils.dirs.src}/leanweb.json`);
 
-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 });
-fs.rmSync(utils.dirs.electron + '/', { recursive: true, force: true });
+   if (projectName !== project.name) {
+      console.error('Error: project name doesn\'t match.');
+      return;
+   }
+
+   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 });
+   fs.rmSync(utils.dirs.electron + '/', { recursive: true, force: true });
+})();

package/commands/dist.js

@@ -1,9 +1,13 @@
-const webpack = require('webpack');
-const utils = require('./utils.js');
-const fs = require('fs');
-const fse = require('fs-extra');
-const minify = require('html-minifier').minify;
-const CleanCSS = require('clean-css');
+import webpack from 'webpack';
+import * as utils from './utils.js';
+import fs from 'fs';
+import fse from 'fs-extra';
+// const minify = require('html-minifier').minify;
+import { minify } from 'html-minifier';
+import CleanCSS from 'clean-css';
+
+import { createRequire } from "module";
+const require = createRequire(import.meta.url);
 
 let env = '';
 const args = process.argv;

package/commands/electron.js

@@ -1,9 +1,18 @@
-(async () => {
-   const fs = require('fs');
-   const fse = require('fs-extra');
-   const webpack = require('webpack');
-   const utils = require('./utils.js');
 
+import fs from 'fs';
+import fse from 'fs-extra';
+import webpack from 'webpack';
+import * as utils from './utils.js';
+
+import path from 'path';
+import { fileURLToPath } from 'url';
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+import { createRequire } from "module";
+const require = createRequire(import.meta.url);
+
+(async () => {
    let env = '';
    const args = process.argv;
    if (args.length >= 3) {

package/commands/generate.js

@@ -1,7 +1,15 @@
-(async () => {
-   const fs = require('fs');
-   const utils = require('./utils.js');
+import fs from 'fs';
+import * as utils from './utils.js';
+
+import path from 'path';
+import { fileURLToPath } from 'url';
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
 
+import { createRequire } from "module";
+const require = createRequire(import.meta.url);
+
+(async () => {
    const args = process.argv;
    if (args.length < 3) {
       console.error('Usage: lw generate component-names');

package/commands/help.js

@@ -1,7 +1,6 @@
-(async () => {
-
-   const utils = require('./utils.js');
+import * as utils from './utils.js';
 
+(async () => {
    if (process.argv.length < 3) {
       utils.exec('npx lw version');
       console.log('Usage: lw target parameters');

package/commands/init.js

@@ -1,11 +1,19 @@
+import fs from 'fs';
+import fse from 'fs-extra';
+import git from 'isomorphic-git';
+import globby from 'globby';
+import * as utils from './utils.js';
+
+import path from 'path';
+import { fileURLToPath } from 'url';
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+import { createRequire } from "module";
+const require = createRequire(import.meta.url);
+
 (async () => {
-   const fs = require('fs');
-   const fse = require('fs-extra');
-   const path = require('path');
-   const git = require('isomorphic-git');
-   const globby = require('globby');
    const args = process.argv;
-   const utils = require('./utils.js');
 
    const leanwebJSONExisted = fs.existsSync(`${process.cwd()}/${utils.dirs.src}/leanweb.json`);
    const packageJSONExisted = fs.existsSync(`${process.cwd()}/package.json`);

package/commands/serve.js

@@ -1,8 +1,11 @@
-const fse = require('fs-extra');
-const utils = require('./utils.js');
-const webpack = require('webpack');
-const watch = require('node-watch');
-const WebpackDevServer = require('webpack-dev-server');
+import fse from 'fs-extra';
+import * as utils from './utils.js';
+import webpack from 'webpack';
+import watch from 'node-watch';
+import WebpackDevServer from 'webpack-dev-server';
+
+import { createRequire } from "module";
+const require = createRequire(import.meta.url);
 
 let env = '';
 const args = process.argv;

package/commands/upgrade.js

@@ -1,7 +1,15 @@
-const semver = require('semver');
-const fs = require('fs');
-const fse = require('fs-extra');
-const utils = require('./utils.js');
+import fs from 'fs';
+import fse from 'fs-extra';
+import semver from 'semver';
+import * as utils from './utils.js';
+
+import path from 'path';
+import { fileURLToPath } from 'url';
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+import { createRequire } from "module";
+const require = createRequire(import.meta.url);
 
 const leanwebPackageJSON = require(`${__dirname}/../package.json`);
 const projectLeanwebJSON = require(`${process.cwd()}/${utils.dirs.src}/leanweb.json`);

package/commands/utils.js

@@ -1,11 +1,19 @@
-const { execSync } = require('child_process');
-const sass = require('sass');
-const path = require('path');
-const net = require('net');
-
-const fse = require('fs-extra');
-
-const dirs = {
+// const { execSync } = require('child_process');
+import { execSync } from 'child_process';
+// const sass = require('sass');
+import sass from 'sass';
+// import path from 'path';
+import path from 'path';
+// const net = require('net');
+import net from 'net';
+
+// import fse from 'fs-extra';
+import fse from 'fs-extra';
+
+import { createRequire } from "module";
+const require = createRequire(import.meta.url);
+
+export const dirs = {
    src: 'src',
    build: 'build',
    serve: 'serve',
@@ -13,14 +21,14 @@ const dirs = {
    electron: 'electron',
 };
 
-module.exports.copySymbolLinkFilter = (src, dest) => {
+export const copySymbolLinkFilter = (src, dest) => {
    const destStats = fse.existsSync(dest) && fse.lstatSync(dest);
    return !destStats?.isSymbolicLink?.();
 };
 
-module.exports.exec = command => execSync(command, { encoding: 'utf8', stdio: 'inherit' });
+export const exec = command => execSync(command, { encoding: 'utf8', stdio: 'inherit' });
 
-module.exports.buildCSS = (scssString, currentPaths) => {
+export const buildCSS = (scssString, currentPaths) => {
    if (scssString.trim()) {
       const includePaths = [currentPaths, path.resolve(process.cwd(), dirs.build), path.resolve(process.cwd(), 'node_modules')];
       const cssResult = sass.renderSync({ data: scssString, includePaths });
@@ -29,7 +37,7 @@ module.exports.buildCSS = (scssString, currentPaths) => {
    return '';
 };
 
-module.exports.getComponentName = cmp => {
+export const getComponentName = cmp => {
    const indexOfLastSlash = cmp.lastIndexOf('/');
    if (indexOfLastSlash > -1) {
       return cmp.substring(indexOfLastSlash + 1);
@@ -37,7 +45,7 @@ module.exports.getComponentName = cmp => {
    return cmp;
 };
 
-module.exports.getPathLevels = filePath => {
+export const getPathLevels = filePath => {
    filePath = path.normalize(filePath);
    const numSlashes = filePath.replace(/[^\/]/g, '').length;
    let ret = '';
@@ -47,7 +55,7 @@ module.exports.getPathLevels = filePath => {
    return ret;
 };
 
-module.exports.throttle = (callback, limit = 100) => {
+export const throttle = (callback, limit = 100) => {
    let wait = false;
    return function () {
       if (!wait) {
@@ -60,7 +68,7 @@ module.exports.throttle = (callback, limit = 100) => {
    };
 };
 
-module.exports.getWebPackConfig = (outputDir, project) => {
+export const getWebPackConfig = (outputDir, project) => {
    return {
       entry: process.cwd() + `/${dirs.build}/${project.name}.js`,
       output: {
@@ -113,7 +121,7 @@ module.exports.getWebPackConfig = (outputDir, project) => {
    }
 };
 
-module.exports.portInUse = (port, address = '127.0.0.1') => {
+export const portInUse = (port, address = '127.0.0.1') => {
    return new Promise((resolve, reject) => {
       const server = net.createServer(socket => socket.pipe(socket));
 
@@ -128,8 +136,6 @@ module.exports.portInUse = (port, address = '127.0.0.1') => {
    });
 };
 
-module.exports.dirs = dirs;
-
 const initNote = `Usage: leanweb init or leanweb init project-name
 leanweb init will initialize a leanweb project with the name of the current
 working directory, otherwise, if a project-name is provided, the provided
@@ -229,7 +235,7 @@ leanweb generate login is the same as leanweb g login
 const versionNote = `Usage: leanweb version
 Print version information for leanweb.`;
 
-module.exports.targets = {
+export const targets = {
    'init': { file: 'init.js', note: initNote },
    'generate': { file: 'generate.js', note: generateNote },
    'serve': { file: 'serve.js', note: serveNote },

package/commands/version.js

@@ -1,2 +1,4 @@
+import { createRequire } from "module";
+const require = createRequire(import.meta.url);
 const packageJSON = require('../package.json');
 console.log(packageJSON.name, packageJSON.version);

package/leanweb.js

@@ -1,10 +1,18 @@
 #!/usr/bin/env node
 
-(async () => {
+import fs from 'fs';
+import semver from 'semver';
+import * as utils from './commands/utils.js';
+
+import { createRequire } from "module";
+const require = createRequire(import.meta.url);
 
-   const fs = require('fs');
-   const semver = require('semver');
-   const utils = require('./commands/utils.js');
+import path from 'path';
+import { fileURLToPath } from 'url';
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+(async () => {
 
    const args = process.argv;
 

package/lib/lw-html-parser.js

@@ -1,5 +1,5 @@
-const parse5 = require('parse5');
-const parser = require('@babel/parser');
+import * as parse5 from 'parse5';
+import * as parser from '@babel/parser';
 
 let astKey = 0;
 
@@ -91,7 +91,7 @@ const walkNode = (node, interpolation) => {
    node.childNodes && node.childNodes.forEach(childNode => walkNode(childNode, interpolation));
 };
 
-const parse = html => {
+export const parse = html => {
    const ast = {};
    const doc = parse5.parseFragment(html, { sourceCodeLocationInfo: true });
    walkNode(doc, ast);
@@ -100,8 +100,6 @@ const parse = html => {
    return ast;
 };
 
-module.exports = { parse };
-
 
 // const html = `<div>
 // <span class="x" lw>/a/;(1+(2+3))</span>

package/package.json

@@ -1,11 +1,12 @@
 {
    "name": "leanweb",
-   "version": "1.1.0",
+   "version": "1.1.1",
    "description": "Builds framework agnostic web components.",
    "bin": {
       "leanweb": "leanweb.js",
       "lw": "leanweb.js"
    },
+   "type": "module",
    "repository": {
       "type": "git",
       "url": "git+https://github.com/elgs/leanweb.git"
@@ -19,25 +20,25 @@
    "author": "Qian Chen",
    "license": "MIT",
    "dependencies": {
-      "@babel/core": "^7.16.7",
-      "@babel/parser": "^7.16.8",
-      "@babel/plugin-transform-runtime": "^7.16.8",
-      "@babel/preset-env": "^7.16.8",
+      "@babel/core": "^7.16.12",
+      "@babel/parser": "^7.16.12",
+      "@babel/plugin-transform-runtime": "^7.16.10",
+      "@babel/preset-env": "^7.16.11",
       "babel-loader": "^8.2.3",
       "clean-css": "^5.2.2",
       "css-loader": "^6.5.1",
       "fs-extra": "^10.0.0",
-      "globby": "^11.0.4",
+      "globby": "^13.0.0",
       "html-minifier": "^4.0.0",
-      "isomorphic-git": "^1.10.4",
+      "isomorphic-git": "^1.10.5",
       "json5-loader": "^4.0.1",
-      "node-watch": "^0.7.2",
+      "node-watch": "^0.7.3",
       "parse5": "^6.0.1",
       "raw-loader": "^4.0.2",
-      "sass": "^1.48.0",
+      "sass": "^1.49.0",
       "sass-loader": "^12.4.0",
       "semver": "^7.3.5",
-      "webpack": "^5.66.0",
+      "webpack": "^5.67.0",
       "webpack-dev-server": "^4.7.3"
    }
 }

package/templates/electron.js

@@ -1,4 +1,4 @@
-const { app, BrowserWindow } = require('electron');
+import { app, BrowserWindow } from 'electron';
 
 const createWindow = () => {
    // Create the browser window.