@nx/react 23.0.0-beta.2 → 23.0.0-beta.21

package/src/generators/consumer/consumer.js

@@ -0,0 +1,135 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.consumerGenerator = consumerGenerator;
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nx/devkit");
+const versions_1 = require("@nx/js/src/utils/versions");
+const versions_2 = require("../../utils/versions");
+const mfVersions = tslib_1.__importStar(require("../_utils/mf-versions"));
+const mf_dependencies_1 = require("../_utils/mf-dependencies");
+const normalize_1 = require("../_utils/normalize");
+const provider_1 = tslib_1.__importDefault(require("../provider/provider"));
+// `--mode=...` is rspack's portable equivalent of `NODE_ENV=...` and works on
+// Windows without a shell prefix.
+const BUNDLER_DEV_COMMAND = {
+    vite: 'vite',
+    rsbuild: 'rsbuild dev',
+    rspack: 'rspack serve --mode=development',
+};
+const BUNDLER_BUILD_COMMAND = {
+    vite: 'vite build',
+    rsbuild: 'rsbuild build',
+    rspack: 'rspack build --mode=production',
+};
+async function consumerGenerator(tree, schema) {
+    const opts = await (0, normalize_1.normalizeScaffoldOptions)(tree, {
+        directory: schema.directory,
+        surface: 'consumer',
+        bundler: schema.bundler,
+        port: schema.port,
+    });
+    // When the user explicitly passes `--providerNames=p1,p2`, generate a
+    // sibling provider app per entry and wire them into the consumer's
+    // PROVIDERS list + App.tsx. When the flag is omitted, ship a placeholder
+    // `my-provider` entry pointing at the per-bundler provider-default port
+    // without generating an actual provider project.
+    const providerNames = schema.providerNames?.length
+        ? schema.providerNames
+        : ['my-provider'];
+    const shouldGenerateProviders = !!schema.providerNames?.length;
+    const providerDefaultPort = (0, normalize_1.getDefaultPort)(opts.bundler, 'provider');
+    const providers = providerNames.map((name, i) => ({
+        name,
+        // The federation container name the provider build emits. Must match the
+        // provider's federation `name`, which is derived the same way (see
+        // provider.ts / normalize.ts) - it strips chars that aren't valid in a JS
+        // identifier, so a naive `alias.replace(/-/g, '_')` in the consumer would
+        // diverge for names with dots/slashes/@ and loadRemote() would resolve the
+        // URL but look up the wrong container.
+        federationName: (0, normalize_1.toFederationName)((0, devkit_1.names)(name).fileName),
+        componentName: `Provider${(0, devkit_1.names)(name).className}`,
+        directory: (0, devkit_1.joinPathFragments)(opts.projectRoot, '..', name),
+        port: providerDefaultPort + i,
+    }));
+    (0, devkit_1.addProjectConfiguration)(tree, opts.projectName, {
+        root: opts.projectRoot,
+        sourceRoot: (0, devkit_1.joinPathFragments)(opts.projectRoot, 'src'),
+        projectType: 'application',
+        targets: {
+            serve: {
+                executor: 'nx:run-commands',
+                continuous: true,
+                options: {
+                    command: BUNDLER_DEV_COMMAND[opts.bundler],
+                    cwd: opts.projectRoot,
+                },
+            },
+            build: {
+                executor: 'nx:run-commands',
+                options: {
+                    command: BUNDLER_BUILD_COMMAND[opts.bundler],
+                    cwd: opts.projectRoot,
+                },
+            },
+        },
+    });
+    const tasks = [];
+    if (shouldGenerateProviders) {
+        for (const p of providers) {
+            tasks.push(await (0, provider_1.default)(tree, {
+                directory: p.directory,
+                bundler: opts.bundler,
+                port: p.port,
+                // Wire `nx serve <provider>` to also spin up this consumer.
+                consumer: opts.projectName,
+            }));
+        }
+    }
+    // Point at `remoteEntry.js`, which every supported bundler emits at dev
+    // time. `mf-manifest.json` is richer (https://module-federation.io/configure/manifest-fields)
+    // but `@module-federation/vite` only emits it at build time, so a consumer
+    // serving against a dev-mode vite provider would get the SPA-fallback HTML
+    // and crash on JSON.parse. Swap to mf-manifest.json manually for prod if
+    // you want the extra metadata.
+    const remotes = providers.map((p) => ({
+        // `alias` is the key the consumer references (loadRemote/lazyProvider);
+        // `name` is the provider's federation container name; `entry` is its
+        // remoteEntry.js URL.
+        alias: p.name,
+        name: p.federationName,
+        entry: `http://localhost:${p.port}/remoteEntry.js`,
+    }));
+    // Vite emits ESM `remoteEntry.js`; rspack/rsbuild emit UMD. The federation
+    // runtime needs `type: 'module'` for ESM (else loads as a classic <script>
+    // and the browser throws #RUNTIME-001) and NO type for UMD (else
+    // #RUNTIME-002). We only generate same-bundler providers via --providerNames,
+    // so a single per-consumer setting is correct.
+    const remoteType = opts.bundler === 'vite' ? 'module' : null;
+    const templateSubstitutions = {
+        projectName: opts.projectName,
+        federationName: opts.federationName,
+        port: opts.port,
+        bundler: opts.bundler,
+        providers,
+        remotes,
+        remoteType,
+        versions: {
+            ...mfVersions,
+            reactVersion: versions_2.reactVersion,
+            reactDomVersion: versions_2.reactDomVersion,
+            typesReactVersion: versions_2.typesReactVersion,
+            typesReactDomVersion: versions_2.typesReactDomVersion,
+            typescriptVersion: versions_1.typescriptVersion,
+        },
+        tmpl: '',
+    };
+    (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, 'files', '_common'), opts.projectRoot, templateSubstitutions);
+    (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, 'files', opts.bundler), opts.projectRoot, templateSubstitutions);
+    // Write deps into the workspace root package.json so bare bundler bins
+    // resolve when nx invokes the generated run-commands serve target.
+    const deps = (0, mf_dependencies_1.getConsumerDeps)(opts.bundler);
+    tasks.push((0, devkit_1.addDependenciesToPackageJson)(tree, deps.dependencies, deps.devDependencies));
+    await (0, devkit_1.formatFiles)(tree);
+    return (0, devkit_1.runTasksInSerial)(...tasks);
+}
+exports.default = consumerGenerator;

