@genesislcap/webpack-builder 14.25.0

package/README.md

@@ -0,0 +1,26 @@
+# Webpack builder
+
+Builder wrapping [Webpack](https://webpack.js.org/) bundler.
+
+# Development SSL Certificates
+
+The following files are used by webpack-dev-server when `--https` is set.
+
+```
+localhost.crt
+localhost.key
+```
+
+Please follow the [Development-SSL-Certificate](https://www.notion.so/genesisglobal/Development-SSL-Certificates-30cfd42948674d0db511d04c1adb59db) guide to complete local machine setup.
+
+### Running in HTTPS
+
+Passing `--https` to webpack in `development` mode will enable https. Micro frontends and showcase applications will
+likely contain npm scripts to simply this:
+
+`"dev:webpack:https": "genx dev -b webpack --https"`
+
+
+## License
+
+Note: this project provides front end dependencies and uses licensed components listed in the next section, thus licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.

package/cert/localhost.crt

@@ -0,0 +1,25 @@
+-----BEGIN CERTIFICATE-----
+MIIEKzCCApOgAwIBAgIRAJ2DkMm20NkXjwvT0PHJCo0wDQYJKoZIhvcNAQELBQAw
+YzEeMBwGA1UEChMVbWtjZXJ0IGRldmVsb3BtZW50IENBMRwwGgYDVQQLDBNydW5u
+ZXJAZnYtYXozMzktNjA5MSMwIQYDVQQDDBpta2NlcnQgcnVubmVyQGZ2LWF6MzM5
+LTYwOTAeFw0yMjEyMjIwODMxNTRaFw0yNTAzMjIwODMxNTRaMEcxJzAlBgNVBAoT
+Hm1rY2VydCBkZXZlbG9wbWVudCBjZXJ0aWZpY2F0ZTEcMBoGA1UECwwTcnVubmVy
+QGZ2LWF6NDE3LTI0MTCCASIwDQYJKoZIhvcNAQEBBQADggEPADCCAQoCggEBAN4X
+hSYzKgfdIeeeMg5jpYNUJVXDjkpWI5cz73nvNztW0GAZi7vn+ts2iheP26eY4dI7
+XaynT7JXqkqabJxFz5McgvPye9KV0foTBfTXy1Gg5AnsEgrni1zNmmJna6zB0Ybm
+aMAeFfcOR+suhFti13R5ppstgg1MgzFWsaJYNSfziBqyj7E9CTBRWmPKIrzzdsQl
+LBriGuLrgPesIdKfYfEgy5tHJLNgpQVwTGSzibknZdmSU+T9da7hfmiOtcKq1E3J
+PMwIThxmh9QCDlqsKh+5qywagVllG2OaUQxJfGrq5Ihe56XzG/2ZeZuZl8H+NM3o
+Rw2fMosW1g0pVEkazR0CAwEAAaN2MHQwDgYDVR0PAQH/BAQDAgWgMBMGA1UdJQQM
+MAoGCCsGAQUFBwMBMB8GA1UdIwQYMBaAFA2vMaRHhWB/nx6U6EphkwufFZpJMCwG
+A1UdEQQlMCOCCWxvY2FsaG9zdIcEfwAAAYcQAAAAAAAAAAAAAAAAAAAAATANBgkq
+hkiG9w0BAQsFAAOCAYEAmp0smvtKBB3rbmKpOTaGQ4hPur2ezfU2xt121k2x4lpL
+q/YmdwEm69j/ewJNI2oPvTgoWKCECJ5tEr/e0a0En8SaXKRZal2Px4VmCTssUOyh
+DXJj0V2Wkk79dbKjAqSnwoAif6lxDzwdZywXPecWx1cwGI78LDzCQ/AuCQXYFVAw
+ffjPDau8rI+8kn/q4aWbIFbgpgUQ80F6zS7/ZYPMLQvcu5SuspzMzV0lMhCOUWff
+nMJJpT+3JoHIEfBCAFPfsK83ELGIKM1ghDU8Z9qnNFTCxUhhv0JfiGzRoTYSjby7
+LYtiFn4/6QBrTqLNyymRCCArehHCHUVPRlPvLuHsTLw7vPT14DK/bngeUqrFDJZE
+35qJyB8TKY2pk7hl8svRGmyagScF+hG/0V/imb0hmvuNqpW64ooqTb1J0HJSxKHz
+f3GDwWNVRjMeolMeZKe52/dqaGJLgATdHxKxX9geQ/RswUHd3UYFzUqeuje9xTQ/
+0Y96jGaZZ3P/WXp4NGYl
+-----END CERTIFICATE-----

package/cert/localhost.key

@@ -0,0 +1,28 @@
+-----BEGIN PRIVATE KEY-----
+MIIEvgIBADANBgkqhkiG9w0BAQEFAASCBKgwggSkAgEAAoIBAQDeF4UmMyoH3SHn
+njIOY6WDVCVVw45KViOXM+957zc7VtBgGYu75/rbNooXj9unmOHSO12sp0+yV6pK
+mmycRc+THILz8nvSldH6EwX018tRoOQJ7BIK54tczZpiZ2uswdGG5mjAHhX3Dkfr
+LoRbYtd0eaabLYINTIMxVrGiWDUn84gaso+xPQkwUVpjyiK883bEJSwa4hri64D3
+rCHSn2HxIMubRySzYKUFcExks4m5J2XZklPk/XWu4X5ojrXCqtRNyTzMCE4cZofU
+Ag5arCofuassGoFZZRtjmlEMSXxq6uSIXuel8xv9mXmbmZfB/jTN6EcNnzKLFtYN
+KVRJGs0dAgMBAAECggEAUrGLQEf4tGjgAO/kT3tG23lvVVm1F3SvV9NcrZgmho+y
+krWwU8zymMDb9h34eZTxMGguXuUFRbBildid7CoKOgp5r/9vn19tiaGfrCTVbZVs
+k001Ap5oQ6vCejVr4C1iqMoN4srQ/uZwXN87JRPOiW3qXQk6zVzZ1HslNP+G+1J+
+Q5FeaLei+nZzY+Aug8u/l1+FaE09m8xt7Rghn1sEg7IFdP+7pImkrzuykT0ceE+g
+XkQNk2YcChGuF3pV0fyXzWwwR5rYoxEtbNrc42pBTEiBtKqh6GjHjJCkqMeVQvuy
+d1PMWxyXyu2HqtzddDHVknAFlRy9KSc80AgyQOSAeQKBgQDfuPXBGbJiXewHygyX
+TkEXmGrAxQ8+Gxn8blj6LzALNjjGDiW9CwbxmVWdMbEBE3lUZi92erCYLFZUPXTa
+BdPsE1dki2T2eVWVwK/qoc44IBDCJ3LtjfODNi5OaTBvAUMzI3pYVJS0vwM86ywx
+UF3R54RHGPLdNN0So8k45QDQmwKBgQD+IlWIzigv1SEiEOaqQUoJB0Vfxq2u91eN
+ius5Wj5ONDfNv++mbr3bBuI0Bpg4u7W9i5hJVLE04GtlfjSuOX0QnkbQYu5/NbCH
+Vxw9YUwtOZJlk0kx3H6qpftYgEPwXir7fcuoXFUT7jD+Q5FWvQA76asF9zVnt9RG
+OGoB6FeopwKBgQDP9wZzxyhcakRzhS2pJPQ7M9LgeQ5PRDAmyIjroBvAAFpMOXB5
+R5vf0BKWuk942Zpqi0bJkwk/m89wJWTPGqXCCMSvUSi8OVQGjgS5Tkn9QElzweoC
+y3a23RG0j/GW7oyCKBOdspo9XmZrJY2CFdvwuI7s7FMur+plXl06Bx53ywKBgQDO
+ehjiuRUfn9t2sSKoS7maUkUERwkQcje5cZgiFfcvVO/OBFby82Df1tzshjshRSmp
+IgUN93iuzHOVl4+3yk+Zs+83GlpKEtYlcBoqqKXazL7sNlmu4EYt4gOv6S7J2ci0
+YoWYecRKGCnIPB+WyKKrCvQAOdUzOsGGeAlxGVQ3WwKBgE7fJGLuraf1hHRMuPsS
+ZGnJE93QVWOFCym34lxRWEQ3rKEXMtAhUhq/M6x5sJnv7ePTujyDoPAbAioxLS/L
+GsrvcDc91bwNs7sDTyq//n0ehf2HJMFrbdtIPblxA26dHtX7BmW6eppDhm4OV8zO
+1vSzX8HjCcx1AkcATKDA9J3e
+-----END PRIVATE KEY-----

package/dist/cert/localhost.crt

@@ -0,0 +1,25 @@
+-----BEGIN CERTIFICATE-----
+MIIEKzCCApOgAwIBAgIRAJ2DkMm20NkXjwvT0PHJCo0wDQYJKoZIhvcNAQELBQAw
+YzEeMBwGA1UEChMVbWtjZXJ0IGRldmVsb3BtZW50IENBMRwwGgYDVQQLDBNydW5u
+ZXJAZnYtYXozMzktNjA5MSMwIQYDVQQDDBpta2NlcnQgcnVubmVyQGZ2LWF6MzM5
+LTYwOTAeFw0yMjEyMjIwODMxNTRaFw0yNTAzMjIwODMxNTRaMEcxJzAlBgNVBAoT
+Hm1rY2VydCBkZXZlbG9wbWVudCBjZXJ0aWZpY2F0ZTEcMBoGA1UECwwTcnVubmVy
+QGZ2LWF6NDE3LTI0MTCCASIwDQYJKoZIhvcNAQEBBQADggEPADCCAQoCggEBAN4X
+hSYzKgfdIeeeMg5jpYNUJVXDjkpWI5cz73nvNztW0GAZi7vn+ts2iheP26eY4dI7
+XaynT7JXqkqabJxFz5McgvPye9KV0foTBfTXy1Gg5AnsEgrni1zNmmJna6zB0Ybm
+aMAeFfcOR+suhFti13R5ppstgg1MgzFWsaJYNSfziBqyj7E9CTBRWmPKIrzzdsQl
+LBriGuLrgPesIdKfYfEgy5tHJLNgpQVwTGSzibknZdmSU+T9da7hfmiOtcKq1E3J
+PMwIThxmh9QCDlqsKh+5qywagVllG2OaUQxJfGrq5Ihe56XzG/2ZeZuZl8H+NM3o
+Rw2fMosW1g0pVEkazR0CAwEAAaN2MHQwDgYDVR0PAQH/BAQDAgWgMBMGA1UdJQQM
+MAoGCCsGAQUFBwMBMB8GA1UdIwQYMBaAFA2vMaRHhWB/nx6U6EphkwufFZpJMCwG
+A1UdEQQlMCOCCWxvY2FsaG9zdIcEfwAAAYcQAAAAAAAAAAAAAAAAAAAAATANBgkq
+hkiG9w0BAQsFAAOCAYEAmp0smvtKBB3rbmKpOTaGQ4hPur2ezfU2xt121k2x4lpL
+q/YmdwEm69j/ewJNI2oPvTgoWKCECJ5tEr/e0a0En8SaXKRZal2Px4VmCTssUOyh
+DXJj0V2Wkk79dbKjAqSnwoAif6lxDzwdZywXPecWx1cwGI78LDzCQ/AuCQXYFVAw
+ffjPDau8rI+8kn/q4aWbIFbgpgUQ80F6zS7/ZYPMLQvcu5SuspzMzV0lMhCOUWff
+nMJJpT+3JoHIEfBCAFPfsK83ELGIKM1ghDU8Z9qnNFTCxUhhv0JfiGzRoTYSjby7
+LYtiFn4/6QBrTqLNyymRCCArehHCHUVPRlPvLuHsTLw7vPT14DK/bngeUqrFDJZE
+35qJyB8TKY2pk7hl8svRGmyagScF+hG/0V/imb0hmvuNqpW64ooqTb1J0HJSxKHz
+f3GDwWNVRjMeolMeZKe52/dqaGJLgATdHxKxX9geQ/RswUHd3UYFzUqeuje9xTQ/
+0Y96jGaZZ3P/WXp4NGYl
+-----END CERTIFICATE-----

package/dist/cert/localhost.key

@@ -0,0 +1,28 @@
+-----BEGIN PRIVATE KEY-----
+MIIEvgIBADANBgkqhkiG9w0BAQEFAASCBKgwggSkAgEAAoIBAQDeF4UmMyoH3SHn
+njIOY6WDVCVVw45KViOXM+957zc7VtBgGYu75/rbNooXj9unmOHSO12sp0+yV6pK
+mmycRc+THILz8nvSldH6EwX018tRoOQJ7BIK54tczZpiZ2uswdGG5mjAHhX3Dkfr
+LoRbYtd0eaabLYINTIMxVrGiWDUn84gaso+xPQkwUVpjyiK883bEJSwa4hri64D3
+rCHSn2HxIMubRySzYKUFcExks4m5J2XZklPk/XWu4X5ojrXCqtRNyTzMCE4cZofU
+Ag5arCofuassGoFZZRtjmlEMSXxq6uSIXuel8xv9mXmbmZfB/jTN6EcNnzKLFtYN
+KVRJGs0dAgMBAAECggEAUrGLQEf4tGjgAO/kT3tG23lvVVm1F3SvV9NcrZgmho+y
+krWwU8zymMDb9h34eZTxMGguXuUFRbBildid7CoKOgp5r/9vn19tiaGfrCTVbZVs
+k001Ap5oQ6vCejVr4C1iqMoN4srQ/uZwXN87JRPOiW3qXQk6zVzZ1HslNP+G+1J+
+Q5FeaLei+nZzY+Aug8u/l1+FaE09m8xt7Rghn1sEg7IFdP+7pImkrzuykT0ceE+g
+XkQNk2YcChGuF3pV0fyXzWwwR5rYoxEtbNrc42pBTEiBtKqh6GjHjJCkqMeVQvuy
+d1PMWxyXyu2HqtzddDHVknAFlRy9KSc80AgyQOSAeQKBgQDfuPXBGbJiXewHygyX
+TkEXmGrAxQ8+Gxn8blj6LzALNjjGDiW9CwbxmVWdMbEBE3lUZi92erCYLFZUPXTa
+BdPsE1dki2T2eVWVwK/qoc44IBDCJ3LtjfODNi5OaTBvAUMzI3pYVJS0vwM86ywx
+UF3R54RHGPLdNN0So8k45QDQmwKBgQD+IlWIzigv1SEiEOaqQUoJB0Vfxq2u91eN
+ius5Wj5ONDfNv++mbr3bBuI0Bpg4u7W9i5hJVLE04GtlfjSuOX0QnkbQYu5/NbCH
+Vxw9YUwtOZJlk0kx3H6qpftYgEPwXir7fcuoXFUT7jD+Q5FWvQA76asF9zVnt9RG
+OGoB6FeopwKBgQDP9wZzxyhcakRzhS2pJPQ7M9LgeQ5PRDAmyIjroBvAAFpMOXB5
+R5vf0BKWuk942Zpqi0bJkwk/m89wJWTPGqXCCMSvUSi8OVQGjgS5Tkn9QElzweoC
+y3a23RG0j/GW7oyCKBOdspo9XmZrJY2CFdvwuI7s7FMur+plXl06Bx53ywKBgQDO
+ehjiuRUfn9t2sSKoS7maUkUERwkQcje5cZgiFfcvVO/OBFby82Df1tzshjshRSmp
+IgUN93iuzHOVl4+3yk+Zs+83GlpKEtYlcBoqqKXazL7sNlmu4EYt4gOv6S7J2ci0
+YoWYecRKGCnIPB+WyKKrCvQAOdUzOsGGeAlxGVQ3WwKBgE7fJGLuraf1hHRMuPsS
+ZGnJE93QVWOFCym34lxRWEQ3rKEXMtAhUhq/M6x5sJnv7ePTujyDoPAbAioxLS/L
+GsrvcDc91bwNs7sDTyq//n0ehf2HJMFrbdtIPblxA26dHtX7BmW6eppDhm4OV8zO
+1vSzX8HjCcx1AkcATKDA9J3e
+-----END PRIVATE KEY-----

package/dist/config/configFactory.d.ts

@@ -0,0 +1,7 @@
+declare function _exports(packageJson: any, mfOptions: {}, customElementTagName: any): {
+    port: any;
+    default: {};
+    isProd: boolean;
+};
+export = _exports;
+//# sourceMappingURL=configFactory.d.ts.map

package/dist/config/configFactory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"configFactory.d.ts","sourceRoot":"","sources":["../../src/config/configFactory.js"],"names":[],"mappings":"AAyBiB;;;;EA8BhB"}

package/dist/config/configFactory.js

@@ -0,0 +1,51 @@
+const { existsSync } = require('node:fs');
+const { resolve } = require('node:path');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const portfinderSync = require('portfinder-sync');
+const { merge } = require('webpack-merge');
+const { getWebpackMFConfigFragment, federatedIndexExists } = require('./utils');
+const devConfigFactory = require('./webpack.dev');
+const prodConfig = require('./webpack.prod');
+const getTemplate = () => {
+    const templateApp = resolve(process.cwd(), 'public/index.ejs');
+    const templateDefault = resolve(__dirname, '../public/index.ejs');
+    const template = existsSync(templateApp) ? templateApp : templateDefault;
+    console.log(`Using index template: ${template}`);
+    return template;
+};
+/**
+ * Webpack config factory
+ *
+ * @param packageJson The package.json file of the target package.
+ * @param mfOptions Module federation options to merged into the base options
+ * @param customElementTagName Tag name for insertion in the index.html file, ie. `foundation-xyz`
+ * @returns The the port number, webpack config (which can be extended further), and an isProd flag.
+ */
+module.exports = (packageJson, mfOptions = {}, customElementTagName) => {
+    var _a;
+    const port = portfinderSync.getPort(((_a = packageJson.config) === null || _a === void 0 ? void 0 : _a.PORT) || process.env.PORT || 9000);
+    const isProd = process.env.NODE_ENV === 'production';
+    const envConfig = isProd ? prodConfig() : devConfigFactory(port);
+    const federatedIndexPresent = federatedIndexExists();
+    const mfConfig = federatedIndexPresent
+        ? getWebpackMFConfigFragment(packageJson, mfOptions, customElementTagName ? 'info.html' : 'index.html')
+        : {};
+    const mergedConfig = merge(envConfig, mfConfig, {
+        plugins: [
+            ...(customElementTagName || !federatedIndexPresent
+                ? [
+                    new HtmlWebpackPlugin({
+                        title: `${packageJson.description}`,
+                        template: getTemplate(),
+                        customElementTagName,
+                    }),
+                ]
+                : []),
+        ],
+    });
+    return {
+        port,
+        default: mergedConfig,
+        isProd,
+    };
+};

package/dist/config/devServers.d.ts

@@ -0,0 +1,35 @@
+export namespace devServers {
+    function _default(port?: string | number, host?: string): {
+        open: boolean;
+        historyApiFallback: boolean;
+        allowedHosts: string;
+        host: string;
+        port: string | number;
+        server: {
+            type: string;
+        };
+        client: {
+            overlay: {
+                runtimeErrors: boolean;
+            };
+        };
+        proxy: {
+            context: string[];
+            target: string;
+            secure: boolean;
+            changeOrigin: boolean;
+        }[];
+        headers: {
+            'Access-Control-Allow-Origin': string;
+            'Access-Control-Allow-Methods': string;
+            'Access-Control-Allow-Headers': string;
+        };
+        static: {
+            directory: string;
+            publicPath: string;
+            watch: boolean;
+        }[];
+    };
+    export { _default as default };
+}
+//# sourceMappingURL=devServers.d.ts.map

package/dist/config/devServers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"devServers.d.ts","sourceRoot":"","sources":["../../src/config/devServers.js"],"names":[],"mappings":";IA2BW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAwCR"}

