@nf-beta/angular 0.0.1 → 0.0.3

package/src/utils/create-awaitable-compiler-plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-awaitable-compiler-plugin.d.ts","sourceRoot":"","sources":["../../../src/utils/create-awaitable-compiler-plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,OAAO,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,KAAK,0BAA0B,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAE1E,wBAAgB,6BAA6B,CAC3C,aAAa,EAAE,0BAA0B,CAAC,CAAC,CAAC,EAC5C,YAAY,EAAE,0BAA0B,CAAC,CAAC,CAAC,GAC1C,CAAC,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CA+BjC"}

package/src/utils/create-awaitable-compiler-plugin.js

@@ -0,0 +1,29 @@
+import { createCompilerPlugin } from '@angular/build/private';
+export function createAwaitableCompilerPlugin(pluginOptions, styleOptions) {
+    const originalPlugin = createCompilerPlugin(pluginOptions, styleOptions);
+    let resolveDispose;
+    const onDisposePromise = new Promise(resolve => {
+        resolveDispose = resolve;
+    });
+    const wrappedPlugin = {
+        ...originalPlugin,
+        setup(build) {
+            // Wrap the build object to intercept onDispose
+            const wrappedBuild = new Proxy(build, {
+                get(target, prop) {
+                    if (prop === 'onDispose') {
+                        return (callback) => {
+                            return target.onDispose(() => {
+                                callback();
+                                resolveDispose();
+                            });
+                        };
+                    }
+                    return target[prop];
+                },
+            });
+            return originalPlugin.setup(wrappedBuild);
+        },
+    };
+    return [wrappedPlugin, onDisposePromise];
+}

package/src/utils/create-compiler-options.d.ts

@@ -0,0 +1,5 @@
+export declare function createCompilerPluginOptions(options: any, target: string[], sourceFileCache?: any): {
+    pluginOptions: any[0];
+    styleOptions: any[1];
+};
+//# sourceMappingURL=create-compiler-options.d.ts.map

package/src/utils/create-compiler-options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-compiler-options.d.ts","sourceRoot":"","sources":["../../../src/utils/create-compiler-options.ts"],"names":[],"mappings":"AAGA,wBAAgB,2BAA2B,CACzC,OAAO,EAAE,GAAG,EACZ,MAAM,EAAE,MAAM,EAAE,EAChB,eAAe,CAAC,EAAE,GAAG,GACpB;IACD,aAAa,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IACtB,YAAY,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;CACtB,CA0DA"}

package/src/utils/create-compiler-options.js

@@ -0,0 +1,42 @@
+// Taken from https://github.com/angular/angular-cli/blob/main/packages/angular/build/src/tools/esbuild/compiler-plugin-options.ts
+// Currently, this type cannot be accessed from the outside
+export function createCompilerPluginOptions(options, target, sourceFileCache) {
+    const { workspaceRoot, optimizationOptions, sourcemapOptions, tsconfig, outputNames, fileReplacements, externalDependencies, preserveSymlinks, stylePreprocessorOptions, advancedOptimizations, inlineStyleLanguage, jit, cacheOptions, tailwindConfiguration, postcssConfiguration, publicPath, } = options;
+    return {
+        // JS/TS options
+        pluginOptions: {
+            sourcemap: !!sourcemapOptions.scripts &&
+                (sourcemapOptions.hidden ? 'external' : true),
+            thirdPartySourcemaps: sourcemapOptions.vendor,
+            tsconfig,
+            jit,
+            advancedOptimizations,
+            fileReplacements,
+            sourceFileCache,
+            loadResultCache: sourceFileCache?.loadResultCache,
+            incremental: !!options.watch,
+        },
+        // Component stylesheet options
+        styleOptions: {
+            workspaceRoot,
+            inlineFonts: !!optimizationOptions.fonts.inline,
+            optimization: !!optimizationOptions.styles.minify,
+            sourcemap: 
+            // Hidden component stylesheet sourcemaps are inaccessible which is effectively
+            // the same as being disabled. Disabling has the advantage of avoiding the overhead
+            // of sourcemap processing.
+            sourcemapOptions.styles && !sourcemapOptions.hidden ? 'linked' : false,
+            outputNames,
+            includePaths: stylePreprocessorOptions?.includePaths,
+            sass: stylePreprocessorOptions?.sass,
+            externalDependencies,
+            target,
+            inlineStyleLanguage,
+            preserveSymlinks,
+            tailwindConfiguration,
+            postcssConfiguration,
+            cacheOptions,
+            publicPath,
+        },
+    };
+}

