Compare commits
16 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 jkunz
|
c6d485277d | ||
|
jkunz
|
ad31e54086 | ||
|
jkunz
|
753aa29b26 | ||
|
jkunz
|
65ca62f536 | ||
|
jkunz
|
7e98ba083e | ||
|
jkunz
|
e5b2f2ba30 | ||
|
jkunz
|
f19c7c69af | ||
|
jkunz
|
3b2e0bebcd | ||
|
jkunz
|
7f5de8797c | ||
|
jkunz
|
aea86bd8f5 | ||
|
jkunz
|
ad5e0c1afc | ||
|
jkunz
|
cb5d827420 | ||
|
jkunz
|
5a5f6c6944 | ||
|
jkunz
|
54ac7e7188 | ||
|
jkunz
|
5f0507b2c7 | ||
|
jkunz
|
ecfd7600e2 |
@@ -5,14 +5,14 @@
|
||||
"githost": "gitlab.com",
|
||||
"gitscope": "gitzone",
|
||||
"gitrepo": "tsbundle",
|
||||
"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",
|
||||
"npmPackagename": "@git.zone/tsbundle",
|
||||
"license": "MIT",
|
||||
"projectDomain": "git.zone"
|
||||
},
|
||||
"release": {
|
||||
"registries": [
|
||||
"https://verdaccio.lossless.one",
|
||||
"https://verdaccio.lossless.digital",
|
||||
"https://registry.npmjs.org"
|
||||
],
|
||||
"accessLevel": "public"
|
||||
Vendored
+1
-1
@@ -1,7 +1,7 @@
|
||||
{
|
||||
"json.schemas": [
|
||||
{
|
||||
"fileMatch": ["/npmextra.json"],
|
||||
"fileMatch": ["/.smartconfig.json"],
|
||||
"schema": {
|
||||
"type": "object",
|
||||
"properties": {
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
"target": "ES2022",
|
||||
"module": "ES2022",
|
||||
"moduleResolution": "node12",
|
||||
"preserveValueImports": true,
|
||||
"verbatimModuleSyntax": true,
|
||||
"esModuleInterop": true
|
||||
}
|
||||
}
|
||||
@@ -1,5 +1,59 @@
|
||||
# Changelog
|
||||
|
||||
## 2026-05-09 - 2.10.4 - fix(package)
|
||||
correct bin path for the tsbundle CLI entry
|
||||
|
||||
- Updates the package bin mapping from "cli.js" to "./cli.js" for a properly explicit executable path in package metadata.
|
||||
|
||||
## 2026-05-09 - 2.10.3 - fix(release-config)
|
||||
update Verdaccio registry URL in smart config
|
||||
|
||||
- Changes the release registry from https://verdaccio.lossless.one to https://verdaccio.lossless.digital in .smartconfig.json
|
||||
|
||||
## 2026-05-09 - 2.10.2 - fix(config)
|
||||
update .smartconfig.json handling and harden bundler runtime compatibility
|
||||
|
||||
- switch init, CLI, docs, and custom config loading references from smartconfig.json to .smartconfig.json
|
||||
- add guards for missing transportOptions and missing rspack stats in spawned bundler processes
|
||||
- align TypeScript and test fixtures with newer decorator and module syntax requirements
|
||||
- adjust rspack module output configuration and refactor asset/html option handling for safer processing
|
||||
|
||||
## 2026-04-30 - 2.10.1 - fix(mod_custom)
|
||||
make base64ts bundle output deterministic and clean up generated temp sourcemaps
|
||||
|
||||
- Use a stable temporary bundle filename instead of a timestamp-based name so repeated base64ts builds produce identical output.
|
||||
- Delete the generated temporary sourcemap alongside the temp bundle to avoid leftover build artifacts.
|
||||
- Add a test covering deterministic base64ts output generation.
|
||||
- Update package scripts to use pnpm for tests and remove the allowimplicitany build flag.
|
||||
|
||||
## 2026-03-24 - 2.10.0 - feat(config)
|
||||
migrate project configuration to smartconfig.json and update bundler dependencies
|
||||
|
||||
- replace npmextra.json with .smartconfig.json and update CLI, init, and custom bundle loading references
|
||||
- rename the smartconfig plugin export and load tsbundle configuration through the new config file
|
||||
- update rolldown output settings to use codeSplitting: false instead of the deprecated inlineDynamicImports option
|
||||
- refresh core build and bundler dependencies including rolldown, rspack, esbuild, TypeScript, and smartfs
|
||||
- revise README documentation to reflect smartconfig.json usage and current bundler capabilities
|
||||
|
||||
## 2026-03-24 - 2.9.3 - fix(config)
|
||||
migrate configuration loading and init output from npmextra.json to smartconfig.json
|
||||
|
||||
- replace @push.rocks/npmextra with @push.rocks/smartconfig
|
||||
- load project configuration via Smartconfig in the custom module
|
||||
- update init wizard to read from and write to smartconfig.json and adjust user-facing messages accordingly
|
||||
|
||||
## 2026-03-11 - 2.9.2 - fix(mod_esbuild)
|
||||
preserve function and class names in esbuild output by enabling keepNames in both dev and prod configs
|
||||
|
||||
- Added keepNames: true to esbuild options in ts/mod_esbuild/index.child.ts for the non-minified/dev build
|
||||
- Added keepNames: true to esbuild options in ts/mod_esbuild/index.child.ts for the minified/production build to improve stack traces, debugging, and runtime reflection
|
||||
|
||||
## 2026-03-05 - 2.9.1 - fix(mod_custom)
|
||||
use absolute smartfs entry.path instead of joining with dirPath when building fullPath
|
||||
|
||||
- entry.path is already absolute (from smartfs); avoid joining it with dirPath which produced incorrect paths
|
||||
- Fixes file copy path construction so plugins.fs.file(fullPath).copy(destPath) uses the correct source path
|
||||
|
||||
## 2026-02-24 - 2.9.0 - feat(exports)
|
||||
expose mod_custom, mod_output and interfaces from entry; make processSingleBundle public
|
||||
|
||||
|
||||
+22
-25
@@ -1,45 +1,45 @@
|
||||
{
|
||||
"name": "@git.zone/tsbundle",
|
||||
"version": "2.9.0",
|
||||
"version": "2.10.4",
|
||||
"private": false,
|
||||
"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",
|
||||
"author": "Task Venture Capital GmbH",
|
||||
"license": "MIT",
|
||||
"scripts": {
|
||||
"test": "npm run build && (tstest test/ --verbose)",
|
||||
"build": "(tsbuild --web --allowimplicitany)",
|
||||
"test": "pnpm run build && (tstest test/ --verbose)",
|
||||
"build": "(tsbuild --web)",
|
||||
"buildDocs": "tsdoc"
|
||||
},
|
||||
"bin": {
|
||||
"tsbundle": "cli.js"
|
||||
"tsbundle": "./cli.js"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@git.zone/tsbuild": "^3.1.2",
|
||||
"@git.zone/tsrun": "^2.0.0",
|
||||
"@git.zone/tstest": "^3.1.3",
|
||||
"@types/node": "^24.10.1"
|
||||
"@git.zone/tsbuild": "^4.4.0",
|
||||
"@git.zone/tsrun": "^2.0.3",
|
||||
"@git.zone/tstest": "^3.6.5",
|
||||
"@types/node": "^25.6.2"
|
||||
},
|
||||
"dependencies": {
|
||||
"@push.rocks/early": "^4.0.4",
|
||||
"@push.rocks/npmextra": "^5.1.3",
|
||||
"@push.rocks/smartcli": "^4.0.20",
|
||||
"@push.rocks/smartdelay": "^3.0.5",
|
||||
"@push.rocks/smartfs": "^1.1.3",
|
||||
"@push.rocks/smartcli": "^4.0.21",
|
||||
"@push.rocks/smartconfig": "^6.1.1",
|
||||
"@push.rocks/smartdelay": "^3.1.0",
|
||||
"@push.rocks/smartfs": "^1.5.1",
|
||||
"@push.rocks/smartinteract": "^2.0.16",
|
||||
"@push.rocks/smartlog": "^3.1.8",
|
||||
"@push.rocks/smartlog": "^3.2.2",
|
||||
"@push.rocks/smartlog-destination-local": "^9.0.2",
|
||||
"@push.rocks/smartpath": "^6.0.0",
|
||||
"@push.rocks/smartpromise": "^4.2.3",
|
||||
"@push.rocks/smartspawn": "^3.0.3",
|
||||
"@rspack/core": "^1.6.5",
|
||||
"@push.rocks/smartpromise": "^4.2.4",
|
||||
"@push.rocks/smartspawn": "^3.0.4",
|
||||
"@rspack/core": "^2.0.2",
|
||||
"@types/html-minifier": "^4.0.6",
|
||||
"esbuild": "^0.27.0",
|
||||
"esbuild": "^0.28.0",
|
||||
"html-minifier": "^4.0.0",
|
||||
"rolldown": "1.0.0-beta.52",
|
||||
"typescript": "5.9.3"
|
||||
"rolldown": "1.0.0",
|
||||
"typescript": "6.0.3"
|
||||
},
|
||||
"files": [
|
||||
"ts/**/*",
|
||||
@@ -50,7 +50,7 @@
|
||||
"dist_ts_web/**/*",
|
||||
"assets/**/*",
|
||||
"cli.js",
|
||||
"npmextra.json",
|
||||
".smartconfig.json",
|
||||
"readme.md"
|
||||
],
|
||||
"browserslist": [
|
||||
@@ -64,8 +64,5 @@
|
||||
"bugs": {
|
||||
"url": "https://gitlab.com/gitzone/tsbundle/issues"
|
||||
},
|
||||
"homepage": "https://gitlab.com/gitzone/tsbundle#readme",
|
||||
"pnpm": {
|
||||
"overrides": {}
|
||||
}
|
||||
"homepage": "https://gitlab.com/gitzone/tsbundle#readme"
|
||||
}
|
||||
|
||||
Generated
+3238
-4351
File diff suppressed because it is too large
Load Diff
+18
-41
@@ -1,12 +1,15 @@
|
||||
# tsbundle Hints and Findings
|
||||
|
||||
## Recent Updates (2025-11-23)
|
||||
## Recent Updates (2026-03-24)
|
||||
|
||||
- Migrated from @push.rocks/smartfile v11 to @push.rocks/smartfs v1.1.0
|
||||
- All filesystem operations now use async smartfs API
|
||||
- Removed @push.rocks/tapbundle (now imported from @git.zone/tstest/tapbundle)
|
||||
- All bundlers (esbuild, rolldown, rspack) updated to latest versions
|
||||
- Removed deprecated rolldown experimental.enableComposingJsPlugins option
|
||||
- Upgraded all dependencies to latest versions
|
||||
- Migrated from npmextra.json to smartconfig.json (renamed file, updated all references)
|
||||
- Renamed `npmextra` import to `smartconfig` in plugins.ts
|
||||
- Fixed rolldown deprecation: `inlineDynamicImports` replaced with `codeSplitting: false`
|
||||
- Major version bumps: tsbuild ^3.1.2 -> ^4.3.0, TypeScript 5.9.3 -> 6.0.2
|
||||
- Rolldown upgraded from 1.0.0-beta.52 to 1.0.0-rc.11
|
||||
- @rspack/core upgraded from ^1.6.5 to ^1.7.10
|
||||
- @types/node upgraded from ^24.10.1 to ^25.5.0
|
||||
|
||||
## Bundler Architecture
|
||||
|
||||
@@ -16,41 +19,16 @@
|
||||
|
||||
## Bundler Implementations
|
||||
|
||||
- **esbuild** (default): Fully implemented, production ready, 3.9K minified
|
||||
- **rolldown**: Implemented and working (beta v1.0.0-beta.51), produces smallest bundles (1.0K minified)
|
||||
- **rspack**: Implemented and working (v1.6.4), webpack-compatible API, 6.3K minified
|
||||
- **rollup**: Removed (was never implemented)
|
||||
- **parcel**: Removed (was never implemented)
|
||||
- **esbuild** (default): Fully implemented, production ready
|
||||
- **rolldown**: Implemented and working (1.0.0-rc.11), produces smallest bundles
|
||||
- **rspack**: Implemented and working (v1.7.10), webpack-compatible API
|
||||
|
||||
## Adding New Bundlers
|
||||
## Configuration
|
||||
|
||||
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`
|
||||
- Config file: `smartconfig.json` (previously `npmextra.json`)
|
||||
- Config key: `@git.zone/tsbundle` with `bundles` array
|
||||
- Supports `bundle` and `base64ts` output modes
|
||||
- Interactive init wizard via `tsbundle init`
|
||||
|
||||
## CLI Usage
|
||||
|
||||
@@ -61,5 +39,4 @@ To add a new bundler, you need:
|
||||
|
||||
## 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
|
||||
- Rolldown emits a warning about `preserveValueImports` in tsconfig - this is informational only
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
# @git.zone/tsbundle
|
||||
|
||||
A powerful multi-bundler tool supporting **esbuild**, **rolldown**, and **rspack** for painless bundling of web projects. 🚀
|
||||
A powerful multi-bundler tool supporting **esbuild**, **rolldown**, and **rspack** for painless bundling of web projects.
|
||||
|
||||
## Issue Reporting and Security
|
||||
|
||||
@@ -10,16 +10,13 @@ For reporting bugs, issues, or security vulnerabilities, please visit [community
|
||||
|
||||
```bash
|
||||
# Global installation for CLI usage
|
||||
npm install -g @git.zone/tsbundle
|
||||
pnpm add -g @git.zone/tsbundle
|
||||
|
||||
# Local installation for project usage
|
||||
npm install --save-dev @git.zone/tsbundle
|
||||
|
||||
# Or with pnpm
|
||||
pnpm add -g @git.zone/tsbundle
|
||||
pnpm add --save-dev @git.zone/tsbundle
|
||||
```
|
||||
|
||||
## Quick Start ⚡
|
||||
## Quick Start
|
||||
|
||||
### Interactive Setup
|
||||
|
||||
@@ -29,11 +26,11 @@ The easiest way to get started is with the interactive wizard:
|
||||
tsbundle init
|
||||
```
|
||||
|
||||
This will guide you through setting up your bundle configuration with preset options:
|
||||
This guides you through setting up your bundle configuration with preset options:
|
||||
|
||||
- **element** - Web component / element bundle (`./ts_web/index.ts` → `./dist_bundle/bundle.js`)
|
||||
- **website** - Full website with HTML and assets (`./ts_web/index.ts` → `./dist_serve/bundle.js`)
|
||||
- **npm** - NPM package bundle (`./ts/index.ts` → `./dist_bundle/bundle.js`)
|
||||
- **element** - Web component / element bundle (`./ts_web/index.ts` -> `./dist_bundle/bundle.js`)
|
||||
- **website** - Full website with HTML and assets (`./ts_web/index.ts` -> `./dist_serve/bundle.js`)
|
||||
- **npm** - NPM package bundle (`./ts/index.ts` -> `./dist_bundle/bundle.js`)
|
||||
- **custom** - Configure everything manually
|
||||
|
||||
### Build Your Bundles
|
||||
@@ -44,19 +41,19 @@ Once configured, simply run:
|
||||
tsbundle
|
||||
```
|
||||
|
||||
That's it! Your bundles will be built according to your `npmextra.json` configuration.
|
||||
Your bundles will be built according to your `.smartconfig.json` configuration.
|
||||
|
||||
## CLI Commands
|
||||
|
||||
| Command | Description |
|
||||
|---------|-------------|
|
||||
| `tsbundle` | Build all bundles from `npmextra.json` configuration |
|
||||
| `tsbundle` | Build all bundles from `.smartconfig.json` configuration |
|
||||
| `tsbundle custom` | Same as above (explicit) |
|
||||
| `tsbundle init` | Interactive wizard to create/update bundle configuration |
|
||||
|
||||
## Configuration 📝
|
||||
## Configuration
|
||||
|
||||
tsbundle uses `npmextra.json` for configuration. Here's an example:
|
||||
tsbundle uses `.smartconfig.json` for configuration. Here's an example:
|
||||
|
||||
```json
|
||||
{
|
||||
@@ -109,22 +106,24 @@ export const files: { path: string; contentBase64: string }[] = [
|
||||
];
|
||||
```
|
||||
|
||||
**Tip:** If you're working with AI tools that have line length limitations, set `maxLineLength` (e.g., `200`) to split long base64 strings across multiple lines.
|
||||
If you're working with AI tools that have line length limitations, set `maxLineLength` (e.g., `200`) to split long base64 strings across multiple lines.
|
||||
|
||||
## Available Bundlers 🔧
|
||||
## Available Bundlers
|
||||
|
||||
tsbundle supports three modern bundlers:
|
||||
tsbundle supports three modern bundlers, each with different strengths:
|
||||
|
||||
| Bundler | Speed | Best For |
|
||||
|---------|-------|----------|
|
||||
| **esbuild** | ⚡⚡⚡ Blazing fast | Development, quick iterations |
|
||||
| **rolldown** | ⚡⚡ Fast | Production builds, tree-shaking |
|
||||
| **rspack** | ⚡⚡ Fast | Webpack compatibility |
|
||||
| Bundler | Speed | Bundle Size | Best For |
|
||||
|---------|-------|-------------|----------|
|
||||
| **esbuild** | Fastest | Medium | Development, quick iterations |
|
||||
| **rolldown** | Fast | Smallest | Production builds, tree-shaking |
|
||||
| **rspack** | Fast | Largest (webpack runtime) | Webpack compatibility |
|
||||
|
||||
## API Usage
|
||||
|
||||
### TsBundle Class
|
||||
|
||||
The core bundling class, usable programmatically:
|
||||
|
||||
```typescript
|
||||
import { TsBundle } from '@git.zone/tsbundle';
|
||||
|
||||
@@ -135,15 +134,17 @@ await bundler.build(
|
||||
'./src/index.ts', // Entry point
|
||||
'./dist/bundle.js', // Output path
|
||||
{
|
||||
bundler: 'esbuild',
|
||||
bundler: 'esbuild', // 'esbuild' | 'rolldown' | 'rspack'
|
||||
production: true
|
||||
}
|
||||
);
|
||||
```
|
||||
|
||||
Each bundler runs in a separate child process via `smartspawn.ThreadSimple`, keeping the main process clean and isolated from bundler-specific dependencies.
|
||||
|
||||
### HtmlHandler Class
|
||||
|
||||
Process and minify HTML files:
|
||||
Process and optionally minify HTML files:
|
||||
|
||||
```typescript
|
||||
import { HtmlHandler } from '@git.zone/tsbundle';
|
||||
@@ -159,7 +160,7 @@ await htmlHandler.processHtml({
|
||||
|
||||
### AssetsHandler Class
|
||||
|
||||
Handle static assets:
|
||||
Copy static assets between directories:
|
||||
|
||||
```typescript
|
||||
import { AssetsHandler } from '@git.zone/tsbundle';
|
||||
@@ -172,59 +173,34 @@ await assetsHandler.processAssets({
|
||||
});
|
||||
```
|
||||
|
||||
## Complete Example 🎯
|
||||
### Base64TsOutput Class
|
||||
|
||||
### 1. Initialize your project
|
||||
Generate TypeScript files with base64-encoded content for embedding:
|
||||
|
||||
```bash
|
||||
tsbundle init
|
||||
```typescript
|
||||
import { Base64TsOutput } from '@git.zone/tsbundle';
|
||||
|
||||
const output = new Base64TsOutput(process.cwd());
|
||||
output.addFile('bundle.js', bundleBuffer);
|
||||
await output.addFilesFromGlob('./html/**/*.html');
|
||||
await output.writeToFile('./ts/embedded-bundle.ts', 200); // optional maxLineLength
|
||||
```
|
||||
|
||||
Select "website" preset for a full web application setup.
|
||||
### CustomBundleHandler Class
|
||||
|
||||
### 2. Your generated config
|
||||
Process multiple bundle configurations from `.smartconfig.json`:
|
||||
|
||||
```json
|
||||
{
|
||||
"@git.zone/tsbundle": {
|
||||
"bundles": [
|
||||
{
|
||||
"from": "./ts_web/index.ts",
|
||||
"to": "./dist_serve/bundle.js",
|
||||
"outputMode": "bundle",
|
||||
"bundler": "esbuild",
|
||||
"includeFiles": ["./html/**/*.html", "./assets/**/*"]
|
||||
}
|
||||
]
|
||||
}
|
||||
```typescript
|
||||
import { CustomBundleHandler } from '@git.zone/tsbundle';
|
||||
|
||||
const handler = new CustomBundleHandler(process.cwd());
|
||||
const hasConfig = await handler.loadConfig();
|
||||
if (hasConfig) {
|
||||
await handler.processAllBundles();
|
||||
}
|
||||
```
|
||||
|
||||
### 3. Create your entry point
|
||||
|
||||
```typescript
|
||||
// ts_web/index.ts
|
||||
console.log('Hello from tsbundle! 🚀');
|
||||
|
||||
export const app = {
|
||||
version: '1.0.0',
|
||||
init() {
|
||||
console.log('App initialized');
|
||||
}
|
||||
};
|
||||
|
||||
app.init();
|
||||
```
|
||||
|
||||
### 4. Build
|
||||
|
||||
```bash
|
||||
tsbundle
|
||||
```
|
||||
|
||||
Your bundle is ready in `./dist_serve/bundle.js` along with any HTML and assets!
|
||||
|
||||
## Embedding for Deno Compile 🦕
|
||||
## Embedding for Deno Compile
|
||||
|
||||
For single-executable scenarios with Deno:
|
||||
|
||||
@@ -264,7 +240,7 @@ const bundleContent = atob(bundle.contentBase64);
|
||||
const htmlContent = atob(html.contentBase64);
|
||||
```
|
||||
|
||||
## Project Structure Recommendations 📁
|
||||
## Project Structure Recommendations
|
||||
|
||||
```
|
||||
your-project/
|
||||
@@ -277,12 +253,12 @@ your-project/
|
||||
├── assets/ # Static assets (images, fonts, etc.)
|
||||
├── dist_bundle/ # Output for element/npm bundles
|
||||
├── dist_serve/ # Output for website bundles
|
||||
└── npmextra.json # tsbundle configuration
|
||||
└── .smartconfig.json # tsbundle configuration
|
||||
```
|
||||
|
||||
## License and Legal Information
|
||||
|
||||
This repository contains open-source code licensed under the MIT License. A copy of the license can be found in the [LICENSE](./LICENSE) file.
|
||||
This repository contains open-source code licensed under the MIT License. A copy of the license can be found in the [LICENSE](./license) file.
|
||||
|
||||
**Please note:** The MIT License does not grant permission to use the trade names, trademarks, service marks, or product names of the project, except as required for reasonable and customary use in describing the origin of the work and reproducing the content of the NOTICE file.
|
||||
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
import { expect, tap } from '@git.zone/tstest/tapbundle';
|
||||
import * as tsbundle from '../dist_ts/index.js';
|
||||
import { CustomBundleHandler } from '../dist_ts/mod_custom/index.js';
|
||||
import * as path from 'path';
|
||||
import * as fs from 'fs';
|
||||
|
||||
@@ -61,6 +62,30 @@ tap.test('should bundle with rspack in production mode', async () => {
|
||||
await testBundler('rspack', 'production');
|
||||
});
|
||||
|
||||
tap.test('should generate deterministic base64ts output', async () => {
|
||||
const testDir = path.join(process.cwd(), 'test');
|
||||
const outputPath = path.join(testDir, 'dist_manual/base64-output.ts');
|
||||
const bundleConfig = {
|
||||
from: './ts_web/index.ts',
|
||||
to: './dist_manual/base64-output.ts',
|
||||
outputMode: 'base64ts' as const,
|
||||
bundler: 'esbuild' as const,
|
||||
};
|
||||
|
||||
const handler = new CustomBundleHandler(testDir);
|
||||
if (fs.existsSync(outputPath)) {
|
||||
fs.rmSync(outputPath, { force: true });
|
||||
}
|
||||
|
||||
await handler.processSingleBundle(bundleConfig);
|
||||
const firstOutput = fs.readFileSync(outputPath, 'utf8');
|
||||
|
||||
await handler.processSingleBundle(bundleConfig);
|
||||
const secondOutput = fs.readFileSync(outputPath, 'utf8');
|
||||
|
||||
expect(secondOutput).toEqual(firstOutput);
|
||||
});
|
||||
|
||||
// Test size comparison
|
||||
tap.test('should show bundle size comparison', async () => {
|
||||
const testDir = path.join(process.cwd(), 'test');
|
||||
|
||||
@@ -1,16 +1,15 @@
|
||||
// Test file to verify decorator functionality
|
||||
const decoratedClasses: Function[] = [];
|
||||
|
||||
function trackClass(constructor: Function) {
|
||||
decoratedClasses.push(constructor);
|
||||
return constructor;
|
||||
function trackClass(value: Function, _context: ClassDecoratorContext) {
|
||||
decoratedClasses.push(value);
|
||||
}
|
||||
|
||||
function logMethod(_target: any, context: ClassMethodDecoratorContext) {
|
||||
function logMethod(method: Function, context: ClassMethodDecoratorContext) {
|
||||
const methodName = String(context.name);
|
||||
return function (this: any, ...args: any[]) {
|
||||
console.log(`Calling method: ${methodName}`);
|
||||
return (_target as Function).apply(this, args);
|
||||
return method.apply(this, args);
|
||||
};
|
||||
}
|
||||
|
||||
|
||||
@@ -11,10 +11,10 @@ export class MyElement extends LitElement {
|
||||
`;
|
||||
|
||||
@property({ type: String })
|
||||
name = 'World';
|
||||
accessor name = 'World';
|
||||
|
||||
@property({ type: Number })
|
||||
count = 0;
|
||||
accessor count = 0;
|
||||
|
||||
render() {
|
||||
return html`
|
||||
|
||||
@@ -4,9 +4,9 @@ const myConst: string = 'hello';
|
||||
|
||||
await smartdelay.delayFor(1000);
|
||||
|
||||
function sealed(constructor: Function) {
|
||||
Object.seal(constructor);
|
||||
Object.seal(constructor.prototype);
|
||||
function sealed(value: Function, _context: ClassDecoratorContext) {
|
||||
Object.seal(value);
|
||||
Object.seal(value.prototype);
|
||||
}
|
||||
|
||||
@sealed
|
||||
|
||||
@@ -3,6 +3,6 @@
|
||||
*/
|
||||
export const commitinfo = {
|
||||
name: '@git.zone/tsbundle',
|
||||
version: '2.9.0',
|
||||
version: '2.10.4',
|
||||
description: 'a multi-bundler tool supporting esbuild, rolldown, and rspack for painless bundling of web projects'
|
||||
}
|
||||
|
||||
+10
-12
@@ -40,29 +40,27 @@ export class AssetsHandler {
|
||||
// copies the html
|
||||
public async processAssets(optionsArg?: { from?: string; to?: string }) {
|
||||
// lets assemble the options
|
||||
optionsArg = {
|
||||
...{
|
||||
from: this.defaultFromDirPath,
|
||||
to: this.defaultToDirPath,
|
||||
},
|
||||
const options = {
|
||||
from: this.defaultFromDirPath,
|
||||
to: this.defaultToDirPath,
|
||||
...(optionsArg || {}),
|
||||
};
|
||||
await this.ensureAssetsDir();
|
||||
optionsArg.from = plugins.smartpath.transform.toAbsolute(
|
||||
optionsArg.from,
|
||||
options.from = plugins.smartpath.transform.toAbsolute(
|
||||
options.from,
|
||||
paths.cwd,
|
||||
) as string;
|
||||
optionsArg.to = plugins.smartpath.transform.toAbsolute(
|
||||
optionsArg.to,
|
||||
options.to = plugins.smartpath.transform.toAbsolute(
|
||||
options.to,
|
||||
paths.cwd,
|
||||
) as string;
|
||||
|
||||
// lets clean the target directory
|
||||
const toExists = await plugins.fs.directory(optionsArg.to).exists();
|
||||
const toExists = await plugins.fs.directory(options.to).exists();
|
||||
if (toExists) {
|
||||
await plugins.fs.directory(optionsArg.to).delete();
|
||||
await plugins.fs.directory(options.to).delete();
|
||||
}
|
||||
|
||||
await this.copyDirectoryRecursive(optionsArg.from, optionsArg.to);
|
||||
await this.copyDirectoryRecursive(options.from, options.to);
|
||||
}
|
||||
}
|
||||
|
||||
+12
-6
@@ -9,18 +9,18 @@ const TEMP_DIR = '.nogit/tsbundle-temp';
|
||||
|
||||
export class CustomBundleHandler {
|
||||
private cwd: string;
|
||||
private config: interfaces.ITsbundleConfig;
|
||||
private config!: interfaces.ITsbundleConfig;
|
||||
|
||||
constructor(cwd: string = paths.cwd) {
|
||||
this.cwd = cwd;
|
||||
}
|
||||
|
||||
/**
|
||||
* Load configuration from npmextra.json
|
||||
* Load configuration from .smartconfig.json
|
||||
*/
|
||||
public async loadConfig(): Promise<boolean> {
|
||||
const npmextraInstance = new plugins.npmextra.Npmextra(this.cwd);
|
||||
this.config = npmextraInstance.dataFor<interfaces.ITsbundleConfig>('@git.zone/tsbundle', {
|
||||
const smartconfigInstance = new plugins.smartconfig.Smartconfig(this.cwd);
|
||||
this.config = smartconfigInstance.dataFor<interfaces.ITsbundleConfig>('@git.zone/tsbundle', {
|
||||
bundles: [],
|
||||
});
|
||||
|
||||
@@ -54,7 +54,7 @@ export class CustomBundleHandler {
|
||||
|
||||
// Determine temp output path
|
||||
const tempDir = plugins.path.join(this.cwd, TEMP_DIR);
|
||||
const tempBundlePath = plugins.path.join(tempDir, `bundle-${Date.now()}.js`);
|
||||
const tempBundlePath = plugins.path.join(tempDir, 'bundle.js');
|
||||
|
||||
// Ensure temp directory exists
|
||||
await plugins.fs.directory(tempDir).create();
|
||||
@@ -88,6 +88,11 @@ export class CustomBundleHandler {
|
||||
if (tempFileExists) {
|
||||
await plugins.fs.file(tempBundlePath).delete();
|
||||
}
|
||||
const tempSourceMapPath = `${tempBundlePath}.map`;
|
||||
const tempSourceMapExists = await plugins.fs.file(tempSourceMapPath).exists();
|
||||
if (tempSourceMapExists) {
|
||||
await plugins.fs.file(tempSourceMapPath).delete();
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -176,7 +181,8 @@ export class CustomBundleHandler {
|
||||
|
||||
for (const entry of entries) {
|
||||
if (!entry.isDirectory && regex.test(entry.name)) {
|
||||
const fullPath = plugins.path.join(dirPath, entry.path);
|
||||
// entry.path is already absolute from smartfs
|
||||
const fullPath = entry.path;
|
||||
const relativePath = plugins.path.relative(this.cwd, fullPath);
|
||||
const destPath = plugins.path.join(outputDir, plugins.path.basename(entry.path));
|
||||
await plugins.fs.directory(plugins.path.dirname(destPath)).create();
|
||||
|
||||
@@ -43,6 +43,7 @@ export class TsBundleProcess {
|
||||
sourcemap: true,
|
||||
format: 'esm',
|
||||
target: 'es2022',
|
||||
keepNames: true,
|
||||
entryNames: plugins.path.parse(toArg).name,
|
||||
outdir: plugins.path.parse(toArg).dir,
|
||||
splitting: false,
|
||||
@@ -67,6 +68,7 @@ export class TsBundleProcess {
|
||||
format: 'esm',
|
||||
target: 'es2022',
|
||||
minify: true,
|
||||
keepNames: true,
|
||||
entryNames: plugins.path.parse(toArg).name,
|
||||
outdir: plugins.path.parse(toArg).dir,
|
||||
tsconfig: paths.tsconfigPath,
|
||||
@@ -81,9 +83,11 @@ export class TsBundleProcess {
|
||||
const run = async () => {
|
||||
try {
|
||||
console.log('running spawned compilation process');
|
||||
const transportOptions: interfaces.IEnvTransportOptions = JSON.parse(
|
||||
process.env.transportOptions,
|
||||
);
|
||||
const transportOptionsJson = process.env.transportOptions;
|
||||
if (!transportOptionsJson) {
|
||||
throw new Error('Missing transportOptions environment variable');
|
||||
}
|
||||
const transportOptions: interfaces.IEnvTransportOptions = JSON.parse(transportOptionsJson);
|
||||
console.log('=======> ESBUILD');
|
||||
console.log(transportOptions);
|
||||
process.chdir(transportOptions.cwd);
|
||||
|
||||
+13
-15
@@ -21,30 +21,28 @@ export class HtmlHandler {
|
||||
to?: string;
|
||||
minify?: boolean;
|
||||
}) {
|
||||
optionsArg = {
|
||||
...{
|
||||
from: this.defaultFromPath,
|
||||
to: this.defaultToPath,
|
||||
minify: false,
|
||||
},
|
||||
const options = {
|
||||
from: this.defaultFromPath,
|
||||
to: this.defaultToPath,
|
||||
minify: false,
|
||||
...optionsArg,
|
||||
};
|
||||
if (await this.checkIfExists()) {
|
||||
console.log(`${optionsArg.from} replaces file at ${optionsArg.to}`);
|
||||
console.log(`${options.from} replaces file at ${options.to}`);
|
||||
}
|
||||
optionsArg.from = plugins.smartpath.transform.toAbsolute(
|
||||
optionsArg.from,
|
||||
options.from = plugins.smartpath.transform.toAbsolute(
|
||||
options.from,
|
||||
paths.cwd,
|
||||
) as string;
|
||||
optionsArg.to = plugins.smartpath.transform.toAbsolute(
|
||||
optionsArg.to,
|
||||
options.to = plugins.smartpath.transform.toAbsolute(
|
||||
options.to,
|
||||
paths.cwd,
|
||||
) as string;
|
||||
let fileString = (await plugins.fs
|
||||
.file(optionsArg.from)
|
||||
.file(options.from)
|
||||
.encoding('utf8')
|
||||
.read()) as string;
|
||||
if (optionsArg.minify) {
|
||||
if (options.minify) {
|
||||
fileString = plugins.htmlMinifier.minify(fileString, {
|
||||
minifyCSS: true,
|
||||
minifyJS: true,
|
||||
@@ -56,9 +54,9 @@ export class HtmlHandler {
|
||||
removeComments: true,
|
||||
});
|
||||
}
|
||||
const toDir = plugins.path.dirname(optionsArg.to);
|
||||
const toDir = plugins.path.dirname(options.to);
|
||||
await plugins.fs.directory(toDir).create();
|
||||
await plugins.fs.file(optionsArg.to).encoding('utf8').write(fileString);
|
||||
await plugins.fs.file(options.to).encoding('utf8').write(fileString);
|
||||
console.log(`html processing succeeded!`);
|
||||
}
|
||||
}
|
||||
|
||||
+16
-16
@@ -36,20 +36,20 @@ const PRESETS: Record<string, { description: string; config: interfaces.IBundleC
|
||||
|
||||
export class InitHandler {
|
||||
private cwd: string;
|
||||
private npmextraPath: string;
|
||||
private smartconfigPath: string;
|
||||
|
||||
constructor(cwd: string = paths.cwd) {
|
||||
this.cwd = cwd;
|
||||
this.npmextraPath = plugins.path.join(this.cwd, 'npmextra.json');
|
||||
this.smartconfigPath = plugins.path.join(this.cwd, '.smartconfig.json');
|
||||
}
|
||||
|
||||
/**
|
||||
* Load existing npmextra.json or create empty config
|
||||
* Load existing .smartconfig.json or create empty config
|
||||
*/
|
||||
private async loadExistingConfig(): Promise<any> {
|
||||
const fileExists = await plugins.fs.file(this.npmextraPath).exists();
|
||||
const fileExists = await plugins.fs.file(this.smartconfigPath).exists();
|
||||
if (fileExists) {
|
||||
const content = (await plugins.fs.file(this.npmextraPath).encoding('utf8').read()) as string;
|
||||
const content = (await plugins.fs.file(this.smartconfigPath).encoding('utf8').read()) as string;
|
||||
try {
|
||||
return JSON.parse(content);
|
||||
} catch {
|
||||
@@ -60,12 +60,12 @@ export class InitHandler {
|
||||
}
|
||||
|
||||
/**
|
||||
* Save config to npmextra.json
|
||||
* Save config to .smartconfig.json
|
||||
*/
|
||||
private async saveConfig(config: any): Promise<void> {
|
||||
const content = JSON.stringify(config, null, 2);
|
||||
await plugins.fs.file(this.npmextraPath).encoding('utf8').write(content);
|
||||
console.log(`\n✅ Configuration saved to npmextra.json`);
|
||||
await plugins.fs.file(this.smartconfigPath).encoding('utf8').write(content);
|
||||
console.log(`\n✅ Configuration saved to .smartconfig.json`);
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -73,15 +73,15 @@ export class InitHandler {
|
||||
*/
|
||||
public async runWizard(): Promise<void> {
|
||||
console.log('\n🚀 tsbundle configuration wizard\n');
|
||||
console.log('This wizard will help you configure bundle settings in npmextra.json.\n');
|
||||
console.log('This wizard will help you configure bundle settings in .smartconfig.json.\n');
|
||||
|
||||
const npmextraJson = await this.loadExistingConfig();
|
||||
const smartconfigJson = await this.loadExistingConfig();
|
||||
|
||||
if (!npmextraJson['@git.zone/tsbundle']) {
|
||||
npmextraJson['@git.zone/tsbundle'] = { bundles: [] };
|
||||
if (!smartconfigJson['@git.zone/tsbundle']) {
|
||||
smartconfigJson['@git.zone/tsbundle'] = { bundles: [] };
|
||||
}
|
||||
|
||||
const existingBundles = npmextraJson['@git.zone/tsbundle'].bundles || [];
|
||||
const existingBundles = smartconfigJson['@git.zone/tsbundle'].bundles || [];
|
||||
|
||||
if (existingBundles.length > 0) {
|
||||
console.log(`Found ${existingBundles.length} existing bundle configuration(s):\n`);
|
||||
@@ -95,7 +95,7 @@ export class InitHandler {
|
||||
while (addMore) {
|
||||
const bundle = await this.configureSingleBundle();
|
||||
if (bundle) {
|
||||
npmextraJson['@git.zone/tsbundle'].bundles.push(bundle);
|
||||
smartconfigJson['@git.zone/tsbundle'].bundles.push(bundle);
|
||||
console.log(`\n✅ Bundle configuration added!`);
|
||||
}
|
||||
|
||||
@@ -112,10 +112,10 @@ export class InitHandler {
|
||||
addMore = answers.getAnswerFor('addAnother');
|
||||
}
|
||||
|
||||
await this.saveConfig(npmextraJson);
|
||||
await this.saveConfig(smartconfigJson);
|
||||
|
||||
console.log('\n📋 Final configuration:\n');
|
||||
const bundles = npmextraJson['@git.zone/tsbundle'].bundles;
|
||||
const bundles = smartconfigJson['@git.zone/tsbundle'].bundles;
|
||||
bundles.forEach((bundle: interfaces.IBundleConfig, i: number) => {
|
||||
console.log(` Bundle ${i + 1}:`);
|
||||
console.log(` From: ${bundle.from}`);
|
||||
|
||||
@@ -53,7 +53,7 @@ export class TsBundleProcess {
|
||||
entryFileNames: outputFilename,
|
||||
format: 'es',
|
||||
sourcemap: true,
|
||||
inlineDynamicImports: true,
|
||||
codeSplitting: false,
|
||||
});
|
||||
}
|
||||
|
||||
@@ -83,16 +83,18 @@ export class TsBundleProcess {
|
||||
format: 'es',
|
||||
sourcemap: true,
|
||||
minify: true,
|
||||
inlineDynamicImports: true,
|
||||
codeSplitting: false,
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
const run = async () => {
|
||||
console.log('running spawned compilation process');
|
||||
const transportOptions: interfaces.IEnvTransportOptions = JSON.parse(
|
||||
process.env.transportOptions,
|
||||
);
|
||||
const transportOptionsJson = process.env.transportOptions;
|
||||
if (!transportOptionsJson) {
|
||||
throw new Error('Missing transportOptions environment variable');
|
||||
}
|
||||
const transportOptions: interfaces.IEnvTransportOptions = JSON.parse(transportOptionsJson);
|
||||
console.log('=======> ROLLDOWN');
|
||||
console.log(transportOptions);
|
||||
process.chdir(transportOptions.cwd);
|
||||
|
||||
@@ -52,6 +52,7 @@ export class TsBundleProcess {
|
||||
output: {
|
||||
path: outputDir,
|
||||
filename: outputFilename,
|
||||
module: true,
|
||||
library: {
|
||||
type: 'module' as const,
|
||||
},
|
||||
@@ -86,9 +87,6 @@ export class TsBundleProcess {
|
||||
},
|
||||
],
|
||||
},
|
||||
experiments: {
|
||||
outputModule: true,
|
||||
},
|
||||
};
|
||||
|
||||
return new Promise((resolve, reject) => {
|
||||
@@ -98,6 +96,10 @@ export class TsBundleProcess {
|
||||
reject(err);
|
||||
return;
|
||||
}
|
||||
if (!stats) {
|
||||
reject(new Error('Rspack did not return stats'));
|
||||
return;
|
||||
}
|
||||
|
||||
if (stats.hasErrors()) {
|
||||
console.error(stats.toString());
|
||||
@@ -140,6 +142,7 @@ export class TsBundleProcess {
|
||||
output: {
|
||||
path: outputDir,
|
||||
filename: outputFilename,
|
||||
module: true,
|
||||
library: {
|
||||
type: 'module' as const,
|
||||
},
|
||||
@@ -184,9 +187,6 @@ export class TsBundleProcess {
|
||||
usedExports: true,
|
||||
sideEffects: true,
|
||||
},
|
||||
experiments: {
|
||||
outputModule: true,
|
||||
},
|
||||
};
|
||||
|
||||
return new Promise((resolve, reject) => {
|
||||
@@ -196,6 +196,10 @@ export class TsBundleProcess {
|
||||
reject(err);
|
||||
return;
|
||||
}
|
||||
if (!stats) {
|
||||
reject(new Error('Rspack did not return stats'));
|
||||
return;
|
||||
}
|
||||
|
||||
if (stats.hasErrors()) {
|
||||
console.error(stats.toString());
|
||||
@@ -221,9 +225,11 @@ export class TsBundleProcess {
|
||||
|
||||
const run = async () => {
|
||||
console.log('running spawned compilation process');
|
||||
const transportOptions: interfaces.IEnvTransportOptions = JSON.parse(
|
||||
process.env.transportOptions,
|
||||
);
|
||||
const transportOptionsJson = process.env.transportOptions;
|
||||
if (!transportOptionsJson) {
|
||||
throw new Error('Missing transportOptions environment variable');
|
||||
}
|
||||
const transportOptions: interfaces.IEnvTransportOptions = JSON.parse(transportOptionsJson);
|
||||
console.log('=======> RSPACK');
|
||||
console.log(transportOptions);
|
||||
process.chdir(transportOptions.cwd);
|
||||
|
||||
+2
-2
@@ -4,7 +4,7 @@ import * as path from 'path';
|
||||
export { path };
|
||||
|
||||
// pushrocks scope
|
||||
import * as npmextra from '@push.rocks/npmextra';
|
||||
import * as smartconfig from '@push.rocks/smartconfig';
|
||||
import * as smartcli from '@push.rocks/smartcli';
|
||||
import * as smartfs from '@push.rocks/smartfs';
|
||||
import * as smartinteract from '@push.rocks/smartinteract';
|
||||
@@ -15,7 +15,7 @@ import * as smartpromise from '@push.rocks/smartpromise';
|
||||
import * as smartspawn from '@push.rocks/smartspawn';
|
||||
|
||||
export {
|
||||
npmextra,
|
||||
smartconfig,
|
||||
smartcli,
|
||||
smartfs,
|
||||
smartinteract,
|
||||
|
||||
+1
-1
@@ -5,7 +5,7 @@ import { runInit } from './mod_init/index.js';
|
||||
export const runCli = async () => {
|
||||
const tsBundleCli = new plugins.smartcli.Smartcli();
|
||||
|
||||
// Default command: run custom bundles from npmextra.json
|
||||
// Default command: run custom bundles from .smartconfig.json
|
||||
tsBundleCli.standardCommand().subscribe(async (argvArg) => {
|
||||
await runCustomBundles();
|
||||
});
|
||||
|
||||
+1
-3
@@ -4,9 +4,7 @@
|
||||
"module": "NodeNext",
|
||||
"moduleResolution": "NodeNext",
|
||||
"esModuleInterop": true,
|
||||
"verbatimModuleSyntax": true,
|
||||
"baseUrl": ".",
|
||||
"paths": {}
|
||||
"verbatimModuleSyntax": true
|
||||
},
|
||||
"exclude": ["dist_*/**/*.d.ts"]
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user