2.0.35

.gitignore

@@ -15,8 +15,6 @@ node_modules/
 
 # builds
 dist/
-dist_web/
+dist_*/
-dist_serve/
-dist_ts_web/
 
 # custom

.gitlab-ci.yml

@@ -1,126 +0,0 @@
-# gitzone ci_default
-image: registry.gitlab.com/hosttoday/ht-docker-node:npmci
-
-cache:
-  paths:
-    - .npmci_cache/
-  key: '$CI_BUILD_STAGE'
-
-stages:
-  - security
-  - test
-  - release
-  - metadata
-
-# ====================
-# security stage
-# ====================
-mirror:
-  stage: security
-  script:
-    - npmci git mirror
-  tags:
-    - lossless
-    - docker
-    - notpriv
-
-snyk:
-  image: registry.gitlab.com/hosttoday/ht-docker-node:snyk
-  stage: security
-  script:
-    - npmci npm prepare
-    - npmci command npm install --ignore-scripts
-    - npmci command snyk test
-  tags:
-    - lossless
-    - docker
-    - notpriv
-
-# ====================
-# test stage
-# ====================
-
-testStable:
-  stage: test
-  script:
-    - npmci npm prepare
-    - npmci node install stable
-    - npmci npm install
-    - npmci npm test
-  coverage: /\d+.?\d+?\%\s*coverage/
-  tags:
-    - lossless
-    - docker
-    - priv
-
-testBuild:
-  stage: test
-  script:
-    - npmci npm prepare
-    - npmci node install stable
-    - npmci npm install
-    - npmci command npm run build
-  coverage: /\d+.?\d+?\%\s*coverage/
-  tags:
-    - lossless
-    - docker
-    - notpriv
-
-release:
-  stage: release
-  script:
-    - npmci node install stable
-    - npmci npm publish
-  only:
-    - tags
-  tags:
-    - lossless
-    - docker
-    - notpriv
-
-# ====================
-# metadata stage
-# ====================
-codequality:
-  stage: metadata
-  allow_failure: true
-  script:
-    - npmci command npm install -g tslint typescript
-    - npmci npm prepare
-    - npmci npm install
-    - npmci command "tslint -c tslint.json ./ts/**/*.ts"
-  tags:
-    - lossless
-    - docker
-    - priv
-
-trigger:
-  stage: metadata
-  script:
-    - npmci trigger
-  only:
-    - tags
-  tags:
-    - lossless
-    - docker
-    - notpriv
-
-pages:
-  stage: metadata
-  script:
-    - npmci node install lts
-    - npmci command npm install -g @gitzone/tsdoc
-    - npmci npm prepare
-    - npmci npm install
-    - npmci command tsdoc
-  tags:
-    - lossless
-    - docker
-    - notpriv
-  only:
-    - tags
-  artifacts:
-    expire_in: 1 week
-    paths:
-      - public
-  allow_failure: true

.snyk

@@ -1,24 +0,0 @@
-# Snyk (https://snyk.io) policy file, patches or ignores known vulnerabilities.
-version: v1.13.5
-# ignores vulnerabilities until expiry date; change duration by modifying expiry date
-ignore:
-  SNYK-JS-MINIMIST-559764:
-    - parcel-bundler > @babel/core > json5 > minimist:
-        reason: None given
-        expires: '2020-04-12T17:46:49.672Z'
-    - parcel-bundler > mkdirp > minimist:
-        reason: None given
-        expires: '2020-04-12T17:46:49.672Z'
-    - parcel-bundler > @parcel/fs > mkdirp > minimist:
-        reason: None given
-        expires: '2020-04-12T17:46:49.672Z'
-    - parcel-bundler > htmlnano > svgo > mkdirp > minimist:
-        reason: None given
-        expires: '2020-04-12T17:46:49.672Z'
-    - parcel-bundler > cssnano > cssnano-preset-default > postcss-svgo > svgo > mkdirp > minimist:
-        reason: None given
-        expires: '2020-04-12T17:46:49.672Z'
-    - parcel-bundler > htmlnano > cssnano > cssnano-preset-default > postcss-svgo > svgo > mkdirp > minimist:
-        reason: None given
-        expires: '2020-04-12T17:46:49.672Z'
-patch: {}

.vscode/launch.json

@@ -2,28 +2,10 @@
   "version": "0.2.0",
   "configurations": [
     {
-      "name": "current file",
+      "command": "npm test",
-      "type": "node",
+      "name": "Run npm test",
       "request": "launch",
-      "args": [
+      "type": "node-terminal"
-        "${relativeFile}"
-      ],
-      "runtimeArgs": ["-r", "@gitzone/tsrun"],
-      "cwd": "${workspaceRoot}",
-      "protocol": "inspector",
-      "internalConsoleOptions": "openOnSessionStart"
-    },
-    {
-      "name": "test.ts",
-      "type": "node",
-      "request": "launch",
-      "args": [
-        "test/test.ts"
-      ],
-      "runtimeArgs": ["-r", "@gitzone/tsrun"],
-      "cwd": "${workspaceRoot}",
-      "protocol": "inspector",
-      "internalConsoleOptions": "openOnSessionStart"
     }
   ]
 }