package/src/utils/event-source.d.ts

@@ -0,0 +1,10 @@
+export type EventHandler = () => Promise<void>;
+export interface EventSource {
+    register(handler: EventHandler): void;
+}
+export declare class EventHub implements EventSource {
+    private handlers;
+    register(handler: EventHandler): void;
+    emit(): Promise<void>;
+}
+//# sourceMappingURL=event-source.d.ts.map

package/src/utils/event-source.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"event-source.d.ts","sourceRoot":"","sources":["../../../src/utils/event-source.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;AAE/C,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,OAAO,EAAE,YAAY,GAAG,IAAI,CAAC;CACvC;AAED,qBAAa,QAAS,YAAW,WAAW;IAC1C,OAAO,CAAC,QAAQ,CAAsB;IAEtC,QAAQ,CAAC,OAAO,EAAE,YAAY,GAAG,IAAI;IAI/B,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;CAI5B"}

package/src/utils/event-source.js

@@ -0,0 +1,10 @@
+export class EventHub {
+    handlers = [];
+    register(handler) {
+        this.handlers.push(handler);
+    }
+    async emit() {
+        const promises = this.handlers.map((h) => h());
+        await Promise.all(promises);
+    }
+}

package/src/utils/i18n.d.ts

@@ -0,0 +1,23 @@
+import type { BuilderContext } from '@angular-devkit/architect';
+import type { FederationInfo } from '@nf-beta/runtime';
+export type WorkspaceConfig = {
+    i18n?: I18nConfig;
+};
+export type LocaleTranslation = string | string[];
+export type LocaleObject = {
+    translation: LocaleTranslation;
+    baseHref?: string;
+    subPath?: string;
+};
+export type I18nConfig = {
+    sourceLocale: string | SourceLocaleObject;
+    locales: Record<string, LocaleTranslation | LocaleObject>;
+};
+export type SourceLocaleObject = {
+    code: string;
+    baseHref?: string;
+    subPath?: string;
+};
+export declare function getI18nConfig(context: BuilderContext): Promise<I18nConfig | undefined>;
+export declare function translateFederationArtefacts(i18n: I18nConfig, localize: boolean | string[], outputPath: string, federationResult: FederationInfo): Promise<void>;
+//# sourceMappingURL=i18n.d.ts.map

package/src/utils/i18n.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../../src/utils/i18n.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAKhE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC;AAElD,MAAM,MAAM,YAAY,GAAG;IACzB,WAAW,EAAE,iBAAiB,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,YAAY,EAAE,MAAM,GAAG,kBAAkB,CAAC;IAC1C,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,GAAG,YAAY,CAAC,CAAC;CAC3D,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,wBAAsB,aAAa,CAAC,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC,UAAU,GAAG,SAAS,CAAC,CAO5F;AAED,wBAAsB,4BAA4B,CAChD,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAE,OAAO,GAAG,MAAM,EAAE,EAC5B,UAAU,EAAE,MAAM,EAClB,gBAAgB,EAAE,cAAc,iBAgDjC"}

package/src/utils/i18n.js