package/src/generators/consumer/files/_common/src/App.tsx__tmpl__

@@ -0,0 +1,53 @@
+import { Component, Suspense, type ReactNode } from 'react';
+import { lazyProvider } from './mf';
+
+// ProviderBoundary catches the lazy() rejection that fires when a provider's
+// remoteEntry.js can't be fetched (provider not running, network error,
+// etc.). Without it any one missing provider unmounts the whole consumer
+// tree. React has no built-in functional error boundary so this is a class.
+// Wrap each <ProviderBoundary> in your router of choice if you need routing.
+class ProviderBoundary extends Component<
+  { children: ReactNode; name: string },
+  { error: Error | null }
+> {
+  state = { error: null as Error | null };
+  static getDerivedStateFromError(error: Error) {
+    return { error };
+  }
+  render() {
+    if (this.state.error) {
+      return (
+        <div role="alert">
+          <p>
+            Provider &quot;{this.props.name}&quot; unavailable:{' '}
+            {this.state.error.message}
+          </p>
+        </div>
+      );
+    }
+    return (
+      <Suspense fallback={<p>Loading {this.props.name}...</p>}>
+        {this.props.children}
+      </Suspense>
+    );
+  }
+}
+
+<% providers.forEach((p) => { -%>
+const <%= p.componentName %> = lazyProvider('<%= p.name %>', 'App');
+<% }); -%>
+
+export function App() {
+  return (
+    <main>
+      <h1><%= projectName %></h1>
+<% providers.forEach((p) => { -%>
+      <ProviderBoundary name="<%= p.name %>">
+        <<%= p.componentName %> />
+      </ProviderBoundary>
+<% }); -%>
+    </main>
+  );
+}
+
+export default App;

