@nimbus-ds/webpack 1.4.0-rc.2 → 1.4.1-rc.1

package/dist/config/base.d.ts

@@ -1,4 +1,6 @@
 import { Configuration } from "webpack";
-export declare const getConfiguration: (config?: Configuration) => Configuration;
+export declare const getConfiguration: (config?: Configuration, extraParams?: {
+    isClientSide?: boolean;
+}) => Configuration;
 declare const _default: Configuration;
 export default _default;

package/dist/config/base.js

@@ -33,8 +33,12 @@ const webpack = {
     },
     externals: external_1.externalItems,
 };
-const getConfiguration = (config) => utils_1.isProduction
-    ? (0, webpack_merge_1.default)(webpack, production_1.default, config || {})
+const getConfiguration = (config, extraParams) => utils_1.isProduction
+    ? (0, webpack_merge_1.default)(webpack, production_1.default, config || {}, 
+    // For production, we need to inject the "use client" statement in the generated files if it's a client-side bundle
+    extraParams?.isClientSide
+        ? { plugins: [new plugins_1.UseClientInjectionPlugin()] }
+        : {})
     : (0, webpack_merge_1.default)(webpack, development_1.default, config || {});
 exports.getConfiguration = getConfiguration;
 exports.default = (0, exports.getConfiguration)();