.vscode/settings.json

@@ -15,7 +15,7 @@
             "properties": {
               "projectType": {
                 "type": "string",
-                "enum": ["website", "element", "service", "npm"]
+                "enum": ["website", "element", "service", "npm", "wcc"]
               }
             }
           }

changelog.md

@@ -0,0 +1,136 @@
+# Changelog
+
+## 2024-12-09 - 2.0.35 - fix(core)
+Fixed website watch mode execution method
+
+- Replaced direct shell command execution with SmartExecution instance for website mode.
+- Updated dependency version for @push.rocks/smartshell to ^3.1.0.
+
+## 2024-12-04 - 2.0.34 - fix(TsWatch)
+Fix reloading issue for tsfolder changes in element mode.
+
+- Adjusted the function call from 'this.typedserver.reload()' to 'bundleAndReloadElement()' to ensure proper bundle handling in 'element' mode.
+
+## 2024-12-04 - 2.0.33 - fix(core)
+Improve async handling in TsWatch class for element and website modes
+
+- Ensured proper asynchronous execution for 'element' and 'website' watch modes.
+- Replaced console log with logger for consistency.
+
+## 2024-12-04 - 2.0.32 - fix(core)
+Minor improvements and dependency updates
+
+- Updated dependencies for improved performance
+- Refined TypeScript project watching logic
+
+## 2024-12-04 - 2.0.31 - fix(Watcher)
+Add missing logger message in Watcher class for start method
+
+- Added a log message when starting a watcher to track file path being watched
+
+## 2024-12-04 - 2.0.30 - fix(cli)
+Fix incorrect watch mode and update npm test command.
+
+- Updated the npm test command in .vscode/launch.json for streamlined launching.
+- Corrected the watch mode from 'echoSomething' to 'echo' in test/test.ts.
+
+## 2024-12-04 - 2.0.29 - fix(core)
+No changes detected in the codebase.
+
+
+## 2024-12-04 - 2.0.28 - fix(tswatch)
+Add logging to notify folder watcher creation and building processes
+
+- Logging added to notify the creation of folder watchers.
+- Logging added to indicate the start of the building process for folders.
+
+## 2024-12-04 - 2.0.27 - fix(core)
+Refactor watch mode commands and exports
+
+- Updated watch mode names in CLI and type definitions for consistency.
+- Added export for smartfile plugin.
+- Ensured updated command logic is applied during CLI operations.
+
+## 2024-12-04 - 2.0.26 - fix(core)
+Refactor watch modes and update dependencies
+
+- Updated dependencies in package.json
+- Refactored watch mode names in interfaces and classes
+- Refactored CLI commands to use new watch mode names
+- Added import for smartfile in tswatch.plugins.ts
+
+## 2024-10-27 - 2.0.25 - fix(typescript)
+Remove unnecessary reference types in TypeScript declaration files
+
+- Removed unnecessary comment line from TypeScript declaration files.
+
+## 2024-10-27 - 2.0.24 - fix(core)
+Remove .gitlab-ci.yml and update dependencies in package.json
+
+- Deleted .gitlab-ci.yml which contained CI/CD configuration settings.
+- Updated various dependencies and devDependencies in package.json to newer versions.
+
+## 2024-01-28 to 2024-01-09 - 2.0.14 to 2.0.23 - Core
+Several updates to the core functionality.
+
+- Updated core functionality for efficiency and stability.
+
+## 2023-09-21 to 2023-01-28 - 2.0.8 to 2.0.13 - Core
+Core system updates and fixes.
+
+- Continuous updates to core functionality for improved performance.
+
+## 2023-03-31 to 2022-08-04 - 2.0.0 to 2.0.7 - Core
+Enhanced core operations.
+
+- Regular core updates to address performance and reliability.
+
+## 2022-05-04 - 1.0.81 - Core
+Introduction of a breaking change in the core system.
+
+- Switched to gitzone v2 generation tools.
+
+## 2022-04-21 to 2022-03-18 - 1.0.62 to 1.0.80 - Core
+Routine updates to core operations.
+
+- Various core fixes enhancing stability and function.
+
+## 2022-03-14 to 2022-03-18 - 1.0.61 to 1.0.75 - Core
+Further adjustments to core functionality.
+
+- Fixes across multiple modules in core.
+
+## 2021-08-17 to 2020-07-07 - 1.0.46 to 1.0.60 - Core
+Core component updates.
+
+- Consistent core updates to refine performance.
+
+## 2020-07-04 to 2020-05-22 - 1.0.39 to 1.0.45 - Core
+Incremental updates to core systems.
+
+- Enhanced features within the core for better integration.
+
+## 2020-03-13 to 2020-03-05 - 1.0.30 to 1.0.38 - Core
+Stabilizing and refining core functions.
+
+- Series of core fixes improving overall system durability.
+
+## 2019-10-14 to 2019-10-12 - 1.0.21 to 1.0.29 - Core
+Tweaks and enhancements to the core mechanics.
+
+- Continued improvements in core system support services.
+
+## 2019-05-28 to 2019-05-06 - 1.0.10 to 1.0.20 - Core
+Core module enhancements and fixes.
+
+- Several iterations to the core functionality for increased resilience.
+
+## 2019-05-06 to 2019-05-08 - 1.0.5 to 1.0.9 - Core
+Regular updates ensuring core integrity.
+
+- Stability improvements within the core services.
+
+## 2018-10-28 - 1.0.1 to 1.0.3 - Core
+Initial setup and fixes to the core.
+
+- Foundational updates to core functionality.