@@ -0,0 +1,61 @@
+import { logger } from '@nf-beta/core/build';
+import { execSync } from 'child_process';
+import path from 'path';
+import fs from 'fs';
+export async function getI18nConfig(context) {
+    const workspaceConfig = (await context.getProjectMetadata(context.target?.project || ''));
+    const i18nConfig = workspaceConfig?.i18n;
+    return i18nConfig;
+}
+export async function translateFederationArtefacts(i18n, localize, outputPath, federationResult) {
+    const neededLocales = Array.isArray(localize) ? localize : Object.keys(i18n.locales);
+    const locales = Object.keys(i18n.locales).filter(locale => neededLocales.includes(locale));
+    if (locales.length === 0) {
+        return;
+    }
+    logger.info('Writing Translations');
+    const translationFiles = locales
+        .map(loc => i18n.locales[loc])
+        .map(config => typeof config === 'string' || Array.isArray(config) ? config : config.translation)
+        .map(files => JSON.stringify(files))
+        .join(' ');
+    const targetLocales = locales.join(' ');
+    const sourceLocale = typeof i18n.sourceLocale === 'string' ? i18n.sourceLocale : i18n.sourceLocale.code;
+    const translationOutPath = path.join(outputPath, 'browser', '{{LOCALE}}');
+    const federationFiles = [
+        ...federationResult.shared.map(s => s.outFileName),
+        ...federationResult.exposes.map(e => e.outFileName),
+    ];
+    // Here, we use a glob with an exhaustive list i/o `"*.js"`
+    // to improve performance
+    const sourcePattern = '{' + federationFiles.join(',') + '}';
+    const sourceLocalePath = path.join(outputPath, 'browser', sourceLocale);
+    const localizeTranslate = path.resolve('node_modules/.bin/localize-translate');
+    const cmd = `${localizeTranslate} -r ${sourceLocalePath} -s "${sourcePattern}" -t ${translationFiles} -o ${translationOutPath} --target-locales ${targetLocales} -l ${sourceLocale}`;
+    ensureDistFolders(locales, outputPath);
+    copyRemoteEntry(locales, outputPath, sourceLocalePath);
+    logger.debug('Running: ' + cmd);
+    execCommand(cmd, 'Successfully translated');
+}
+function execCommand(cmd, defaultSuccessInfo) {
+    try {
+        const output = execSync(cmd);
+        logger.info(output.toString() || defaultSuccessInfo);
+    }
+    catch (error) {
+        logger.error(error.message);
+    }
+}
+function copyRemoteEntry(locales, outputPath, sourceLocalePath) {
+    const remoteEntry = path.join(sourceLocalePath, 'remoteEntry.json');
+    for (const locale of locales) {
+        const localePath = path.join(outputPath, 'browser', locale, 'remoteEntry.json');
+        fs.copyFileSync(remoteEntry, localePath);
+    }
+}
+function ensureDistFolders(locales, outputPath) {
+    for (const locale of locales) {
+        const localePath = path.join(outputPath, 'browser', locale);
+        fs.mkdirSync(localePath, { recursive: true });
+    }
+}

package/src/utils/mem-resuts.d.ts

@@ -0,0 +1,29 @@
+import type { OutputFile } from 'esbuild';
+export interface BuildResult {
+    fileName: string;
+    get(): Uint8Array | Buffer;
+}
+export declare class EsBuildResult implements BuildResult {
+    private outputFile;
+    private fullOutDir?;
+    get fileName(): string;
+    constructor(outputFile: OutputFile, fullOutDir?: string | undefined);
+    get(): Uint8Array;
+}
+export interface NgCliAssetFile {
+    source: string;
+    destination: string;
+}
+export declare class NgCliAssetResult implements BuildResult {
+    get fileName(): string;
+    private file;
+    constructor(assetFile: NgCliAssetFile);
+    get(): Buffer;
+}
+export declare class MemResults {
+    private map;
+    add(result: BuildResult[]): void;
+    get(fileName: string): BuildResult | undefined;
+    getFileNames(): string[];
+}
+//# sourceMappingURL=mem-resuts.d.ts.map

