@mainset/bundler-webpack 0.2.1-rc.1 → 0.3.0-rc.2

package/dist/esm/generate-webpack-config.mjs

@@ -0,0 +1,19 @@
+import { merge } from '@mainset/toolkit-js';
+import csrDevServerWebappEnvBasedConfig from './webpack-config/dev-server.csr.config.mjs';
+import ssrEnvBasedConfigs from './webpack-config/webapp.ssr.config.mjs';
+const generateEnvBasedWebpackConfig = (extendedWebpackConfig = {}) => {
+    const [ssrServerEnvBasedConfig, ssrWebappEnvBasedConfig] = ssrEnvBasedConfigs;
+    const msCliWebpackServeMode = process.env.MS_CLI__WEBPACK_SERVE_MODE;
+    switch (msCliWebpackServeMode) {
+        case 'ssr':
+            return [
+                ssrServerEnvBasedConfig,
+                merge(ssrWebappEnvBasedConfig, extendedWebpackConfig),
+            ];
+        case 'csr':
+            return merge(csrDevServerWebappEnvBasedConfig, extendedWebpackConfig);
+        default:
+            throw new Error(`Unknown MS_CLI__WEBPACK_SERVE_MODE: ${msCliWebpackServeMode}. Expected 'ssr' or 'csr'.`);
+    }
+};
+export { generateEnvBasedWebpackConfig };

package/dist/esm/index.mjs

@@ -1 +1 @@
-export {};
+export { generateEnvBasedWebpackConfig } from './generate-webpack-config.mjs';

package/dist/esm/webpack-config/config-fragments/common.fragment.mjs