cli.child.ts

@@ -0,0 +1,4 @@
+#!/usr/bin/env node
+process.env.CLI_CALL = 'true';
+import * as cliTool from './ts/index.js';
+cliTool.runCli();

cli.js

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

cli.ts.js

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

npmextra.json

@@ -10,7 +10,7 @@
       "gitscope": "gitzone",
       "gitrepo": "tswatch",
       "shortDescription": "watch typescript projects during development",
-      "npmPackagename": "@gitzone/tswatch",
+      "npmPackagename": "@git.zone/tswatch",
       "license": "MIT"
     }
   }

package.json

@@ -1,51 +1,54 @@
 {
-  "name": "@gitzone/tswatch",
+  "name": "@git.zone/tswatch",
-  "version": "1.0.36",
+  "version": "2.0.35",
   "private": false,
   "description": "watch typescript projects during development",
-  "main": "dist/index.js",
+  "main": "dist_ts/index.js",
-  "typings": "dist/index.d.ts",
+  "typings": "dist_ts/index.d.ts",
+  "type": "module",
   "author": "Lossless GmbH",
   "license": "MIT",
   "bin": {
     "tswatch": "cli.js"
   },
   "scripts": {
-    "test": "(tstest test/)",
+    "test": "(tstest test/ --web)",
-    "build": "(tsbuild)"
+    "build": "(tsbuild --web --allowimplicitany)"
   },
   "devDependencies": {
-    "@gitzone/tsbuild": "^2.1.17",
+    "@git.zone/tsbuild": "^2.2.0",
-    "@gitzone/tstest": "^1.0.28",
+    "@git.zone/tstest": "^1.0.90",
-    "@pushrocks/tapbundle": "^3.2.0",
+    "@push.rocks/tapbundle": "^5.5.3",
-    "@types/node": "^13.9.0",
+    "@types/node": "^22.10.1"
-    "tslint": "^6.0.0",
-    "tslint-config-prettier": "^1.18.0"
   },
   "dependencies": {
-    "@gitzone/tsrun": "^1.2.8",
+    "@api.global/typedserver": "^3.0.51",
-    "@pushrocks/early": "^3.0.3",
+    "@git.zone/tsbundle": "^2.1.0",
-    "@pushrocks/lik": "^3.0.19",
+    "@git.zone/tsrun": "^1.3.3",
-    "@pushrocks/smartchok": "^1.0.23",
+    "@push.rocks/early": "^4.0.4",
-    "@pushrocks/smartcli": "^3.0.7",
+    "@push.rocks/lik": "^6.1.0",
-    "@pushrocks/smartdelay": "^2.0.6",
+    "@push.rocks/smartchok": "^1.0.34",
-    "@pushrocks/smartlog": "^2.0.21",
+    "@push.rocks/smartcli": "^4.0.11",
-    "@pushrocks/smartlog-destination-local": "^8.0.2",
+    "@push.rocks/smartdelay": "^3.0.5",
-    "@pushrocks/smartserve": "^1.1.39",
+    "@push.rocks/smartfile": "^11.0.21",
-    "@pushrocks/smartshell": "^2.0.25",
+    "@push.rocks/smartlog": "^3.0.7",
-    "@pushrocks/taskbuffer": "^2.1.1",
+    "@push.rocks/smartlog-destination-local": "^9.0.2",
-    "@types/parcel-bundler": "^1.12.1",
+    "@push.rocks/smartshell": "^3.1.0",
-    "parcel-bundler": "^1.12.4"
+    "@push.rocks/taskbuffer": "^3.1.7"
   },
   "files": [
     "ts/**/*",
     "ts_web/**/*",
     "dist/**/*",
-    "dist_web/**/*",
+    "dist_*/**/*",
+    "dist_ts/**/*",
     "dist_ts_web/**/*",
     "assets/**/*",
     "cli.js",
     "npmextra.json",
     "readme.md"
+  ],
+  "browserslist": [
+    "last 1 chrome versions"
   ]
 }

readme.md

@@ -1,23 +1,31 @@
-# @gitzone/tswatch
+# @git.zone/tswatch
 watch typescript projects during development
 
 ## Availabililty and Links
