@touk/federated-types 1.2.2-beta.1 → 1.3.0-beta.1

package/README.md

@@ -30,7 +30,6 @@ It's recommended that you spread these properties into your ModuleFederationPlug
 ```javascript
 //webpack.config.js
 
-const deps = require('../package.json').dependencies;
 const federationConfig = require('./federation.config.json');
 
 module.exports = {
@@ -40,9 +39,7 @@ module.exports = {
         new ModuleFederationPlugin({
             ...federationConfig,
             filename: "remoteEntry.js",
-            shared: {
-                ...deps,
-            },
+            shared: { ... },
         }),
     ],
 
@@ -84,3 +81,43 @@ scripts: {
     "make-types": "make-federated-types --config ./path/to/my/config.json --outputDir ../../my_types/"
 }
 ```
+
+## Inline configuration (without config file)
+
+If you prefer not to maintain a separate `federation.config.json` file, you can provide the configuration directly via CLI arguments using `--name` and `--exposes`:
+
+```bash
+make-federated-types \
+  --name myApp \
+  --exposes App ./src/App.tsx \
+  --exposes Button ./src/components/Button.tsx \
+  --outputDir ./types
+```
+
+### Inline config features:
+
+- **Multiple exposures**: Use `--exposes` multiple times, each followed by a key and file path
+- **Auto-prefix**: Keys without `./` prefix are automatically normalized (e.g., `App` becomes `./App`)
+- **Shell-friendly**: Works with tab completion for file paths
+- **Priority**: Inline config takes precedence over `--config` and auto-discovery
+
+### Examples:
+
+```bash
+# Simple inline config
+make-federated-types --name app2 --exposes Button ./src/Button.tsx
+
+# Multiple exposures
+make-federated-types \
+  --name app2 \
+  --exposes ./Button ./src/Button.tsx \
+  --exposes ./Header ./src/Header.tsx
+
+# Nested keys (auto-prefixed with ./)
+make-federated-types \
+  --name app2 \
+  --exposes components/Button ./src/components/Button.tsx \
+  --exposes utils/helpers ./src/utils/helpers.ts
+```
+
+**Note**: When using inline config, both `--name` and at least one `--exposes` are required.

package/cli.js

@@ -29,6 +29,26 @@ const getArg = (argName) => {
     const argIndex = process.argv.indexOf(argName);
     return argIndex !== -1 ? process.argv[argIndex + 1] : null;
 };
+const getAllArgs = (argName) => {
+    const results = [];
+    let i = 2; // process.argv starts with node and script path
+
+    while (i < process.argv.length) {
+        if (process.argv[i] === argName) {
+            // Next two arguments are key and value
+            if (i + 2 < process.argv.length) {
+                results.push([process.argv[i + 1], process.argv[i + 2]]);
+                i += 3; // skip argName, key, value
+            } else {
+                console.error(`ERROR: --exposes requires two arguments (key path)`);
+                process.exit(1);
+            }
+        } else {
+            i++;
+        }
+    }
+    return results;
+};
 
 const nodeModulesOutputDir = path.resolve(nodeModules, '@types/__federated_types/');
 const saveToNodeMoulesArg = hasArg('--saveToNodeModules');
@@ -44,6 +64,9 @@ const outputDirs =
 const configPathArg = getArg('--config');
 const configPath = configPathArg ? path.resolve(configPathArg) : null;
 
+const nameArg = getArg('--name');
+const exposesArgs = getAllArgs('--exposes');
+
 const findFederationConfig = (base) => {
     let files = fs.readdirSync(base);
     let queue = [];
@@ -63,21 +86,52 @@ const findFederationConfig = (base) => {
     }
 };
 
-if (configPath && !fs.existsSync(configPath)) {
-    console.error(`ERROR: Unable to find a provided config: ${configPath}`);
-    process.exit(1);
-}
+let federationConfig;
 
-const federationConfigPath = configPath || findFederationConfig('./');
+// Priority: inline config > --config > auto-find
+if (nameArg || exposesArgs.length > 0) {
+    // Inline config mode
+    if (!nameArg || exposesArgs.length === 0) {
+        console.error('ERROR: Both --name and --exposes are required for inline config');
+        process.exit(1);
+    }
 
-if (federationConfigPath === undefined) {
-    console.error(`ERROR: Unable to find a federation.config.json file in this package`);
-    process.exit(1);
-}
+    if (configPath) {
+        console.warn('WARNING: Both inline config and --config provided. Using inline config.');
+    }
+
+    const exposes = {};
 
-console.log(`Using config file: ${federationConfigPath}`);
+    exposesArgs.forEach(([key, value]) => {
+        // Normalize key - add ./ if missing
+        const normalizedKey = key.startsWith('./') ? key : `./${key}`;
+        exposes[normalizedKey] = value;
+    });
+
+    federationConfig = {
+        name: nameArg,
+        exposes: exposes,
+    };
+
+    console.log('Using inline config:', JSON.stringify(federationConfig, null, 2));
+} else {
+    // File-based config (current behavior)
+    if (configPath && !fs.existsSync(configPath)) {
+        console.error(`ERROR: Unable to find a provided config: ${configPath}`);
+        process.exit(1);
+    }
+
+    const federationConfigPath = configPath || findFederationConfig('./');
+
+    if (federationConfigPath === undefined) {
+        console.error(`ERROR: Unable to find a federation.config.json file in this package`);
+        process.exit(1);
+    }
+
+    console.log(`Using config file: ${federationConfigPath}`);
+    federationConfig = require(federationConfigPath);
+}
 
-const federationConfig = require(federationConfigPath);
 const compileFiles = Object.values(federationConfig.exposes);
 const compileKeys = Object.keys(federationConfig.exposes);
 
@@ -122,9 +176,10 @@ try {
 
     moduleNames.forEach((name) => {
         // exposeName - relative name of exposed component (if not found - just take moduleName)
-        const [exposeName = name, ...aliases] = compileKeys.filter((key) =>
-            federationConfig.exposes[key].endsWith(name)
-        );
+        const [exposeName = name, ...aliases] = compileKeys.filter((key) => {
+            const normalizedPath = federationConfig.exposes[key].replace(/\.(tsx?|jsx?)$/, '');
+            return normalizedPath.endsWith(name);
+        });
         const regex = RegExp(`"${name}"`, 'g');
 
         const moduleDeclareName = getModuleDeclareName(exposeName);

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@touk/federated-types",
     "description": "share typings for your federated typescript packages around your mono-repo",
-    "version": "1.2.2-beta.1",
+    "version": "1.3.0-beta.1",
     "author": "Julian Wielga <j@touk.pl>",
     "bin": {
         "make-federated-types": "./cli.js"