@angular-architects/native-federation 18.2.0 → 18.2.2

package/src/utils/dev-server.ts

@@ -1,117 +0,0 @@
-import * as browserSync from 'browser-sync';
-import { NfBuilderSchema } from '../builders/build/schema';
-import { BuildResult, MemResults } from './mem-resuts';
-import { extname } from 'path';
-import { lookup } from 'mrmime';
-import { updateScriptTags } from './updateIndexHtml';
-
-let server: browserSync.BrowserSyncInstance;
-
-export function startServer(
-  options: NfBuilderSchema,
-  path: string,
-  memResults: MemResults
-): void {
-  const projectName = options.target.split(':')[0];
-
-  server = browserSync.create(projectName);
-
-  server.init({
-    port: options.port || 4200,
-    cors: true,
-    server: path,
-    notify: false,
-    single: true,
-    ui: false,
-    open: options.open,
-    middleware: [
-      function (req, res, next) {
-        const temp = req.url.startsWith('/') ? req.url.substring(1) : req.url;
-        const key =
-          temp.indexOf('?') > -1 ? temp.substring(0, temp.indexOf('?')) : temp;
-
-        const result = memResults.get(key);
-
-        if (result) {
-          const mimeType = lookup(extname(key)) || 'text/javascript';
-          const body = getBody(result, memResults, options);
-          res.writeHead(200, {
-            'Content-Type': mimeType,
-          });
-          res.end(body);
-        } else {
-          next();
-        }
-      },
-    ],
-  });
-}
-
-let buildError = '';
-
-export function setError(error: string): void {
-  buildError = error;
-}
-
-export function notifyServer(message: string): void {
-  server.notify(message);
-}
-
-export function reloadBrowser(): void {
-  if (!server) {
-    throw new Error('server is not started');
-  }
-  server.reload();
-}
-
-export function reloadShell(shellProjectName: string): void {
-  if (!server) {
-    throw new Error('server is not started');
-  }
-  if (!shellProjectName) {
-    return;
-  }
-  if (browserSync.has(shellProjectName)) {
-    const shellServer = browserSync.get(shellProjectName);
-    shellServer.reload();
-  }
-}
-
-function modifyIndexHtml(
-  content: string,
-  fileNames: string[],
-  nfOptions: NfBuilderSchema
-): string {
-  if (buildError) {
-    const errorHtml = `
-    <div style="position: absolute; filter: opacity(80%); top:0; bottom:0; left:0; right:0; padding:20px; background-color:black; color:white; ">
-      <h2>${buildError}</h2>
-    </div>
-  `;
-    content = errorHtml + content;
-  }
-
-  const mainName = fileNames.find(
-    (f) => f.startsWith('main.') && f.endsWith('.js')
-  );
-  const polyfillsName = fileNames.find(
-    (f) => f.startsWith('polyfills.') && f.endsWith('.js')
-  );
-
-  const index = updateScriptTags(content, mainName, polyfillsName, nfOptions);
-  return index;
-}
-
-function getBody(
-  result: BuildResult,
-  memResults: MemResults,
-  nfOptions: NfBuilderSchema
-): Uint8Array | Buffer | string {
-  const body = result.get();
-  if (result.fileName === 'index.html') {
-    const content = new TextDecoder().decode(body);
-    return modifyIndexHtml(content, memResults.getFileNames(), nfOptions);
-  } else {
-    return body;
-  }
-}

package/src/utils/event-sorce.ts

@@ -1,18 +0,0 @@
-export type EventHandler = () => Promise<void>;
-
-export interface EventSource {
-  register(handler: EventHandler): void;
-}
-
-export class EventHub implements EventSource {
-  private handlers: EventHandler[] = [];
-
-  register(handler: EventHandler): void {
-    this.handlers.push(handler);
-  }
-
-  async emit(): Promise<void> {
-    const promises = this.handlers.map((h) => h());
-    await Promise.all(promises);
-  }
-}

package/src/utils/mem-resuts.ts

