1.0.53

.gitlab-ci.yml

@@ -1,5 +1,7 @@
 # gitzone ci_default
 image: registry.gitlab.com/hosttoday/ht-docker-node:npmci
+variables:
+  GIT_STRATEGY: clone
 
 cache:
   paths:
@@ -38,17 +40,17 @@ snyk:
 # test stage
 # ====================
 
-testLTS:
+testStable:
   stage: test
   script:
   - npmci npm prepare
-  - npmci node install lts
+  - npmci node install stable
   - npmci npm install
   - npmci npm test
   coverage: /\d+.?\d+?\%\s*coverage/
   tags:
   - docker
-  - notpriv
+  - priv
 
 testBuild:
   stage: test
@@ -98,7 +100,9 @@ trigger:
   - notpriv
 
 pages:
-  image: hosttoday/ht-docker-node:npmci
+  image: hosttoday/ht-docker-dbase:npmci
+  services:
+   - docker:18-dind
   stage: metadata
   script:
     - npmci command npm install -g @gitzone/tsdoc

cli.js

@@ -1,3 +1,4 @@
 #!/usr/bin/env node
 process.env.CLI_CALL = 'true';
-require('./dist/index');
+const cliTool = require('./dist/index');
+cliTool.runCli();

cli.ts.js

@@ -1,4 +1,5 @@
 #!/usr/bin/env node
 process.env.CLI_CALL = 'true';
 require('@gitzone/tsrun');
-require('./ts/index');
+const cliTool = require('./ts/index');
+cliTool.runCli();

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitzone/tsbundle",
-  "version": "1.0.35",
+  "version": "1.0.53",
   "private": false,
   "description": "a bundler using rollup for painless bundling of web projects",
   "main": "dist/index.js",
