feat(nf-core): enable watch mode

Author: manfredsteyer

libs/native-federation-core/src/lib/core/build-adapter.ts

@@ -14,6 +14,7 @@ export interface BuildAdapterOptions {
   mappedPaths: MappedPath[];
   packageName?: string;
   esm?: boolean;
+  watch?: boolean;
   kind: 'shared-package' | 'shared-mapping' | 'exposed';
 }
 

libs/native-federation-core/src/lib/core/bundle-exposed.ts

@@ -32,22 +32,25 @@ export async function bundleExposed(
         tsConfigPath: options.tsConfig,
         external: externals,
         outfile: outFilePath,
+        watch: options.watch,
         mappedPaths: config.sharedMappings,
         kind: 'exposed',
       });
 
-      const hash = hashFile(outFilePath);
-      const hashedOutFileName = `${key}-${hash}.js`;
-      const hashedOutFilePath = path.join(
-        options.outputPath,
-        hashedOutFileName
-      );
-
-      fs.renameSync(outFilePath, hashedOutFilePath);
+      let finalOutFileName = outFileName;
+      if (!options.watch) {
+        const hash = hashFile(outFilePath);
+        finalOutFileName = `${key}-${hash}.js`;
+        const hashedOutFilePath = path.join(
+          options.outputPath,
+          finalOutFileName
+        );
+        fs.renameSync(outFilePath, hashedOutFilePath);
+      }
 
       result.push({
         key,
-        outFileName: hashedOutFileName,
+        outFileName: finalOutFileName,
         dev: !options.dev
           ? undefined
           : {
@@ -56,7 +59,9 @@ export async function bundleExposed(
       });
     } catch (e) {
       logger.error('Error bundling exposed module ' + entryPoint);
-      logger.notice('Please check the `exposes` section in your federation.config.js');
+      logger.notice(
+        'Please check the `exposes` section in your federation.config.js'
+      );
       logger.error(e);
     }
   }

libs/native-federation-core/src/lib/core/bundle-shared-mappings.ts

@@ -29,20 +29,24 @@ export async function bundleSharedMappings(
         external: externals,
         outfile: outFilePath,
         mappedPaths: [],
+        watch: fedOptions.watch,
         kind: 'shared-mapping',
       });
 
