feat(nf): Add dev mode with dev-server

Author: manfredsteyer

.verdaccio/config.yml

@@ -0,0 +1,28 @@
+# path to a directory with all packages
+storage: ../tmp/local-registry/storage
+
+# a list of other known repositories we can talk to
+uplinks:
+  npmjs:
+    url: https://registry.npmjs.org/
+    maxage: 60m
+
+packages:
+  '**':
+    # give all users (including non-authenticated users) full access
+    # because it is a local registry
+    access: $all
+    publish: $all
+    unpublish: $all
+
+    # if package is not available locally, proxy requests to npm registry
+    proxy: npmjs
+
+# log settings
+logs:
+  type: stdout
+  format: pretty
+  level: warn
+
+publish:
+  allow_offline: true # set offline to true to allow publish offline

jest.config.ts

@@ -1,11 +1,5 @@
-const { getJestProjects } = require('@nrwl/jest');
+import { getJestProjects } from '@nx/jest';
 
 export default {
-  projects: [
-    ...getJestProjects(),
-    '<rootDir>/libs/mf',
-    '<rootDir>/libs/mf-runtime',
-    '<rootDir>/libs/mf-tools',
-    '<rootDir>/apps/playground',
-  ],
+  projects: getJestProjects(),
 };

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

@@ -0,0 +1,17 @@
+import { MappedPath } from '../utils/mapped-paths';
+export type BuildKind = 'shared-package' | 'shared-mapping' | 'exposed';
+export interface BuildAdapterOptions {
+    entryPoint: string;
+    tsConfigPath?: string;
+    external: Array<string>;
+    outfile: string;
+    mappedPaths: MappedPath[];
+    packageName?: string;
+    esm?: boolean;
+    dev?: boolean;
+    watch?: boolean;
+    kind: BuildKind;
+}
+export type BuildAdapter = (options: BuildAdapterOptions) => Promise<void>;
+export declare function setBuildAdapter(buildAdapter: BuildAdapter): void;
+export declare function getBuildAdapter(): BuildAdapter;

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

@@ -6,6 +6,8 @@ let _buildAdapter: BuildAdapter = async () => {
   logger.error('Please set a BuildAdapter!');
 };
 
+export type BuildKind = 'shared-package' | 'shared-mapping' | 'exposed';
+
 export interface BuildAdapterOptions {
   entryPoint: string;
   tsConfigPath?: string;
@@ -16,7 +18,7 @@ export interface BuildAdapterOptions {
   esm?: boolean;
   dev?: boolean;
   watch?: boolean;
-  kind: 'shared-package' | 'shared-mapping' | 'exposed';
+  kind: BuildKind;
 }
 
 export type BuildAdapter = (options: BuildAdapterOptions) => Promise<void>;

libs/native-federation-core/src/lib/core/build-adapter.js.map

@@ -46,4 +46,6 @@ export async function buildForFederation(
 
   writeFederationInfo(federationInfo, fedOptions);
   writeImportMap(sharedInfo, fedOptions);
+
+  return federationInfo;
 }

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

@@ -28,29 +28,13 @@ export async function bundleShared(
     ))
     .filter((pi) => !!pi) as PackageInfo[];
 
-  // logger.notice('Shared packages are only bundled once as they are cached');
-  // logger.notice(
-  //   'Make sure, you skip all unneeded packages in your federation.config.js!'
-  // );
-
-  // const federationConfigPath = path.join(
-  //   fedOptions.workspaceRoot,
-  //   fedOptions.federationConfig
-  // );
-
-  //const hash = hashFile(federationConfigPath);
-
   let first = true;
   for (const pi of packageInfos) {
-    // logger.info('Bundling shared package ' + pi.packageName);
 
     const encName = pi.packageName.replace(/[^A-Za-z0-9]/g, '_');
     const encVersion = pi.version.replace(/[^A-Za-z0-9]/g, '_');
 
-    const env = fedOptions.dev ? 'dev' : 'prod';
-
-    // const outFileName = `${encName}-${encVersion}-${hash}.js`;
-    const outFileName = `${encName}-${encVersion}-${env}.js`;
+    const outFileName = fedOptions.dev ? `${encName}-${encVersion}-dev.js` : `${encName}-${encVersion}.js`;
 
     const cachePath = path.join(
       fedOptions.workspaceRoot,
@@ -82,7 +66,7 @@ export async function bundleShared(
           mappedPaths: config.sharedMappings,
           packageName: pi.packageName,
           esm: pi.esm,
-          dev: !!fedOptions.dev,
+          dev: fedOptions.dev,
           kind: 'shared-package',
         });
       } catch (e) {

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

@@ -11,7 +11,7 @@ export const DEFAULT_SKIP_LIST: SkipList = [
   '@angular-architects/native-federation-runtime',
   'es-module-shims',
   'zone.js',
-  // 'tslib',
+  'tslib/',
   /\/schematics(\/|$)/,
   (pkg) => pkg.startsWith('@angular/') && !!pkg.match(/\/testing(\/|$)/),
   (pkg) => pkg.startsWith('@types/'),

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

@@ -1,3 +1,4 @@
+import { FederationInfo } from '@softarc/native-federation-runtime';
 import { getConfigContext, usePackageJson, useWorkspace } from '../config/configuration-context';
 import { NormalizedFederationConfig } from '../config/federation-config';
 import { BuildAdapter, setBuildAdapter } from './build-adapter';
@@ -14,6 +15,7 @@ export interface BuildHelperParams {
 let externals: string[] = [];
 let config: NormalizedFederationConfig;
 let fedOptions: FederationOptions;
+let fedInfo: FederationInfo;
 
 async function init(params: BuildHelperParams): Promise<void> {
   setBuildAdapter(params.adapter);
@@ -26,12 +28,15 @@ async function init(params: BuildHelperParams): Promise<void> {
 }
 
 async function build(buildParams = defaultBuildParams): Promise<void> {
-  await buildForFederation(config, fedOptions, externals, buildParams);
+  fedInfo = await buildForFederation(config, fedOptions, externals, buildParams);
 }
 
 export const federationBuilder = {
   init,
   build,
+  get federationInfo() {
+    return fedInfo;
+  },
   get externals(): string[] {
     return externals;
   },