chore: clean up package.json

Author: manfredsteyer

.vscode/settings.json

@@ -22,9 +22,7 @@
     "commandCenter.border": "#e7e7e799"
   },
   "peacock.color": "#832561",
-  "eslint.validate": [
-    "json"
-  ],
+  "eslint.validate": ["json"],
   "files.exclude": {
     "**/.git": true,
     "**/.svn": true,

libs/mf-runtime/src/lib/loader/dynamic-federation.ts

@@ -164,8 +164,13 @@ export type LoadRemoteModuleManifestOptions = {
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-export async function loadRemoteModule<T = any>(remoteName: string, exposedModule: string): Promise<T>;
-export async function loadRemoteModule<T = any>(options: LoadRemoteModuleOptions): Promise<T>
+export async function loadRemoteModule<T = any>(
+  remoteName: string,
+  exposedModule: string
+): Promise<T>;
+export async function loadRemoteModule<T = any>(
+  options: LoadRemoteModuleOptions
+): Promise<T>;
 export async function loadRemoteModule<T = any>(
   optionsOrRemoteName: LoadRemoteModuleOptions | string,
   exposedModule?: string
@@ -179,10 +184,9 @@ export async function loadRemoteModule<T = any>(
     options = {
       type: 'manifest',
       remoteName: optionsOrRemoteName,
-      exposedModule: exposedModule
-    }
-  }
-  else {
+      exposedModule: exposedModule,
+    };
+  } else {
     options = optionsOrRemoteName;
   }
 
@@ -246,11 +250,13 @@ export function getManifest<T extends Manifest>(): T {
   return config as T;
 }
 
-export async function initFederation(manifest: string | ManifestFile, skipRemoteEntries = false): Promise<void> {
+export async function initFederation(
+  manifest: string | ManifestFile,
+  skipRemoteEntries = false
+): Promise<void> {
   if (typeof manifest === 'string') {
     return loadManifest(manifest, skipRemoteEntries);
-  }
-  else {
+  } else {
     return setManifest(manifest, skipRemoteEntries);
   }
 }

libs/mf-tools/src/lib/web-components/router-utils.ts

@@ -21,20 +21,18 @@ export function endsWith(prefix: string): UrlMatcher {
 }
 
 export function connectRouter(router: Router, useHash = false): void {
-
-    let url: string;
-    if (!useHash) {
-        url = `${location.pathname.substring(1)}${location.search}`;
-        router.navigateByUrl(url);
-        window.addEventListener('popstate', () => {
-            router.navigateByUrl(url);
-        });
-    }
-    else {
-        url = `${location.hash.substring(1)}${location.search}`;
-        router.navigateByUrl(url);
-        window.addEventListener('hashchange', () => {
-            router.navigateByUrl(url);
-        });
-    }
+  let url: string;
+  if (!useHash) {
+    url = `${location.pathname.substring(1)}${location.search}`;
+    router.navigateByUrl(url);
+    window.addEventListener('popstate', () => {
+      router.navigateByUrl(url);
+    });
+  } else {
+    url = `${location.hash.substring(1)}${location.search}`;
+    router.navigateByUrl(url);
+    window.addEventListener('hashchange', () => {
+      router.navigateByUrl(url);
+    });
+  }
 }

libs/mf/src/server/colors.ts

@@ -1,6 +1,6 @@
-import crypt = require("crypto");
-import chalk = require("chalk");
-import wordWrap = require("word-wrap");
+import crypt = require('crypto');
+import chalk = require('chalk');
+import wordWrap = require('word-wrap');
 
 function correctColor(color: string): string {
   let result = '';
@@ -23,19 +23,21 @@ function correctColor(color: string): string {
   return result;
 }
 
-export function print(prefix: string, prefixSize: number, message: string, error = false): void {
-    
-  const hash = crypt.createHash("sha256")
-        .update(prefix)
-        .digest("hex");
-    
-    const color = '#' + correctColor(hash.substring(6,12));
-    
-    prefix = prefix.padEnd(prefixSize);
-
-    if (message.endsWith('\n')) {
-        message = message.substring(0, message.length-1);
-    }
+export function print(
+  prefix: string,
+  prefixSize: number,
+  message: string,
+  error = false
+): void {
+  const hash = crypt.createHash('sha256').update(prefix).digest('hex');
+
+  const color = '#' + correctColor(hash.substring(6, 12));
+
+  prefix = prefix.padEnd(prefixSize);
+
+  if (message.endsWith('\n')) {
+    message = message.substring(0, message.length - 1);
+  }
 
   const coloredPrefix = chalk.hex(color)(prefix) + ' | ';
   const lines = message.split('\n');

libs/mf/src/server/workspace.ts

@@ -63,18 +63,17 @@ export function readWorkspaceDef(): WorkspaceDef {
 
 function toCliWorkspaceDef(def: NxOrCliWorkspaceDef): WorkspaceDef {
   const result: WorkspaceDef = { projects: {} };
-  for(const key in def.projects) {
+  for (const key in def.projects) {
     const project = def.projects[key];
 
     if (typeof project === 'string') {
       const def = path.join(project, 'project.json');
       result.projects[key] = loadProjectDef(def);
-    }
-    else {
+    } else {
       result.projects[key] = project;
     }
   }
-  return result; 
+  return result;
 }
 
 export function readProjectInfos(): ProjectInfo[] {
@@ -100,9 +99,9 @@ function loadProjectDef(projectDef: string): Project {
       def.architect = def.targets;
     }
     return def;
-  }
-  catch {
-    throw new Error(`File ${projectDef} not found. Please start this command from your workspace root.`);
+  } catch {
+    throw new Error(
+      `File ${projectDef} not found. Please start this command from your workspace root.`
+    );
   }
 }
-

libs/mf/src/utils/share-utils.ts

@@ -133,9 +133,8 @@ function getSecondaries(
   packagePath: string,
   key: string,
   shareObject: SharedConfig,
-  exclude = [...DEFAULT_SECONARIES_SKIP_LIST],
+  exclude = [...DEFAULT_SECONARIES_SKIP_LIST]
 ): Record<string, SharedConfig> {
-
   if (typeof includeSecondaries === 'object') {
     if (Array.isArray(includeSecondaries.skip)) {
       exclude = includeSecondaries.skip;
@@ -244,10 +243,10 @@ export function setInferVersion(infer: boolean): void {
 }
 
 export function share(
-  shareObjects: Config, 
+  shareObjects: Config,
   packageJsonPath = '',
-  skip: string[] = DEFAULT_SECONARIES_SKIP_LIST): Config {
-
+  skip: string[] = DEFAULT_SECONARIES_SKIP_LIST
+): Config {
   if (!packageJsonPath) {
     packageJsonPath = cwd();
   }
@@ -288,7 +287,7 @@ export function share(
         packagePath,
         key,
         shareObject,
-        skip,
+        skip
       );
       addSecondaries(secondaries, result);
     }

libs/mf/src/utils/with-mf-plugin.ts

@@ -1,4 +1,9 @@
-import { DEFAULT_SECONARIES_SKIP_LIST, DEFAULT_SKIP_LIST, findRootTsConfigJson, shareAll } from './share-utils';
+import {
+  DEFAULT_SECONARIES_SKIP_LIST,
+  DEFAULT_SKIP_LIST,
+  findRootTsConfigJson,
+  shareAll,
+} from './share-utils';
 import { SharedMappings } from './shared-mappings';
 import { ModifyEntryPlugin } from './modify-entry-plugin';
 
@@ -9,15 +14,15 @@ export function withModuleFederationPlugin(config: unknown) {
   delete config['sharedMappings'];
 
   const skip = [
-    ...DEFAULT_SKIP_LIST, 
+    ...DEFAULT_SKIP_LIST,
     ...DEFAULT_SECONARIES_SKIP_LIST,
-    ...(config['skip'] || [])
+    ...(config['skip'] || []),
   ];
 
   delete config['skip'];
 
   if (sharedMappings) {
-    sharedMappings.filter(m => !skip.includes(m));
+    sharedMappings.filter((m) => !skip.includes(m));
   }
 
   const mappings = new SharedMappings();
@@ -57,7 +62,11 @@ export function withModuleFederationPlugin(config: unknown) {
   };
 }
 
-function setDefaults(config: unknown, mappings: SharedMappings, skip: string[]) {
+function setDefaults(
+  config: unknown,
+  mappings: SharedMappings,
+  skip: string[]
+) {
   if (!config['library']) {
     config['library'] = {
       type: 'module',
@@ -69,11 +78,14 @@ function setDefaults(config: unknown, mappings: SharedMappings, skip: string[])
   }
 
   if (!config['shared']) {
-    config['shared'] = shareAll({
-      singleton: true,
-      strictVersion: true,
-      requiredVersion: 'auto',
-    }, skip);
+    config['shared'] = shareAll(
+      {
+        singleton: true,
+        strictVersion: true,
+        requiredVersion: 'auto',
+      },
+      skip
+    );
   }
 
   if (typeof config['shared'] === 'object') {

libs/native-federation-core/README.md

@@ -326,35 +326,35 @@ To make the polyfill to load your EcmaScript modules (bundles) in shim mode, ass
 
 ## React and Other CommonJS Libs
 
-Native Federation uses Web Standards like EcmaScript Modules. Most libs and frameworks support them meanwhile. Unfortunately, React still uses CommonJS (und UMD). We do our best to convert these libs to EcmaScript Modules. In the case of React there are some challenges due to the dynamic way the React bundles use the ``exports`` object. 
+Native Federation uses Web Standards like EcmaScript Modules. Most libs and frameworks support them meanwhile. Unfortunately, React still uses CommonJS (und UMD). We do our best to convert these libs to EcmaScript Modules. In the case of React there are some challenges due to the dynamic way the React bundles use the `exports` object.
 
-As the community is moving to EcmaScrpt Modules, we expect that these issues will vanish over time. In between, we provide some solutions for dealing with CommonJS-based libraries using ``exports`` in a dynamic way.
+As the community is moving to EcmaScrpt Modules, we expect that these issues will vanish over time. In between, we provide some solutions for dealing with CommonJS-based libraries using `exports` in a dynamic way.
 
-One of them is ``fileReplacemnts``:
+One of them is `fileReplacemnts`:
 
 ```javascript
 import { reactReplacements } from '@softarc/native-federation-esbuild/src/lib/react-replacements';
 import { createEsBuildAdapter } from '@softarc/native-federation-esbuild';
 
 [...]
 
-createEsBuildAdapter({ 
+createEsBuildAdapter({
   plugins: [],
   fileReplacements: reactReplacements.prod
 })
 ```
 
-Please note that the adapter comes with ``fileReplacements`` settings for React for both, ``dev`` mode and ``prod`` mode. For similar libraries you can add your own replacements. Also, using the ``compensateExports`` property, you can activate some additional logic for such libraries to make sure the exports are not lost 
+Please note that the adapter comes with `fileReplacements` settings for React for both, `dev` mode and `prod` mode. For similar libraries you can add your own replacements. Also, using the `compensateExports` property, you can activate some additional logic for such libraries to make sure the exports are not lost
 
 ```javascript
-createEsBuildAdapter({ 
+createEsBuildAdapter({
   plugins: [],
   fileReplacements: reactReplacements.prod,
-  compensateExports: [new RegExp('/my-lib/')]
-})
+  compensateExports: [new RegExp('/my-lib/')],
+});
 ```
 
-The default value for ``compensateExports`` is ``[new RegExp('/react/')]``.
+The default value for `compensateExports` is `[new RegExp('/react/')]`.
 
 ## More: Blog Articles
 

libs/native-federation-core/src/lib/config/configuration-context.ts

@@ -6,14 +6,13 @@ export interface ConfigurationContext {
 let _context: ConfigurationContext = {};
 
 export function useWorkspace(workspaceRoot: string): void {
-  _context = {..._context, workspaceRoot};
+  _context = { ..._context, workspaceRoot };
 }
 
 export function usePackageJson(packageJson?: string): void {
-  _context = {..._context, packageJson};
+  _context = { ..._context, packageJson };
 }
 
-
 export function getConfigContext(): ConfigurationContext {
   return _context;
 }