@pushwoosh/frontend-builder-engine 1.0.22 → 2.0.0-beta

package/lib/webpack-config/single-spa-defaults.js

@@ -0,0 +1,156 @@
+const path = require('path');
+const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
+const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
+const SystemJSPublicPathPlugin = require('systemjs-webpack-interop/SystemJSPublicPathWebpackPlugin');
+
+/**
+ * Single-spa webpack configuration for React + TypeScript applications.
+ * Replaces webpack-config-single-spa-react-ts package.
+ */
+function singleSpaDefaults(opts) {
+  if (typeof opts !== 'object') {
+    throw Error('single-spa-defaults requires an opts object');
+  }
+
+  if (typeof opts.orgName !== 'string') {
+    throw Error('single-spa-defaults requires an opts.orgName string');
+  }
+
+  if (typeof opts.projectName !== 'string') {
+    throw Error('single-spa-defaults requires an opts.projectName string');
+  }
+
+  if (opts.orgPackagesAsExternal !== false) {
+    opts.orgPackagesAsExternal = true;
+  }
+
+  const webpackConfigEnv = opts.webpackConfigEnv || {};
+  const argv = opts.argv || {};
+  const isProduction = argv.p || argv.mode === 'production';
+  const isAnalyze = webpackConfigEnv.analyze;
+
+  // Base externals
+  const externals = opts.orgPackagesAsExternal
+    ? ['single-spa', new RegExp(`^@${opts.orgName}/`)]
+    : ['single-spa'];
+
+  // Add React externals (unless standalone mode)
+  if (!webpackConfigEnv.standalone) {
+    externals.push('react', 'react-dom');
+  }
+
+  // Plugins
+  const plugins = [
+    new BundleAnalyzerPlugin({
+      analyzerMode: isAnalyze ? 'server' : 'disabled',
+    }),
+    new SystemJSPublicPathPlugin({
+      systemjsModuleName: `@${opts.orgName}/${opts.projectName}`,
+      rootDirectoryLevel: opts.rootDirectoryLevel,
+    }),
+  ];
+
+  // Add TypeScript checker (skip in analyze mode)
+  if (!isAnalyze) {
+    plugins.push(
+      new ForkTsCheckerWebpackPlugin({
+        typescript: {
+          mode: 'write-references',
+        },
+      }),
+    );
+  }
+
+  return {
+    mode: isProduction ? 'production' : 'development',
+    entry: path.resolve(
+      process.cwd(),
+      `src/${opts.orgName}-${opts.projectName}.tsx`,
+    ),
+    output: {
+      filename: `${opts.orgName}-${opts.projectName}.js`,
+      libraryTarget: 'system',
+      path: path.resolve(process.cwd(), 'dist'),
+      uniqueName: opts.projectName,
+      devtoolNamespace: opts.projectName,
+      publicPath: '',
+    },
+    module: {
+      rules: [
+        {
+          test: /\.(js|ts)x?$/,
+          exclude: /node_modules/,
+          use: {
+            loader: require.resolve('babel-loader'),
+          },
+        },
+        {
+          test: /\.css$/i,
+          include: [/node_modules/, /src/],
+          exclude: [/\.module\.css$/],
+          use: [
+            {
+              loader: require.resolve('style-loader'),
+            },
+            {
+              loader: require.resolve('css-loader'),
+              options: {
+                modules: false,
+              },
+            },
+          ],
+        },
+        {
+          test: /\.module\.css$/i,
+          exclude: [/node_modules/],
+          use: [
+            {
+              loader: require.resolve('style-loader'),
+            },
+            {
+              loader: require.resolve('css-loader'),
+              options: {
+                modules: true,
+              },
+            },
+          ],
+        },
+        {
+          test: /\.(bmp|png|jpg|jpeg|gif|webp)$/i,
+          exclude: /node_modules/,
+          type: 'asset/resource',
+        },
+        {
+          test: /\.svg$/i,
+          exclude: /node_modules/,
+          type: 'asset/resource',
+        },
+        {
+          test: /\.html$/i,
+          exclude: [/node_modules/, /\.vue\.html$/],
+          type: 'asset/source',
+        },
+      ],
+    },
+    devtool: 'source-map',
+    devServer: {
+      historyApiFallback: true,
+      headers: {
+        'Access-Control-Allow-Origin': '*',
+      },
+      client: {
+        webSocketURL: {
+          hostname: 'localhost',
+        },
+      },
+      allowedHosts: 'all',
+    },
+    externals,
+    plugins: plugins.filter(Boolean),
+    resolve: {
+      extensions: ['.ts', '.tsx', '.mjs', '.js', '.jsx', '.wasm', '.json'],
+    },
+  };
+}
+
+module.exports = singleSpaDefaults;

package/lib/webpack.application.config.js

@@ -1,7 +1,7 @@
 const path = require('path');
 
 const webpack = require('webpack');
-const singleSpaDefaults = require('webpack-config-single-spa-react-ts');
+const singleSpaDefaults = require('./webpack-config/single-spa-defaults');
 const { merge } = require('webpack-merge');
 
 const { loadPushwooshConfig } = require('./helpers');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/frontend-builder-engine",
-  "version": "1.0.22",
+  "version": "2.0.0-beta",
   "description": "Pushwoosh frontend builder engine",
   "main": "./lib/pushwoosh-frontend-builder-engine.js",
   "scripts": {
@@ -38,8 +38,9 @@
     "eslint-plugin-react": "^7.37.2",
     "eslint-plugin-react-hooks": "^5.0.0",
     "html-webpack-plugin": "^5.6.0",
+    "fork-ts-checker-webpack-plugin": "^9.0.2",
     "style-loader": "^3.3.4",
-    "ts-config-single-spa": "^3.0.0",
+    "systemjs-webpack-interop": "^2.3.7",
     "ts-loader": "^9.5.1",
     "tsconfig-paths-webpack-plugin": "^4.1.0",
     "typescript": "^5.5.4",
@@ -47,11 +48,8 @@
     "webpack": "^5.94.0",
     "webpack-bundle-analyzer": "^4.10.1",
     "webpack-cli": "^5.1.4",
-    "webpack-config-single-spa": "^5.3.1",
-    "webpack-config-single-spa-react": "^4.0.5",
-    "webpack-config-single-spa-react-ts": "^4.0.5",
-    "webpack-config-single-spa-ts": "^4.1.4",
-    "webpack-dev-server": "^5.0.4"
+    "webpack-dev-server": "^5.0.4",
+    "webpack-merge": "^5.10.0"
   },
   "peerDependencies": {
     "lodash": "^4.0.0",
@@ -59,13 +57,5 @@
   },
   "devDependencies": {
     "@types/typescript": "^2.0.0"
-  },
-  "overrides": {
-    "webpack-config-single-spa": {
-      "babel-loader": "^9.1.3"
-    },
-    "webpack-config-single-spa-ts": {
-      "typescript": "^5.0.0"
-    }
   }
 }