vite-plugin-rebundle 1.2.0 → 1.2.2

package/dist/rebundle.d.ts

@@ -10,14 +10,20 @@ export declare class Rebundle extends $utils.Unit {
     private config;
     private chunkFiles;
     private rebundledContent;
+    private hasError;
+    private port;
+    private ws;
     constructor(options: OptionsInput);
     get vite(): Plugin;
+    private onConfig;
     private onConfigResolved;
+    private onBuildEnd;
     private onWriteBundle;
     private get outDir();
     private outPath;
     private outRead;
     private outWrite;
+    private ensureWs;
     private getOptions;
     private readChunkFiles;
     private removeDirectoryIfEmpty;

package/dist/rebundle.js

@@ -2,12 +2,17 @@ import * as $esbuild from 'esbuild';
 import * as $fs from 'node:fs/promises';
 import * as $path from 'node:path';
 import * as $utils from '@eposlabs/utils';
+import * as $ws from 'ws';
 import $chalk from 'chalk';
+import $portfinder from 'portfinder';
 export class Rebundle extends $utils.Unit {
     options;
     config = null;
     chunkFiles = {};
     rebundledContent = {};
+    hasError = false;
+    port = null;
+    ws = null;
     constructor(options) {
         super();
         this.options = options;
@@ -17,13 +22,23 @@ export class Rebundle extends $utils.Unit {
             name: 'vite-plugin-rebundle',
             apply: 'build',
             enforce: 'post',
+            config: this.onConfig,
             configResolved: this.onConfigResolved,
+            buildEnd: this.onBuildEnd,
             writeBundle: this.onWriteBundle,
         };
     }
     // ---------------------------------------------------------------------------
     // HOOKS
     // ---------------------------------------------------------------------------
+    onConfig = async () => {
+        this.port = await $portfinder.getPort({ port: 3100 });
+        return {
+            define: {
+                'import.meta.env.REBUNDLE_PORT': JSON.stringify(this.port),
+            },
+        };
+    };
     onConfigResolved = async (config) => {
         // Save resolved config
         this.config = config;
@@ -36,8 +51,15 @@ export class Rebundle extends $utils.Unit {
             info(message, options);
         };
     };
+    onBuildEnd = (error) => {
+        this.hasError = !!error;
+    };
     onWriteBundle = async (_output, bundle) => {
+        if (this.hasError)
+            return;
+        const ws = await this.ensureWs();
         const options = await this.getOptions();
+        const changedChunkNames = [];
         // Get entry js chunks
         const entryJsChunks = Object.values(bundle)
             .filter(chunkOrAsset => chunkOrAsset.type === 'chunk')
@@ -56,7 +78,7 @@ export class Rebundle extends $utils.Unit {
             // Modified? -> Rebundle
             if (chunkChanged) {
                 // Build with esbuild
-                await $esbuild.build({
+                const result = await $esbuild.build({
                     sourcemap: Boolean(this.config.build.sourcemap),
                     ...chunkBuildOptions,
                     outfile: chunkPath,
@@ -64,23 +86,16 @@ export class Rebundle extends $utils.Unit {
                     bundle: true,
                     minify: false,
                     allowOverwrite: true,
-                    plugins: [
-                        ...(chunkBuildOptions.plugins ?? []),
-                        {
-                            name: 'logger',
-                            setup: build => {
-                                build.onEnd(result => {
-                                    if (result.errors.length > 0)
-                                        return;
-                                    const outDir = $chalk.dim(`${this.outDir}/`);
-                                    const fileName = $chalk.cyan(chunk.fileName);
-                                    const rebundleTag = $chalk.dim.cyan('rebundle');
-                                    console.log(`${outDir}${fileName} ${rebundleTag}`);
-                                });
-                            },
-                        },
-                    ],
                 });
+                if (result.errors.length > 0)
+                    return;
+                // Log successful build
+                const _outDir_ = $chalk.dim(`${this.outDir}/`);
+                const _fileName_ = $chalk.cyan(chunk.fileName);
+                const _rebundle_ = $chalk.dim.cyan('rebundle');
+                console.log(`${_outDir_}${_fileName_} ${_rebundle_}`);
+                // Mark chunk as changed
+                changedChunkNames.push(chunk.name);
                 // Save chunk content
                 this.rebundledContent[chunk.fileName] = await this.outRead(chunk.fileName);
                 // Save sourcemap content
@@ -118,6 +133,10 @@ export class Rebundle extends $utils.Unit {
             const dir = $path.dirname(this.outPath(chunk.fileName));
             await this.removeDirectoryIfEmpty(dir);
         }
+        // Notify about changed chunks
+        if (changedChunkNames.length > 0) {
+            ws.clients.forEach(client => client.send(JSON.stringify(changedChunkNames)));
+        }
     };
     // ---------------------------------------------------------------------------
     // HELPERS
@@ -136,6 +155,14 @@ export class Rebundle extends $utils.Unit {
     async outWrite(path, content) {
         await $fs.writeFile(this.outPath(path), content, 'utf-8');
     }
+    async ensureWs() {
+        if (this.ws)
+            return this.ws;
+        if (!this.port)
+            throw this.never;
+        this.ws = new $ws.WebSocketServer({ port: this.port });
+        return this.ws;
+    }
     async getOptions() {
         if (typeof this.options !== 'function')
             return this.options;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-rebundle",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "type": "module",
   "license": "MIT",
   "author": "imkost",
@@ -24,7 +24,10 @@
     "dist"
   ],
   "dependencies": {
+    "@types/ws": "^8.18.1",
     "chalk": "^5.6.0",
-    "esbuild": "^0.25.9"
+    "esbuild": "^0.25.9",
+    "portfinder": "^1.0.37",
+    "ws": "^8.18.3"
   }
 }

package/readme.md

@@ -0,0 +1,90 @@
+# vite-plugin-rebundle
+
+A Vite plugin that guarantees **one standalone file per entry point**. Each entry is bundled into a single file with no code-splitting or dynamic imports.
+
+## Why?
+
+Sometimes you need bundles without dynamic imports. Vite/Rollup don’t provide this option when building with multiple entries. This plugin solves it by rebundling Vite’s output with esbuild to enforce single-file output.
+
+> ℹ️ Useful when targeting environments that require standalone files (e.g., browser extensions, legacy systems, or file-based distribution).
+
+> ⚠️ This plugin runs **only during** `vite build`. It does not affect the Vite dev server.
+
+## Installation
+
+```bash
+npm install -D vite-plugin-rebundle
+```
+
+## Usage
+
+```javascript
+import { defineConfig } from 'vite'
+import rebundle from 'vite-plugin-rebundle'
+
+export default defineConfig({
+  plugins: [rebundle()],
+  build: {
+    rollupOptions: {
+      input: {
+        app: 'src/app.js',
+        libs: 'src/libs.js',
+      },
+      output: {
+        entryFileNames: '[name].js',
+      },
+    },
+  },
+})
+```
+
+### Options
+
+You can provide **esbuild options per entry point**. This is useful, for example, to inject custom define variables into specific bundles:
+
+```javascript
+export default defineConfig({
+  plugins: [
+    rebundle({
+      app: {
+        define: {
+          BUNDLE_NAME: JSON.stringify('app'),
+        },
+      },
+      libs: {
+        define: {
+          BUNDLE_NAME: JSON.stringify('libs'),
+        },
+      },
+    }),
+  ],
+  build: {
+    rollupOptions: {
+      input: {
+        app: 'src/app.js',
+        libs: 'src/libs.js',
+      },
+      output: {
+        entryFileNames: '[name].js',
+      },
+    },
+  },
+})
+```
+
+## How it works
+
+When you run `vite build`, Rollup normally outputs multiple chunks per entry if code-splitting is needed.
+`vite-plugin-rebundle` hooks into the build and **rebundles each entry’s output with esbuild**, forcing a single self-contained file per entry.
+
+- Rollup still handles the initial build (tree-shaking, asset pipeline, etc.).
+- Afterward, each entry is passed through esbuild.
+- The final result is one .js file per entry with no dynamic imports or shared chunks.
+- If sourcemaps are enabled, they are preserved — the rebundled files include correct mappings.
+
+## Limitations
+
+- **Build only** — this plugin affects only vite build, not the dev server.
+- **Bundle size** — since all shared chunks are inlined, resulting files can be larger than Rollup’s default output.
+- **Dynamic imports** — intentionally disabled; any import() calls are bundled inline.
+- **Code-splitting features** — manual chunks and vendor splitting are ignored.