@@ -15,7 +15,7 @@ const commonWebpackConfigFragment = {
         ],
     },
     resolve: {
-        modules: [runtimePathById.root, 'node_modules'],
+        modules: ['node_modules'],
         extensions: [
             // Default for {extensions} key: https://webpack.js.org/configuration/resolve/#resolveloader
             '.js',

package/dist/esm/webpack-config/config-fragments/module-rules/module-rules.chunk.mjs

@@ -27,7 +27,7 @@ const CSS_LOADER__DEV_RULE_USE_OPTIONS__WEBPACK_CONFIG_CHUNK = {
     },
 };
 // Use options for CSS styles rule in Webpack configuration
-const postcssConfigPath = path.join(runtimePathById.root, 'config', 'postcss.config.cjs');
+const postcssConfigPath = path.join(runtimePathById.config, 'postcss.config.cjs');
 const CSS_STYLES__RULE_USE_OPTIONS__WEBPACK_CONFIG_CHUNK = [
     // resolveHostPackageNodeModulesPath(
     //   '@mainset/bundler-webpack',

package/dist/esm/webpack-config/config-fragments/module-rules/module-rules.fragment.mjs

@@ -1,4 +1,6 @@
 import { resolveHostPackageNodeModulesPath } from '@mainset/cli/runtime';
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
 import babelConfig from '../../../babel.config.mjs';
 const BABEL_LOADER__RULE__WEBPACK_CONFIG_FRAGMENT = {
     test: /\.(ts|mts|tsx)$/,
@@ -16,4 +18,4 @@ const IMAGES__RULE__WEBPACK_CONFIG_FRAGMENT = {
         outputPath: 'dist/assets/images',
     },
 };
-export { IMAGES__RULE__WEBPACK_CONFIG_FRAGMENT, BABEL_LOADER__RULE__WEBPACK_CONFIG_FRAGMENT, };
+export { BABEL_LOADER__RULE__WEBPACK_CONFIG_FRAGMENT, IMAGES__RULE__WEBPACK_CONFIG_FRAGMENT, };

package/dist/esm/webpack-config/config-fragments/ssr-webapp.fragment.mjs

@@ -1,3 +1,4 @@
+var _a;
 import { runtimePathById } from '@mainset/cli/runtime';
 import { merge } from '@mainset/toolkit-js';
 import CopyWebpackPlugin from 'copy-webpack-plugin';
@@ -8,7 +9,7 @@ import { commonWebappWebpackConfigFragment } from './common-webapp.fragment.mjs'
 const defaultEntry = path.join(runtimePathById.src, 'index.ts');
 const ssrEntry = path.join(runtimePathById.src, 'index.ssr.ts');
 const bundlerEntry = fs.existsSync(ssrEntry) ? ssrEntry : defaultEntry;
-const ssrPublicOutputPath = path.join(commonWebappWebpackConfigFragment.output.path, 'public');
+const ssrPublicOutputPath = path.join(((_a = commonWebappWebpackConfigFragment.output) === null || _a === void 0 ? void 0 : _a.path) || '', 'public');
 const ssrWebappWebpackConfigFragment = merge(
 // NOTE: the Web App config used to compile entry point of {global.css} styles
 commonWebappWebpackConfigFragment, {

package/dist/esm/webpack-config/dev-server.csr.config.mjs

@@ -1,6 +1,12 @@
 import { runtimePathById } from '@mainset/cli/runtime';
 import { merge } from '@mainset/toolkit-js';
+import fs from 'fs';
+import path from 'path';
 import csrWebappEnvBasedConfig from './webapp.csr.config.mjs';
+const proxyConfigPath = path.join(runtimePathById.config, 'proxy.config.mjs');
+const proxyConfigByPath = fs.existsSync(proxyConfigPath)
+    ? (await import(proxyConfigPath)).default
+    : {};
 const csrDevServerWebappEnvBasedConfig = merge(csrWebappEnvBasedConfig, {
     devtool: 'inline-source-map',
     devServer: {
@@ -10,6 +16,7 @@ const csrDevServerWebappEnvBasedConfig = merge(csrWebappEnvBasedConfig, {
         },
         historyApiFallback: true,
         hot: true,
+        proxy: Object.values(proxyConfigByPath),
     },
 });
 export default csrDevServerWebappEnvBasedConfig;

package/dist/esm/webpack-config/server.ssr.config.mjs

@@ -12,7 +12,7 @@ const ssrServerCommonWebpackConfigFragment = {
     // SSR server dedicated config
     target: 'node',
     entry: {
-        'ssr-server.config': path.join(runtimePathById.root, 'config', 'ssr-server.config.mts'),
+        'ssr-server.config': path.join(runtimePathById.config, 'ssr-server.config.mts'),
     },
     output: {
         path: path.join(runtimePathById.dist, 'private'),
@@ -43,7 +43,7 @@ const ssrServerCommonWebpackConfigFragment = {
         ],
     },
 };
-const generateSSRCssStylesRuleWebpackConfigFragment = ({ mode }) => {
+const generateSSRCssStylesRuleWebpackConfigFragment = ({ mode, }) => {
     const CSS_LOADER__RULE_USE_OPTIONS__BY_MODE = {
         [NODE_ENV.PRODUCTION]: CSS_LOADER__PROD_RULE_USE_OPTIONS__WEBPACK_CONFIG_CHUNK,
         [NODE_ENV.DEVELOPMENT]: CSS_LOADER__DEV_RULE_USE_OPTIONS__WEBPACK_CONFIG_CHUNK,
@@ -101,4 +101,5 @@ const ssrServerEnvBasedConfig = {
     [NODE_ENV.PRODUCTION]: merge(ssrServerProdWebpackConfigFragment, ssrServerCommonWebpackConfigFragment),
     [NODE_ENV.DEVELOPMENT]: merge(ssrServerDevWebpackConfigFragment, ssrServerCommonWebpackConfigFragment),
 };
+// NOTE: the {NODE_ENV} handled and established in {verifyOrSetNodeEnv} of {ms-cli}
 export default ssrServerEnvBasedConfig[process.env.NODE_ENV];

package/dist/esm/webpack-config/webapp.csr.config.mjs

@@ -12,8 +12,10 @@ const csrWebappGeneralConfig = merge(csrWebappWebpackConfigFragment, {
         }),
     ],
 });
-const csrWebappEnvBasedConfig = {
+const csrWebappConfigByNodeEnv = {
     [NODE_ENV.PRODUCTION]: merge(prodWebpackConfigFragment, csrWebappGeneralConfig),
     [NODE_ENV.DEVELOPMENT]: merge(devWebpackConfigFragment, csrWebappGeneralConfig),
 };
-export default csrWebappEnvBasedConfig[process.env.NODE_ENV];
+const csrWebappEnvBasedConfig = csrWebappConfigByNodeEnv[process.env.NODE_ENV];
+// NOTE: the {NODE_ENV} handled and established in {verifyOrSetNodeEnv} of {ms-cli}
+export default csrWebappEnvBasedConfig;

package/dist/esm/webpack-config/webapp.ssr.config.mjs

@@ -14,12 +14,16 @@ const ssrWebappGeneralConfig = merge(ssrWebappWebpackConfigFragment, {
         }),
     ],
 });
-const ssrWebappEnvBasedConfig = {
+const ssrWebappConfigByNodeEnv = {
     [NODE_ENV.PRODUCTION]: merge(prodWebpackConfigFragment, ssrWebappGeneralConfig),
     [NODE_ENV.DEVELOPMENT]: merge(devWebpackConfigFragment, ssrWebappGeneralConfig),
 };
+// NOTE: the {NODE_ENV} handled and established in {verifyOrSetNodeEnv} of {ms-cli}
+const ssrWebappEnvBasedConfig = ssrWebappConfigByNodeEnv[process.env.NODE_ENV];
+// NOTE: the {tsc} stripping the export in favor of the default export
+export { ssrServerEnvBasedConfig, ssrWebappEnvBasedConfig };
 export default [
     ssrServerEnvBasedConfig,
     // NOTE: all Env Based configs declared outside {config-fragments} folder
-    ssrWebappEnvBasedConfig[process.env.NODE_ENV],
+    ssrWebappEnvBasedConfig,
 ];

package/dist/types/generate-webpack-config.d.mts

@@ -0,0 +1,4 @@
+import type { Configuration as WebpackConfig } from 'webpack';
+import type { Configuration as DevServerConfig } from 'webpack-dev-server';
+declare const generateEnvBasedWebpackConfig: (extendedWebpackConfig?: WebpackConfig & DevServerConfig) => (WebpackConfig & DevServerConfig) | WebpackConfig[];
+export { generateEnvBasedWebpackConfig };

package/dist/types/index.d.mts

@@ -1 +1 @@
-export {};
+export { generateEnvBasedWebpackConfig } from './generate-webpack-config.mjs';

package/dist/types/webpack-config/config-fragments/common-webapp.fragment.d.mts

@@ -0,0 +1,2 @@
+declare const commonWebappWebpackConfigFragment: import("webpack").Configuration;
+export { commonWebappWebpackConfigFragment };

package/dist/types/webpack-config/config-fragments/common.fragment.d.mts

@@ -0,0 +1,3 @@
+import type { Configuration } from 'webpack';
+declare const commonWebpackConfigFragment: Configuration;
+export { commonWebpackConfigFragment };

package/dist/types/webpack-config/config-fragments/csr-webapp.fragment.d.mts

@@ -0,0 +1,2 @@
+declare const csrWebappWebpackConfigFragment: import("webpack").Configuration;
+export { csrWebappWebpackConfigFragment };

package/dist/types/webpack-config/config-fragments/dev.fragment.d.mts

@@ -0,0 +1,3 @@
+import type { Configuration } from 'webpack';
+declare const devWebpackConfigFragment: Configuration;
+export { devWebpackConfigFragment };

package/dist/types/webpack-config/config-fragments/module-rules/index.d.mts

@@ -0,0 +1,2 @@
+export * from './module-rules.fragment.mjs';
+export * from './module-rules.chunk.mjs';

package/dist/types/webpack-config/config-fragments/module-rules/module-rules.chunk.d.mts

@@ -0,0 +1,21 @@
+import type { RuleSetRule } from 'webpack';
+declare const CSS_STYLES__RULE_TEST_REGEX__WEBPACK_CONFIG_CHUNK: {
+    test: RegExp;
+};
+declare const CSS_MODULES__RULE_TEST_REGEX__WEBPACK_CONFIG_CHUNK: {
+    test: RegExp;
+};
+declare const FONTS__RULE_TEST_REGEX__WEBPACK_CONFIG_CHUNK: {
+    test: RegExp;
+};
+declare const CSS_LOADER__PROD_RULE_USE_OPTIONS__WEBPACK_CONFIG_CHUNK: RuleSetRule;
+declare const CSS_LOADER__DEV_RULE_USE_OPTIONS__WEBPACK_CONFIG_CHUNK: RuleSetRule;
+declare const CSS_STYLES__RULE_USE_OPTIONS__WEBPACK_CONFIG_CHUNK: (string | {
+    loader: string;
+    options: {
+        postcssOptions: {
+            config: string | false;
+        };
+    };
+})[];
+export { CSS_LOADER__DEV_RULE_USE_OPTIONS__WEBPACK_CONFIG_CHUNK, CSS_LOADER__PROD_RULE_USE_OPTIONS__WEBPACK_CONFIG_CHUNK, CSS_MODULES__RULE_TEST_REGEX__WEBPACK_CONFIG_CHUNK, CSS_STYLES__RULE_TEST_REGEX__WEBPACK_CONFIG_CHUNK, CSS_STYLES__RULE_USE_OPTIONS__WEBPACK_CONFIG_CHUNK, FONTS__RULE_TEST_REGEX__WEBPACK_CONFIG_CHUNK, };

package/dist/types/webpack-config/config-fragments/module-rules/module-rules.fragment.d.mts

@@ -0,0 +1,4 @@
+import type { RuleSetRule } from 'webpack';
+declare const BABEL_LOADER__RULE__WEBPACK_CONFIG_FRAGMENT: RuleSetRule;
+declare const IMAGES__RULE__WEBPACK_CONFIG_FRAGMENT: RuleSetRule;
+export { BABEL_LOADER__RULE__WEBPACK_CONFIG_FRAGMENT, IMAGES__RULE__WEBPACK_CONFIG_FRAGMENT, };

package/dist/types/webpack-config/config-fragments/prod.fragment.d.mts

@@ -0,0 +1,3 @@
+import type { Configuration } from 'webpack';
+declare const prodWebpackConfigFragment: Configuration;
+export { prodWebpackConfigFragment };

package/dist/types/webpack-config/config-fragments/ssr-webapp.fragment.d.mts

@@ -0,0 +1,2 @@
+declare const ssrWebappWebpackConfigFragment: import("webpack").Configuration;
+export { ssrWebappWebpackConfigFragment };

package/dist/types/webpack-config/dev-server.csr.config.d.mts

@@ -0,0 +1,4 @@
+import type { Configuration as WebpackConfig } from 'webpack';
+import type { Configuration as DevServerConfig } from 'webpack-dev-server';
+declare const csrDevServerWebappEnvBasedConfig: WebpackConfig & DevServerConfig;
+export default csrDevServerWebappEnvBasedConfig;

package/dist/types/webpack-config/server.ssr.config.d.mts

@@ -0,0 +1,3 @@
+import type { Configuration } from 'webpack';
+declare const _default: Configuration;
+export default _default;

package/dist/types/webpack-config/webapp.csr.config.d.mts

@@ -0,0 +1,2 @@
+declare const csrWebappEnvBasedConfig: import("webpack").Configuration;
+export default csrWebappEnvBasedConfig;

package/dist/types/webpack-config/webapp.ssr.config.d.mts

@@ -0,0 +1,5 @@
+import ssrServerEnvBasedConfig from './server.ssr.config.mjs';
+declare const ssrWebappEnvBasedConfig: import("webpack").Configuration;
+export { ssrServerEnvBasedConfig, ssrWebappEnvBasedConfig };
+declare const _default: import("webpack").Configuration[];
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mainset/bundler-webpack",
-  "version": "0.2.1-rc.1",
+  "version": "0.3.0-rc.2",
   "description": "Bundler for web apps",
   "homepage": "https://github.com/mainset/dev-stack-fe/tree/main/packages/bundler-webpack",
   "bugs": {
@@ -19,6 +19,10 @@
     "src/@types"
   ],
   "exports": {
+    ".": {
+      "types": "./dist/types/index.d.mts",
+      "import": "./dist/esm/index.mjs"
+    },
     "./global-types": "./src/@types/bundler.d.ts"
   },
   "dependencies": {
@@ -45,14 +49,14 @@
     "webpack-dev-server": "^5.2.2"
   },
   "devDependencies": {
-    "@mainset/toolkit-js": "^0.1.0",
-    "@mainset/dev-stack-fe": "^0.1.1",
-    "@mainset/cli": "^0.2.1-rc.1"
+    "@mainset/toolkit-js": "^0.1.1-rc.2",
+    "@mainset/dev-stack-fe": "^0.2.0-rc.2",
+    "@mainset/cli": "^0.3.0-rc.2"
   },
   "peerDependencies": {
-    "@mainset/cli": "^0.2.1",
-    "@mainset/dev-stack-fe": "^0.1.1",
-    "@mainset/toolkit-js": "^0.1.0"
+    "@mainset/cli": "^0.3.0",
+    "@mainset/dev-stack-fe": "^0.2.0",
+    "@mainset/toolkit-js": "^0.1.1"
   },
   "scripts": {
     "build": "ms-cli source-code --exec compile",

package/src/@types/process-env-type.d.ts

@@ -0,0 +1 @@
+import '@mainset/cli/process-env-type';