@@ -16,41 +16,43 @@
     "tsbundle": "cli.js"
   },
   "devDependencies": {
-    "@gitzone/tsbuild": "^2.1.11",
+    "@gitzone/tsbuild": "^2.1.20",
-    "@gitzone/tsrun": "^1.2.6",
+    "@gitzone/tsrun": "^1.2.8",
-    "@gitzone/tstest": "^1.0.15",
+    "@gitzone/tstest": "^1.0.28",
-    "@pushrocks/tapbundle": "^3.0.7",
+    "@pushrocks/tapbundle": "^3.2.0",
-    "@types/node": "^12.6.6",
+    "tslint": "^6.1.0",
-    "tslint": "^5.11.0",
     "tslint-config-prettier": "^1.15.0"
   },
   "dependencies": {
-    "@babel/core": "^7.4.4",
+    "@babel/core": "^7.8.7",
-    "@babel/plugin-proposal-class-properties": "^7.4.4",
+    "@babel/plugin-proposal-class-properties": "^7.8.3",
-    "@babel/plugin-proposal-decorators": "^7.4.4",
+    "@babel/plugin-proposal-decorators": "^7.8.3",
-    "@babel/plugin-transform-runtime": "^7.4.4",
+    "@babel/plugin-transform-runtime": "^7.8.3",
-    "@babel/preset-env": "^7.4.4",
+    "@babel/preset-env": "^7.8.7",
-    "@babel/runtime": "^7.4.4",
+    "@babel/runtime": "^7.8.7",
     "@pushrocks/early": "^3.0.3",
-    "@pushrocks/smartcli": "^3.0.7",
+    "@pushrocks/smartcli": "^3.0.9",
-    "@pushrocks/smartfile": "^7.0.2",
+    "@pushrocks/smartfile": "^7.0.9",
-    "@pushrocks/smartlog": "^2.0.19",
+    "@pushrocks/smartlog": "^2.0.21",
     "@pushrocks/smartlog-destination-local": "^8.0.2",
+    "@rollup/plugin-commonjs": "^11.0.2",
+    "@rollup/plugin-node-resolve": "^7.1.1",
+    "@rollup/plugin-typescript": "^4.0.0",
     "@types/html-minifier": "^3.5.3",
+    "@types/node": "^13.9.1",
     "html-minifier": "^4.0.0",
-    "rollup": "^1.10.1",
+    "rollup": "^2.0.6",
-    "rollup-plugin-babel": "^4.3.2",
+    "rollup-plugin-babel": "^4.4.0",
-    "rollup-plugin-commonjs": "^10.0.1",
+    "rollup-plugin-sourcemaps": "^0.5.0",
-    "rollup-plugin-node-resolve": "^5.2.0",
+    "rollup-plugin-terser": "^5.3.0",
-    "rollup-plugin-sourcemaps": "^0.4.2",
+    "terser": "^4.6.6"
-    "rollup-plugin-terser": "^5.0.0",
-    "rollup-plugin-typescript2": "^0.22.0"
   },
   "files": [
     "ts/*",
     "ts_web/*",
     "dist/*",
     "dist_web/*",
+    "dist_ts_web/*",
     "assets/*",
     "cli.js",
     "npmextra.json",

readme.md

@@ -30,6 +30,6 @@ tsbundle will bundle modern JavaScript websites in an Google Bot conformant way
 For further information read the linked docs at the top of this readme.
 
 > MIT licensed | **©** [Lossless GmbH](https://lossless.gmbh)
-| By using this npm module you agree to our [privacy policy](https://lossless.gmbH/privacy.html)
+| By using this npm module you agree to our [privacy policy](https://lossless.gmbH/privacy)
 
-[![repo-footer](https://gitzone.gitlab.io/assets/repo-footer.svg)](https://maintainedby.lossless.com)
+[![repo-footer](https://lossless.gitlab.io/publicrelations/repofooter.svg)](https://maintainedby.lossless.com)

test/test.ts

@@ -2,8 +2,7 @@ import { expect, tap } from '@pushrocks/tapbundle';
 import * as tsbundle from '../ts/index';
 
 tap.test('first test', async () => {
-  tsbundle;
+  await tsbundle.runCli();
-  console.log('hi');
 });
 
 tap.start();

ts/index.ts

@@ -7,6 +7,9 @@ import { logger } from './tsbundle.logging';
 import { runCli } from './tsbundle.cli';
 early.stop();
 
-if (process.env.CLI_CALL) {
+// lets make this usable programmatically
-  runCli();
+export * from './tsbundle.class.tsbundle';
-}
+export * from './tsbundle.htmlhandler';
+export {
+  runCli
+};

ts/tsbundle.class.tsbundle.ts

@@ -6,6 +6,9 @@ export class TsBundle {
    * the basic default options for rollup
    */
   public getBaseOptions(fromArg: string = `ts_web/index.ts`, toArg: string = 'dist_web/bundle.js') {
+    logger.log('info', `from: ${fromArg}`);
+    logger.log('info', `to: ${toArg}`);
+
     const baseOptions: plugins.rollup.RollupOptions = {
       input: fromArg,
       output: {
@@ -22,19 +25,14 @@ export class TsBundle {
       plugins: [
         // Compile TypeScript files
         plugins.rollupTypescript({
-          useTsconfigDeclarationDir: true,
+          declaration: false,
-          tsconfigOverride: {
+          emitDecoratorMetadata: true,
-            compilerOptions: {
+          experimentalDecorators: true,
-              declaration: true,
+          inlineSourceMap: true,
-              emitDecoratorMetadata: true,
+          noEmitOnError: true,
-              experimentalDecorators: true,
+          lib: ['esnext', 'dom'],
-              inlineSourceMap: true,
+          noImplicitAny: false,
-              noEmitOnError: true,
+          target: 'es2018'
-              lib: ['es2017', 'dom'],
-              target: 'es2017',
-              noImplicitAny: false
-            }
-          }
         }),
         // Allow node_modules resolution, so you can use 'external' to control
         // which external modules to include in the bundle
@@ -47,7 +45,7 @@ export class TsBundle {
         }),
 
         // Resolve source maps to the original source
-        plugins.rollupSourceMaps(),
+        plugins.rollupSourceMaps()
         /*plugins.rollupBabel({
           runtimeHelpers: true,
           extensions: ['.js', '.jsx', '.ts', '.tsx'],
@@ -78,16 +76,22 @@ export class TsBundle {
   }
 
   public getOptionsTest(fromArg: string, toArg: string): plugins.rollup.RollupOptions {
-    return this.getBaseOptions();
+    return this.getBaseOptions(fromArg, toArg);
   }
 
   public getOptionsProduction(fromArg: string, toArg: string): plugins.rollup.RollupOptions {
-    const productionOptions = this.getBaseOptions();
+    const productionOptions = this.getBaseOptions(fromArg, toArg);
-    productionOptions.plugins.push(plugins.rollupTerser());
+    productionOptions.plugins.push(plugins.rollupTerser({
+      compress: true,
+      mangle: true,
+      sourcemap: true
+    }));
     return productionOptions;
   }
 
-  constructor() {}
+  constructor() {
+    // Nothing here
+  }
 
   /**
    * creates a bundle for the test enviroment
@@ -95,9 +99,10 @@ export class TsBundle {
   public async buildTest(fromArg: string, toArg: string) {
     // create a bundle
     logger.log('info', `bundling for TEST!`);
-    const bundle = await plugins.rollup.rollup(this.getOptionsTest(fromArg, toArg));
+    const buildOptions = this.getOptionsTest(fromArg, toArg);
-    bundle.generate(this.getOptionsTest(fromArg, toArg).output);
+    const bundle = await plugins.rollup.rollup(buildOptions);
-    await bundle.write(this.getOptionsTest(fromArg, toArg).output);
+    bundle.generate(buildOptions.output as plugins.rollup.OutputOptions);
+    await bundle.write(buildOptions.output as plugins.rollup.OutputOptions);
     logger.log('ok', `Successfully bundled files!`);
   }
 
@@ -107,9 +112,10 @@ export class TsBundle {
   public async buildProduction(fromArg: string, toArg: string) {
     // create a bundle
     logger.log('info', `bundling for PRODUCTION!`);
-    const bundle = await plugins.rollup.rollup(this.getOptionsProduction(fromArg, toArg));
+    const buildOptions = this.getOptionsProduction(fromArg, toArg);
-    bundle.generate(this.getOptionsProduction(fromArg, toArg).output);
+    const bundle = await plugins.rollup.rollup(buildOptions);
-    await bundle.write(this.getOptionsProduction(fromArg, toArg).output);
+    bundle.generate(buildOptions.output as plugins.rollup.OutputOptions);
+    await bundle.write(buildOptions.output as plugins.rollup.OutputOptions);
     logger.log('ok', `Successfully bundled files!`);
   }
 }

ts/tsbundle.cli.ts

@@ -10,18 +10,32 @@ export const runCli = async () => {
     const htmlHandler = new HtmlHandler();
     switch (true) {
       case argvArg.production || process.env.CI:
-        await tsbundle.buildProduction(null, null);
+        await tsbundle.buildProduction(argvArg.from, argvArg.to);
         await htmlHandler.minifyHtml();
         break;
       case argvArg.test:
       default:
-        await tsbundle.buildTest(null, null);
+        await tsbundle.buildTest(argvArg.from, argvArg.to);
         await htmlHandler.copyHtml();
         return;
     }
   });
 
-
+  tsBundleCli.addCommand('element').subscribe(async argvArg => {
+    const tsbundle = new TsBundle();
+    // const htmlHandler = new HtmlHandler();
+    switch (true) {
+      case argvArg.production || process.env.CI:
+        await tsbundle.buildProduction('./ts_web/index.ts', './dist_ts_web/bundle.js');
+        // await htmlHandler.minifyHtml();
+        break;
+      case argvArg.test:
+      default:
+        await tsbundle.buildTest('./ts_web/index.ts', './dist_ts_web/bundle.js');
+        // await htmlHandler.copyHtml();
+        return;
+    }
+  });
 
   tsBundleCli.startParse();
 };

ts/tsbundle.htmlhandler.ts

@@ -10,15 +10,15 @@ export class HtmlHandler {
   }
 
   // copies the html
-  public async copyHtml() {
+  public async copyHtml(targetPathArg = this.targetFilePath) {
     if (!(await this.checkIfExists())) {
       return;
     }
-    await plugins.smartfile.fs.copy(this.sourceFilePath, this.targetFilePath);
+    await plugins.smartfile.fs.copy(this.sourceFilePath, targetPathArg);
   }
 
   // copies and minifies the html
-  public async minifyHtml() {
+  public async minifyHtml(targetPathArg = this.targetFilePath) {
     if (!(await this.checkIfExists())) {
       return;
     }
@@ -33,6 +33,6 @@ export class HtmlHandler {
       collapseInlineTagWhitespace: true,
       removeComments: true
     });
-    plugins.smartfile.memory.toFsSync(minifiedHtml, this.targetFilePath);
+    plugins.smartfile.memory.toFsSync(minifiedHtml, targetPathArg);
   }
 }

ts/tsbundle.paths.ts

@@ -4,3 +4,4 @@ export const cwd = process.cwd();
 export const packageDir = plugins.path.join(__dirname, '../');
 export const htmlDir = plugins.path.join(cwd, './html');
 export const distWebDir = plugins.path.join(cwd, './dist_web');
+export const assetsDir = plugins.path.join(packageDir, 'assets');

ts/tsbundle.plugins.ts

@@ -14,11 +14,11 @@ export { smartcli, smartfile, smartlog, smartlogDestinationLocal };
 // third party scope
 import * as rollup from 'rollup';
 import rollupBabel from 'rollup-plugin-babel';
-import rollupCommonjs from 'rollup-plugin-commonjs';
+import rollupCommonjs from '@rollup/plugin-commonjs';
-import rollupResolve from 'rollup-plugin-node-resolve';
+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-typescript2';
+import rollupTypescript from '@rollup/plugin-typescript';
 
 import * as htmlMinifier from 'html-minifier';