package/dist/config/devServers.js

@@ -0,0 +1,67 @@
+const fs = require('fs');
+const path = require('path');
+const server = {
+    type: process.argv.includes('--https') ? 'https' : 'http',
+};
+if (server.type === 'https') {
+    try {
+        server.options = {
+            cert: fs.readFileSync(path.resolve(__dirname, '../cert/localhost.crt')),
+            key: fs.readFileSync(path.resolve(__dirname, '../cert/localhost.key')),
+        };
+    }
+    catch (err) {
+        console.warn('You may be trying to run the webpack dev server in HTTPS mode without local certificates. Please see @genesislcap/webpack-builder README');
+    }
+}
+const convertWsEndpointToHTTP = (endpoint = '', socketExt) => (endpoint.startsWith('ws:')
+    ? endpoint.replace('ws:', 'http:')
+    : endpoint.startsWith('wss:')
+        ? endpoint.replace('wss:', 'https:')
+        : endpoint).replace(`/${socketExt}`, '');
+const devServers = {
+    default: (port = process.env.PORT || 9000, host = 'localhost') => {
+        const socketExt = process.env.SOCKET_EXT || 'gwf';
+        const target = convertWsEndpointToHTTP(process.env.API_HOST, socketExt);
+        return {
+            open: !process.env.CI,
+            historyApiFallback: true,
+            allowedHosts: 'all',
+            host,
+            port,
+            server,
+            client: {
+                overlay: {
+                    runtimeErrors: false,
+                },
+            },
+            proxy: [
+                {
+                    context: [`/${socketExt}/**`, '/sso/**'],
+                    target,
+                    secure: false,
+                    changeOrigin: true,
+                },
+            ],
+            // disableHostCheck: true,
+            // sockHost: 'localhost',
+            // sockPort: '8080',
+            // https: true,
+            headers: {
+                'Access-Control-Allow-Origin': '*',
+                'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, PATCH, OPTIONS',
+                'Access-Control-Allow-Headers': 'X-Requested-With, content-type, Authorization',
+            },
+            static: [
+                {
+                    directory: path.resolve(process.cwd(), './public'),
+                    publicPath: '/',
+                    watch: true,
+                },
+            ],
+        };
+    },
+};
+module.exports = {
+    devServers,
+};

