@mainset/bundler-webpack 0.1.0

package/LICENSE

@@ -0,0 +1,2 @@
+This work is licensed under the Creative Commons Attribution-NonCommercial 4.0 International License.
+To view a copy of this license, visit http://creativecommons.org/licenses/by-nc/4.0/

package/dist/esm/babel.config.mjs

@@ -0,0 +1,21 @@
+const babelConfig = {
+    presets: [
+        [
+            '@babel/preset-env',
+            {
+                targets: {
+                    node: 'current',
+                    chrome: '60',
+                    firefox: '60',
+                    safari: '11.1',
+                    edge: '17',
+                    ie: '11',
+                },
+            },
+        ],
+        '@babel/preset-react',
+        '@babel/preset-typescript',
+    ],
+    plugins: [],
+};
+export default babelConfig;

package/dist/esm/index.mjs

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,48 @@
+import { resolveHostPackageNodeModulesPath, runtimePathById, } from '@mainset/cli/runtime';
+import babelConfig from '../../babel.config.mjs';
+const commonWebpackConfigFragment = {
+    output: {
+        path: runtimePathById.dist,
+    },
+    module: {
+        rules: [
+            {
+                test: /\.(ts|tsx)$/,
+                exclude: /node_modules/,
+                use: {
+                    loader: resolveHostPackageNodeModulesPath('@mainset/bundler-webpack', 'babel-loader'),
+                    options: babelConfig,
+                },
+            },
+            {
+                test: /\.(svg|png)$/,
+                type: 'asset/resource',
+                generator: {
+                    filename: '[name].[hash].[ext]',
+                    outputPath: 'dist/assets/images',
+                },
+            },
+            {
+                test: /\.(woff|woff2|eot|ttf|otf)$/,
+                type: 'asset/resource',
+                generator: {
+                    filename: '[name].[hash].[ext]',
+                    outputPath: 'dist/assets/fonts',
+                },
+            },
+        ],
+    },
+    resolve: {
+        modules: [runtimePathById.root, 'node_modules'],
+        extensions: [
+            // Default for {extensions} key: https://webpack.js.org/configuration/resolve/#resolveloader
+            '.js',
+            '.mjs',
+            '.json',
+            // Extra / custom
+            '.ts',
+            '.tsx',
+        ],
+    },
+};
+export { commonWebpackConfigFragment };

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

@@ -0,0 +1,15 @@
+import { resolveHostPackageNodeModulesPath, runtimePathById, } from '@mainset/cli/runtime';
+import { merge } from '@mainset/toolkit-js';
+import fs from 'fs';
+import path from 'path';
+import { commonWebpackConfigFragment } from './common.fragment.mjs';
+const defaultEntry = path.join(runtimePathById.src, 'index.ts');
+const csrEntry = path.join(runtimePathById.src, 'index.csr.ts');
+const bundlerEntry = fs.existsSync(csrEntry) ? csrEntry : defaultEntry;
+const csrWebappWebpackConfigFragment = merge(commonWebpackConfigFragment, {
+    entry: [
+        resolveHostPackageNodeModulesPath('@mainset/bundler-webpack', '@babel/polyfill'),
+        bundlerEntry,
+    ],
+});
+export { csrWebappWebpackConfigFragment };

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

@@ -0,0 +1,8 @@
+const devWebpackConfigFragment = {
+    mode: 'development',
+    output: {
+        filename: 'js/[name].js',
+        chunkFilename: 'js/[id].js',
+    },
+};
+export { devWebpackConfigFragment };

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

@@ -0,0 +1,24 @@
+import TerserPlugin from 'terser-webpack-plugin';
+const prodWebpackConfigFragment = {
+    mode: 'production',
+    output: {
+        // - Use [contenthash] (or [chunkhash]) instead of [hash] for better long-term caching.
+        // - [hash] is for the whole build, so any change invalidates all files.
+        filename: 'js/[name].[chunkhash:8].min.js',
+        chunkFilename: 'js/[id].[chunkhash:8].min.js',
+    },
+    optimization: {
+        minimizer: [new TerserPlugin()],
+        // https://webpack.js.org/plugins/split-chunks-plugin/#split-chunks-example-2
+        splitChunks: {
+            cacheGroups: {
+                commons: {
+                    test: /[\\/]node_modules[\\/]/,
+                    name: 'vendors',
+                    chunks: 'all',
+                },
+            },
+        },
+    },
+};
+export { prodWebpackConfigFragment };

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

@@ -0,0 +1,18 @@
+import { resolveHostPackageNodeModulesPath, runtimePathById, } from '@mainset/cli/runtime';
+import { merge } from '@mainset/toolkit-js';
+import fs from 'fs';
+import path from 'path';
+import { commonWebpackConfigFragment } from './common.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 ssrWebappWebpackConfigFragment = merge(commonWebpackConfigFragment, {
+    entry: [
+        resolveHostPackageNodeModulesPath('@mainset/bundler-webpack', '@babel/polyfill'),
+        bundlerEntry,
+    ],
+    output: {
+        path: path.join(commonWebpackConfigFragment.output.path, 'public'),
+    },
+});
+export { ssrWebappWebpackConfigFragment };

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