@@ -1,67 +0,0 @@
-import { OutputFile } from 'esbuild';
-import * as fs from 'fs';
-import * as path from 'path';
-
-export interface BuildResult {
-  fileName: string;
-  get(): Uint8Array | Buffer;
-}
-
-export class EsBuildResult implements BuildResult {
-  get fileName() {
-    if (this.fullOutDir) {
-      return unify(path.relative(this.fullOutDir, this.outputFile.path));
-    } else {
-      return unify(this.outputFile.path);
-    }
-  }
-
-  constructor(private outputFile: OutputFile, private fullOutDir?: string) {}
-
-  get(): Uint8Array {
-    return this.outputFile.contents;
-  }
-}
-
-export interface NgCliAssetFile {
-  source: string;
-  destination: string;
-}
-
-export class NgCliAssetResult implements BuildResult {
-  public get fileName(): string {
-    return unify(this.file.destination);
-  }
-
-  private file: NgCliAssetFile;
-
-  constructor(private assetFile: NgCliAssetFile) {
-    this.file = assetFile;
-  }
-
-  get(): Buffer {
-    return fs.readFileSync(this.file.source);
-  }
-}
-
-export class MemResults {
-  private map = new Map<string, BuildResult>();
-
-  public add(result: BuildResult[]): void {
-    for (const file of result) {
-      this.map.set(file.fileName, file);
-    }
-  }
-
-  public get(fileName: string): BuildResult | undefined {
-    return this.map.get(fileName);
-  }
-
-  public getFileNames(): string[] {
-    return [...this.map.keys()];
-  }
-}
-
-function unify(path) {
-  return path?.replace(/\\/g, '/');
-}

package/src/utils/patch-angular-build.ts

@@ -1,47 +0,0 @@
-import * as path from 'path';
-import * as fs from 'fs';
-
-export const privateEntrySrc = `
-exports = require('./src/private.js');
-`;
-
-export function patchAngularBuildPackageJson(packageJson: unknown): void {
-  const exportsMap = packageJson['exports'];
-
-  if (!exportsMap) {
-    console.log('No need to patch @angular/build/package.json');
-    return;
-  }
-
-  packageJson['_exports'] = exportsMap;
-  delete packageJson['exports'];
-
-  packageJson['types'] = './src/index.d.ts';
-  packageJson['main'] = './src/index.js';
-  packageJson['module'] = './src/index.js';
-}
-
-export function patchAngularBuild(workspaceRoot: string): void {
-  const packagePath = path.join(
-    workspaceRoot,
-    'node_modules/@angular/build/package.json'
-  );
-
-  const privatePath = path.join(
-    workspaceRoot,
-    'node_modules/@angular/build/private.js'
-  );
-
-  if (!fs.existsSync(packagePath)) {
-    return;
-  }
-
-  const packageJson = JSON.parse(fs.readFileSync(packagePath, 'utf-8'));
-
-  patchAngularBuildPackageJson(packageJson);
-
-  fs.writeFileSync(packagePath, JSON.stringify(packageJson, null, 2));
-  fs.writeFileSync(privatePath, privateEntrySrc);
-
-  console.log('@angular/build/package.json patched');
-}

package/src/utils/rebuild-events.ts

@@ -1,9 +0,0 @@
-import { EventHub, EventSource } from './event-sorce';
-
-export interface RebuildEvents {
-  readonly rebuild: EventSource;
-}
-
-export class RebuildHubs implements RebuildEvents {
-  readonly rebuild = new EventHub();
-}

package/src/utils/shared-mappings-plugin.ts