package/src/generators/consumer/files/_common/src/bootstrap.tsx__tmpl__

@@ -0,0 +1,12 @@
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+import { App } from './App';
+
+const container = document.getElementById('root');
+if (!container) throw new Error('#root element not found');
+
+createRoot(container).render(
+  <StrictMode>
+    <App />
+  </StrictMode>
+);

package/src/generators/consumer/files/_common/src/index.ts__tmpl__

@@ -0,0 +1,4 @@
+// Indirection required by Module Federation: the federation runtime must boot
+// before any shared dependency (React, react-dom) is evaluated.
+import('./bootstrap');
+export {};

package/src/generators/consumer/files/_common/src/mf.ts__tmpl__

@@ -0,0 +1,35 @@
+import { lazy, type ComponentType } from 'react';
+import { registerRemotes, loadRemote } from '@module-federation/runtime';
+
+// The providers this consumer loads at runtime. Edit `entry` to point at a
+// different URL (`remoteEntry.js` is what every supported bundler emits at dev
+// + build time). `name` is the provider build's federation container name and
+// must match the provider's federation `name`; `alias` is the key you pass to
+// loadRemote()/lazyProvider().
+const PROVIDERS: Array<{ alias: string; name: string; entry: string }> =
+  <%- JSON.stringify(remotes, null, 2) %>;
+
+<% if (remoteType === 'module') { -%>
+// `type: 'module'` is required because the providers in this workspace are
+// vite-built and emit ESM remoteEntry.js. The federation runtime would load
+// it as a classic `<script>` tag otherwise and the browser would throw
+// `Cannot use import statement outside a module` (#RUNTIME-001).
+registerRemotes(PROVIDERS.map((remote) => ({ ...remote, type: 'module' })));
+<% } else { -%>
+// `type` is omitted so the federation runtime auto-detects the entry format.
+// The providers in this workspace are <%= bundler %>-built and emit UMD;
+// setting `type: 'module'` here breaks them with #RUNTIME-002.
+registerRemotes(PROVIDERS.map((remote) => ({ ...remote })));
+<% } -%>
+
+export function lazyProvider<Props = unknown>(
+  alias: string,
+  exposeName: string
+) {
+  return lazy(async () => {
+    const mod = await loadRemote<{ default: ComponentType<Props> }>(
+      `${alias}/${exposeName}`
+    );
+    return { default: mod!.default };
+  });
+}

package/src/generators/consumer/files/_common/tsconfig.json__tmpl__

@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["DOM", "DOM.Iterable", "ES2022"],
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "jsx": "react-jsx",
+    "strict": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true
+  },
+  "include": ["src"]
+}

package/src/generators/consumer/files/rsbuild/index.html__tmpl__

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <title><%= projectName %></title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <!-- Rsbuild's html plugin injects the entry script automatically. -->
+  </body>
+</html>

package/src/generators/consumer/files/rsbuild/package.json__tmpl__

@@ -0,0 +1,23 @@
+{
+  "name": "<%= projectName %>",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "dev": "rsbuild dev --port <%= port %>",
+    "build": "rsbuild build",
+    "preview": "rsbuild preview --port <%= port %>"
+  },
+  "dependencies": {
+    "@module-federation/runtime": "<%= versions.moduleFederationRuntimeVersion %>",
+    "react": "<%= versions.reactVersion %>",
+    "react-dom": "<%= versions.reactDomVersion %>"
+  },
+  "devDependencies": {
+    "@module-federation/rsbuild-plugin": "<%= versions.moduleFederationRsbuildPluginVersion %>",
+    "@rsbuild/core": "<%= versions.rsbuildCoreVersion %>",
+    "@rsbuild/plugin-react": "<%= versions.rsbuildPluginReactVersion %>",
+    "@types/react": "<%= versions.typesReactVersion %>",
+    "@types/react-dom": "<%= versions.typesReactDomVersion %>",
+    "typescript": "<%= versions.typescriptVersion %>"
+  }
+}