package/dist/config/postcss.config.d.ts

@@ -0,0 +1,2 @@
+export const plugins: any[];
+//# sourceMappingURL=postcss.config.d.ts.map

package/dist/config/postcss.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"postcss.config.d.ts","sourceRoot":"","sources":["../../src/config/postcss.config.js"],"names":[],"mappings":""}

package/dist/config/postcss.config.js

@@ -0,0 +1,8 @@
+module.exports = {
+    plugins: [
+        require('postcss-import'),
+        require('postcss-preset-env')({
+            browsers: 'last 2 versions',
+        }),
+    ],
+};

package/dist/config/utils.d.ts

@@ -0,0 +1,20 @@
+export function getFederatedPkgName(pkgName: any): any;
+/**
+ * TODO: Add prod version logic
+ */
+export function getRemoteEntryUrl(port: any, host?: string): string;
+export function getRemoteEntry(name: any, port: any, host?: string): string;
+/**
+ * Webpack module federation config fragment factory
+ *
+ * @param packageJson The package.json file of the target package.
+ * @param mfOptions Module federation options to merged into the base options
+ * @param htmlFilename The filename value for the report generated by the html plugin
+ * @returns A partial webpack config fragment to be merged into a final webpack config.
+ */
+export function getWebpackMFConfigFragment(packageJson: any, mfOptions?: {}, htmlFilename?: string): {
+    entry: string;
+    plugins: any[];
+};
+export function federatedIndexExists(): boolean;
+//# sourceMappingURL=utils.d.ts.map