package/src/utils/mem-resuts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mem-resuts.d.ts","sourceRoot":"","sources":["../../../src/utils/mem-resuts.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAI1C,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,IAAI,UAAU,GAAG,MAAM,CAAC;CAC5B;AAED,qBAAa,aAAc,YAAW,WAAW;IASnC,OAAO,CAAC,UAAU;IAAc,OAAO,CAAC,UAAU,CAAC;IAR/D,IAAI,QAAQ,WAMX;gBAEmB,UAAU,EAAE,UAAU,EAAU,UAAU,CAAC,EAAE,MAAM,YAAA;IAEvE,GAAG,IAAI,UAAU;CAGlB;AAED,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,qBAAa,gBAAiB,YAAW,WAAW;IAClD,IAAW,QAAQ,IAAI,MAAM,CAE5B;IAED,OAAO,CAAC,IAAI,CAAiB;gBAEjB,SAAS,EAAE,cAAc;IAIrC,GAAG,IAAI,MAAM;CAGd;AAED,qBAAa,UAAU;IACrB,OAAO,CAAC,GAAG,CAAkC;IAEtC,GAAG,CAAC,MAAM,EAAE,WAAW,EAAE,GAAG,IAAI;IAMhC,GAAG,CAAC,QAAQ,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS;IAI9C,YAAY,IAAI,MAAM,EAAE;CAGhC"}

package/src/utils/mem-resuts.js

@@ -0,0 +1,50 @@
+import * as fs from 'fs';
+import * as path from 'path';
+export class EsBuildResult {
+    outputFile;
+    fullOutDir;
+    get fileName() {
+        if (this.fullOutDir) {
+            return unify(path.relative(this.fullOutDir, this.outputFile.path));
+        }
+        else {
+            return unify(this.outputFile.path);
+        }
+    }
+    constructor(outputFile, fullOutDir) {
+        this.outputFile = outputFile;
+        this.fullOutDir = fullOutDir;
+    }
+    get() {
+        return this.outputFile.contents;
+    }
+}
+export class NgCliAssetResult {
+    get fileName() {
+        return unify(this.file.destination);
+    }
+    file;
+    constructor(assetFile) {
+        this.file = assetFile;
+    }
+    get() {
+        return fs.readFileSync(this.file.source);
+    }
+}
+export class MemResults {
+    map = new Map();
+    add(result) {
+        for (const file of result) {
+            this.map.set(file.fileName, file);
+        }
+    }
+    get(fileName) {
+        return this.map.get(fileName);
+    }
+    getFileNames() {
+        return [...this.map.keys()];
+    }
+}
+function unify(path) {
+    return path?.replace(/\\/g, '/');
+}

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

@@ -0,0 +1,4 @@
+export declare const privateEntrySrc = "\nexports = require('./src/private.js');\n";
+export declare function patchAngularBuildPackageJson(packageJson: any): void;
+export declare function patchAngularBuild(workspaceRoot: string): void;
+//# sourceMappingURL=patch-angular-build.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"patch-angular-build.d.ts","sourceRoot":"","sources":["../../../src/utils/patch-angular-build.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,+CAE3B,CAAC;AAEF,wBAAgB,4BAA4B,CAAC,WAAW,EAAE,GAAG,GAAG,IAAI,CAcnE;AAED,wBAAgB,iBAAiB,CAAC,aAAa,EAAE,MAAM,GAAG,IAAI,CAiB7D"}

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