package/src/generators/consumer/files/rsbuild/rsbuild.config.ts__tmpl__

@@ -0,0 +1,25 @@
+import { defineConfig } from '@rsbuild/core';
+import { pluginReact } from '@rsbuild/plugin-react';
+import { pluginModuleFederation } from '@module-federation/rsbuild-plugin';
+
+const PORT = <%= port %>;
+const NAME = '<%= federationName %>';
+
+export default defineConfig({
+  server: { port: PORT },
+  // assetPrefix:true keeps chunk URLs aligned with the dev-server origin -
+  // mirrors the provider config so a consumer that also exposes federated
+  // modules later doesn't need a separate fix.
+  dev: { assetPrefix: true },
+  html: { template: './index.html' },
+  source: { entry: { index: './src/index.ts' } },
+  plugins: [
+    pluginReact(),
+    pluginModuleFederation({
+      name: NAME,
+      // No build-time `remotes:` block - registered at runtime in src/mf.ts
+      // at module load time.
+      shared: ['react', 'react-dom'],
+    }),
+  ],
+});

package/src/generators/consumer/files/rspack/index.html__tmpl__

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <title><%= projectName %></title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <!-- HtmlRspackPlugin injects the entry script automatically; do not add it here. -->
+  </body>
+</html>

package/src/generators/consumer/files/rspack/package.json__tmpl__

@@ -0,0 +1,23 @@
+{
+  "name": "<%= projectName %>",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "dev": "rspack serve --mode=development",
+    "build": "rspack build --mode=production"
+  },
+  "dependencies": {
+    "@module-federation/enhanced": "<%= versions.moduleFederationEnhancedVersion %>",
+    "@module-federation/runtime": "<%= versions.moduleFederationRuntimeVersion %>",
+    "react": "<%= versions.reactVersion %>",
+    "react-dom": "<%= versions.reactDomVersion %>"
+  },
+  "devDependencies": {
+    "@rspack/cli": "<%= versions.rspackCliVersion %>",
+    "@rspack/core": "<%= versions.rspackCoreVersion %>",
+    "@rspack/dev-server": "<%= versions.rspackDevServerVersion %>",
+    "@types/react": "<%= versions.typesReactVersion %>",
+    "@types/react-dom": "<%= versions.typesReactDomVersion %>",
+    "typescript": "<%= versions.typescriptVersion %>"
+  }
+}

package/src/generators/consumer/files/rspack/rspack.config.ts__tmpl__

@@ -0,0 +1,59 @@
+import { defineConfig } from '@rspack/cli';
+import { rspack } from '@rspack/core';
+import { ModuleFederationPlugin } from '@module-federation/enhanced/rspack';
+import * as path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+// __dirname is undefined when @rspack/cli loads this config as ESM (it
+// does, because the file uses `import` statements). Derive it from the
+// module URL so the config works regardless of how the loader interprets it.
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+const PORT = <%= port %>;
+const NAME = '<%= federationName %>';
+
+// Read mode from the rspack CLI arg (`--mode=development|production`) so the
+// config works the same on Windows + POSIX without depending on a shell
+// `NODE_ENV=...` prefix.
+export default defineConfig((_env, argv) => {
+  const isDev = argv.mode !== 'production';
+  return {
+    context: __dirname,
+    entry: { main: './src/index.ts' },
+    output: {
+      path: path.resolve(__dirname, 'dist'),
+      publicPath: 'auto',
+      uniqueName: NAME,
+      clean: true,
+    },
+    devServer: { port: PORT, historyApiFallback: true, hot: true },
+    resolve: { extensions: ['...', '.ts', '.tsx', '.jsx'] },
+    module: {
+      rules: [
+        {
+          test: /\.(j|t)sx?$/,
+          exclude: [/node_modules/],
+          use: {
+            loader: 'builtin:swc-loader',
+            options: {
+              jsc: {
+                parser: { syntax: 'typescript', tsx: true },
+                transform: { react: { runtime: 'automatic', development: isDev } },
+              },
+              env: { targets: 'Chrome >= 87, Firefox >= 78, Edge >= 88, Safari >= 14' },
+            },
+          },
+        },
+      ],
+    },
+    plugins: [
+      new rspack.HtmlRspackPlugin({ template: './index.html' }),
+      new ModuleFederationPlugin({
+        name: NAME,
+        // No build-time `remotes:` block - registered at runtime in
+        // src/mf.ts at module load time.
+        shared: ['react', 'react-dom'],
+      }),
+    ],
+  };
+});