package/dist/config/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/config/utils.js"],"names":[],"mappings":"AAUA,uDAMC;AAED;;GAEG;AACH,oEACiD;AACjD,4EAC4C;AAW5C;;;;;;;GAOG;AACH;;;EA+CC;AA5DD,gDAGC"}

package/dist/config/utils.js

@@ -0,0 +1,77 @@
+const { existsSync } = require('node:fs');
+const { resolve } = require('node:path');
+const DashboardPlugin = require('@module-federation/dashboard-plugin');
+const { camelCase } = require('camel-case');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const webpack = require('webpack');
+const { ModuleFederationPlugin } = webpack.container;
+const remoteEntryFilename = 'remoteEntry.js';
+const getFederatedPkgName = (pkgName) => {
+    try {
+        return camelCase(pkgName.split('/').pop());
+    }
+    catch (e) {
+        return pkgName;
+    }
+};
+/**
+ * TODO: Add prod version logic
+ */
+const getRemoteEntryUrl = (port, host = 'localhost') => `http://${host}:${port}/${remoteEntryFilename}`;
+const getRemoteEntry = (name, port, host = 'localhost') => `${name}@${getRemoteEntryUrl(port, host)}`;
+const federatedIndex = './src/index.federated.ts';
+const resolveFederatedIndex = () => resolve(process.cwd(), federatedIndex);
+const federatedIndexExists = () => {
+    const federatedIndexPath = resolveFederatedIndex();
+    return existsSync(federatedIndexPath);
+};
+/**
+ * Webpack module federation config fragment factory
+ *
+ * @param packageJson The package.json file of the target package.
+ * @param mfOptions Module federation options to merged into the base options
+ * @param htmlFilename The filename value for the report generated by the html plugin
+ * @returns A partial webpack config fragment to be merged into a final webpack config.
+ */
+const getWebpackMFConfigFragment = (packageJson, mfOptions = {}, htmlFilename = 'index.html') => {
+    const name = getFederatedPkgName(packageJson.name);
+    const deps = packageJson.dependencies;
+    const { exposes: mfExposes = {}, remotes: mfRemotes = {}, shared: mfShared = {} } = mfOptions;
+    const exposes = Object.assign({ './index': federatedIndex }, mfExposes);
+    const remotes = Object.assign({}, mfRemotes);
+    const shared = Object.assign(Object.assign({}, deps), mfShared);
+    const moduleFederationOptions = {
+        name,
+        filename: remoteEntryFilename,
+        remotes,
+        exposes,
+        shared,
+    };
+    return {
+        entry: resolveFederatedIndex(),
+        plugins: [
+            new ModuleFederationPlugin(moduleFederationOptions),
+            new DashboardPlugin({
+                dashboardURL: 'http://localhost:3000/api/update',
+                publishVersion: '1.0.0',
+            }),
+            new HtmlWebpackPlugin({
+                title: `${packageJson.description} (Federated)`,
+                template: resolve(__dirname, '../public/info.ejs'),
+                filename: htmlFilename,
+                inject: false,
+                /**
+                 * Passing arbitrary data to the template for display
+                 */
+                moduleFederationDetails: JSON.stringify(moduleFederationOptions, undefined, 2),
+            }),
+        ],
+    };
+};
+module.exports = {
+    getFederatedPkgName,
+    getRemoteEntryUrl,
+    getRemoteEntry,
+    getWebpackMFConfigFragment,
+    federatedIndexExists,
+};

