2.0.13

.gitlab-ci.yml

@@ -124,7 +124,7 @@ pages:
   stage: metadata
   script:
     - npmci node install lts
-    - npmci command npm install -g @gitzone/tsdoc
+    - npmci command npm install -g @git.zone/tsdoc
     - npmci npm prepare
     - npmci npm install
     - npmci command tsdoc

assets/tsconfig.json

@@ -0,0 +1,11 @@
+{
+  "compilerOptions": {
+    "experimentalDecorators": true,
+    "target": "ES2020",
+    "module": "ES2020",
+    "moduleResolution": "node12",
+    "useDefineForClassFields": false,
+    "preserveValueImports": true,
+    "esModuleInterop": true
+  }
+}

cli.ts.js

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
 process.env.CLI_CALL = 'true';
 
-import * as tsrun from '@gitzone/tsrun';
+import * as tsrun from '@git.zone/tsrun';
 tsrun.runPath('./cli.child.js', import.meta.url);

npmextra.json

@@ -6,7 +6,7 @@
       "gitscope": "gitzone",
       "gitrepo": "tsbundle",
       "description": "a bundler using rollup for painless bundling of web projects",
-      "npmPackagename": "@gitzone/tsbundle",
+      "npmPackagename": "@git.zone/tsbundle",
       "license": "MIT",
       "projectDomain": "git.zone"
     }

package.json