package/src/generators/consumer/files/vite/index.html__tmpl__

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <title><%= projectName %></title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/index.ts"></script>
+  </body>
+</html>

package/src/generators/consumer/files/vite/package.json__tmpl__

@@ -0,0 +1,24 @@
+{
+  "name": "<%= projectName %>",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite --port <%= port %> --strictPort",
+    "build": "vite build",
+    "preview": "vite preview --port <%= port %> --strictPort"
+  },
+  "dependencies": {
+    "@module-federation/runtime": "<%= versions.moduleFederationRuntimeVersion %>",
+    "react": "<%= versions.reactVersion %>",
+    "react-dom": "<%= versions.reactDomVersion %>"
+  },
+  "devDependencies": {
+    "@module-federation/vite": "<%= versions.moduleFederationVitePluginVersion %>",
+    "@types/react": "<%= versions.typesReactVersion %>",
+    "@types/react-dom": "<%= versions.typesReactDomVersion %>",
+    "@vitejs/plugin-react": "<%= versions.vitejsPluginReactVersion %>",
+    "typescript": "<%= versions.typescriptVersion %>",
+    "vite": "<%= versions.viteVersion %>"
+  }
+}

package/src/generators/consumer/files/vite/vite.config.ts__tmpl__

@@ -0,0 +1,27 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import { federation } from '@module-federation/vite';
+
+const PORT = <%= port %>;
+
+export default defineConfig({
+  server: {
+    port: PORT,
+    strictPort: true,
+    host: '127.0.0.1',
+  },
+  preview: { port: PORT, strictPort: true },
+  build: { target: 'chrome89' },
+  plugins: [
+    federation({
+      name: '<%= federationName %>',
+      // No build-time `remotes:` block - the consumer registers them at
+      // runtime in src/mf.ts at module load time.
+      shared: {
+        react: { singleton: true },
+        'react-dom': { singleton: true },
+      },
+    }),
+    react(),
+  ],
+});

package/src/generators/consumer/schema.d.ts

@@ -0,0 +1,8 @@
+import type { SupportedBundler } from '../_utils/normalize';
+
+export interface ConsumerGeneratorSchema {
+  directory: string;
+  bundler?: SupportedBundler;
+  port?: number;
+  providerNames?: string[];
+}

package/src/generators/consumer/schema.json

@@ -0,0 +1,43 @@
+{
+  "$schema": "https://json-schema.org/schema",
+  "$id": "NxReactConsumer",
+  "title": "Create a Module Federation consumer",
+  "description": "Scaffold a React Module Federation consumer. The bundler is selected at generation time; remotes are registered dynamically at runtime from an inline PROVIDERS list in src/mf.ts (no build-time remotes list).",
+  "cli": "nx",
+  "type": "object",
+  "properties": {
+    "directory": {
+      "type": "string",
+      "description": "Directory the consumer is generated in, e.g. `apps/my-consumer`. The project name is inferred from the trailing path segment.",
+      "alias": "dir",
+      "$default": { "$source": "argv", "index": 0 },
+      "x-prompt": "Which directory do you want to create the consumer in?"
+    },
+    "bundler": {
+      "type": "string",
+      "description": "Bundler used by the consumer. Final choice; cannot be switched later.",
+      "enum": ["vite", "rsbuild", "rspack"],
+      "default": "vite",
+      "x-prompt": {
+        "message": "Which bundler should the consumer use?",
+        "type": "list",
+        "items": [
+          { "value": "vite", "label": "Vite (default)" },
+          { "value": "rsbuild", "label": "Rsbuild" },
+          { "value": "rspack", "label": "Rspack" }
+        ]
+      }
+    },
+    "port": {
+      "type": "number",
+      "description": "Dev-server port the consumer listens on."
+    },
+    "providerNames": {
+      "type": "array",
+      "items": { "type": "string" },
+      "description": "Comma-separated list of provider project names to generate alongside this consumer. Each becomes an `@nx/react:provider` app sibling to the consumer and an entry in the `PROVIDERS` list in `src/mf.ts`. Defaults to `[my-provider]` as a placeholder (no provider is generated until you pass the flag explicitly).",
+      "alias": "providers"
+    }
+  },
+  "required": ["directory"]
+}