package/dist/config/webpack.common.d.ts

@@ -0,0 +1,68 @@
+declare function _exports(): {
+    entry: string;
+    plugins: any[];
+    output: {
+        strictModuleErrorHandling: boolean;
+        strictModuleExceptionHandling: boolean;
+        path: string;
+        publicPath: string;
+    };
+    resolve: {
+        extensions: string[];
+        modules: string[];
+    };
+    module: {
+        rules: ({
+            test: RegExp;
+            type: string;
+        } | {
+            test: RegExp;
+            use: {
+                loader: string;
+            }[];
+        } | {
+            test: RegExp;
+            include: RegExp[];
+            use: (string | {
+                loader: string;
+                options: {
+                    importLoaders: number;
+                };
+            } | {
+                loader: string;
+                options: {
+                    postcssOptions: {
+                        config: string;
+                    };
+                };
+            })[];
+        } | {
+            test: RegExp;
+            exclude: RegExp[];
+            use: (string | {
+                loader: string;
+                options: {
+                    importLoaders: number;
+                };
+            } | {
+                loader: string;
+                options: {
+                    postcssOptions: {
+                        config: string;
+                    };
+                };
+            })[];
+        })[];
+    };
+    experiments: {
+        topLevelAwait: boolean;
+        lazyCompilation: boolean;
+    };
+    performance: {
+        hints: boolean;
+        maxEntrypointSize: number;
+        maxAssetSize: number;
+    };
+};
+export = _exports;
+//# sourceMappingURL=webpack.common.d.ts.map