@@ -1,6 +1,6 @@
 {
-  "name": "@gitzone/tsbundle",
-  "version": "1.0.103",
+  "name": "@git.zone/tsbundle",
+  "version": "2.0.13",
   "private": false,
   "description": "a bundler using rollup for painless bundling of web projects",
   "main": "dist_ts/index.js",
@@ -16,42 +16,26 @@
     "tsbundle": "cli.js"
   },
   "devDependencies": {
-    "@gitzone/tsbuild": "^2.1.59",
-    "@gitzone/tsrun": "^1.2.31",
-    "@gitzone/tstest": "^1.0.69",
-    "@pushrocks/tapbundle": "^5.0.2",
-    "tslint": "^6.1.3",
-    "tslint-config-prettier": "^1.15.0"
+    "@git.zone/tsbuild": "^2.1.70",
+    "@git.zone/tsrun": "^1.2.46",
+    "@git.zone/tstest": "^1.0.84",
+    "@push.rocks/tapbundle": "^5.0.15",
+    "@types/node": "^20.10.7"
   },
   "dependencies": {
-    "@babel/core": "^7.17.7",
-    "@babel/plugin-proposal-class-properties": "^7.16.7",
-    "@babel/plugin-proposal-decorators": "^7.17.2",
-    "@babel/plugin-transform-runtime": "^7.17.0",
-    "@babel/preset-env": "^7.16.11",
-    "@babel/runtime": "^7.17.7",
-    "@pushrocks/early": "^3.0.6",
-    "@pushrocks/smartcli": "^3.0.14",
-    "@pushrocks/smartfile": "^9.0.6",
-    "@pushrocks/smartlog": "^2.0.44",
-    "@pushrocks/smartlog-destination-local": "^8.0.8",
-    "@pushrocks/smartparcel": "^1.0.13",
-    "@pushrocks/smartpath": "^5.0.5",
-    "@pushrocks/smartpromise": "^3.1.7",
-    "@pushrocks/smartspawn": "^2.0.9",
-    "@rollup/plugin-commonjs": "^21.0.2",
-    "@rollup/plugin-json": "^4.1.0",
-    "@rollup/plugin-node-resolve": "^13.1.3",
-    "@rollup/plugin-typescript": "^8.3.1",
-    "@types/html-minifier": "^4.0.2",
-    "@types/node": "^17.0.21",
-    "esbuild": "0.14.27",
+    "@push.rocks/early": "^4.0.4",
+    "@push.rocks/smartcli": "^4.0.8",
+    "@push.rocks/smartdelay": "^3.0.5",
+    "@push.rocks/smartfile": "^11.0.4",
+    "@push.rocks/smartlog": "^3.0.3",
+    "@push.rocks/smartlog-destination-local": "^9.0.0",
+    "@push.rocks/smartpath": "^5.0.11",
+    "@push.rocks/smartpromise": "^4.0.2",
+    "@push.rocks/smartspawn": "^3.0.2",
+    "@types/html-minifier": "^4.0.5",
+    "esbuild": "^0.19.11",
     "html-minifier": "^4.0.0",
-    "rollup": "^2.70.1",
-    "rollup-plugin-babel": "^4.4.0",
-    "rollup-plugin-sourcemaps": "^0.6.3",
-    "rollup-plugin-terser": "^7.0.2",
-    "typescript": "4.7.0"
+    "typescript": "5.3.3"
   },
   "files": [
     "ts/**/*",

readme.md

@@ -1,8 +1,8 @@
-# @gitzone/tsbundle
+# @git.zone/tsbundle
 a bundler using rollup for painless bundling of web projects
 
 ## Availabililty and Links
-* [npmjs.org (npm package)](https://www.npmjs.com/package/@gitzone/tsbundle)
+* [npmjs.org (npm package)](https://www.npmjs.com/package/@git.zone/tsbundle)
 * [gitlab.com (source)](https://gitlab.com/gitzone/tsbundle)
 * [github.com (source mirror)](https://github.com/gitzone/tsbundle)
 * [docs (typedoc)](https://gitzone.gitlab.io/tsbundle/)
@@ -13,14 +13,14 @@ Status Category | Status Badge
 -- | --
 GitLab Pipelines | [![pipeline status](https://gitlab.com/gitzone/tsbundle/badges/master/pipeline.svg)](https://lossless.cloud)
 GitLab Pipline Test Coverage | [![coverage report](https://gitlab.com/gitzone/tsbundle/badges/master/coverage.svg)](https://lossless.cloud)
-npm | [![npm downloads per month](https://badgen.net/npm/dy/@gitzone/tsbundle)](https://lossless.cloud)
+npm | [![npm downloads per month](https://badgen.net/npm/dy/@git.zone/tsbundle)](https://lossless.cloud)
 Snyk | [![Known Vulnerabilities](https://badgen.net/snyk/gitzone/tsbundle)](https://lossless.cloud)
 TypeScript Support | [![TypeScript](https://badgen.net/badge/TypeScript/>=%203.x/blue?icon=typescript)](https://lossless.cloud)
 node Support | [![node](https://img.shields.io/badge/node->=%2010.x.x-blue.svg)](https://nodejs.org/dist/latest-v10.x/docs/api/)
 Code Style | [![Code Style](https://badgen.net/badge/style/prettier/purple)](https://lossless.cloud)
-PackagePhobia (total standalone install weight) | [![PackagePhobia](https://badgen.net/packagephobia/install/@gitzone/tsbundle)](https://lossless.cloud)
-PackagePhobia (package size on registry) | [![PackagePhobia](https://badgen.net/packagephobia/publish/@gitzone/tsbundle)](https://lossless.cloud)
-BundlePhobia (total size when bundled) | [![BundlePhobia](https://badgen.net/bundlephobia/minzip/@gitzone/tsbundle)](https://lossless.cloud)
+PackagePhobia (total standalone install weight) | [![PackagePhobia](https://badgen.net/packagephobia/install/@git.zone/tsbundle)](https://lossless.cloud)
+PackagePhobia (package size on registry) | [![PackagePhobia](https://badgen.net/packagephobia/publish/@git.zone/tsbundle)](https://lossless.cloud)
+BundlePhobia (total size when bundled) | [![BundlePhobia](https://badgen.net/bundlephobia/minzip/@git.zone/tsbundle)](https://lossless.cloud)
 Platform support | [![Supports Windows 10](https://badgen.net/badge/supports%20Windows%2010/yes/green?icon=windows)](https://lossless.cloud) [![Supports Mac OS X](https://badgen.net/badge/supports%20Mac%20OS%20X/yes/green?icon=apple)](https://lossless.cloud)
 
 ## Usage
@@ -38,10 +38,10 @@ tsbundle supports two modes of usage: CLI and API usage.
 # Install the tool for cli usage
 
 # Globally
-npm install -g @gitzone/tsbundle
+npm install -g @git.zone/tsbundle
 
 # Locally for use in your pacakge.json
-npm install --save-dev @gitzone/tsbundle
+npm install --save-dev @git.zone/tsbundle
 
 # then use it
 tsbundle --from="./ts/index.ts" --to="dist/bundle.js"

test/test.ts

@@ -1,8 +1,6 @@
-import { expect, tap } from '@pushrocks/tapbundle';
+import { expect, tap } from '@push.rocks/tapbundle';
 import * as tsbundle from '../ts/index.js';
 
-import * as path from 'path';
-
 tap.test('should bundle with esbuild', async () => {
   const tsbundleInstance = new tsbundle.TsBundle();
   await tsbundleInstance.build(
@@ -15,26 +13,5 @@ tap.test('should bundle with esbuild', async () => {
   );
 });
 
-tap.test('should bundle with parcel', async () => {
-  const tsbundleInstance = new tsbundle.TsBundle();
-  await tsbundleInstance.build(
-    process.cwd() + '/test',
-    './ts_web/index.ts',
-    './dist_manual/test.js',
-    {
-      bundler: 'parcel'
-    }
-  );
-});
-
-tap.test('should bundle with rollup', async () => {
-  const tsbundleInstance = new tsbundle.TsBundle();
-  await tsbundleInstance.build(
-    process.cwd(),
-    './test/ts_web/index.ts',
-    './test/dist_manual/production.js',
-    {bundler: 'rollup'}
-  );
-});
 
 tap.start();

test/ts_web/index.ts

@@ -1,5 +1,9 @@
+import * as smartdelay from '@push.rocks/smartdelay';
+
 const myConst: string = 'hello';
 
+await smartdelay.delayFor(1000);
+
 function sealed(constructor: Function) {
   Object.seal(constructor);
   Object.seal(constructor.prototype);
@@ -15,4 +19,6 @@ class BugReport {
   }
 }
 
+
+
 console.log(myConst);

ts/00_commitinfo_data.ts

@@ -2,7 +2,7 @@
  * autocreated commitinfo by @pushrocks/commitinfo
  */
 export const commitinfo = {
-  name: '@gitzone/tsbundle',
-  version: '1.0.103',
+  name: '@git.zone/tsbundle',
+  version: '2.0.13',
   description: 'a bundler using rollup for painless bundling of web projects'
 }

ts/index.ts

@@ -1,4 +1,4 @@
-import * as early from '@pushrocks/early';
+import * as early from '@push.rocks/early';
 early.start('tsbundle');
 // lets import all plugins beforehand
 import './plugins.js';

ts/mod_esbuild/index.child.ts

@@ -1,4 +1,5 @@
 import * as plugins from './plugins.js';
+import * as paths from '../paths.js';
 import * as interfaces from '../interfaces/index.js';
 import { logger } from '../tsbundle.logging.js';
 
@@ -22,8 +23,11 @@ export class TsBundleProcess {
       bundle: true,
       sourcemap: true,
       format: 'esm',
-      target: 'es2020',
-      outfile: toArg
+      target: 'es2022',
+      entryNames: plugins.path.parse(toArg).name,
+      outdir: plugins.path.parse(toArg).dir,
+      splitting: true,
+      tsconfig: paths.tsconfigPath
     });
   }
 
@@ -44,9 +48,14 @@ export class TsBundleProcess {
       bundle: true,
       sourcemap: true,
       format: 'esm',
-      target: 'es2020',
+      target: 'es2022',
       minify: true,
-      outfile: toArg
+      // outfile: toArg,
+      entryNames: 'bundle',
+      outdir: plugins.path.parse(toArg).dir,
+      tsconfig: paths.tsconfigPath,
+      splitting: true,
+      chunkNames: 'chunks/[name]-[hash]',
     });
   }
 }

ts/mod_html/index.ts

@@ -10,35 +10,38 @@ export class HtmlHandler {
   }
 
   // copies the html
-  public async copyHtml(fromArg: string = this.defaultFromPath, toArg: string = this.defaultToPath) {
-    if (await this.checkIfExists()) {
-      console.log(`${fromArg} replaces file at ${toArg}`);
+  public async processHtml(optionsArg: {
+    from?: string;
+    to?: string;
+    minify?: boolean;
+  }) {
+    optionsArg = {
+      ... {
+        from: this.defaultFromPath,
+        to: this.defaultToPath,
+        minify: false,
+      },
+      ...optionsArg
     }
-    fromArg = plugins.smartpath.transform.toAbsolute(fromArg, paths.cwd) as string;
-    toArg = plugins.smartpath.transform.toAbsolute(toArg, paths.cwd) as string;
-    await plugins.smartfile.fs.copy(fromArg, toArg);
-    console.log(`html copy succeeded!`);
-  }
-
-  // copies and minifies the html
-  public async minifyHtml(fromArg: string = this.defaultFromPath, toArg: string = this.defaultToPath) {
     if (await this.checkIfExists()) {
-      console.log(`${fromArg} replaces file at ${toArg}`);
+      console.log(`${optionsArg.from} replaces file at ${optionsArg.to}`);
     }
-    fromArg = plugins.smartpath.transform.toAbsolute(fromArg, paths.cwd) as string;
-    toArg = plugins.smartpath.transform.toAbsolute(toArg, paths.cwd) as string;
-    const fileString = plugins.smartfile.fs.toStringSync(fromArg);
-    const minifiedHtml = plugins.htmlMinifier.minify(fileString, {
-      minifyCSS: true,
-      minifyJS: true,
-      sortAttributes: true,
-      sortClassName: true,
-      removeAttributeQuotes: true,
-      collapseWhitespace: true,
-      collapseInlineTagWhitespace: true,
-      removeComments: true,
-    });
-    await plugins.smartfile.memory.toFs(minifiedHtml, toArg);
-    console.log(`html minification succeeded!`);
+    optionsArg.from = plugins.smartpath.transform.toAbsolute(optionsArg.from, paths.cwd) as string;
+    optionsArg.to = plugins.smartpath.transform.toAbsolute(optionsArg.to, paths.cwd) as string;
+    let fileString = plugins.smartfile.fs.toStringSync(optionsArg.from);
+    if (optionsArg.minify) {
+      fileString = plugins.htmlMinifier.minify(fileString, {
+        minifyCSS: true,
+        minifyJS: true,
+        sortAttributes: true,
+        sortClassName: true,
+        removeAttributeQuotes: true,
+        collapseWhitespace: true,
+        collapseInlineTagWhitespace: true,
+        removeComments: true,
+      });
+    }
+    await plugins.smartfile.memory.toFs(fileString, optionsArg.to);
+    console.log(`html processing succeeded!`);
   }
 }

ts/mod_parcel/index.child.ts

@@ -1,70 +0,0 @@
-import * as plugins from './plugins.js';
-import * as interfaces from '../interfaces/index.js';
-import { logger } from '../tsbundle.logging.js';
-
-export class TsBundleProcess {
-
-  constructor() {
-    // Nothing here
-  }
-
-  /**
-   * creates a bundle for the test enviroment
-   */
-  public async buildTest (
-    fromArg: string,
-    toArg: string,
-    argvArg: any
-  ) {
-    const parsedPath = plugins.path.parse(toArg);
-    const parcelInstance = new plugins.smartparcel.Parcel(
-      fromArg,
-      parsedPath.dir,
-      parsedPath.base
-    );
-    await parcelInstance.build();
-  }
-
-  /**
-   * creates a bundle for the production environment
-   */
-  public async buildProduction (
-    fromArg: string,
-    toArg: string,
-    argvArg: any
-  ) {
-    // create a bundle
-    const parsedPath = plugins.path.parse(toArg);
-    const parcelInstance = new plugins.smartparcel.Parcel(
-      fromArg,
-      parsedPath.dir,
-      parsedPath.base
-    );
-    await parcelInstance.build();
-  }
-}
-
-const run = async () => {
-  console.log('running spawned compilation process');
-  const transportOptions: interfaces.IEnvTransportOptions = JSON.parse(process.env.transportOptions);
-  console.log('bundling with parcel:');
-  console.log(transportOptions);
-  process.chdir(transportOptions.cwd);
-  console.log(`switched to ${process.cwd()}`);
-  const tsbundleProcessInstance = new TsBundleProcess();
-  if (transportOptions.mode === 'test') {
-    tsbundleProcessInstance.buildTest(
-      transportOptions.from,
-      transportOptions.to,
-      transportOptions.argv
-    );
-  } else {
-    tsbundleProcessInstance.buildProduction(
-      transportOptions.from,
-      transportOptions.to,
-      transportOptions.argv
-    );
-  }
-};
-
-run();

ts/mod_parcel/plugins.ts

@@ -1,7 +0,0 @@
-export * from '../plugins.js'
-
-import * as smartparcel from '@pushrocks/smartparcel';
-
-export {
-  smartparcel
-}

ts/mod_rollup/index.child.ts

@@ -1,162 +0,0 @@
-import * as plugins from './plugins.js';
-import * as interfaces from '../interfaces/index.js';
-import { logger } from '../tsbundle.logging.js';
-
-export class TsBundleProcess {
-  /**
-   * the basic default options for rollup
-   */
-  public getBaseOptions(
-    fromArg: string = `ts_web/index.ts`,
-    toArg: string = 'dist_bundle/bundle.js',
-    argvArg: any
-  ) {
-    logger.log('info', `from: ${fromArg}`);
-    logger.log('info', `to: ${toArg}`);
-
-    const baseOptions: plugins.rollup.RollupOptions = {
-      input: fromArg,
-      output: {
-        name: 'tsbundle',
-        file: toArg,
-        format: 'iife',
-        sourcemap: true,
-      },
-      // Indicate here external modules you don't wanna include in your bundle (i.e.: 'lodash')
-      external: [],
-      watch: {
-        include: ['src/**'],
-      },
-      plugins: [
-        // Compile TypeScript files
-        (plugins.rollupTypescript as any)({
-          include: plugins.path.parse(fromArg).dir
-            ? plugins.path.parse(fromArg).dir + '/**/*.ts'
-            : '**/*.ts',
-          declaration: false,
-          emitDecoratorMetadata: true,
-          experimentalDecorators: true,
-          inlineSourceMap: true,
-          noEmitOnError: true,
-          lib: ['dom'],
-          noImplicitAny: false,
-          target: 'es2020',
-          module: 'es2020',
-          moduleResolution: 'node12',
-          allowSyntheticDefaultImports: true,
-          importsNotUsedAsValues: 'preserve',
-          ...(argvArg && argvArg.skiplibcheck
-            ? {
-                skipLibCheck: true,
-              }
-            : {}),
-          ...(argvArg && argvArg.allowimplicitany
-            ? {
-                noImplicitAny: false,
-              }
-            : {}),
-          ...(argvArg && argvArg.commonjs
-            ? {
-                module: 'commonjs',
-                moduleResolution: 'node',
-              }
-            : {}),
-        }),
-        (plugins.rollupJson as any)(),
-        // Allow node_modules resolution, so you can use 'external' to control
-        // which external modules to include in the bundle
-        // https://github.com/rollup/rollup-plugin-node-resolve#usage
-        plugins.rollupResolve(),
-        (plugins.rollupCommonjs as any)({}),
-
-        // Resolve source maps to the original source
-        plugins.rollupSourceMaps(),
-      ],
-    };
-    return baseOptions;
-  }
-
-  public getOptionsTest(
-    fromArg: string,
-    toArg: string,
-    argvArg: any
-  ): plugins.rollup.RollupOptions {
-    return this.getBaseOptions(fromArg, toArg, argvArg);
-  }
-
-  public getOptionsProduction(
-    fromArg: string,
-    toArg: string,
-    argvArg: any
-  ): plugins.rollup.RollupOptions {
-    const productionOptions = this.getBaseOptions(fromArg, toArg, argvArg);
-    productionOptions.plugins.push(
-      plugins.rollupTerser({
-        compress: true,
-        mangle: true,
-      })
-    );
-    return productionOptions;
-  }
-
-  constructor() {
-    // Nothing here
-  }
-
-  /**
-   * creates a bundle for the test enviroment
-   */
-  public async buildTest(
-    fromArg: string,
-    toArg: string,
-    argvArg: any
-  ) {
-    // create a bundle
-    logger.log('info', `bundling for TEST!`);
-    const buildOptions = this.getOptionsTest(fromArg, toArg, argvArg);
-    const bundle = await plugins.rollup.rollup(buildOptions);
-    bundle.generate(buildOptions.output as plugins.rollup.OutputOptions);
-    await bundle.write(buildOptions.output as plugins.rollup.OutputOptions);
-    logger.log('ok', `Successfully bundled files!`);
-    process.exit(0);
-  }
-
-  /**
-   * creates a bundle for the production environment
-   */
-  public async buildProduction(fromArg: string, toArg: string, argvArg: any) {
-    // create a bundle
-    logger.log('info', `bundling for PRODUCTION!`);
-    const buildOptions = this.getOptionsProduction(fromArg, toArg, argvArg);
-    const bundle = await plugins.rollup.rollup(buildOptions);
-    bundle.generate(buildOptions.output as plugins.rollup.OutputOptions);
-    await bundle.write(buildOptions.output as plugins.rollup.OutputOptions);
-    logger.log('ok', `Successfully bundled files!`);
-    process.exit(0);
-  }
-}
-
-const run = async () => {
-  console.log('running spawned compilation process');
-  const transportOptions: interfaces.IEnvTransportOptions = JSON.parse(process.env.transportOptions);
-  console.log('bundling with rollup:');
-  console.log(transportOptions);
-  process.chdir(transportOptions.cwd);
-  console.log(`switched to ${process.cwd()}`);
-  const tsbundleProcessInstance = new TsBundleProcess();
-  if (transportOptions.mode === 'test') {
-    tsbundleProcessInstance.buildTest(
-      transportOptions.from,
-      transportOptions.to,
-      transportOptions.argv
-    );
-  } else {
-    tsbundleProcessInstance.buildProduction(
-      transportOptions.from,
-      transportOptions.to,
-      transportOptions.argv
-    );
-  }
-};
-
-run();

ts/mod_rollup/plugins.ts

@@ -1,22 +0,0 @@
-export * from '../plugins.js';
-
-// third party scope
-import * as rollup from 'rollup';
-import rollupBabel from 'rollup-plugin-babel';
-import rollupCommonjs from '@rollup/plugin-commonjs';
-import rollupJson from '@rollup/plugin-json';
-import rollupResolve from '@rollup/plugin-node-resolve';
-import rollupSourceMaps from 'rollup-plugin-sourcemaps';
-import { terser as rollupTerser } from 'rollup-plugin-terser';
-import rollupTypescript from '@rollup/plugin-typescript';
-
-export {
-  rollup,
-  rollupBabel,
-  rollupCommonjs,
-  rollupJson,
-  rollupResolve,
-  rollupSourceMaps,
-  rollupTerser,
-  rollupTypescript,
-};

ts/paths.ts

@@ -8,3 +8,4 @@ export const packageDir = plugins.path.join(
 export const htmlDir = plugins.path.join(cwd, './html');
 export const distServeDir = plugins.path.join(cwd, './dist_serve');
 export const assetsDir = plugins.path.join(packageDir, 'assets');
+export const tsconfigPath = plugins.path.join(assetsDir, './tsconfig.json');

ts/plugins.ts

@@ -4,13 +4,13 @@ import * as path from 'path';
 export { path };
 
 // pushrocks scope
-import * as smartcli from '@pushrocks/smartcli';
-import * as smartfile from '@pushrocks/smartfile';
-import * as smartlog from '@pushrocks/smartlog';
-import * as smartlogDestinationLocal from '@pushrocks/smartlog-destination-local';
-import * as smartpath from '@pushrocks/smartpath';
-import * as smartpromise from '@pushrocks/smartpromise';
-import * as smartspawn from '@pushrocks/smartspawn';
+import * as smartcli from '@push.rocks/smartcli';
+import * as smartfile from '@push.rocks/smartfile';
+import * as smartlog from '@push.rocks/smartlog';
+import * as smartlogDestinationLocal from '@push.rocks/smartlog-destination-local';
+import * as smartpath from '@push.rocks/smartpath';
+import * as smartpromise from '@push.rocks/smartpromise';
+import * as smartspawn from '@push.rocks/smartspawn';
 
 export {
   smartcli,

ts/tsbundle.class.tsbundle.ts

@@ -15,12 +15,6 @@ export class TsBundle {
       if (argvArg.bundler === 'esbuild') {
         return './mod_esbuild/index.child.js'
       }
-      if (argvArg.bundler === 'parcel') {
-        return './mod_parcel/index.child.js'
-      }
-      if (argvArg.bundler === 'rollup') {
-        return './mod_rollup/index.child.js'
-      }
       return './mod_esbuild/index.child.js'
     }
     const transportOptions: interfaces.IEnvTransportOptions = {

ts/tsbundle.cli.ts

@@ -5,7 +5,7 @@ import { logger } from './tsbundle.logging.js';
 
 export const runCli = async () => {
   const tsBundleCli = new plugins.smartcli.Smartcli();
-  tsBundleCli.standardTask().subscribe(async (argvArg) => {
+  tsBundleCli.standardCommand().subscribe(async (argvArg) => {
     const tsbundle = new TsBundle();
     await tsbundle.build(process.cwd(), argvArg.from, argvArg.to, argvArg);
     return;
@@ -13,8 +13,6 @@ export const runCli = async () => {
 
   tsBundleCli.addCommand('element').subscribe(async (argvArg) => {
     const tsbundle = new TsBundle();
-    const htmlHandler = new HtmlHandler();
-    // const htmlHandler = new HtmlHandler();
     await tsbundle.build(
       process.cwd(),
       './ts_web/index.ts',
@@ -43,7 +41,14 @@ export const runCli = async () => {
       './dist_serve/bundle.js',
       argvArg
     );
-    await htmlHandler.minifyHtml('./html/index.html', './dist_serve/index.html')
+    const htmlFiles = await plugins.smartfile.fs.listFiles('./html', /\.html/);
+    for (const htmlFile of htmlFiles) {
+      await htmlHandler.processHtml({
+        from: `./html/${htmlFile}`,
+        to: `./dist_serve/${htmlFile}`,
+        minify: true,
+      });
+    }
   });
 
   tsBundleCli.startParse();

tsconfig.json

@@ -1,9 +1,9 @@
 {
   "compilerOptions": {
     "experimentalDecorators": true,
-    "target": "ES2020",
-    "module": "ES2020",
-    "moduleResolution": "node12",
-    "esModuleInterop": true
+    "useDefineForClassFields": false,
+    "target": "ES2022",
+    "module": "ES2022",
+    "moduleResolution": "nodenext"
   }
-}
+}

tslint.json

@@ -1,17 +0,0 @@
-{
-  "extends": ["tslint:latest", "tslint-config-prettier"],
-  "rules": {
-    "semicolon": [true, "always"],
-    "no-console": false,
-    "ordered-imports": false,
-    "object-literal-sort-keys": false,
-    "member-ordering": {
-      "options":{
-        "order": [
-          "static-method"
-        ]
-      }
-    }
-  },
-  "defaultSeverity": "warning"
-}