@@ -1,35 +0,0 @@
-import { Plugin, PluginBuild } from 'esbuild';
-import * as path from 'path';
-import { MappedPath } from '@softarc/native-federation/build';
-
-export function createSharedMappingsPlugin(mappedPaths: MappedPath[]): Plugin {
-  return {
-    name: 'custom',
-    setup(build: PluginBuild) {
-      build.onResolve({ filter: /^[.]/ }, async (args) => {
-        let mappedPath: MappedPath | null = null;
-        let isSelf = false;
-
-        if (args.kind === 'import-statement') {
-          const importPath = path.join(args.resolveDir, args.path);
-          mappedPath = mappedPaths.find((p) =>
-            importPath.startsWith(path.dirname(p.path))
-          );
-        }
-
-        if (mappedPath) {
-          isSelf = args.importer.startsWith(path.dirname(mappedPath.path));
-        }
-
-        if (mappedPath && !isSelf) {
-          return {
-            path: mappedPath.key,
-            external: true,
-          };
-        }
-
-        return {};
-      });
-    },
-  };
-}

package/src/utils/updateIndexHtml.ts

@@ -1,55 +0,0 @@
-import * as path from 'path';
-import * as fs from 'fs';
-import { FederationOptions } from '@softarc/native-federation/build';
-import { NfBuilderSchema } from '../builders/build/schema';
-
-export function updateIndexHtml(
-  fedOptions: FederationOptions,
-  nfOptions: NfBuilderSchema
-) {
-  const outputPath = path.join(fedOptions.workspaceRoot, fedOptions.outputPath);
-  const indexPath = path.join(outputPath, 'index.html');
-  const mainName = fs
-    .readdirSync(outputPath)
-    .find((f) => f.startsWith('main') && f.endsWith('.js'));
-  const polyfillsName = fs
-    .readdirSync(outputPath)
-    .find((f) => f.startsWith('polyfills') && f.endsWith('.js'));
-
-  let indexContent = fs.readFileSync(indexPath, 'utf-8');
-
-  indexContent = updateScriptTags(
-    indexContent,
-    mainName,
-    polyfillsName,
-    nfOptions
-  );
-  fs.writeFileSync(indexPath, indexContent, 'utf-8');
-}
-
-export function updateScriptTags(
-  indexContent: string,
-  mainName: string,
-  polyfillsName: string,
-  nfOptions: NfBuilderSchema
-) {
-  const esmsOptions = {
-    shimMode: true,
-    ...nfOptions.esmsInitOptions,
-  };
-
-  const htmlFragment = `
-<script type="esms-options">${JSON.stringify(esmsOptions)}</script>
-
-<script type="module" src="${polyfillsName}"></script>
-<script type="module-shim" src="${mainName}"></script>
-`;
-
-  indexContent = indexContent.replace(
-    /<script src="polyfills.*?><\/script>/,
-    ''
-  );
-  indexContent = indexContent.replace(/<script src="main.*?><\/script>/, '');
-  indexContent = indexContent.replace('</body>', `${htmlFragment}</body>`);
-  return indexContent;
-}

package/tsconfig.json

@@ -1,23 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "module": "NodeNext",
-    "moduleResolution": "NodeNext",
-    "forceConsistentCasingInFileNames": true,
-    //        "strict": true,
-    "noImplicitOverride": true,
-    "noPropertyAccessFromIndexSignature": true,
-    //    "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true
-  },
-  "files": [],
-  "include": [],
-  "references": [
-    {
-      "path": "./tsconfig.lib.json"
-    },
-    {
-      "path": "./tsconfig.spec.json"
-    }
-  ]
-}

package/tsconfig.lib.json

@@ -1,11 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "composite": true,
-    "outDir": "../../dist/out-tsc",
-    "declaration": true,
-    "types": []
-  },
-  "include": ["**/*.ts"],
-  "exclude": ["jest.config.ts", "src/**/*.spec.ts", "src/**/*.test.ts"]
-}

package/tsconfig.spec.json

@@ -1,15 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "composite": true,
-    "outDir": "../../dist/out-tsc",
-    "module": "commonjs",
-    "types": ["jest", "node"]
-  },
-  "include": [
-    "jest.config.ts",
-    "src/**/*.test.ts",
-    "src/**/*.spec.ts",
-    "src/**/*.d.ts"
-  ]
-}