2.4.0

.gitlab-ci.yml

@@ -1,138 +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
-  only:
-    - tags
-  tags:
-    - lossless
-    - docker
-    - notpriv
-
-auditProductionDependencies:
-  image: registry.gitlab.com/hosttoday/ht-docker-node:npmci
-  stage: security
-  script:
-    - npmci npm prepare
-    - npmci command npm install --production --ignore-scripts
-    - npmci command npm config set registry https://registry.npmjs.org
-    - npmci command npm audit --audit-level=high --only=prod --production
-  tags:
-    - docker
-  allow_failure: true
-
-auditDevDependencies:
-  image: registry.gitlab.com/hosttoday/ht-docker-node:npmci
-  stage: security
-  script:
-    - npmci npm prepare
-    - npmci command npm install --ignore-scripts
-    - npmci command npm config set registry https://registry.npmjs.org
-    - npmci command npm audit --audit-level=high --only=dev
-  tags:
-    - docker
-  allow_failure: true
-
-# ====================
-# 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:
-    - docker
-
-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:
-    - docker
-
-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
-  only:
-    - tags
-  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,4 +0,0 @@
-# Snyk (https://snyk.io) policy file, patches or ignores known vulnerabilities.
-version: v1.13.5
-ignore: {}
-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"]
               }
             }
           }

assets/tsconfig.json

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

changelog.md

@@ -0,0 +1,82 @@
+# Changelog
+
+## 2025-06-19 - 2.4.0 - feat(bundler)
+Introduce rspack bundler support and update multi-bundler workflow
+
+- Added full support for rspack with its own implementation in ts/mod_rspack
+- Updated package.json: new dependency on @rspack/core and revised description
+- Refactored bundler types and switch statement to remove deprecated rollup and parcel options
+- Modified test suite to include tests for esbuild, rolldown, and rspack with bundle size comparisons
+- Adjusted output configuration for esbuild and rolldown for dynamic naming and inline dynamic imports
+
+## 2025-06-19 - 2.3.0 - feat(bundler)
+Integrate rolldown bundler support and update bundler selection logic
+
+- Added rolldown dependency to package.json
+- Extended ICliOptions to include 'rolldown' as a valid bundler option
+- Created ts/mod_rolldown module with buildTest and buildProduction implementations
+- Updated getBundlerPath in tsbundle.class.tsbundle.ts to route to new rolldown module
+- Revised readme and hints documentation for rolldown usage
+
+## 2025-01-29 - 2.2.5 - fix(mod_assets)
+Fix async handling in asset processing
+
+- Ensured that the empty directory operation is awaited in the asset processing workflow.
+
+## 2025-01-29 - 2.2.4 - fix(mod_assets)
+Fix logging message in ensureAssetsDir to correctly state when directory is created
+
+- Corrected logging output in ensureAssetsDir method to indicate directory creation.
+
+## 2025-01-29 - 2.2.3 - fix(mod_assets)
+Fix issue with asset directory copy
+
+- Updated dependency '@push.rocks/smartfile' to version '^11.2.0'
+- Ensure target directory is properly replaced when copying assets
+
+## 2025-01-29 - 2.2.2 - fix(dependencies)
+Update smartfile dependency and fix spacing issue in assets module
+
+- Updated @push.rocks/smartfile from ^11.1.6 to ^11.1.8
+- Fixed a spacing issue in the processAssets function within the assets module
+
+## 2025-01-29 - 2.2.1 - fix(index)
+Export mod_assets for programmatic use
+
+- Added export for mod_assets/index in ts/index.ts to make it usable programmatically.
+
+## 2025-01-29 - 2.2.0 - feat(AssetsHandler)
+Add asset handling to the CLI workflow
+
+- Introduced AssetsHandler class for managing asset directories and files.
+- Updated tsbundle.cli.ts to include asset processing in the 'website' command.
+
+## 2025-01-28 - 2.1.1 - fix(core)
+Update dependencies and remove GitLab CI configuration.
+
+- Updated several devDependencies to newer versions for improved stability and performance.
+- Updated core dependencies including esbuild and TypeScript.
+- Removed the .gitlab-ci.yml file, which could suggest a change in continuous integration setup.
+
+## 2024-10-27 - 2.1.0 - feat(mod_esbuild)
+Add alias support to esbuild bundling process
+
+- Updated dependencies in package.json to latest versions.
+- Improved build process by adding alias resolution based on tsconfig.json settings in esbuild.
+
+## 2022-05-04 - 2.0.0-2.0.1 - Breaking and Fix Changes
+Released version 2.0.0 with breaking changes and subsequent fixes.
+
+- BREAKING CHANGE(core): Removed parcel and rollup
+- fix(core): Addressed initial issues in new major version
+
+## 2023-10-03 - 2.0.10 - Fix Updates
+Ongoing updates and improvements.
+
+- fix(core): General updates and enhancements
+
+## 2024-01-10 - 2.0.11-2.0.15 - Minor Fixes
+Cumulative fixes and updates from recent releases.
+
+- fix(core): Continuous improvement cycle across versions
+

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,4 +1,4 @@
 #!/usr/bin/env node
 process.env.CLI_CALL = 'true';
-const cliTool = require('./dist_ts/index');
+const cliTool = await import('./dist_ts/index.js');
 cliTool.runCli();

cli.ts.js

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

npmextra.json

@@ -5,8 +5,8 @@
       "githost": "gitlab.com",
       "gitscope": "gitzone",
       "gitrepo": "tsbundle",