-* [npmjs.org (npm package)](https://www.npmjs.com/package/@gitzone/tswatch)
+* [npmjs.org (npm package)](https://www.npmjs.com/package/@git.zone/tswatch)
 * [gitlab.com (source)](https://gitlab.com/gitzone/tswatch)
 * [github.com (source mirror)](https://github.com/gitzone/tswatch)
 * [docs (typedoc)](https://gitzone.gitlab.io/tswatch/)
 
 ## Status for master
-[![pipeline status](https://gitlab.com/gitzone/tswatch/badges/master/pipeline.svg)](https://gitlab.com/gitzone/tswatch/commits/master)
+
-[![coverage report](https://gitlab.com/gitzone/tswatch/badges/master/coverage.svg)](https://gitlab.com/gitzone/tswatch/commits/master)
+Status Category | Status Badge
-[![npm downloads per month](https://img.shields.io/npm/dm/@gitzone/tswatch.svg)](https://www.npmjs.com/package/@gitzone/tswatch)
+-- | --
-[![Known Vulnerabilities](https://snyk.io/test/npm/@gitzone/tswatch/badge.svg)](https://snyk.io/test/npm/@gitzone/tswatch)
+GitLab Pipelines | [![pipeline status](https://gitlab.com/gitzone/tswatch/badges/master/pipeline.svg)](https://lossless.cloud)
-[![TypeScript](https://img.shields.io/badge/TypeScript->=%203.x-blue.svg)](https://nodejs.org/dist/latest-v10.x/docs/api/)
+GitLab Pipline Test Coverage | [![coverage report](https://gitlab.com/gitzone/tswatch/badges/master/coverage.svg)](https://lossless.cloud)
-[![node](https://img.shields.io/badge/node->=%2010.x.x-blue.svg)](https://nodejs.org/dist/latest-v10.x/docs/api/)
+npm | [![npm downloads per month](https://badgen.net/npm/dy/@git.zone/tswatch)](https://lossless.cloud)
-[![JavaScript Style Guide](https://img.shields.io/badge/code%20style-prettier-ff69b4.svg)](https://prettier.io/)
+Snyk | [![Known Vulnerabilities](https://badgen.net/snyk/gitzone/tswatch)](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/@git.zone/tswatch)](https://lossless.cloud)
+PackagePhobia (package size on registry) | [![PackagePhobia](https://badgen.net/packagephobia/publish/@git.zone/tswatch)](https://lossless.cloud)
+BundlePhobia (total size when bundled) | [![BundlePhobia](https://badgen.net/bundlephobia/minzip/@git.zone/tswatch)](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
 
+Use TypeScript for best in class intellisense
 
 ## Contribution
 

test/test.ts

@@ -1,18 +1,18 @@
 // tslint:disable-next-line: no-implicit-dependencies
-import { expect, tap } from '@pushrocks/tapbundle';
+import { expect, expectAsync, tap } from '@push.rocks/tapbundle';
-import * as tswatch from '../ts/index';
+import * as tswatch from '../ts/index.js';
 
 let testTsWatchInstance: tswatch.TsWatch;
 
 tap.test('should create a valid TsWatch instance', async () => {
-  testTsWatchInstance = new tswatch.TsWatch('echoSomething');
+  testTsWatchInstance = new tswatch.TsWatch('echo');
 });
 
 tap.test('should start the tswatch instance', async () => {
   await testTsWatchInstance.start();
 });
 
-tap.test('should stop the instance', async tools => {
+tap.test('should stop the instance', async (tools) => {
   tools.delayFor(2000);
   testTsWatchInstance.stop();
 });

ts/00_commitinfo_data.ts

@@ -0,0 +1,8 @@
+/**
+ * autocreated commitinfo by @push.rocks/commitinfo
+ */
+export const commitinfo = {
+  name: '@git.zone/tswatch',
+  version: '2.0.35',
+  description: 'watch typescript projects during development'
+}

ts/index.ts

@@ -1,5 +1,5 @@
-import * as early from '@pushrocks/early';
+import * as early from '@push.rocks/early';
 early.start('tswatch');
-export * from './tswatch.classes.tswatch';
+export * from './tswatch.classes.tswatch.js';
-import './tswatch.cli';
+export * from './tswatch.cli.js';
 early.stop();

ts/interfaces/index.ts

@@ -1 +1 @@
-export * from './interfaces.watchmodes';
+export * from './interfaces.watchmodes.js';

ts/interfaces/interfaces.watchmodes.ts

@@ -1,7 +1,7 @@
 export type TWatchModes =
   | 'test'
-  | 'gitzone_npm'
+  | 'node'
-  | 'gitzone_service'
+  | 'service'
-  | 'gitzone_element'
+  | 'element'
-  | 'gitzone_website'
+  | 'website'
-  | 'echoSomething';
+  | 'echo';

ts/tswatch.classes.parcel.ts

@@ -1,37 +0,0 @@
-import * as plugins from './tswatch.plugins';
-import * as paths from './tswatch.paths';
-
-export class Parcel {
-  public async start() {
-    const entryFiles = plugins.path.join(paths.cwd, './html/index.html');
-
-    // Bundler options
-    const options: plugins.parcel.ParcelOptions = {
-      outDir: './dist_watch', // The out directory to put the build files in, defaults to dist
-      outFile: 'index.html', // The name of the outputFile
-      publicUrl: '/', // The url to serve on, defaults to '/'
-      watch: true, // Whether to watch the files and rebuild them on change, defaults to process.env.NODE_ENV !== 'production'
-      cache: true, // Enabled or disables caching, defaults to true
-      cacheDir: '.nogit/.parcelcache', // The directory cache gets put in, defaults to .cache
-      contentHash: false, // Disable content hash from being included on the filename
-      global: 'moduleName', // Expose modules as UMD under this name, disabled by default
-      minify: false, // Minify files, enabled if process.env.NODE_ENV === 'production'
-      scopeHoist: false, // Turn on experimental scope hoisting/tree shaking flag, for smaller production bundles
-      target: 'browser', // Browser/node/electron, defaults to browser
-      bundleNodeModules: true, // By default, package.json dependencies are not included when using 'node' or 'electron' with 'target' option above. Set to true to adds them to the bundle, false by default
-      https: null,
-      logLevel: 3, // 5 = save everything to a file, 4 = like 3, but with timestamps and additionally log http requests to dev server, 3 = log info, warnings & errors, 2 = log warnings & errors, 1 = log errors, 0 = log nothing
-      hmr: true, // Enable or disable HMR while watching
-      hmrPort: 3003, // The port the HMR socket runs on, defaults to a random free port (0 in node.js resolves to a random free port)
-      sourceMaps: true, // Enable or disable sourcemaps, defaults to enabled (minified builds currently always create sourcemaps)
-      hmrHostname: '', // A hostname for hot module reload, default to ''
-      detailedReport: false // Prints a detailed report of the bundles, assets, filesizes and times, defaults to false, reports are only printed if watch is disabled
-    };
-
-    const bundler = new plugins.parcel(entryFiles, options);
-
-    // Run the bundler, this returns the main bundle
-    // Use the events if you're using watch mode as this promise will only trigger once and not for every rebuild
-    const bundle = await bundler.serve(3002);
-  }
-}

ts/tswatch.classes.tswatch.ts

@@ -1,14 +1,14 @@
-import * as plugins from './tswatch.plugins';
+import * as plugins from './tswatch.plugins.js';
-import * as paths from './tswatch.paths';
+import * as paths from './tswatch.paths.js';
-import * as interfaces from './interfaces';
+import * as interfaces from './interfaces/index.js';
 
-import { Watcher } from './tswatch.classes.watcher';
+import { Watcher } from './tswatch.classes.watcher.js';
-import { Parcel } from './tswatch.classes.parcel';
+import { logger } from './tswatch.logging.js';
 
 export class TsWatch {
   public watchmode: interfaces.TWatchModes;
-  public watcherMap = new plugins.lik.Objectmap<Watcher>();
+  public watcherMap = new plugins.lik.ObjectMap<Watcher>();
-  public smartserve: plugins.smartserve.SmartServe;
+  public typedserver: plugins.typedserver.TypedServer;
 
   constructor(watchmodeArg: interfaces.TWatchModes) {
     this.watchmode = watchmodeArg;
@@ -18,81 +18,180 @@ export class TsWatch {
    * starts the TsWatch instance
    */
   public async start() {
+    const tsbundle = new plugins.tsbundle.TsBundle();
+    const htmlHandler = new plugins.tsbundle.HtmlHandler();
     switch (this.watchmode) {
       case 'test':
+        /**
+         * this strategy runs test whenever there is a change in the ts directory
+         */
         this.watcherMap.add(
           new Watcher({
             filePathToWatch: paths.cwd,
             commandToExecute: 'npm run test2',
-            timeout: null
+            timeout: null,
           })
         );
         break;
-      case 'gitzone_npm':
+      case 'node':
         this.watcherMap.add(
           new Watcher({
             filePathToWatch: paths.cwd,
             commandToExecute: 'npm run test',
-            timeout: null
+            timeout: null,
           })
         );
         break;
-      case 'gitzone_element':
+      case 'element':
+        await (async () => {
+          /**
+           * this strategy runs a standard server and bundles the ts files to a dist_watch directory
+           */
           // lets create a standard server
-        console.log(
+          logger.log(
+            'info',
             'bundling TypeScript files to "dist_watch" Note: This is for development only!'
           );
-        this.smartserve = new plugins.smartserve.SmartServe({
+          this.typedserver = new plugins.typedserver.TypedServer({
-          port: 3001,
+            cors: true,
             injectReload: true,
-          serveDir: plugins.path.join(paths.cwd, './dist_watch/')
+            serveDir: plugins.path.join(paths.cwd, './dist_watch/'),
+            port: 3002,
+            enableCompression: true,
+            preferredCompressionMethod: 'gzip',
           });
-        const parcel = new Parcel();
-        await parcel.start();
-        break;
-      case 'gitzone_website':
-        this.watcherMap.add(
-          new Watcher({
-            filePathToWatch: plugins.path.join(paths.cwd, './ts/'),
-            commandToExecute: 'npm run startTs',
-            timeout: null
-          })
-        );
 
-        // client directory
+          const bundleAndReloadElement = async () => {
+            await tsbundle.build(paths.cwd, './html/index.ts', './dist_watch/bundle.js', {
+              bundler: 'esbuild',
+            });
+            await this.typedserver.reload();
+          };
           this.watcherMap.add(
             new Watcher({
               filePathToWatch: plugins.path.join(paths.cwd, './ts_web/'),
-            commandToExecute: 'npm run build',
+              functionToCall: async () => {
-            timeout: null
+                await bundleAndReloadElement();
+              },
+              timeout: null,
             })
           );
+
+          // lets get the other ts folders
+          let tsfolders = await plugins.smartfile.fs.listFolders(paths.cwd);
+          tsfolders = tsfolders.filter(
+            (itemArg) => itemArg.startsWith('ts') && itemArg !== 'ts_web'
+          );
+          const smartshellInstance = new plugins.smartshell.Smartshell({
+            executor: 'bash',
+          });
+          for (const tsfolder of tsfolders) {
+            logger.log('info', `creating watcher for folder ${tsfolder}`);
+            this.watcherMap.add(
+              new Watcher({
+                filePathToWatch: plugins.path.join(paths.cwd, `./${tsfolder}/`),
+                functionToCall: async () => {
+                  logger.log('info', `building ${tsfolder}`);
+                  await smartshellInstance.exec(`(cd ${paths.cwd} && npm run build)`);
+                  await bundleAndReloadElement();
+                },
+                timeout: null,
+              })
+            );
+          }
+
+          this.watcherMap.add(
+            new Watcher({
+              filePathToWatch: plugins.path.join(paths.cwd, './html/'),
+              functionToCall: async () => {
+                await htmlHandler.processHtml({
+                  from: plugins.path.join(paths.cwd, './html/index.html'),
+                  to: plugins.path.join(paths.cwd, './dist_watch/index.html'),
+                  minify: false,
+                });
+                await bundleAndReloadElement();
+              },
+              timeout: null,
+            })
+          );
+        })();
         break;
-      case 'gitzone_service':
+      case 'website':
+        await (async () => {
+          const websiteExecution = new plugins.smartshell.SmartExecution('npm run startTs');
+          const bundleAndReloadWebsite = async () => {
+            await tsbundle.build(paths.cwd, './ts_web/index.ts', './dist_serve/bundle.js', {
+              bundler: 'esbuild',
+            });
+          };
+          let tsfolders = await plugins.smartfile.fs.listFolders(paths.cwd);
+          tsfolders = tsfolders.filter(
+            (itemArg) => itemArg.startsWith('ts') && itemArg !== 'ts_web'
+          );
+          const smartshellInstance = new plugins.smartshell.Smartshell({
+            executor: 'bash',
+          });
+          for (const tsfolder of tsfolders) {
+            this.watcherMap.add(
+              new Watcher({
+                filePathToWatch: plugins.path.join(paths.cwd, `./${tsfolder}/`),
+                functionToCall: async () => {
+                  await websiteExecution.restart();
+                },
+                timeout: null,
+              })
+            );
+          }
+          this.watcherMap.add(
+            new Watcher({
+              filePathToWatch: plugins.path.join(paths.cwd, './ts_web/'),
+              functionToCall: async () => {
+                await bundleAndReloadWebsite();
+              },
+              timeout: null,
+            })
+          );
+          this.watcherMap.add(
+            new Watcher({
+              filePathToWatch: plugins.path.join(paths.cwd, './html/'),
+              functionToCall: async () => {
+                await htmlHandler.processHtml({
+                  from: plugins.path.join(paths.cwd, './html/index.html'),
+                  to: plugins.path.join(paths.cwd, './dist_serve/index.html'),
+                  minify: false,
+                });
+                await bundleAndReloadWebsite();
+              },
+              timeout: null,
+            })
+          );
+        })();
+        break;
+      case 'service':
         this.watcherMap.add(
           new Watcher({
             filePathToWatch: plugins.path.join(paths.cwd, './ts/'),
             commandToExecute: 'npm run startTs',
-            timeout: null
+            timeout: null,
           })
         );
         break;
-      case 'echoSomething':
+      case 'echo':
         const tsWatchInstanceEchoSomething = new Watcher({
           filePathToWatch: plugins.path.join(paths.cwd, './ts'),
           commandToExecute: 'npm -v',
-          timeout: null
+          timeout: null,
         });
         this.watcherMap.add(tsWatchInstanceEchoSomething);
         break;
       default:
         break;
     }
-    this.watcherMap.forEach(async watcher => {
+    this.watcherMap.forEach(async (watcher) => {
       await watcher.start();
     });
-    if (this.smartserve) {
+    if (this.typedserver) {
-      await this.smartserve.start();
+      await this.typedserver.start();
     }
   }
 
@@ -100,10 +199,10 @@ export class TsWatch {
    * stops the execution of any active Watchers
    */
   public async stop() {
-    if (this.smartserve) {
+    if (this.typedserver) {
-      await this.smartserve.stop();
+      await this.typedserver.stop();
     }
-    this.watcherMap.forEach(async watcher => {
+    this.watcherMap.forEach(async (watcher) => {
       await watcher.stop();
     });
   }

ts/tswatch.classes.watcher.ts

@@ -1,11 +1,10 @@
-import * as plugins from './tswatch.plugins';
+import * as plugins from './tswatch.plugins.js';
-import { logger } from './tswatch.logging';
+import { logger } from './tswatch.logging.js';
-
-export type TCommandFunction = () => Promise<void>;
 
 export interface IWatcherConstructorOptions {
   filePathToWatch: string;
-  commandToExecute: string | TCommandFunction;
+  commandToExecute?: string;
+  functionToCall?: () => Promise<any>;
   timeout?: number;
 }
 
@@ -17,26 +16,11 @@ export class Watcher {
    * used to execute shell commands
    */
   private smartshellInstance = new plugins.smartshell.Smartshell({
-    executor: 'bash'
+    executor: 'bash',
-  });
-
-  /**
-   * used to execute
-   */
-  private executionTask: plugins.taskbuffer.Task = new plugins.taskbuffer.Task({
-    name: 'watcherCommandFunctionTask',
-    taskFunction: async () => {
-      if (typeof this.options.commandToExecute === 'string') {
-        throw new Error('cannot execute string as task');
-      }
-      await this.options.commandToExecute();
-    },
-    buffered: true,
-    bufferMax: 1
   });
 
   private currentExecution: plugins.smartshell.IExecResultStreaming;
-  private smartchokWatcher = new plugins.smartchok.Smartchok([], {});
+  private smartchokWatcher = new plugins.smartchok.Smartchok([]);
   private options: IWatcherConstructorOptions;
 
   constructor(optionsArg: IWatcherConstructorOptions) {
@@ -47,6 +31,7 @@ export class Watcher {
    * start the file
    */
   public async start() {
+    logger.log('info', `trying to start watcher for ${this.options.filePathToWatch}`);
     await this.setupCleanup();
     console.log(`Looking at ${this.options.filePathToWatch} for changes`);
     this.smartchokWatcher.add([this.options.filePathToWatch]); // __dirname refers to the directory of this very file
@@ -56,25 +41,30 @@ export class Watcher {
       this.updateCurrentExecution();
     });
     await this.updateCurrentExecution();
+    logger.log('info', `watcher started for ${this.options.filePathToWatch}`);
   }
 
   /**
    * updates the current execution
    */
   private async updateCurrentExecution() {
-    if (typeof this.options.commandToExecute === 'string') {
+    if (this.options.commandToExecute) {
       if (this.currentExecution) {
         logger.log('ok', `reexecuting ${this.options.commandToExecute}`);
-        process.kill(-this.currentExecution.childProcess.pid);
+        this.currentExecution.kill();
       } else {
         logger.log('ok', `executing ${this.options.commandToExecute} for the first time`);
       }
       this.currentExecution = await this.smartshellInstance.execStreaming(
         this.options.commandToExecute
       );
-      this.currentExecution = null;
     } else {
-      await this.executionTask.trigger();
+      console.log('no executionCommand set');
+    }
+    if (this.options.functionToCall) {
+      this.options.functionToCall();
+    } else {
+      console.log('no functionToCall set.')
     }
   }
 
@@ -82,21 +72,16 @@ export class Watcher {
    * this method sets up a clean exit strategy
    */
   private async setupCleanup() {
-    const cleanup = () => {
-      if (this.currentExecution) {
-        process.kill(-this.currentExecution.childProcess.pid);
-      }
-    };
     process.on('exit', () => {
       console.log('');
       console.log('now exiting!');
-      cleanup();
+      this.stop();
       process.exit(0);
     });
     process.on('SIGINT', () => {
       console.log('');
       console.log('ok! got SIGINT We are exiting! Just cleaning up to exit neatly :)');
-      cleanup();
+      this.stop();
       process.exit(0);
     });
 
@@ -104,7 +89,7 @@ export class Watcher {
     if (this.options.timeout) {
       plugins.smartdelay.delayFor(this.options.timeout).then(() => {
         console.log(`timed out afer ${this.options.timeout} milliseconds! exiting!`);
-        cleanup();
+        this.stop();
         process.exit(0);
       });
     }
@@ -116,7 +101,7 @@ export class Watcher {
   public async stop() {
     await this.smartchokWatcher.stop();
     if (this.currentExecution && !this.currentExecution.childProcess.killed) {
-      process.kill(-this.currentExecution.childProcess.pid);
+      this.currentExecution.kill();
     }
   }
 }

ts/tswatch.cli.ts

@@ -1,41 +1,46 @@
-import * as plugins from './tswatch.plugins';
+import * as plugins from './tswatch.plugins.js';
-import * as paths from './tswatch.paths';
+import * as paths from './tswatch.paths.js';
-import { logger } from './tswatch.logging';
+import { logger } from './tswatch.logging.js';
 
-import { TsWatch } from './tswatch.classes.tswatch';
+import { TsWatch } from './tswatch.classes.tswatch.js';
 
 const tswatchCli = new plugins.smartcli.Smartcli();
 
 // standard behaviour will assume gitzone setup
+tswatchCli.standardCommand().subscribe((argvArg => {
+  tswatchCli.triggerCommand('npm', {});
+}))
 
-tswatchCli.addCommand('element').subscribe(async argvArg => {
+tswatchCli.addCommand('element').subscribe(async (argvArg) => {
   logger.log('info', `running watch task for a gitzone element project`);
-  const tsWatch = new TsWatch('gitzone_element');
+  const tsWatch = new TsWatch('element');
   await tsWatch.start();
 });
 
-tswatchCli.addCommand('npm').subscribe(async argvArg => {
+tswatchCli.addCommand('npm').subscribe(async (argvArg) => {
   logger.log('info', `running watch task for a gitzone element project`);
-  const tsWatch = new TsWatch('gitzone_npm');
+  const tsWatch = new TsWatch('node');
   await tsWatch.start();
 });
 
-tswatchCli.addCommand('service').subscribe(async argvArg => {
+tswatchCli.addCommand('service').subscribe(async (argvArg) => {
   logger.log('info', `running test task`);
-  const tsWatch = new TsWatch('gitzone_service');
+  const tsWatch = new TsWatch('service');
   await tsWatch.start();
 });
 
-tswatchCli.addCommand('test').subscribe(async argvArg => {
+tswatchCli.addCommand('test').subscribe(async (argvArg) => {
   logger.log('info', `running test task`);
   const tsWatch = new TsWatch('test');
   await tsWatch.start();
 });
 
-tswatchCli.addCommand('website').subscribe(async argvArg => {
+tswatchCli.addCommand('website').subscribe(async (argvArg) => {
   logger.log('info', `running watch task for a gitzone website project`);
-  const tsWatch = new TsWatch('gitzone_website');
+  const tsWatch = new TsWatch('website');
   await tsWatch.start();
 });
 
-tswatchCli.startParse();
+export const runCli = async () => {
+  tswatchCli.startParse();
+};

ts/tswatch.logging.ts

@@ -1,4 +1,4 @@
-import * as plugins from './tswatch.plugins';
+import * as plugins from './tswatch.plugins.js';
 
 export const logger = new plugins.smartlog.Smartlog({
   logContext: {
@@ -7,9 +7,9 @@ export const logger = new plugins.smartlog.Smartlog({
     containerName: 'Some Containername',
     environment: 'local',
     runtime: 'node',
-    zone: 'gitzone'
+    zone: 'gitzone',
   },
-  minimumLogLevel: 'silly'
+  minimumLogLevel: 'silly',
 });
 
 logger.addLogDestination(new plugins.smartlogDestinationLocal.DestinationLocal());

ts/tswatch.paths.ts

@@ -1,3 +1,3 @@
-import * as plugins from './tswatch.plugins';
+import * as plugins from './tswatch.plugins.js';
 
 export const cwd = process.cwd();

ts/tswatch.plugins.ts

@@ -1,30 +1,39 @@
+// node native scope
 import * as path from 'path';
 export { path };
 
+// @gitzone scope
+import * as tsbundle from '@git.zone/tsbundle';
+export {
+  tsbundle
+}
+
+// @apiglobal scope
+import * as typedserver from '@api.global/typedserver';
+
+export {
+  typedserver,
+}
+
 // @pushrocks scope
-import * as lik from '@pushrocks/lik';
+import * as lik from '@push.rocks/lik';
-import * as smartchok from '@pushrocks/smartchok';
+import * as smartchok from '@push.rocks/smartchok';
-import * as smartcli from '@pushrocks/smartcli';
+import * as smartcli from '@push.rocks/smartcli';
-import * as smartdelay from '@pushrocks/smartdelay';
+import * as smartdelay from '@push.rocks/smartdelay';
-import * as smartlog from '@pushrocks/smartlog';
+import * as smartfile from '@push.rocks/smartfile';
-import * as smartlogDestinationLocal from '@pushrocks/smartlog-destination-local';
+import * as smartlog from '@push.rocks/smartlog';
-import * as smartserve from '@pushrocks/smartserve';
+import * as smartlogDestinationLocal from '@push.rocks/smartlog-destination-local';
-import * as smartshell from '@pushrocks/smartshell';
+import * as smartshell from '@push.rocks/smartshell';
-import * as taskbuffer from '@pushrocks/taskbuffer';
+import * as taskbuffer from '@push.rocks/taskbuffer';
 
 export {
   lik,
   smartchok,
   smartcli,
   smartdelay,
+  smartfile,
   smartlog,
   smartlogDestinationLocal,
-  smartserve,
   smartshell,
-  taskbuffer
+  taskbuffer,
 };
-
-// third party scope
-import parcel from 'parcel-bundler';
-
-export { parcel };

tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "experimentalDecorators": true,
+    "useDefineForClassFields": false,
+    "target": "ES2022",
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext",
+    "esModuleInterop": true,
+    "verbatimModuleSyntax": true
+  },
+  "exclude": [
+    "dist_*/**/*.d.ts"
+  ]
+}

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"
-}