package/dist/config/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sourceRoot":"","sources":["../../src/config/base.ts"],"names":[],"mappings":";;;;AAAA;;GAEG;AACH,0EAAkC;AAGlC,oCAA0D;AAC1D,oCAAmD;AACnD,wCAAsD;AACtD,mCAAqC;AACrC,yCAA2C;AAE3C,sEAAsC;AACtC,wEAAwC;AAExC,MAAM,OAAO,GAAkB;IAC7B,MAAM,EAAE,MAAM;IACd,IAAI,EAAE,oBAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa;IACjD,KAAK,EAAE;QACL,SAAS,EAAE,gBAAgB;KAC5B;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,WAAW;QACrB,aAAa,EAAE,KAAK;KACrB;IACD,MAAM,EAAE;QACN,KAAK,EAAE,IAAA,wBAAgB,EAAC,CAAC,sBAAc,EAAE,eAAO,CAAC,CAAC;KACnD;IACD,OAAO,EAAE,CAAC,IAAA,kCAAwB,GAAE,CAAC;IACrC,OAAO,EAAE;QACP,KAAK,EAAE,kBAAU;QACjB,UAAU,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC;KACnC;IACD,SAAS,EAAE,wBAAa;CACzB,CAAC;AAEK,MAAM,gBAAgB,GAAG,CAAC,MAAsB,EAAE,EAAE,CACzD,oBAAY;IACV,CAAC,CAAC,IAAA,uBAAK,EAAC,OAAO,EAAE,oBAAU,EAAE,MAAM,IAAI,EAAE,CAAC;IAC1C,CAAC,CAAC,IAAA,uBAAK,EAAC,OAAO,EAAE,qBAAW,EAAE,MAAM,IAAI,EAAE,CAAC,CAAC;AAHnC,QAAA,gBAAgB,oBAGmB;AAEhD,kBAAe,IAAA,wBAAgB,GAAE,CAAC"}
+{"version":3,"file":"base.js","sourceRoot":"","sources":["../../src/config/base.ts"],"names":[],"mappings":";;;;AAAA;;GAEG;AACH,0EAAkC;AAGlC,oCAA0D;AAC1D,oCAAmD;AACnD,wCAAgF;AAChF,mCAAqC;AACrC,yCAA2C;AAE3C,sEAAsC;AACtC,wEAAwC;AAExC,MAAM,OAAO,GAAkB;IAC7B,MAAM,EAAE,MAAM;IACd,IAAI,EAAE,oBAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa;IACjD,KAAK,EAAE;QACL,SAAS,EAAE,gBAAgB;KAC5B;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,WAAW;QACrB,aAAa,EAAE,KAAK;KACrB;IACD,MAAM,EAAE;QACN,KAAK,EAAE,IAAA,wBAAgB,EAAC,CAAC,sBAAc,EAAE,eAAO,CAAC,CAAC;KACnD;IACD,OAAO,EAAE,CAAC,IAAA,kCAAwB,GAAE,CAAC;IACrC,OAAO,EAAE;QACP,KAAK,EAAE,kBAAU;QACjB,UAAU,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC;KACnC;IACD,SAAS,EAAE,wBAAa;CACzB,CAAC;AAEK,MAAM,gBAAgB,GAAG,CAC9B,MAAsB,EACtB,WAAwC,EACxC,EAAE,CACF,oBAAY;IACV,CAAC,CAAC,IAAA,uBAAK,EACH,OAAO,EACP,oBAAU,EACV,MAAM,IAAI,EAAE;IACZ,mHAAmH;IACnH,WAAW,EAAE,YAAY;QACvB,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,IAAI,kCAAwB,EAAE,CAAC,EAAE;QAC/C,CAAC,CAAC,EAAE,CACP;IACH,CAAC,CAAC,IAAA,uBAAK,EAAC,OAAO,EAAE,qBAAW,EAAE,MAAM,IAAI,EAAE,CAAC,CAAC;AAdnC,QAAA,gBAAgB,oBAcmB;AAEhD,kBAAe,IAAA,wBAAgB,GAAE,CAAC"}

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+import { UseClientInjectionPlugin } from "./plugins";
 export declare const rules: {
     cssLoaderExtractRule: {
         test: RegExp;
@@ -35,6 +36,7 @@ export declare const plugins: {
     dtsBundleGeneratorPlugin: (configuration?: {
         entries: string[];
     }) => import("webpack-shell-plugin-next").default;
+    UseClientInjectionPlugin: typeof UseClientInjectionPlugin;
 };
 export declare const configuration: {
     aliasItems: {
@@ -53,7 +55,9 @@ export declare const configuration: {
     development: import("webpack").Configuration;
     production: import("webpack").Configuration;
     base: import("webpack").Configuration;
-    getConfiguration: (config?: import("webpack").Configuration | undefined) => import("webpack").Configuration;
+    getConfiguration: (config?: import("webpack").Configuration | undefined, extraParams?: {
+        isClientSide?: boolean | undefined;
+    } | undefined) => import("webpack").Configuration;
 };
 export declare const utils: {
     rootDir: string;
@@ -109,6 +113,7 @@ declare const webpack: {
         dtsBundleGeneratorPlugin: (configuration?: {
             entries: string[];
         }) => import("webpack-shell-plugin-next").default;
+        UseClientInjectionPlugin: typeof UseClientInjectionPlugin;
     };
     configuration: {
         aliasItems: {
@@ -127,7 +132,9 @@ declare const webpack: {
         development: import("webpack").Configuration;
         production: import("webpack").Configuration;
         base: import("webpack").Configuration;
-        getConfiguration: (config?: import("webpack").Configuration | undefined) => import("webpack").Configuration;
+        getConfiguration: (config?: import("webpack").Configuration | undefined, extraParams?: {
+            isClientSide?: boolean | undefined;
+        } | undefined) => import("webpack").Configuration;
     };
     utils: {
         rootDir: string;

package/dist/index.js

@@ -18,6 +18,7 @@ exports.plugins = {
     cssHashRemoverPlugin: plugins_1.cssHashRemoverPlugin,
     cssMinimizerPlugin: plugins_1.cssMinimizerPlugin,
     dtsBundleGeneratorPlugin: plugins_1.dtsBundleGeneratorPlugin,
+    UseClientInjectionPlugin: plugins_1.UseClientInjectionPlugin,
 };
 exports.configuration = {
     aliasItems: config_1.aliasItems,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,qCAOkB;AAClB,uCAMmB;AACnB,mCAMiB;AACjB,mCAKiB;AAEJ,QAAA,KAAK,GAAG;IACnB,oBAAoB,EAApB,4BAAoB;IACpB,kBAAkB,EAAlB,0BAAkB;IAClB,kBAAkB,EAAlB,0BAAkB;IAClB,cAAc,EAAd,sBAAc;IACd,OAAO,EAAP,eAAO;CACR,CAAC;AACW,QAAA,OAAO,GAAG;IACrB,oBAAoB,EAApB,8BAAoB;IACpB,oBAAoB,EAApB,8BAAoB;IACpB,oBAAoB,EAApB,8BAAoB;IACpB,kBAAkB,EAAlB,4BAAkB;IAClB,wBAAwB,EAAxB,kCAAwB;CACzB,CAAC;AACW,QAAA,aAAa,GAAG;IAC3B,UAAU,EAAV,mBAAU;IACV,YAAY,EAAZ,qBAAY;IACZ,WAAW,EAAX,oBAAW;IACX,UAAU,EAAV,mBAAU;IACV,IAAI,EAAJ,aAAI;IACJ,gBAAgB,EAAhB,yBAAgB;CACjB,CAAC;AAEW,QAAA,KAAK,GAAG,EAAE,OAAO,EAAP,eAAO,EAAE,gBAAgB,EAAhB,wBAAgB,EAAE,YAAY,EAAZ,oBAAY,EAAE,aAAa,EAAb,qBAAa,EAAE,CAAC;AAEhF,MAAM,OAAO,GAAG;IACd,KAAK,EAAL,aAAK;IACL,OAAO,EAAP,eAAO;IACP,aAAa,EAAb,qBAAa;IACb,KAAK,EAAL,aAAK;CACN,CAAC;AAEF,kBAAe,OAAO,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,qCAOkB;AAClB,uCAOmB;AACnB,mCAMiB;AACjB,mCAKiB;AAEJ,QAAA,KAAK,GAAG;IACnB,oBAAoB,EAApB,4BAAoB;IACpB,kBAAkB,EAAlB,0BAAkB;IAClB,kBAAkB,EAAlB,0BAAkB;IAClB,cAAc,EAAd,sBAAc;IACd,OAAO,EAAP,eAAO;CACR,CAAC;AACW,QAAA,OAAO,GAAG;IACrB,oBAAoB,EAApB,8BAAoB;IACpB,oBAAoB,EAApB,8BAAoB;IACpB,oBAAoB,EAApB,8BAAoB;IACpB,kBAAkB,EAAlB,4BAAkB;IAClB,wBAAwB,EAAxB,kCAAwB;IACxB,wBAAwB,EAAxB,kCAAwB;CACzB,CAAC;AACW,QAAA,aAAa,GAAG;IAC3B,UAAU,EAAV,mBAAU;IACV,YAAY,EAAZ,qBAAY;IACZ,WAAW,EAAX,oBAAW;IACX,UAAU,EAAV,mBAAU;IACV,IAAI,EAAJ,aAAI;IACJ,gBAAgB,EAAhB,yBAAgB;CACjB,CAAC;AAEW,QAAA,KAAK,GAAG,EAAE,OAAO,EAAP,eAAO,EAAE,gBAAgB,EAAhB,wBAAgB,EAAE,YAAY,EAAZ,oBAAY,EAAE,aAAa,EAAb,qBAAa,EAAE,CAAC;AAEhF,MAAM,OAAO,GAAG;IACd,KAAK,EAAL,aAAK;IACL,OAAO,EAAP,eAAO;IACP,aAAa,EAAb,qBAAa;IACb,KAAK,EAAL,aAAK;CACN,CAAC;AAEF,kBAAe,OAAO,CAAC"}

package/dist/plugins/UseClientInjectionPlugin.d.ts

@@ -0,0 +1,5 @@
+import { Compiler } from "webpack";
+declare class UseClientInjectionPlugin {
+    apply(compiler: Compiler): void;
+}
+export { UseClientInjectionPlugin };

package/dist/plugins/UseClientInjectionPlugin.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UseClientInjectionPlugin = void 0;
+const webpack_sources_1 = require("webpack-sources");
+class UseClientInjectionPlugin {
+    apply(compiler) {
+        // Use the 'emit' hook (works in both Webpack 4 and 5; Webpack 5 offers processAssets too)
+        compiler.hooks.emit.tapAsync("UseClientInjectionPlugin", (compilation, callback) => {
+            Object.keys(compilation.assets).forEach((assetName) => {
+                console.warn("USE CLIENT INJECTION PLUGIN" + assetName);
+                if (assetName.endsWith(".js")) {
+                    const asset = compilation.assets[assetName];
+                    let source = asset.source().toString();
+                    // If the file doesn't already start with "use client", inject it.
+                    if (!source.startsWith(`"use client";`) &&
+                        !source.startsWith(`'use client';`)) {
+                        source = `"use client";\n${source}`;
+                        // Use RawSource to create a proper asset source.
+                        compilation.assets[assetName] = new webpack_sources_1.RawSource(source);
+                        console.log(`Injected "use client" in: ${assetName}`);
+                    }
+                }
+            });
+            callback();
+        });
+    }
+}
+exports.UseClientInjectionPlugin = UseClientInjectionPlugin;
+//# sourceMappingURL=UseClientInjectionPlugin.js.map

package/dist/plugins/UseClientInjectionPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UseClientInjectionPlugin.js","sourceRoot":"","sources":["../../src/plugins/UseClientInjectionPlugin.ts"],"names":[],"mappings":";;;AAEA,qDAA4C;AAE5C,MAAM,wBAAwB;IAC5B,KAAK,CAAC,QAAkB;QACtB,0FAA0F;QAC1F,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAC1B,0BAA0B,EAC1B,CAAC,WAAW,EAAE,QAAQ,EAAE,EAAE;YACxB,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE;gBACpD,OAAO,CAAC,IAAI,CAAC,6BAA6B,GAAG,SAAS,CAAC,CAAC;gBACxD,IAAI,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;oBAC7B,MAAM,KAAK,GAAG,WAAW,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;oBAC5C,IAAI,MAAM,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,CAAC;oBAEvC,kEAAkE;oBAClE,IACE,CAAC,MAAM,CAAC,UAAU,CAAC,eAAe,CAAC;wBACnC,CAAC,MAAM,CAAC,UAAU,CAAC,eAAe,CAAC,EACnC;wBACA,MAAM,GAAG,kBAAkB,MAAM,EAAE,CAAC;wBACpC,iDAAiD;wBACjD,WAAW,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,IAAI,2BAAS,CAAC,MAAM,CAAQ,CAAC;wBAC7D,OAAO,CAAC,GAAG,CAAC,6BAA6B,SAAS,EAAE,CAAC,CAAC;qBACvD;iBACF;YACH,CAAC,CAAC,CAAC;YACH,QAAQ,EAAE,CAAC;QACb,CAAC,CACF,CAAC;IACJ,CAAC;CACF;AAEQ,4DAAwB"}

package/dist/plugins/index.d.ts

@@ -4,3 +4,4 @@ export { cssHashRemoverPlugin } from "./cssHashRemoverPlugin";
 export { cssMinimizerPlugin } from "./cssMinimizerPlugin";
 export { terserJSPlugin } from "./terserJSPlugin";
 export { dtsBundleGeneratorPlugin } from "./dtsBundleGeneratorPlugin";
+export { UseClientInjectionPlugin } from "./UseClientInjectionPlugin";

package/dist/plugins/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dtsBundleGeneratorPlugin = exports.terserJSPlugin = exports.cssMinimizerPlugin = exports.cssHashRemoverPlugin = exports.vanillaExtractPlugin = exports.miniCssExtractPlugin = void 0;
+exports.UseClientInjectionPlugin = exports.dtsBundleGeneratorPlugin = exports.terserJSPlugin = exports.cssMinimizerPlugin = exports.cssHashRemoverPlugin = exports.vanillaExtractPlugin = exports.miniCssExtractPlugin = void 0;
 var miniCssExtract_1 = require("./miniCssExtract");
 Object.defineProperty(exports, "miniCssExtractPlugin", { enumerable: true, get: function () { return miniCssExtract_1.miniCssExtractPlugin; } });
 var vanillaExtractPlugin_1 = require("./vanillaExtractPlugin");
@@ -13,4 +13,6 @@ var terserJSPlugin_1 = require("./terserJSPlugin");
 Object.defineProperty(exports, "terserJSPlugin", { enumerable: true, get: function () { return terserJSPlugin_1.terserJSPlugin; } });
 var dtsBundleGeneratorPlugin_1 = require("./dtsBundleGeneratorPlugin");
 Object.defineProperty(exports, "dtsBundleGeneratorPlugin", { enumerable: true, get: function () { return dtsBundleGeneratorPlugin_1.dtsBundleGeneratorPlugin; } });
+var UseClientInjectionPlugin_1 = require("./UseClientInjectionPlugin");
+Object.defineProperty(exports, "UseClientInjectionPlugin", { enumerable: true, get: function () { return UseClientInjectionPlugin_1.UseClientInjectionPlugin; } });
 //# sourceMappingURL=index.js.map

package/dist/plugins/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/plugins/index.ts"],"names":[],"mappings":";;;AAAA,mDAAwD;AAA/C,sHAAA,oBAAoB,OAAA;AAC7B,+DAA8D;AAArD,4HAAA,oBAAoB,OAAA;AAC7B,+DAA8D;AAArD,4HAAA,oBAAoB,OAAA;AAC7B,2DAA0D;AAAjD,wHAAA,kBAAkB,OAAA;AAC3B,mDAAkD;AAAzC,gHAAA,cAAc,OAAA;AACvB,uEAAsE;AAA7D,oIAAA,wBAAwB,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/plugins/index.ts"],"names":[],"mappings":";;;AAAA,mDAAwD;AAA/C,sHAAA,oBAAoB,OAAA;AAC7B,+DAA8D;AAArD,4HAAA,oBAAoB,OAAA;AAC7B,+DAA8D;AAArD,4HAAA,oBAAoB,OAAA;AAC7B,2DAA0D;AAAjD,wHAAA,kBAAkB,OAAA;AAC3B,mDAAkD;AAAzC,gHAAA,cAAc,OAAA;AACvB,uEAAsE;AAA7D,oIAAA,wBAAwB,OAAA;AACjC,uEAAsE;AAA7D,oIAAA,wBAAwB,OAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nimbus-ds/webpack",
-  "version": "1.4.0-rc.2",
+  "version": "1.4.1-rc.1",
   "license": "MIT",
   "main": "dist/index.js",
   "files": [
@@ -24,6 +24,7 @@
   "devDependencies": {
     "@types/dashify": "^1.0.1",
     "@types/webpack": "^5.28.0",
+    "@types/webpack-sources": "^3",
     "@vanilla-extract/webpack-plugin": "^2.3.1",
     "css-minimizer-webpack-plugin": "^4.2.2",
     "dashify": "^2.0.0",
@@ -32,7 +33,8 @@
     "typescript": "^4.9.3",
     "webpack": "^5.76.0",
     "webpack-merge": "^5.8.0",
-    "webpack-shell-plugin-next": "^2.3.1"
+    "webpack-shell-plugin-next": "^2.3.1",
+    "webpack-sources": "^3.2.3"
   },
-  "stableVersion": "1.3.1"
+  "stableVersion": "1.4.0"
 }