-      "shortDescription": "a bundler using rollup for painless bundling of web projects",
+      "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,54 +1,43 @@
 {
-  "name": "@gitzone/tsbundle",
+  "name": "@git.zone/tsbundle",
-  "version": "1.0.88",
+  "version": "2.4.0",
   "private": false,
-  "description": "a bundler using rollup for painless bundling of web projects",
+  "description": "a multi-bundler tool supporting esbuild, rolldown, and rspack for painless bundling of web projects",
   "main": "dist_ts/index.js",
   "typings": "dist_ts/index.d.ts",
+  "type": "module",
   "author": "Lossless GmbH",
   "license": "MIT",
   "scripts": {
-    "test": "npm run build && (tstest test/) && (cd test && node ../cli.js --production)",
+    "test": "npm run build && (tstest test/ --verbose)",
-    "build": "(tsbuild --web)"
+    "build": "(tsbuild --web --allowimplicitany)"
   },
   "bin": {
     "tsbundle": "cli.js"
   },
   "devDependencies": {
-    "@gitzone/tsbuild": "^2.1.26",
+    "@git.zone/tsbuild": "^2.6.4",
-    "@gitzone/tsrun": "^1.2.17",
+    "@git.zone/tsrun": "^1.3.3",
-    "@gitzone/tstest": "^1.0.57",
+    "@git.zone/tstest": "^2.3.1",
-    "@pushrocks/tapbundle": "^3.2.14",
+    "@push.rocks/tapbundle": "^6.0.3",
-    "tslint": "^6.1.3",
+    "@types/node": "^22.12.0"
-    "tslint-config-prettier": "^1.15.0"
   },
   "dependencies": {
-    "@babel/core": "^7.15.0",
+    "@push.rocks/early": "^4.0.4",
-    "@babel/plugin-proposal-class-properties": "^7.14.5",
+    "@push.rocks/smartcli": "^4.0.11",
-    "@babel/plugin-proposal-decorators": "^7.14.5",
+    "@push.rocks/smartdelay": "^3.0.5",
-    "@babel/plugin-transform-runtime": "^7.15.0",
+    "@push.rocks/smartfile": "^11.2.5",
-    "@babel/preset-env": "^7.15.0",
+    "@push.rocks/smartlog": "^3.1.8",
-    "@babel/runtime": "^7.15.3",
+    "@push.rocks/smartlog-destination-local": "^9.0.2",
-    "@pushrocks/early": "^3.0.6",
+    "@push.rocks/smartpath": "^5.0.18",
-    "@pushrocks/smartcli": "^3.0.14",
+    "@push.rocks/smartpromise": "^4.2.3",
-    "@pushrocks/smartfile": "^8.0.10",
+    "@push.rocks/smartspawn": "^3.0.3",
-    "@pushrocks/smartlog": "^2.0.44",
+    "@types/html-minifier": "^4.0.5",
-    "@pushrocks/smartlog-destination-local": "^8.0.8",
+    "esbuild": "^0.25.5",
-    "@pushrocks/smartparcel": "^1.0.9",
-    "@pushrocks/smartpromise": "^3.1.6",
-    "@pushrocks/smartspawn": "^2.0.9",
-    "@rollup/plugin-commonjs": "^20.0.0",
-    "@rollup/plugin-json": "^4.1.0",
-    "@rollup/plugin-node-resolve": "^13.0.4",
-    "@rollup/plugin-typescript": "^8.2.5",
-    "@types/html-minifier": "^4.0.1",
-    "@types/node": "^16.7.4",
     "html-minifier": "^4.0.0",
-    "rollup": "^2.56.3",
+    "rolldown": "^1.0.0-beta.18",
-    "rollup-plugin-babel": "^4.4.0",
+    "@rspack/core": "^1.1.8",
-    "rollup-plugin-sourcemaps": "^0.6.3",
+    "typescript": "5.8.3"
-    "rollup-plugin-terser": "^7.0.2",
-    "typescript": "^4.4.2"
   },
   "files": [
     "ts/**/*",
@@ -61,5 +50,9 @@
     "cli.js",
     "npmextra.json",
     "readme.md"
-  ]
+  ],
+  "browserslist": [
+    "last 1 chrome versions"
+  ],
+  "packageManager": "pnpm@10.11.0+sha512.6540583f41cc5f628eb3d9773ecee802f4f9ef9923cc45b69890fb47991d4b092964694ec3a4f738a420c918a333062c8b925d312f42e4f0c263eb603551f977"
 }

readme.hints.md

@@ -0,0 +1,49 @@
+# tsbundle Hints and Findings
+
+## Bundler Architecture
+- tsbundle uses a child process architecture where each bundler runs in a separate process
+- Configuration is passed via environment variables as JSON (IEnvTransportOptions)
+- The main class `TsBundle` spawns child processes using `smartspawn.ThreadSimple`
+
+## Bundler Implementations
+- **esbuild** (default): Fully implemented, production ready, 2.2K minified
+- **rolldown**: Implemented and working (beta), produces smallest bundles (1.5K minified)
+- **rspack**: Implemented and working, webpack-compatible API, 6.1K minified
+- **rollup**: Removed (was never implemented)
+- **parcel**: Removed (was never implemented)
+
+## Adding New Bundlers
+To add a new bundler, you need:
+1. Update `ICliOptions` interface to include the bundler name
+2. Add case in `getBundlerPath()` switch statement
+3. Create `mod_<bundler>/` directory with:
+   - `plugins.ts`: Import and re-export the bundler
+   - `index.child.ts`: Implement TsBundleProcess class with buildTest() and buildProduction()
+4. Add bundler to package.json dependencies
+
+## Rolldown Specific Notes
+- Rolldown is in beta (v1.0.0-beta.18) but working well
+- API: Use `rolldown()` function directly, not `rolldown.rolldown()`
+- Output options go in the `write()` method, not the initial config
+- Uses `dir` and `entryFileNames` instead of `file` for output (handles dynamic imports)
+- Includes `inlineDynamicImports: true` to avoid chunk splitting issues
+- Produces smaller minified bundles than esbuild (1.5K vs 2.2K in tests)
+- Supports TypeScript via `resolve.tsconfigFilename`
+
+## Rspack Specific Notes
+- Rspack v1.3.15 - stable and production ready
+- Uses webpack-compatible API (callback-based)
+- Built-in SWC loader for TypeScript transpilation
+- Produces larger bundles than esbuild/rolldown due to webpack runtime overhead
+- Best choice if you need webpack compatibility or advanced features
+- Supports ES modules output via `experiments.outputModule: true`
+
+## CLI Usage
+- Default bundler: `tsbundle` (uses esbuild)
+- Specify bundler: `tsbundle --bundler=rolldown` or `tsbundle --bundler=rspack`
+- Production mode: `tsbundle --production`
+- Combined: `tsbundle --bundler=rolldown --production`
+
+## Known Issues
+- esbuild recently had splitting and tree-shaking disabled due to issues
+- The README still mentions "a bundler using rollup" but uses esbuild by default

readme.md

@@ -1,20 +1,27 @@
-# @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/)
 
 ## Status for master