-      const hash = hashFile(outFilePath);
-      const hashedOutFileName = `${key}-${hash}.js`;
-      const hashedOutFilePath = path.join(
-        fedOptions.outputPath,
-        hashedOutFileName
-      );
-      fs.renameSync(outFilePath, hashedOutFilePath);
+      let finalOutFileName = outFileName;
+      if (!fedOptions.watch) {
+        const hash = hashFile(outFilePath);
+        finalOutFileName = `${key}-${hash}.js`;
+        const hashedOutFilePath = path.join(
+          fedOptions.outputPath,
+          finalOutFileName
+        );
+        fs.renameSync(outFilePath, hashedOutFilePath);
+      }
 
       result.push({
         packageName: m.key,
-        outFileName: hashedOutFileName,
+        outFileName: finalOutFileName,
         requiredVersion: '',
         singleton: true,
         strictVersion: false,

libs/native-federation-core/src/lib/core/bundle-shared.ts

@@ -26,11 +26,12 @@ export async function bundleShared(
   //   'Make sure, you skip all unneeded packages in your federation.config.js!'
   // );
 
-  const federationConfigPath = path.join(
-    fedOptions.workspaceRoot,
-    fedOptions.federationConfig
-  );
-  const hash = hashFile(federationConfigPath);
+  // const federationConfigPath = path.join(
+  //   fedOptions.workspaceRoot,
+  //   fedOptions.federationConfig
+  // );
+
+  //const hash = hashFile(federationConfigPath);
 
   let first = true;
   for (const pi of packageInfos) {
@@ -39,7 +40,8 @@ export async function bundleShared(
     const encName = pi.packageName.replace(/[^A-Za-z0-9]/g, '_');
     const encVersion = pi.version.replace(/[^A-Za-z0-9]/g, '_');
 
-    const outFileName = `${encName}-${encVersion}-${hash}.js`;
+    // const outFileName = `${encName}-${encVersion}-${hash}.js`;
+    const outFileName = `${encName}-${encVersion}.js`;
 
     const cachePath = path.join(
       fedOptions.workspaceRoot,

libs/native-federation-core/src/lib/core/federation-builder.ts

@@ -1,9 +1,6 @@
 import { NormalizedFederationConfig } from '../config/federation-config';
 import { BuildAdapter, setBuildAdapter } from './build-adapter';
-import {
-  buildForFederation,
-  defaultBuildParams,
-} from './build-for-federation';
+import { buildForFederation, defaultBuildParams } from './build-for-federation';
 import { FederationOptions } from './federation-options';
 import { getExternals } from './get-externals';
 import { loadFederationConfig } from './load-federation-config';

libs/native-federation-core/src/lib/utils/package-info.ts

@@ -53,6 +53,17 @@ export function getPackageInfo(
   }
 
   let cand = mainPkgJson?.exports?.[relSecondaryPath]?.import;
+
+  if (typeof cand === 'object') {
+    if (cand.module) {
+      cand = cand.module;
+    } else if (cand.default) {
+      cand = cand.default;
+    } else {
+      cand = null;
+    }
+  }
+
   if (cand) {
     return {
       entryPoint: path.join(mainPkgPath, cand),

libs/native-federation-esbuild/src/lib/adapter.ts

@@ -1,6 +1,7 @@
 import {
   BuildAdapter,
   BuildAdapterOptions,
+  logger,
 } from '@softarc/native-federation/build';
 import * as esbuild from 'esbuild';
 import { rollup } from 'rollup';
@@ -23,7 +24,7 @@ export interface EsBuildAdapterConfig {
 
 export function createEsBuildAdapter(config: EsBuildAdapterConfig) {
   return async (options: BuildAdapterOptions) => {
-    const { entryPoint, external, outfile } = options;
+    const { entryPoint, external, outfile, watch } = options;
 
     const isPkg = entryPoint.includes('node_modules');
     const pkgName = isPkg ? inferePkgName(entryPoint) : '';
@@ -40,6 +41,17 @@ export function createEsBuildAdapter(config: EsBuildAdapterConfig) {
       bundle: true,
       sourcemap: true,
       minify: true,
+      watch: !watch
+        ? false
+        : {
+            onRebuild: (err) => {
+              if (err) {
+                logger.error('Error rebuilding ' + entryPoint);
+              } else {
+                logger.info('Rebuilt ' + entryPoint);
+              }
+            },
+          },
       format: 'esm',
       target: ['esnext'],
       plugins: [...config.plugins],

libs/native-federation/src/builders/build/builder.ts

@@ -40,6 +40,7 @@ export async function runBuilder(
     federationConfig: infereConfigPath(options.tsConfig),
     tsConfig: options.tsConfig,
     verbose: options.verbose,
+    watch: options.watch,
   };
 
   const config = await loadFederationConfig(fedOptions);

libs/native-federation/src/utils/angular-esbuild-adapter.ts

@@ -11,13 +11,27 @@ import * as fs from 'fs';
 import { PluginItem, transformAsync } from '@babel/core';
 
 export const AngularEsBuildAdapter: BuildAdapter = async (options) => {
-  const { entryPoint, tsConfigPath, external, outfile, mappedPaths, kind } =
-    options;
+  const {
+    entryPoint,
+    tsConfigPath,
+    external,
+    outfile,
+    mappedPaths,
+    kind,
+    watch,
+  } = options;
 
   if (kind === 'shared-package') {
     await runRollup(entryPoint, external, outfile);
   } else {
-    await runEsbuild(entryPoint, external, outfile, tsConfigPath, mappedPaths);
+    await runEsbuild(
+      entryPoint,
+      external,
+      outfile,
+      tsConfigPath,
+      mappedPaths,
+      watch
+    );
   }
   if (kind === 'shared-package' && fs.existsSync(outfile)) {
     await link(outfile);
@@ -65,6 +79,7 @@ async function runEsbuild(
   outfile: string,
   tsConfigPath: string,
   mappedPaths: MappedPath[],
+  watch?: boolean,
   plugins: esbuild.Plugin[] | null = null,
   absWorkingDir: string | undefined = undefined,
   logLevel: esbuild.LogLevel = 'warning'
@@ -75,6 +90,7 @@ async function runEsbuild(
     external,
     outfile,
     logLevel,
+    watch: !!watch,
     bundle: true,
     sourcemap: true,
     minify: true,