@@ -0,0 +1,29 @@
+import * as path from 'path';
+import * as fs from 'fs';
+export const privateEntrySrc = `
+exports = require('./src/private.js');
+`;
+export function patchAngularBuildPackageJson(packageJson) {
+    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) {
+    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.d.ts

@@ -0,0 +1,8 @@
+import { EventHub, type EventSource } from './event-source.js';
+export interface RebuildEvents {
+    readonly rebuild: EventSource;
+}
+export declare class RebuildHubs implements RebuildEvents {
+    readonly rebuild: EventHub;
+}
+//# sourceMappingURL=rebuild-events.d.ts.map

package/src/utils/rebuild-events.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rebuild-events.d.ts","sourceRoot":"","sources":["../../../src/utils/rebuild-events.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAE/D,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC;CAC/B;AAED,qBAAa,WAAY,YAAW,aAAa;IAC/C,QAAQ,CAAC,OAAO,WAAkB;CACnC"}

package/src/utils/rebuild-events.js

@@ -0,0 +1,4 @@
+import { EventHub } from './event-source.js';
+export class RebuildHubs {
+    rebuild = new EventHub();
+}

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

@@ -0,0 +1,4 @@
+import type { Plugin } from 'esbuild';
+import type { MappedPath } from '@nf-beta/core/build';
+export declare function createSharedMappingsPlugin(mappedPaths: MappedPath[]): Plugin;
+//# sourceMappingURL=shared-mappings-plugin.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shared-mappings-plugin.d.ts","sourceRoot":"","sources":["../../../src/utils/shared-mappings-plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAe,MAAM,SAAS,CAAC;AAEnD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEtD,wBAAgB,0BAA0B,CAAC,WAAW,EAAE,UAAU,EAAE,GAAG,MAAM,CA8B5E"}

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

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

package/src/utils/updateIndexHtml.d.ts

@@ -0,0 +1,5 @@
+import type { FederationOptions } from '@nf-beta/core/build';
+import type { NfBuilderSchema } from '../builders/build/schema.js';
+export declare function updateIndexHtml(fedOptions: FederationOptions, nfOptions: NfBuilderSchema): void;
+export declare function updateScriptTags(indexContent: string, nfOptions: NfBuilderSchema): string;
+//# sourceMappingURL=updateIndexHtml.d.ts.map

package/src/utils/updateIndexHtml.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"updateIndexHtml.d.ts","sourceRoot":"","sources":["../../../src/utils/updateIndexHtml.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAEnE,wBAAgB,eAAe,CAAC,UAAU,EAAE,iBAAiB,EAAE,SAAS,EAAE,eAAe,QAuBxF;AAED,wBAAgB,gBAAgB,CAAC,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,UAqBhF"}

package/src/utils/updateIndexHtml.js

@@ -0,0 +1,34 @@
+import * as path from 'path';
+import * as fs from 'fs';
+export function updateIndexHtml(fedOptions, nfOptions) {
+    const outputPath = path.join(fedOptions.workspaceRoot, fedOptions.outputPath);
+    const indexPathCands = [
+        path.join(outputPath, '../server/index.server.html'),
+        path.join(outputPath, 'index.html'),
+    ];
+    const indexPath = indexPathCands.find(c => fs.existsSync(c));
+    if (!indexPath) {
+        console.error('No index.html found! Searched locations: ', indexPathCands.join(', '));
+        return;
+    }
+    // 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, nfOptions);
+    fs.writeFileSync(indexPath, indexContent, 'utf-8');
+}
+export function updateScriptTags(indexContent, nfOptions) {
+    const esmsOptions = {
+        shimMode: true,
+        ...nfOptions.esmsInitOptions,
+    };
+    const htmlFragment = `
+<script type="esms-options">${JSON.stringify(esmsOptions)}</script>
+`;
+    indexContent = indexContent.replace(/<script\s+src="([^"]*polyfills[^"]*)"[^>]*><\/script>/, '<script type="module" src="$1"></script>');
+    indexContent = indexContent.replace(/<script\s+src="([^"]*main[^"]*)"[^>]*><\/script>/, '<script type="module-shim" src="$1"></script>');
+    indexContent = indexContent.replace(/(<body.*?>)/, `$1\n\t\t${htmlFragment}`);
+    return indexContent;
+}