-[![pipeline status](https://gitlab.com/gitzone/tsbundle/badges/master/pipeline.svg)](https://gitlab.com/gitzone/tsbundle/commits/master)
+
-[![coverage report](https://gitlab.com/gitzone/tsbundle/badges/master/coverage.svg)](https://gitlab.com/gitzone/tsbundle/commits/master)
+Status Category | Status Badge
-[![npm downloads per month](https://img.shields.io/npm/dm/@gitzone/tsbundle.svg)](https://www.npmjs.com/package/@gitzone/tsbundle)
+-- | --
-[![Known Vulnerabilities](https://snyk.io/test/npm/@gitzone/tsbundle/badge.svg)](https://snyk.io/test/npm/@gitzone/tsbundle)
+GitLab Pipelines | [![pipeline status](https://gitlab.com/gitzone/tsbundle/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/tsbundle/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/tsbundle)](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/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/@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
 
@@ -31,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"
@@ -44,6 +51,7 @@ tsbundle --from="./ts/index.ts" --to="dist/bundle.js"
 ```
 
 ## API
+
 You are using TypeScript, aren't you? Most of the stuff is apparent from the IDE intellisense.
 
 ```typescript
@@ -52,10 +60,10 @@ import { TsBundle } from '@gitozne/tsbundle';
 const myTsBundleInstance = new TsBundle();
 
 const run = async () => {
-  await myTsBundleInstance.buildTest('./from/my.ts', './to/mybundle.js')
+  await myTsBundleInstance.buildTest('./from/my.ts', './to/mybundle.js');
   // OR
-  await myTsBundleInstance.buildProduction('./from/my.ts', './to/mybundle.js')
+  await myTsBundleInstance.buildProduction('./from/my.ts', './to/mybundle.js');
-}
+};
 ```
 
 ## Contribution

readme.plan.md

@@ -0,0 +1,112 @@
+# tsbundle Rolldown Integration Plan
+
+**Command to reread CLAUDE.md**: `cat ~/.claude/CLAUDE.md`
+
+## Objective
+Add Rolldown as an optional bundler to tsbundle while keeping esbuild as the default bundler. This allows users to experiment with Rolldown using `--bundler=rolldown` flag.
+
+## Current State
+- tsbundle currently only uses esbuild despite having interfaces for multiple bundlers
+- The bundler selection logic exists but always returns esbuild
+- mod_rollup and mod_parcel directories exist but are empty
+- Recent commits disabled splitting and tree-shaking in esbuild due to issues
+
+## Implementation Tasks
+
+### Phase 1: Core Infrastructure
+- [x] Update `ts/interfaces/index.ts` to include 'rolldown' in bundler union type
+- [x] Fix `getBundlerPath()` in `ts/tsbundle.class.tsbundle.ts` to properly route bundlers
+- [x] Remove hardcoded `bundler: 'esbuild'` from transportOptions (line 26)
+- [x] Add rolldown dependency to package.json: `"rolldown": "^1.0.0-beta.18"`
+
+### Phase 2: CLI Support
+- [x] Check if `ts/tsbundle.cli.ts` already parses --bundler option
+- [x] Ensure default bundler is 'esbuild' when not specified
+- [x] Verify CLI passes bundler option correctly to TsBundle class
+
+### Phase 3: Rolldown Module Implementation
+- [x] Create `ts/mod_rolldown/` directory
+- [x] Create `ts/mod_rolldown/plugins.ts`:
+  ```typescript
+  export * from '../plugins.js';
+  import { rolldown } from 'rolldown';
+  export { rolldown }
+  ```
+- [x] Create `ts/mod_rolldown/index.child.ts` with:
+  - TsBundleProcess class
+  - getAliases() method for tsconfig path resolution
+  - buildTest() method (sourcemaps, no minification)
+  - buildProduction() method (minified output)
+  - run() function to read transportOptions and execute
+
+### Phase 4: Feature Parity
+- [x] Implement TypeScript compilation via rolldown
+- [x] Ensure source map generation works
+- [x] Support tsconfig path aliases
+- [x] Match esbuild's ESM output format
+- [x] Implement minification for production builds
+- [x] Handle bundle: true behavior
+
+### Phase 5: Testing
+- [x] Test default behavior (should use esbuild)
+- [x] Test `--bundler=esbuild` explicit selection
+- [x] Test `--bundler=rolldown` selection
+- [x] Compare output between esbuild and rolldown
+- [ ] Verify all existing tests pass with both bundlers
+
+## Technical Specifications
+
+### Rolldown Configuration Mapping
+| esbuild option | rolldown equivalent |
+|----------------|-------------------|
+| bundle: true | bundle: true |
+| sourcemap: true | sourcemap: true |
+| format: 'esm' | format: 'es' |
+| target: 'es2022' | (use default, no direct equivalent) |
+| minify: true | minify: true |
+| entryPoints | input |
+| outfile | output.file |
+| tsconfig | resolve.tsconfigFilename |
+| alias | resolve.alias |
+
+### CLI Usage
+```bash
+# Default (uses esbuild)
+tsbundle
+
+# Use rolldown
+tsbundle --bundler=rolldown
+
+# Production build with rolldown
+tsbundle --production --bundler=rolldown
+```
+
+## Risks and Mitigation
+1. **Rolldown is beta** - Keep esbuild as default, mark rolldown as experimental
+2. **API differences** - Abstract common interface, handle bundler-specific logic
+3. **Missing features** - Document any limitations in README
+4. **Breaking changes** - None, as esbuild remains default
+
+## Success Criteria
+- [x] Can build with esbuild (default behavior unchanged)
+- [x] Can build with rolldown via --bundler flag
+- [x] Both bundlers produce working ESM output
+- [x] Source maps work with both bundlers
+- [x] TypeScript compilation works with both
+- [ ] All existing tests pass
+
+## Implementation Status
+✅ **COMPLETED** - Rolldown has been successfully integrated as an optional bundler.
+
+### Test Results:
+- esbuild (default): Working correctly, 2.2K minified
+- rolldown: Working correctly, 1.5K minified (better compression!)
+- Both bundlers support all required features
+- CLI properly routes to selected bundler
+- Production and test modes work for both
+
+## Future Considerations
+- Once Rolldown reaches v1.0.0 stable, consider making it default
+- Implement rollup and parcel modules using same pattern
+- Add performance benchmarks comparing bundlers
+- Consider adding --watch mode support

rollup.config.js

@@ -1,57 +0,0 @@
-import resolve from 'rollup-plugin-node-resolve';
-import commonjs from 'rollup-plugin-commonjs';
-import sourceMaps from 'rollup-plugin-sourcemaps';
-import typescript from 'rollup-plugin-typescript2';
-import json from 'rollup-plugin-json';
-import babel from 'rollup-plugin-babel';
-
-const pkg = require('./package.json');
-
-export default {
-  input: `ts_web/index.ts`,
-  output: {
-    name: 'tsbundle',
-    // file: 'dist_web/bundle.js',
-    file: 'dist_web/bundle.js',
-    format: 'iife',
-    sourcemap: true
-  },
-  // Indicate here external modules you don't wanna include in your bundle (i.e.: 'lodash')
-  external: [],
-  watch: {
-    include: 'src/**'
-  },
-  plugins: [
-    // Allow json resolution
-    json(),
-    // Compile TypeScript files
-    typescript({ useTsconfigDeclarationDir: true, tsconfigOverride: {
-      compilerOptions: {
-        declaration: true,
-        emitDecoratorMetadata: true,
-        experimentalDecorators: true,
-        inlineSourceMap: true,
-        noEmitOnError: true,
-        lib: ['es2016', 'es2017', 'dom'],
-        noImplicitAny: false
-      }
-    } }),
-    // 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
-    resolve(),
-    commonjs({
-      namedExports: {
-          'node_modules/@pushrocks/smartstate/dist/index.js': ['Smartstate']
-      }
-    }),
-
-    // Resolve source maps to the original source
-    sourceMaps(),
-    babel({
-      extensions: ['.js', '.jsx', '.ts', '.tsx'],
-      babelrc: false,
-      presets: [["@babel/preset-env", { modules: false }]]
-    })
-  ]
-};

test/test.ts

@@ -1,16 +1,108 @@
-import { expect, tap } from '@pushrocks/tapbundle';
+import { expect, tap } from '@git.zone/tstest/tapbundle';
-import * as tsbundle from '../dist_ts/index';
+import * as tsbundle from '../dist_ts/index.js';
-
 import * as path from 'path';
+import * as fs from 'fs';
 
-tap.test('should bundle test', async () => {
+const testBundler = async (bundlerName: 'esbuild' | 'rolldown' | 'rspack', mode: 'test' | 'production') => {
-  const tsbundleInstance = new tsbundle.TsBundle();
+  const outputFile = `./dist_manual/${bundlerName}-${mode}.js`;
-  await tsbundleInstance.buildTest(process.cwd() + '/test', './ts_web/index.ts', './dist_manual/test.js', 'rollup')
+  const testDir = path.join(process.cwd(), 'test');
-})
+  
+  // Clean up output directory
+  const outputDir = path.join(testDir, 'dist_manual');
+  if (!fs.existsSync(outputDir)) {
+    fs.mkdirSync(outputDir, { recursive: true });
+  }
+  
+  // Clean up output file if exists
+  const outputPath = path.join(testDir, outputFile);
+  if (fs.existsSync(outputPath)) {
+    fs.rmSync(outputPath, { force: true });
+  }
 
-tap.test('should bundle production', async () => {
   const tsbundleInstance = new tsbundle.TsBundle();
-  await tsbundleInstance.buildProduction(process.cwd(), './test/ts_web/index.ts', './test/dist_manual/production.js')
+  await tsbundleInstance.build(
-})
+    testDir,
+    './ts_web/index.ts',
+    outputFile,
+    {
+      bundler: bundlerName,
+      production: mode === 'production'
+    }
+  );
+
+  // Verify output file was created
+  expect(fs.existsSync(outputPath)).toBeTrue();
+  
+  console.log(`✅ ${bundlerName} ${mode} mode: success`);
+};
+
+// Test esbuild
+tap.test('should bundle with esbuild in test mode', async () => {
+  await testBundler('esbuild', 'test');
+});
+
+tap.test('should bundle with esbuild in production mode', async () => {
+  await testBundler('esbuild', 'production');
+});
+
+// Test rolldown
+tap.test('should bundle with rolldown in test mode', async () => {
+  await testBundler('rolldown', 'test');
+});
+
+tap.test('should bundle with rolldown in production mode', async () => {
+  await testBundler('rolldown', 'production');
+});
+
+// Test rspack
+tap.test('should bundle with rspack in test mode', async () => {
+  await testBundler('rspack', 'test');
+});
+
+tap.test('should bundle with rspack in production mode', async () => {
+  await testBundler('rspack', 'production');
+});
+
+// Test size comparison
+tap.test('should show bundle size comparison', async () => {
+  const testDir = path.join(process.cwd(), 'test');
+  const sizes: Record<string, { test: number; production: number }> = {
+    esbuild: { test: 0, production: 0 },
+    rolldown: { test: 0, production: 0 },
+    rspack: { test: 0, production: 0 }
+  };
+
+  for (const bundler of ['esbuild', 'rolldown', 'rspack'] as const) {
+    for (const mode of ['test', 'production'] as const) {
+      const filePath = path.join(testDir, `dist_manual/${bundler}-${mode}.js`);
+      if (fs.existsSync(filePath)) {
+        const stats = fs.statSync(filePath);
+        sizes[bundler][mode] = stats.size;
+      }
+    }
+  }
+
+  console.log('\n📊 Bundle Size Comparison:');
+  console.log('┌─────────────┬────────────┬──────────────┐');
+  console.log('│ Bundler     │ Test Mode  │ Production   │');
+  console.log('├─────────────┼────────────┼──────────────┤');
+  for (const bundler of ['esbuild', 'rolldown', 'rspack'] as const) {
+    const testSize = (sizes[bundler].test / 1024).toFixed(1) + ' KB';
+    const prodSize = (sizes[bundler].production / 1024).toFixed(1) + ' KB';
+    console.log(`│ ${bundler.padEnd(11)} │ ${testSize.padEnd(10)} │ ${prodSize.padEnd(12)} │`);
+  }
+  console.log('└─────────────┴────────────┴──────────────┘');
+  
+  // Verify all sizes are reasonable
+  for (const bundler of ['esbuild', 'rolldown', 'rspack'] as const) {
+    expect(sizes[bundler].test).toBeGreaterThan(0);
+    expect(sizes[bundler].production).toBeGreaterThan(0);
+    // Production bundles should generally be smaller due to minification
+    // but rspack might be larger due to runtime overhead
+    if (bundler !== 'rspack') {
+      expect(sizes[bundler].production).toBeLessThan(sizes[bundler].test);
+    }
+  }
+});
 
 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);
@@ -7,7 +11,7 @@ function sealed(constructor: Function) {
 
 @sealed
 class BugReport {
-  type = "report";
+  type = 'report';
   title: string;
 
   constructor(t: string) {
@@ -15,4 +19,6 @@ class BugReport {
   }
 }
 
+
+
 console.log(myConst);

ts/00_commitinfo_data.ts

@@ -0,0 +1,8 @@
+/**
+ * autocreated commitinfo by @push.rocks/commitinfo
+ */
+export const commitinfo = {
+  name: '@git.zone/tsbundle',
+  version: '2.4.0',
+  description: 'a multi-bundler tool supporting esbuild, rolldown, and rspack for painless bundling of web projects'
+}

ts/index.ts

@@ -1,13 +1,14 @@
-import * as early from '@pushrocks/early';
+import * as early from '@push.rocks/early';
 early.start('tsbundle');
 // lets import all plugins beforehand
-import './tsbundle.plugins';
+import './plugins.js';
 
-import { logger } from './tsbundle.logging';
+import { logger } from './tsbundle.logging.js';
-import { runCli } from './tsbundle.cli';
+import { runCli } from './tsbundle.cli.js';
 early.stop();
 
 // lets make this usable programmatically
-export * from './tsbundle.class.tsbundle';
+export * from './tsbundle.class.tsbundle.js';
-export * from './tsbundle.htmlhandler';
+export * from './mod_assets/index.js';
+export * from './mod_html/index.js';
 export { runCli };

ts/interfaces/index.ts

@@ -0,0 +1,14 @@
+export interface ICliOptions {
+  commonjs?: boolean;
+  skiplibcheck?: boolean;
+  production?: boolean;
+  bundler: 'esbuild' | 'rolldown' | 'rspack'
+}
+
+export interface IEnvTransportOptions {
+  cwd: string;
+  from: string;
+  to: string;
+  mode: 'test' | 'production',
+  argv: ICliOptions
+}

ts/mod_assets/index.ts

@@ -0,0 +1,40 @@
+import * as plugins from './plugins.js';
+import * as paths from '../paths.js';
+
+export class AssetsHandler {
+  public defaultFromDirPath: string = plugins.path.join(paths.cwd, './assets');
+  public defaultToDirPath: string = plugins.path.join(paths.cwd, './dist_serve/assets');
+
+  public async ensureAssetsDir() {
+    const assetsDirExists = await plugins.smartfile.fs.isDirectory(this.defaultFromDirPath);
+    if (!assetsDirExists) {
+      await plugins.smartfile.fs.ensureDir(this.defaultFromDirPath);
+      console.log(`created assets directory at ${this.defaultFromDirPath}`);
+    }
+  }
+
+  // copies the html
+  public async processAssets(optionsArg?: {
+    from?: string;
+    to?: string;
+  }) {
+    // lets assemble the options
+    optionsArg = {
+      ... {
+        from: this.defaultFromDirPath,
+        to: this.defaultToDirPath,
+      },
+      ...(optionsArg || {})
+    }
+    await this.ensureAssetsDir()
+    optionsArg.from = plugins.smartpath.transform.toAbsolute(optionsArg.from, paths.cwd) as string;
+    optionsArg.to = plugins.smartpath.transform.toAbsolute(optionsArg.to, paths.cwd) as string;
+
+    // lets clean theh target directory
+    await plugins.smartfile.fs.ensureEmptyDir(optionsArg.to);
+
+    plugins.smartfile.fs.copySync(optionsArg.from, optionsArg.to, {
+      replaceTargetDir: true,
+    });
+  }
+}

ts/mod_assets/plugins.ts

@@ -0,0 +1 @@
+export * from '../plugins.js';

ts/mod_esbuild/index.child.ts

@@ -0,0 +1,102 @@
+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';
+
+export class TsBundleProcess {
+  constructor() {
+    // Nothing here
+  }
+
+  public async getAliases() {
+    try {
+      const aliasObject: Record<string, string> = {};
+      const localTsConfig = plugins.smartfile.fs.toObjectSync(
+        plugins.path.join(paths.cwd, 'tsconfig.json')
+      );
+      if (localTsConfig.compilerOptions && localTsConfig.compilerOptions.paths) {
+        for (const alias of Object.keys(localTsConfig.compilerOptions.paths)) {
+          const aliasPath = localTsConfig.compilerOptions.paths[alias][0];
+          aliasObject[alias] = aliasPath;
+        }
+      }
+      return aliasObject;
+    } catch (error) {
+      return {};
+    }
+  }
+
+  /**
+   * creates a bundle for the test enviroment
+   */
+  public async buildTest(fromArg: string, toArg: string, argvArg: any) {
+    // create a bundle
+    const esbuild = await plugins.esbuild.build({
+      entryPoints: [fromArg],
+      bundle: true,
+      sourcemap: true,
+      format: 'esm',
+      target: 'es2022',
+      entryNames: plugins.path.parse(toArg).name,
+      outdir: plugins.path.parse(toArg).dir,
+      splitting: false,
+      treeShaking: false,
+      tsconfig: paths.tsconfigPath,
+      alias: await this.getAliases(),
+    });
+  }
+
+  /**
+   * creates a bundle for the production environment
+   */
+  public async buildProduction(fromArg: string, toArg: string, argvArg: any) {
+    // create a bundle
+    console.log('esbuild specific:');
+    console.log(`from: ${fromArg}`);
+    console.log(`to: ${toArg}`);
+    const esbuild = await plugins.esbuild.build({
+      entryPoints: [fromArg],
+      bundle: true,
+      sourcemap: true,
+      format: 'esm',
+      target: 'es2022',
+      minify: true,
+      entryNames: plugins.path.parse(toArg).name,
+      outdir: plugins.path.parse(toArg).dir,
+      tsconfig: paths.tsconfigPath,
+      splitting: false,
+      treeShaking: false,
+      chunkNames: 'chunks/[name]-[hash]',
+      alias: await this.getAliases(),
+    });
+  }
+}
+
+const run = async () => {
+  console.log('running spawned compilation process');
+  const transportOptions: interfaces.IEnvTransportOptions = JSON.parse(
+    process.env.transportOptions
+  );
+  console.log('=======> ESBUILD');
+  console.log(transportOptions);
+  process.chdir(transportOptions.cwd);
+  console.log(`switched to ${process.cwd()}`);
+  const tsbundleProcessInstance = new TsBundleProcess();
+  if (transportOptions.mode === 'test') {
+    console.log('building for test:');
+    tsbundleProcessInstance.buildTest(
+      plugins.smartpath.transform.makeAbsolute(transportOptions.from, process.cwd()),
+      plugins.smartpath.transform.makeAbsolute(transportOptions.to, process.cwd()),
+      transportOptions.argv
+    );
+  } else {
+    console.log('building for production:');
+    tsbundleProcessInstance.buildProduction(
+      plugins.smartpath.transform.makeAbsolute(transportOptions.from, process.cwd()),
+      plugins.smartpath.transform.makeAbsolute(transportOptions.to, process.cwd()),
+      transportOptions.argv
+    );
+  }
+};
+
+run();

ts/mod_esbuild/plugins.ts

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

ts/mod_html/index.ts

@@ -0,0 +1,47 @@
+import * as plugins from './plugins.js';
+import * as paths from '../paths.js';
+
+export class HtmlHandler {
+  public defaultFromPath: string = plugins.path.join(paths.htmlDir, 'index.html');
+  public defaultToPath: string = plugins.path.join(paths.distServeDir, 'index.html');
+
+  public async checkIfExists() {
+    return plugins.smartfile.fs.fileExists(this.defaultFromPath);
+  }
+
+  // copies the html
+  public async processHtml(optionsArg: {
+    from?: string;
+    to?: string;
+    minify?: boolean;
+  }) {
+    optionsArg = {
+      ... {
+        from: this.defaultFromPath,
+        to: this.defaultToPath,
+        minify: false,
+      },
+      ...optionsArg
+    }
+    if (await this.checkIfExists()) {
+      console.log(`${optionsArg.from} replaces file at ${optionsArg.to}`);
+    }
+    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_html/plugins.ts

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

ts/mod_rolldown/index.child.ts

@@ -0,0 +1,115 @@
+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';
+
+export class TsBundleProcess {
+  constructor() {
+    // Nothing here
+  }
+
+  public async getAliases() {
+    try {
+      const aliasObject: Record<string, string> = {};
+      const localTsConfig = plugins.smartfile.fs.toObjectSync(
+        plugins.path.join(paths.cwd, 'tsconfig.json')
+      );
+      if (localTsConfig.compilerOptions && localTsConfig.compilerOptions.paths) {
+        for (const alias of Object.keys(localTsConfig.compilerOptions.paths)) {
+          const aliasPath = localTsConfig.compilerOptions.paths[alias][0];
+          aliasObject[alias] = aliasPath;
+        }
+      }
+      return aliasObject;
+    } catch (error) {
+      return {};
+    }
+  }
+
+  /**
+   * creates a bundle for the test enviroment
+   */
+  public async buildTest(fromArg: string, toArg: string, argvArg: any) {
+    // create a bundle
+    const result = await plugins.rolldown({
+      input: fromArg,
+      resolve: {
+        alias: await this.getAliases(),
+        tsconfigFilename: paths.tsconfigPath,
+      },
+    });
+    
+    const outputDir = plugins.path.dirname(toArg);
+    const outputFilename = plugins.path.basename(toArg);
+    
+    await result.write({
+      dir: outputDir,
+      entryFileNames: outputFilename,
+      format: 'es',
+      sourcemap: true,
+      inlineDynamicImports: true,
+    });
+  }
+
+  /**
+   * creates a bundle for the production environment
+   */
+  public async buildProduction(fromArg: string, toArg: string, argvArg: any) {
+    // create a bundle
+    console.log('rolldown specific:');
+    console.log(`from: ${fromArg}`);
+    console.log(`to: ${toArg}`);
+    
+    const result = await plugins.rolldown({
+      input: fromArg,
+      resolve: {
+        alias: await this.getAliases(),
+        tsconfigFilename: paths.tsconfigPath,
+      },
+      experimental: {
+        enableComposingJsPlugins: true,
+      },
+    });
+    
+    const outputDir = plugins.path.dirname(toArg);
+    const outputFilename = plugins.path.basename(toArg);
+    
+    await result.write({
+      dir: outputDir,
+      entryFileNames: outputFilename,
+      format: 'es',
+      sourcemap: true,
+      minify: true,
+      inlineDynamicImports: true,
+    });
+  }
+}
+
+const run = async () => {
+  console.log('running spawned compilation process');
+  const transportOptions: interfaces.IEnvTransportOptions = JSON.parse(
+    process.env.transportOptions
+  );
+  console.log('=======> ROLLDOWN');
+  console.log(transportOptions);
+  process.chdir(transportOptions.cwd);
+  console.log(`switched to ${process.cwd()}`);
+  const tsbundleProcessInstance = new TsBundleProcess();
+  if (transportOptions.mode === 'test') {
+    console.log('building for test:');
+    await tsbundleProcessInstance.buildTest(
+      plugins.smartpath.transform.makeAbsolute(transportOptions.from, process.cwd()),
+      plugins.smartpath.transform.makeAbsolute(transportOptions.to, process.cwd()),
+      transportOptions.argv
+    );
+  } else {
+    console.log('building for production:');
+    await tsbundleProcessInstance.buildProduction(
+      plugins.smartpath.transform.makeAbsolute(transportOptions.from, process.cwd()),
+      plugins.smartpath.transform.makeAbsolute(transportOptions.to, process.cwd()),
+      transportOptions.argv
+    );
+  }
+};
+
+run();

ts/mod_rolldown/plugins.ts

@@ -0,0 +1,5 @@
+export * from '../plugins.js';
+
+import { rolldown } from 'rolldown';
+
+export { rolldown }

ts/mod_rspack/index.child.ts

@@ -0,0 +1,236 @@
+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';
+
+export class TsBundleProcess {
+  constructor() {
+    // Nothing here
+  }
+
+  public async getAliases() {
+    try {
+      const aliasObject: Record<string, string> = {};
+      const localTsConfig = plugins.smartfile.fs.toObjectSync(
+        plugins.path.join(paths.cwd, 'tsconfig.json')
+      );
+      if (localTsConfig.compilerOptions && localTsConfig.compilerOptions.paths) {
+        for (const alias of Object.keys(localTsConfig.compilerOptions.paths)) {
+          const aliasPath = localTsConfig.compilerOptions.paths[alias][0];
+          // Convert TypeScript path to absolute path for rspack
+          aliasObject[alias.replace('/*', '')] = plugins.path.resolve(paths.cwd, aliasPath.replace('/*', ''));
+        }
+      }
+      return aliasObject;
+    } catch (error) {
+      return {};
+    }
+  }
+
+  /**
+   * creates a bundle for the test enviroment
+   */
+  public async buildTest(fromArg: string, toArg: string, argvArg: any) {
+    const aliases = await this.getAliases();
+    const outputDir = plugins.path.dirname(toArg);
+    const outputFilename = plugins.path.basename(toArg);
+    
+    const config = {
+      mode: 'development' as const,
+      entry: {
+        main: fromArg,
+      },
+      output: {
+        path: outputDir,
+        filename: outputFilename,
+        library: {
+          type: 'module' as const,
+        },
+      },
+      devtool: 'source-map' as const,
+      resolve: {
+        alias: aliases,
+        extensions: ['.ts', '.tsx', '.js', '.jsx'],
+      },
+      module: {
+        rules: [
+          {
+            test: /\.tsx?$/,
+            exclude: /node_modules/,
+            use: {
+              loader: 'builtin:swc-loader',
+              options: {
+                jsc: {
+                  parser: {
+                    syntax: 'typescript',
+                    tsx: true,
+                    decorators: true,
+                  },
+                  target: 'es2022',
+                  transform: {
+                    decoratorVersion: '2022-03',
+                  },
+                },
+              },
+            },
+            type: 'javascript/auto',
+          },
+        ],
+      },
+      experiments: {
+        outputModule: true,
+      },
+    };
+
+    return new Promise((resolve, reject) => {
+      plugins.rspack(config, (err, stats) => {
+        if (err) {
+          console.error(err.stack || err);
+          reject(err);
+          return;
+        }
+
+        if (stats.hasErrors()) {
+          console.error(stats.toString());
+          reject(new Error('Build failed with errors'));
+          return;
+        }
+
+        console.log(stats.toString({
+          colors: true,
+          modules: false,
+          children: false,
+          chunks: false,
+          chunkModules: false,
+        }));
+
+        resolve(undefined);
+      });
+    });
+  }
+
+  /**
+   * creates a bundle for the production environment
+   */
+  public async buildProduction(fromArg: string, toArg: string, argvArg: any) {
+    console.log('rspack specific:');
+    console.log(`from: ${fromArg}`);
+    console.log(`to: ${toArg}`);
+    
+    const aliases = await this.getAliases();
+    const outputDir = plugins.path.dirname(toArg);
+    const outputFilename = plugins.path.basename(toArg);
+    
+    const config = {
+      mode: 'production' as const,
+      entry: {
+        main: fromArg,
+      },
+      output: {
+        path: outputDir,
+        filename: outputFilename,
+        library: {
+          type: 'module' as const,
+        },
+      },
+      devtool: 'source-map' as const,
+      resolve: {
+        alias: aliases,
+        extensions: ['.ts', '.tsx', '.js', '.jsx'],
+      },
+      module: {
+        rules: [
+          {
+            test: /\.tsx?$/,
+            exclude: /node_modules/,
+            use: {
+              loader: 'builtin:swc-loader',
+              options: {
+                jsc: {
+                  parser: {
+                    syntax: 'typescript',
+                    tsx: true,
+                    decorators: true,
+                  },
+                  target: 'es2022',
+                  transform: {
+                    decoratorVersion: '2022-03',
+                  },
+                  minify: {
+                    compress: true,
+                    mangle: true,
+                  },
+                },
+              },
+            },
+            type: 'javascript/auto',
+          },
+        ],
+      },
+      optimization: {
+        minimize: true,
+        concatenateModules: true,
+        usedExports: true,
+        sideEffects: true,
+      },
+      experiments: {
+        outputModule: true,
+      },
+    };
+
+    return new Promise((resolve, reject) => {
+      plugins.rspack(config, (err, stats) => {
+        if (err) {
+          console.error(err.stack || err);
+          reject(err);
+          return;
+        }
+
+        if (stats.hasErrors()) {
+          console.error(stats.toString());
+          reject(new Error('Build failed with errors'));
+          return;
+        }
+
+        console.log(stats.toString({
+          colors: true,
+          modules: false,
+          children: false,
+          chunks: false,
+          chunkModules: false,
+        }));
+
+        resolve(undefined);
+      });
+    });
+  }
+}
+
+const run = async () => {
+  console.log('running spawned compilation process');
+  const transportOptions: interfaces.IEnvTransportOptions = JSON.parse(
+    process.env.transportOptions
+  );
+  console.log('=======> RSPACK');
+  console.log(transportOptions);
+  process.chdir(transportOptions.cwd);
+  console.log(`switched to ${process.cwd()}`);
+  const tsbundleProcessInstance = new TsBundleProcess();
+  if (transportOptions.mode === 'test') {
+    console.log('building for test:');
+    await tsbundleProcessInstance.buildTest(
+      plugins.smartpath.transform.makeAbsolute(transportOptions.from, process.cwd()),
+      plugins.smartpath.transform.makeAbsolute(transportOptions.to, process.cwd()),
+      transportOptions.argv
+    );
+  } else {
+    console.log('building for production:');
+    await tsbundleProcessInstance.buildProduction(
+      plugins.smartpath.transform.makeAbsolute(transportOptions.from, process.cwd()),
+      plugins.smartpath.transform.makeAbsolute(transportOptions.to, process.cwd()),
+      transportOptions.argv
+    );
+  }
+};
+
+run();

ts/mod_rspack/plugins.ts

@@ -0,0 +1,5 @@
+export * from '../plugins.js';
+
+import { rspack } from '@rspack/core';
+
+export { rspack }

ts/paths.ts

@@ -0,0 +1,11 @@
+import * as plugins from './plugins.js';
+
+export const cwd = process.cwd();
+export const packageDir = plugins.path.join(
+  plugins.smartpath.get.dirnameFromImportMetaUrl(import.meta.url),
+  '../'
+);
+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

@@ -0,0 +1,23 @@
+// node native
+import * as path from 'path';
+
+export { path };
+
+// pushrocks scope
+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,
+  smartfile,
+  smartlog,
+  smartlogDestinationLocal,
+  smartpath,
+  smartpromise,
+  smartspawn,
+};

ts/tsbundle.class.tsbundle.ts

@@ -1,41 +1,53 @@
-import * as plugins from './tsbundle.plugins';
+import * as plugins from './plugins.js';
-import { logger } from './tsbundle.logging';
+import * as interfaces from './interfaces/index.js';
+import { logger } from './tsbundle.logging.js';
 
 export class TsBundle {
-  public async buildTest(cwdArg: string, fromArg: string, toArg: string, bundlerArg: 'rollup' | 'parcel') {
-    const done = plugins.smartpromise.defer();
-    const threadsimple = new plugins.smartspawn.ThreadSimple(plugins.path.join(__dirname, './tsbundle.class.tsbundleprocess.js'), [], {
-      env: {
-        ...process.env,
-        tsbundleMode: 'test',
-        tsbundleCwd: cwdArg,
-        tsbundleFrom: fromArg,
-        tsbundleTo: toArg,
-        tsbundleBundler: bundlerArg
-      }
-    })
-    const childProcess = await threadsimple.start();
-    childProcess.on('exit', (status) => {
-      done.resolve();
-    })
-    await done.promise;
-  };
 
-  public async buildProduction(cwdArg: string, fromArg: string, toArg: string) {
+  public async build(
+    cwdArg: string,
+    fromArg: string = './ts_web/index.ts',
+    toArg: string = './dist_bundle/bundle.js',
+    argvArg: interfaces.ICliOptions
+  ) {
     const done = plugins.smartpromise.defer();
-    const threadsimple = new plugins.smartspawn.ThreadSimple(plugins.path.join(__dirname, './tsbundle.class.tsbundleprocess.js'), [], {
+    const getBundlerPath = () => {
-      env: {
+      switch (argvArg.bundler) {
-        ...process.env,
+        case 'rolldown':
-        tsbundleMode: 'production',
+          return './mod_rolldown/index.child.js';
-        tsbundleCwd: cwdArg,
+        case 'rspack':
-        tsbundleFrom: fromArg,
+          return './mod_rspack/index.child.js';
-        tsbundleTo: toArg
+        case 'esbuild':
+        default:
+          return './mod_esbuild/index.child.js';
       }
-    })
+    }
+    const transportOptions: interfaces.IEnvTransportOptions = {
+      cwd: cwdArg,
+      from: fromArg,
+      to: toArg,
+      mode: argvArg && argvArg.production ? 'production' : 'test',
+      argv:  {
+        ...argvArg
+      } 
+    }
+    const threadsimple = new plugins.smartspawn.ThreadSimple(
+      plugins.path.join(
+        plugins.smartpath.get.dirnameFromImportMetaUrl(import.meta.url),
+        getBundlerPath()
+      ),
+      [],
+      {
+        env: {
+          ...process.env,
+          transportOptions: JSON.stringify(transportOptions),
+        },
+      }
+    );
     const childProcess = await threadsimple.start();
     childProcess.on('exit', (status) => {
       done.resolve();
-    })
+    });
     await done.promise;
-  };
+  }
 }

ts/tsbundle.class.tsbundleprocess.ts

@@ -1,158 +0,0 @@
-import * as plugins from './tsbundle.plugins';
-import { logger } from './tsbundle.logging';
-
-export class TsBundleProcess {
-  /**
-   * the basic default options for rollup
-   */
-  public getBaseOptions(
-    fromArg: string = `ts_web/index.ts`,
-    toArg: string = 'dist_bundle/bundle.js'
-  ) {
-    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({
-          include: plugins.path.parse(fromArg).dir
-            ? plugins.path.parse(fromArg).dir + '/**/*.ts'
-            : '**/*.ts',
-          declaration: false,
-          emitDecoratorMetadata: true,
-          experimentalDecorators: true,
-          inlineSourceMap: true,
-          noEmitOnError: true,
-          lib: ['esnext', 'dom', 'es2017.object'],
-          noImplicitAny: false,
-          target: 'es2018',
-          allowSyntheticDefaultImports: true,
-          importsNotUsedAsValues: 'preserve',
-        }),
-        plugins.rollupJson(),
-        // 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({}),
-
-        // Resolve source maps to the original source
-        plugins.rollupSourceMaps(),
-        /*plugins.rollupBabel({
-          runtimeHelpers: true,
-          extensions: ['.js', '.jsx', '.ts', '.tsx'],
-          babelrc: false,
-          presets: [
-            [
-              '@babel/preset-env',
-              {
-                modules: false,
-                targets: {
-                  chrome: '41'
-                }
-              }
-            ]
-          ],
-          plugins: [
-            [
-              '@babel/plugin-transform-runtime',
-              {
-                regenerator: true
-              }
-            ]
-          ]
-        })*/
-      ],
-    };
-    return baseOptions;
-  }
-
-  public getOptionsTest(fromArg: string, toArg: string): plugins.rollup.RollupOptions {
-    return this.getBaseOptions(fromArg, toArg);
-  }
-
-  public getOptionsProduction(fromArg: string, toArg: string): plugins.rollup.RollupOptions {
-    const productionOptions = this.getBaseOptions(fromArg, toArg);
-    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,
-    bundlerArg: 'rollup' | 'parcel' = 'rollup'
-  ) {
-    // create a bundle
-    switch (bundlerArg) {
-      case 'rollup':
-        logger.log('info', `bundling for TEST!`);
-        const buildOptions = this.getOptionsTest(fromArg, toArg);
-        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);
-      case 'parcel':
-        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) {
-    // create a bundle
-    logger.log('info', `bundling for PRODUCTION!`);
-    const buildOptions = this.getOptionsProduction(fromArg, toArg);
-    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');
-  console.log(`cwd: ${process.env.tsbundleCwd}`);
-  console.log(`from: ${process.env.tsbundleFrom}`);
-  console.log(`to: ${process.env.tsbundleTo}`);
-  console.log(`mode: ${process.env.tsbundleMode}`);
-  process.chdir(process.env.tsbundleCwd);
-  console.log(`switched to ${process.cwd()}`)
-  const tsbundleProcessInstance = new TsBundleProcess();
-  if (process.env.tsbundleMode === 'test') {
-    tsbundleProcessInstance.buildTest(process.env.tsbundleFrom, process.env.tsbundleTo, process.env.tsbundleBundler as 'rollup' | 'parcel');
-  } else {
-    tsbundleProcessInstance.buildProduction(process.env.tsbundleFrom, process.env.tsbundleTo);
-  }
-}
-
-run();

ts/tsbundle.cli.ts

@@ -1,72 +1,61 @@
-import * as plugins from './tsbundle.plugins';
+import * as plugins from './plugins.js';
-import { TsBundle } from './tsbundle.class.tsbundle';
+import { TsBundle } from './tsbundle.class.tsbundle.js';
-import { HtmlHandler } from './tsbundle.htmlhandler';
+import { HtmlHandler } from './mod_html/index.js';
-import { logger } from './tsbundle.logging';
+import { logger } from './tsbundle.logging.js';
+import { AssetsHandler } from './mod_assets/index.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();
-    // const htmlHandler = new HtmlHandler();
+    await tsbundle.build(process.cwd(), argvArg.from, argvArg.to, argvArg);
-    switch (true) {
+    return;
-      case argvArg.production || process.env.CI:
-        await tsbundle.buildProduction(process.cwd(), argvArg.from, argvArg.to);
-        // await htmlHandler.minifyHtml();
-        break;
-      case argvArg.test:
-      default:
-        await tsbundle.buildTest(process.cwd(), argvArg.from, argvArg.to, 'rollup');
-        // await htmlHandler.copyHtml();
-        return;
-    }
   });
 
-  tsBundleCli.addCommand('element').subscribe(async argvArg => {
+  tsBundleCli.addCommand('element').subscribe(async (argvArg) => {
     const tsbundle = new TsBundle();
-    // const htmlHandler = new HtmlHandler();
+    await tsbundle.build(
-    switch (true) {
+      process.cwd(),
-      case argvArg.production || process.env.CI:
+      './ts_web/index.ts',
-        await tsbundle.buildProduction(process.cwd(), './ts_web/index.ts', './dist_bundle/bundle.js');
+      './dist_bundle/bundle.js',
-        // await htmlHandler.minifyHtml();
+      argvArg
-        break;
+    );
-      case argvArg.test:
-      default:
-        await tsbundle.buildTest(process.cwd(), './ts_web/index.ts', './dist_bundle/bundle.js', 'rollup');
-        // await htmlHandler.copyHtml();
-        return;
-    }
   });
 
-  tsBundleCli.addCommand('npm').subscribe(async argvArg => {
+  tsBundleCli.addCommand('npm').subscribe(async (argvArg) => {
-    const tsbundle = new TsBundle();
-    // const htmlHandler = new HtmlHandler();
-    switch (true) {
-      case argvArg.production || process.env.CI:
-        await tsbundle.buildProduction(process.cwd(), './ts/index.ts', './dist_bundle/bundle.js');
-        // await htmlHandler.minifyHtml();
-        break;
-      case argvArg.test:
-      default:
-        await tsbundle.buildTest(process.cwd(), './ts/index.ts', './dist_bundle/bundle.js', 'rollup');
-        // await htmlHandler.copyHtml();
-        return;
-    }
-  });
-
-  tsBundleCli.addCommand('website').subscribe(async argvArg => {
     const tsbundle = new TsBundle();
     const htmlHandler = new HtmlHandler();
-    switch (true) {
+    await tsbundle.build(
-      case argvArg.production || process.env.CI:
+      process.cwd(),
-        await tsbundle.buildProduction(process.cwd(), './ts_web/index.ts', './dist_serve/bundle.js');
+      './ts/index.ts',
-        await htmlHandler.minifyHtml();
+      './dist_bundle/bundle.js',
-        break;
+      argvArg
-      case argvArg.test:
+    );
-      default:
+  });
-        await tsbundle.buildTest(process.cwd(), './ts_web/index.ts', './dist_serve/bundle.js', 'rollup');
+
-        await htmlHandler.copyHtml();
+  tsBundleCli.addCommand('website').subscribe(async (argvArg) => {
-        return;
+    const tsbundle = new TsBundle();
+
+    // lets deal with the html
+    const htmlHandler = new HtmlHandler();
+    await tsbundle.build(
+      process.cwd(),
+      './ts_web/index.ts',
+      './dist_serve/bundle.js',
+      argvArg
+    );
+    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,
+      });
     }
+
+    // lets deal with the assets
+    const assetsHandler = new AssetsHandler();
+    await assetsHandler.processAssets();
   });
 
   tsBundleCli.startParse();

ts/tsbundle.htmlhandler.ts

@@ -1,38 +0,0 @@
-import * as plugins from './tsbundle.plugins';
-import * as paths from './tsbundle.paths';
-
-export class HtmlHandler {
-  public sourceFilePath: string = plugins.path.join(paths.htmlDir, 'index.html');
-  public targetFilePath: string = plugins.path.join(paths.distServeDir, 'index.html');
-
-  public async checkIfExists() {
-    return plugins.smartfile.fs.fileExists(this.sourceFilePath);
-  }
-
-  // copies the html
-  public async copyHtml(targetPathArg = this.targetFilePath) {
-    if (!(await this.checkIfExists())) {
-      return;
-    }
-    await plugins.smartfile.fs.copy(this.sourceFilePath, targetPathArg);
-  }
-
-  // copies and minifies the html
-  public async minifyHtml(targetPathArg = this.targetFilePath) {
-    if (!(await this.checkIfExists())) {
-      return;
-    }
-    const fileString = plugins.smartfile.fs.toStringSync(this.sourceFilePath);
-    const minifiedHtml = plugins.htmlMinifier.minify(fileString, {
-      minifyCSS: true,
-      minifyJS: true,
-      sortAttributes: true,
-      sortClassName: true,
-      removeAttributeQuotes: true,
-      collapseWhitespace: true,
-      collapseInlineTagWhitespace: true,
-      removeComments: true
-    });
-    plugins.smartfile.memory.toFsSync(minifiedHtml, targetPathArg);
-  }
-}

ts/tsbundle.logging.ts

@@ -1,4 +1,4 @@
-import * as plugins from './tsbundle.plugins';
+import * as plugins from './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/tsbundle.paths.ts

@@ -1,7 +0,0 @@
-import * as plugins from './tsbundle.plugins';
-
-export const cwd = process.cwd();
-export const packageDir = plugins.path.join(__dirname, '../');
-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');

ts/tsbundle.plugins.ts

@@ -1,39 +0,0 @@
-// node native
-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 smartparcel from '@pushrocks/smartparcel';
-import * as smartpromise from '@pushrocks/smartpromise';
-import * as smartspawn from '@pushrocks/smartspawn';
-
-export { smartcli, smartfile, smartlog, smartlogDestinationLocal, smartparcel, smartpromise, smartspawn };
-
-// 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';
-
-import * as htmlMinifier from 'html-minifier';
-
-export {
-  rollup,
-  rollupBabel,
-  rollupCommonjs,
-  rollupJson,
-  rollupResolve,
-  rollupSourceMaps,
-  rollupTerser,
-  rollupTypescript,
-  htmlMinifier
-};

tsconfig.json

@@ -1,5 +1,14 @@
 {
   "compilerOptions": {
-    "experimentalDecorators": true
+    "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"
-}