package/dist/config/webpack.common.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"webpack.common.d.ts","sourceRoot":"","sources":["../../src/config/webpack.common.js"],"names":[],"mappings":"AA0CiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0Ef"}

package/dist/config/webpack.common.js

@@ -0,0 +1,113 @@
+const crypto = require('crypto');
+const path = require('path');
+const CopyPlugin = require('copy-webpack-plugin');
+const fs = require('fs-extra');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const { DefinePlugin, ProgressPlugin } = require('webpack');
+const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
+const { appFileRules } = require('../rules/fileRules');
+const { appScriptRules } = require('../rules/scriptRules');
+const { appStyleRules } = require('../rules/styleRules');
+// Avoid MD4 hash for OpenSSL 3 compatibility
+// https://github.com/cockpit-project/starter-kit/commit/3220617fec508aabbbc226a87a165c21fb72e913
+// Using Webpack v5.54.0+ and output.hashFunction = "xxhash64" should make this unnecessary, however
+// builds still fail with an OpenSSL error in practice
+const cryptoOrigCreateHash = crypto.createHash;
+crypto.createHash = (algorithm) => cryptoOrigCreateHash(algorithm == 'md4' ? 'sha256' : algorithm);
+const readFile = (filePath) => {
+    if (!filePath)
+        return '';
+    const configPath = path.resolve(process.cwd(), filePath);
+    try {
+        return fs.readFileSync(configPath, 'utf8');
+    }
+    catch (e) {
+        console.error(e);
+        return '';
+    }
+};
+/**
+ * Switching the '/' instead of 'auto', as webpack and perhaps the html-webpack-plugin seem to get confused over
+ * mime types, and this can block deep linking. Reading through the 'Practical Module Federation' guide, we may need
+ * to revisit this, dev v prod, resolving remotes.
+ */
+const publicPath = typeof process.env.PUBLIC_PATH !== 'undefined' ? process.env.PUBLIC_PATH : '/';
+/**
+ * Webpack common config factory used as a baseline across both production and development builds.
+ * Used mainly in conjunction with ./configFactory.js, but there are a few standalone consumers in foundation-ui.
+ *
+ * @returns A common webpack config.
+ */
+module.exports = () => ({
+    entry: path.resolve(process.cwd(), './src/index.ts'),
+    plugins: [
+        new CopyPlugin({
+            patterns: [
+                {
+                    from: path.resolve(__dirname, '../public'),
+                },
+            ],
+        }),
+        /**
+         * TODO: Test making this dynamic using .env files and the DotEnv Webpack plugin.
+         */
+        new DefinePlugin({
+            API_HOST: JSON.stringify(process.env.API_HOST),
+            DEFAULT_ORGANISATION: JSON.stringify(process.env.DEFAULT_ORGANISATION),
+            DEFAULT_USER: JSON.stringify(process.env.DEFAULT_USER),
+            DEFAULT_PASSWORD: JSON.stringify(process.env.DEFAULT_PASSWORD),
+            NODE_ENV: JSON.stringify(process.env.NODE_ENV),
+            FORCE_HTTP: JSON.stringify(process.env.FORCE_HTTP),
+            HTTP_CONFIG: JSON.stringify(readFile(process.env.HTTP_CONFIG_PATH)),
+            SOCKET_EXT: JSON.stringify(process.env.SOCKET_EXT),
+        }),
+        new ProgressPlugin(),
+        new MiniCssExtractPlugin(),
+        /**
+         * Run via 'build:webpack:stats'.
+         */
+        ...(process.env.ANALYZE
+            ? [
+                new BundleAnalyzerPlugin({
+                    reportTitle: `Webpack Visualizer`,
+                    reportFilename: path.join(process.cwd(), './dist', 'webpack.stats.html'),
+                    analyzerMode: 'static',
+                    openAnalyzer: false,
+                }),
+            ]
+            : []),
+    ],
+    output: {
+        strictModuleErrorHandling: true,
+        strictModuleExceptionHandling: true,
+        path: path.resolve(process.cwd(), './dist'),
+        publicPath,
+    },
+    resolve: {
+        extensions: ['.ts', '.js'],
+        modules: ['node_modules'],
+    },
+    module: {
+        rules: [
+            appScriptRules.typescript(),
+            // Files
+            appFileRules.fonts(),
+            appFileRules.html(),
+            appFileRules.images(),
+            // Styles
+            appStyleRules.headCss(),
+            appStyleRules.css(),
+            appStyleRules.sass(),
+        ],
+    },
+    experiments: {
+        topLevelAwait: true,
+        lazyCompilation: false,
+        // outputModule: true,
+    },
+    performance: {
+        hints: false,
+        maxEntrypointSize: 512000,
+        maxAssetSize: 512000,
+    },
+});