package/src/generators/cypress-component-configuration/lib/add-files.d.ts

@@ -1,4 +1,4 @@
-import type { FoundTarget } from '@nx/cypress/src/utils/find-target-options';
+import type { FoundTarget } from '@nx/cypress/internal';
 import { ProjectConfiguration, Tree } from '@nx/devkit';
 import type { CypressComponentConfigurationSchema } from '../schema';
 export declare function addFiles(tree: Tree, projectConfig: ProjectConfiguration, options: CypressComponentConfigurationSchema, found: FoundTarget): Promise<void>;

package/src/generators/cypress-component-configuration/lib/add-files.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"add-files.d.ts","sourceRoot":"","sources":["../../../../../../../packages/react/src/generators/cypress-component-configuration/lib/add-files.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AAC7E,OAAO,EAIL,oBAAoB,EACpB,IAAI,EAEL,MAAM,YAAY,CAAC;AAKpB,OAAO,KAAK,EAAE,mCAAmC,EAAE,MAAM,WAAW,CAAC;AAErE,wBAAsB,QAAQ,CAC5B,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,oBAAoB,EACnC,OAAO,EAAE,mCAAmC,EAC5C,KAAK,EAAE,WAAW,iBAqEnB"}
+{"version":3,"file":"add-files.d.ts","sourceRoot":"","sources":["../../../../../../../packages/react/src/generators/cypress-component-configuration/lib/add-files.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAIL,oBAAoB,EACpB,IAAI,EAEL,MAAM,YAAY,CAAC;AAKpB,OAAO,KAAK,EAAE,mCAAmC,EAAE,MAAM,WAAW,CAAC;AAErE,wBAAsB,QAAQ,CAC5B,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,oBAAoB,EACnC,OAAO,EAAE,mCAAmC,EAC5C,KAAK,EAAE,WAAW,iBAqEnB"}

package/src/generators/cypress-component-configuration/lib/add-files.js

@@ -35,15 +35,15 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addFiles = addFiles;
 const devkit_1 = require("@nx/devkit");
-const ts_solution_setup_1 = require("@nx/js/src/utils/typescript/ts-solution-setup");
+const internal_1 = require("@nx/js/internal");
 const versions_1 = require("nx/src/utils/versions");
 const ct_utils_1 = require("../../../utils/ct-utils");
 const component_test_1 = require("../../component-test/component-test");
 async function addFiles(tree, projectConfig, options, found) {
     // must dynamicaly import to prevent packages not using cypress from erroring out
     // when importing react
-    const { addMountDefinition } = await Promise.resolve().then(() => __importStar(require('@nx/cypress/src/utils/config')));
-    const { getInstalledCypressMajorVersion } = await Promise.resolve().then(() => __importStar(require('@nx/cypress/src/utils/versions')));
+    const { addMountDefinition } = await Promise.resolve().then(() => __importStar(require('@nx/cypress/internal')));
+    const { getInstalledCypressMajorVersion } = await Promise.resolve().then(() => __importStar(require('@nx/cypress/internal')));
     const installedCypressMajorVersion = getInstalledCypressMajorVersion(tree);
     // Specifically undefined to allow Remix workaround of passing an empty string
     const actualBundler = await (0, ct_utils_1.getActualBundler)(tree, options, found);
@@ -66,7 +66,7 @@ async function addFiles(tree, projectConfig, options, found) {
     }
     if (options.generateTests) {
         const filePaths = [];
-        const sourceRoot = (0, ts_solution_setup_1.getProjectSourceRoot)(projectConfig, tree);
+        const sourceRoot = (0, internal_1.getProjectSourceRoot)(projectConfig, tree);
         (0, devkit_1.visitNotIgnoredFiles)(tree, sourceRoot, (filePath) => {
             if ((0, ct_utils_1.isComponent)(tree, filePath)) {
                 filePaths.push(filePath);

package/src/generators/federate-module/federate-module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"federate-module.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/generators/federate-module/federate-module.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,IAAI,EAQL,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAOlC,wBAAsB,uBAAuB,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,8BAiEvE;AAED,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"federate-module.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/generators/federate-module/federate-module.ts"],"names":[],"mappings":"AACA,OAAO,EACL,iBAAiB,EACjB,IAAI,EAQL,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAOlC,wBAAsB,uBAAuB,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,8BAkEvE;AAED,eAAe,uBAAuB,CAAC"}

package/src/generators/federate-module/federate-module.js

@@ -1,12 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.federateModuleGenerator = federateModuleGenerator;
+const internal_1 = require("@nx/devkit/internal");
 const devkit_1 = require("@nx/devkit");
 const remote_1 = require("../remote/remote");
 const utils_1 = require("./lib/utils");
-const project_name_and_root_utils_1 = require("@nx/devkit/src/generators/project-name-and-root-utils");
 const js_1 = require("@nx/js");
+const module_federation_deprecation_1 = require("../../utils/module-federation-deprecation");
 async function federateModuleGenerator(tree, schema) {
+    (0, module_federation_deprecation_1.warnReactFederateModuleGeneratorDeprecation)();
     // Check if the file exists
     if (!tree.exists(schema.path)) {
         throw new Error((0, devkit_1.stripIndents) `The "path" provided  does not exist. Please verify the path is correct and pointing to a file that exists in the workspace.
@@ -14,7 +16,7 @@ async function federateModuleGenerator(tree, schema) {
     Path: ${schema.path}`);
     }
     const tasks = [];
-    const { projectName: remoteName, projectRoot: remoteRoot } = await (0, project_name_and_root_utils_1.determineProjectNameAndRootOptions)(tree, {
+    const { projectName: remoteName, projectRoot: remoteRoot } = await (0, internal_1.determineProjectNameAndRootOptions)(tree, {
         name: schema.remote,
         directory: schema.remoteDirectory,
         projectType: 'application',

package/src/generators/federate-module/lib/utils.js

@@ -9,10 +9,10 @@ exports.updateExposesPropertyinAST = updateExposesPropertyinAST;
 exports.writeToConfig = writeToConfig;
 exports.updateExposesProperty = updateExposesProperty;
 const devkit_1 = require("@nx/devkit");
-const ensure_typescript_1 = require("@nx/js/src/utils/typescript/ensure-typescript");
+const internal_1 = require("@nx/js/internal");
 let tsModule;
 if (!tsModule) {
-    tsModule = (0, ensure_typescript_1.ensureTypescript)();
+    tsModule = (0, internal_1.ensureTypescript)();
 }
 /**
  * Adds a Module Federation path to the exposes property of the module federation config

package/src/generators/hook/hook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/generators/hook/hook.ts"],"names":[],"mappings":"AACA,OAAO,EAQL,IAAI,EACL,MAAM,YAAY,CAAC;AAQpB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAclC,wBAAsB,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,iBAO7D;AAmHD,eAAe,aAAa,CAAC"}
+{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/generators/hook/hook.ts"],"names":[],"mappings":"AAKA,OAAO,EAQL,IAAI,EACL,MAAM,YAAY,CAAC;AAIpB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAYlC,wBAAsB,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,iBAO7D;AAmHD,eAAe,aAAa,CAAC"}