@@ -0,0 +1,15 @@
+import { runtimePathById } from '@mainset/cli/runtime';
+import { merge } from '@mainset/toolkit-js';
+import csrWebappEnvBasedConfig from './webapp.csr.config.mjs';
+const csrServerDevConfig = merge(csrWebappEnvBasedConfig, {
+    devtool: 'inline-source-map',
+    devServer: {
+        port: process.env.PORT || 3000,
+        static: {
+            directory: runtimePathById.root,
+        },
+        historyApiFallback: true,
+        hot: true,
+    },
+});
+export default csrServerDevConfig;

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

@@ -0,0 +1,19 @@
+import { NODE_ENV, runtimePathById } from '@mainset/cli/runtime';
+import { merge } from '@mainset/toolkit-js';
+import HtmlWebpackPlugin from 'html-webpack-plugin';
+import path from 'path';
+import { csrWebappWebpackConfigFragment } from './config-fragments/csr-webapp.fragment.mjs';
+import { devWebpackConfigFragment } from './config-fragments/dev.fragment.mjs';
+import { prodWebpackConfigFragment } from './config-fragments/prod.fragment.mjs';
+const csrWebappGeneralConfig = merge(csrWebappWebpackConfigFragment, {
+    plugins: [
+        new HtmlWebpackPlugin({
+            template: path.join(runtimePathById.src, 'index.template.html'),
+        }),
+    ],
+});
+const csrWebappEnvBasedConfig = {
+    [NODE_ENV.PRODUCTION]: merge(prodWebpackConfigFragment, csrWebappGeneralConfig),
+    [NODE_ENV.DEVELOPMENT]: merge(devWebpackConfigFragment, csrWebappGeneralConfig),
+};
+export default csrWebappEnvBasedConfig[process.env.NODE_ENV];

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

@@ -0,0 +1,20 @@
+import { NODE_ENV, runtimePathById } from '@mainset/cli/runtime';
+import { merge } from '@mainset/toolkit-js';
+import HtmlWebpackPlugin from 'html-webpack-plugin';
+import path from 'path';
+import { devWebpackConfigFragment } from './config-fragments/dev.fragment.mjs';
+import { prodWebpackConfigFragment } from './config-fragments/prod.fragment.mjs';
+import { ssrWebappWebpackConfigFragment } from './config-fragments/ssr-webapp.fragment.mjs';
+const ssrWebappGeneralConfig = merge(ssrWebappWebpackConfigFragment, {
+    plugins: [
+        new HtmlWebpackPlugin({
+            template: path.join(runtimePathById.src, 'index.template.html'),
+            filename: 'server.html',
+        }),
+    ],
+});
+const ssrWebappEnvBasedConfig = {
+    [NODE_ENV.PRODUCTION]: merge(prodWebpackConfigFragment, ssrWebappGeneralConfig),
+    [NODE_ENV.DEVELOPMENT]: merge(devWebpackConfigFragment, ssrWebappGeneralConfig),
+};
+export default ssrWebappEnvBasedConfig[process.env.NODE_ENV];

package/dist/types/index.d.mts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@mainset/bundler-webpack",
+  "version": "0.1.0",
+  "description": "Bundler for web apps",
+  "homepage": "https://github.com/mainset/dev-stack-fe/tree/main/packages/bundler-webpack",
+  "bugs": {
+    "url": "https://github.com/mainset/dev-stack-fe/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/mainset/dev-stack-fe.git"
+  },
+  "license": "CC-BY-NC-4.0",
+  "author": "yevhen uzhva",
+  "type": "module",
+  "sideEffects": false,
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@babel/cli": "^7.27.2",
+    "@babel/core": "^7.27.4",
+    "@babel/polyfill": "^7.12.1",
+    "@babel/preset-env": "^7.27.2",
+    "@babel/preset-react": "^7.27.1",
+    "@babel/preset-typescript": "^7.27.1",
+    "babel-loader": "^10.0.0",
+    "html-webpack-plugin": "^5.6.3",
+    "terser-webpack-plugin": "^5.3.14",
+    "webpack": "^5.99.9",
+    "webpack-cli": "^6.0.1",
+    "webpack-dev-server": "^5.2.2"
+  },
+  "devDependencies": {
+    "@mainset/dev-stack-fe": "^0.1.0",
+    "@mainset/cli": "^0.1.0",
+    "@mainset/toolkit-js": "^0.1.0"
+  },
+  "scripts": {
+    "build": "ms-cli source-code --exec compile",
+    "dev": "cross-env NODE_ENV=development ms-cli source-code --exec watch"
+  }
+}