@nf-beta/angular 0.0.1 → 0.0.3

package/src/schematics/appbuilder/schematic.js

@@ -0,0 +1,83 @@
+import * as path from 'path';
+export default function remove(options) {
+    return async function (tree /*, context*/) {
+        const workspaceFileName = getWorkspaceFileName(tree);
+        const workspace = JSON.parse(tree.read(workspaceFileName).toString('utf8'));
+        const normalized = normalizeOptions(options, workspace);
+        updateWorkspaceConfig(tree, normalized, workspace, workspaceFileName);
+    };
+}
+function updateWorkspaceConfig(tree, options, workspace, workspaceFileName) {
+    const { projectConfig } = options;
+    if (!projectConfig?.architect?.build || !projectConfig?.architect?.serve) {
+        throw new Error(`The project doesn't have a build or serve target in angular.json!`);
+    }
+    if (projectConfig.architect.esbuild) {
+        projectConfig.architect.esbuild.builder = '@angular/build:application';
+        projectConfig.architect.esbuild.options.browser = projectConfig.architect.esbuild.options.main;
+        delete projectConfig.architect.esbuild.options.main;
+    }
+    if (projectConfig.architect['serve-original']) {
+        const target = projectConfig.architect['serve-original'];
+        if (target.configurations?.production) {
+            target.configurations.production.buildTarget =
+                target.configurations.production.buildTarget.replace(':build:', ':esbuild:');
+        }
+        if (target.configurations?.development) {
+            target.configurations.development.buildTarget =
+                target.configurations.development.buildTarget.replace(':build:', ':esbuild:');
+        }
+    }
+    if (projectConfig.architect.serve) {
+        const target = projectConfig.architect.serve;
+        target.options.target = target.options.target.replace(':esbuild:', ':serve-original:');
+        delete target.options.port;
+    }
+    tree.overwrite(workspaceFileName, JSON.stringify(workspace, null, '\t'));
+}
+function normalizeOptions(options, workspace) {
+    if (!options.project) {
+        options.project = workspace.defaultProject;
+    }
+    const projects = Object.keys(workspace.projects);
+    if (!options.project && projects.length === 0) {
+        throw new Error(`No default project found. Please specifiy a project name!`);
+    }
+    if (!options.project) {
+        console.log('Using first configured project as default project: ' + projects[0]);
+        options.project = projects[0];
+    }
+    const projectName = options.project;
+    const projectConfig = workspace.projects[projectName];
+    if (!projectConfig) {
+        throw new Error(`Project ${projectName} not found in angular.json.`);
+    }
+    const projectRoot = projectConfig.root?.replace(/\\/g, '/');
+    const projectSourceRoot = projectConfig.sourceRoot?.replace(/\\/g, '/');
+    const manifestPath = path
+        .join(projectRoot, 'src/assets/federation.manifest.json')
+        .replace(/\\/g, '/');
+    const main = projectConfig.architect.build.options.main;
+    if (!projectConfig.architect.build.options.polyfills) {
+        projectConfig.architect.build.options.polyfills = [];
+    }
+    const polyfills = projectConfig.architect.build.options.polyfills;
+    return {
+        polyfills,
+        projectName,
+        projectRoot,
+        projectSourceRoot,
+        manifestPath,
+        projectConfig,
+        main,
+    };
+}
+export function getWorkspaceFileName(tree) {
+    if (tree.exists('angular.json')) {
+        return 'angular.json';
+    }
+    if (tree.exists('workspace.json')) {
+        return 'workspace.json';
+    }
+    throw new Error("angular.json or workspace.json expected! Did you call this in your project's root?");
+}

package/src/schematics/init/files/federation.config.js__tmpl__

@@ -0,0 +1,33 @@
+const { withNativeFederation, shareAll } = require('@angular-architects/native-federation/config');
+
+module.exports = withNativeFederation({
+  name: '<%=project%>',
+
+<% if (type === 'remote') { %>
+
+  exposes: {
+    './Component': './<%=appComponentPath%>',
+  },
+<% } %>
+  shared: {
+    ...shareAll({ singleton: true, strictVersion: true, requiredVersion: 'auto' }),
+  },
+
+  skip: [
+    'rxjs/ajax',
+    'rxjs/fetch',
+    'rxjs/testing',
+    'rxjs/webSocket',
+    // Add further packages you don't need at runtime
+  ],
+
+  // Please read our FAQ about sharing libs:
+  // https://shorturl.at/jmzH0
+
+  features: {
+    // New feature for more performance and avoiding
+    // issues with node libs. Comment this out to
+    // get the traditional behavior:
+    ignoreUnusedDeps: true
+  }
+});

package/src/schematics/init/schema.d.ts

@@ -0,0 +1,6 @@
+export interface NfSchematicSchema {
+  project: string;
+  port: string;
+  nxBuilders: boolean | undefined;
+  type: 'host' | 'dynamic-host' | 'remote';
+}

package/src/schematics/init/schema.json

@@ -0,0 +1,34 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "mf",
+  "title": "",
+  "type": "object",
+  "properties": {
+    "project": {
+      "type": "string",
+      "description": "The project to add module federation",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      },
+      "x-prompt": "Project name (press enter for default project)"
+    },
+    "port": {
+      "type": "number",
+      "description": "The port to use for the federated module (remote, micro frontend, etc.)",
+      "$default": {
+        "$source": "argv",
+        "index": 1
+      }
+    },
+    "type": {
+      "enum": ["host", "dynamic-host", "remote"],
+      "type": "string",
+      "default": "remote"
+    },
+    "nxBuilders": {
+      "type": "boolean",
+      "description": "Use builders provided by Nx instead of ngx-build-plus? Defaults to true for Nx workspaces and false for CLI workspaces."
+    }
+  }
+}

package/src/schematics/init/schematic.d.ts

@@ -0,0 +1,7 @@
+import { type Rule, type Tree } from '@angular-devkit/schematics';
+import type { NfSchematicSchema } from './schema.js';
+export declare function updatePackageJson(tree: Tree): void;
+export default function config(options: NfSchematicSchema): Rule;
+export declare function patchAngularBuild(tree: Tree): void;
+export declare function getWorkspaceFileName(tree: Tree): string;
+//# sourceMappingURL=schematic.d.ts.map

package/src/schematics/init/schematic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.d.ts","sourceRoot":"","sources":["../../../../src/schematics/init/schematic.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,IAAI,EAET,KAAK,IAAI,EAEV,MAAM,4BAA4B,CAAC;AAIpC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AA+BrD,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CA0BlD;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,OAAO,EAAE,iBAAiB,GAAG,IAAI,CAoG/D;AAUD,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,IAAI,QAiB3C;AA0WD,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAUvD"}

package/src/schematics/init/schematic.js

@@ -0,0 +1,422 @@
+import { apply, chain, mergeWith, move, noop, template, url, } from '@angular-devkit/schematics';
+import { strings } from '@angular-devkit/core';
+import { NodePackageInstallTask } from '@angular-devkit/schematics/tasks';
+import { patchAngularBuildPackageJson, privateEntrySrc } from '../../utils/patch-angular-build.js';
+import { addPackageJsonDependency, getPackageJsonDependency, NodeDependencyType, } from '@schematics/angular/utility/dependencies';
+import * as path from 'path';
+const SSR_VERSION = '^3.3.4';
+export function updatePackageJson(tree) {
+    const packageJson = tree.readJson('package.json') ?? {};
+    const scriptCall = 'node node_modules/@angular-architects/native-federation/src/patch-angular-build.js';
+    if (!packageJson?.['scripts']) {
+        packageJson['scripts'] = {};
+    }
+    let postInstall = (packageJson['scripts']?.['postinstall'] || '');
+    if (!postInstall) {
+        return;
+    }
+    if (postInstall.includes(scriptCall)) {
+        postInstall = postInstall.replace(scriptCall, '');
+    }
+    if (postInstall.endsWith(' && ')) {
+        postInstall = postInstall.substring(0, postInstall.length - 4);
+    }
+    packageJson['scripts']['postinstall'] = postInstall;
+    tree.overwrite('package.json', JSON.stringify(packageJson, null, 2));
+}
+export default function config(options) {
+    return async function (tree, context) {
+        const workspaceFileName = getWorkspaceFileName(tree);
+        const workspace = JSON.parse(tree.read(workspaceFileName)?.toString('utf8') ?? '{}');
+        const normalized = normalizeOptions(options, workspace, tree);
+        const { polyfills, projectName, projectRoot, projectSourceRoot, manifestPath, manifestRelPath, main, } = normalized;
+        updatePolyfills(tree, polyfills);
+        const remoteMap = await generateRemoteMap(workspace, projectName);
+        if (options.type === 'dynamic-host' && !tree.exists(manifestPath)) {
+            tree.create(manifestPath, JSON.stringify(remoteMap, null, '\t'));
+        }
+        const federationConfigPath = path.join(projectRoot, 'federation.config.js');
+        const exists = tree.exists(federationConfigPath);
+        const cand1 = path.join(projectSourceRoot, 'app', 'app.component.ts').replace(/\\/g, '/');
+        const cand2 = path.join(projectSourceRoot, 'app', 'app.ts').replace(/\\/g, '/');
+        const appComponent = tree.exists(cand1) ? cand1 : tree.exists(cand2) ? cand2 : 'update-this.ts';
+        const generateRule = !exists
+            ? await generateFederationConfig(remoteMap, projectRoot, projectSourceRoot, appComponent, options)
+            : noop;
+        const ssr = isSsrProject(normalized);
+        const server = ssr ? getSsrFilePath(normalized) : '';
+        if (ssr) {
+            console.log('SSR detected ...');
+            console.log('Activating CORS ...');
+            addPackageJsonDependency(tree, {
+                name: 'cors',
+                type: NodeDependencyType.Default,
+                version: '^2.8.5',
+                overwrite: false,
+            });
+        }
+        updateWorkspaceConfig(tree, normalized, workspace, workspaceFileName, ssr);
+        // updatePackageJson(tree);
+        // patchAngularBuild(tree);
+        addPackageJsonDependency(tree, {
+            name: '@angular/animations',
+            type: NodeDependencyType.Default,
+            version: getPackageJsonDependency(tree, '@angular/core')?.version || 'latest',
+            overwrite: false,
+        });
+        addPackageJsonDependency(tree, {
+            name: '@angular-devkit/build-angular',
+            type: NodeDependencyType.Dev,
+            version: getPackageJsonDependency(tree, '@angular/build')?.version || 'latest',
+            overwrite: false,
+        });
+        addPackageJsonDependency(tree, {
+            name: 'es-module-shims',
+            type: NodeDependencyType.Default,
+            version: '^1.5.12',
+            overwrite: false,
+        });
+        addPackageJsonDependency(tree, {
+            name: '@nf-beta/core-node',
+            type: NodeDependencyType.Default,
+            version: SSR_VERSION,
+            overwrite: true,
+        });
+        context.addTask(new NodePackageInstallTask());
+        return chain([
+            generateRule,
+            makeMainAsync(main, options, remoteMap, manifestRelPath),
+            ssr ? makeServerAsync(server, options, remoteMap) : noop(),
+        ]);
+    };
+}
+function isSsrProject(normalized) {
+    return !!normalized.projectConfig?.architect?.build.options?.ssr;
+}
+function getSsrFilePath(normalized) {
+    return normalized.projectConfig.architect.build.options.ssr.entry;
+}
+export function patchAngularBuild(tree) {
+    const packagePath = 'node_modules/@angular/build/package.json';
+    const privatePath = 'node_modules/@angular/build/private.js';
+    if (!tree.exists(packagePath)) {
+        return;
+    }
+    const packageJson = JSON.parse(tree.read(packagePath)?.toString('utf8') ?? '{}');
+    patchAngularBuildPackageJson(packageJson);
+    tree.overwrite(packagePath, JSON.stringify(packageJson, null, 2));
+    if (!tree.exists(privatePath)) {
+        tree.create(privatePath, privateEntrySrc);
+    }
+    else {
+        tree.overwrite(privatePath, privateEntrySrc);
+    }
+}
+function updateWorkspaceConfig(tree, options, workspace, workspaceFileName, ssr) {
+    const { projectConfig, projectName, port } = options;
+    if (!projectConfig?.architect?.build || !projectConfig?.architect?.serve) {
+        throw new Error(`The project doesn't have a build or serve target in angular.json!`);
+    }
+    const originalBuild = projectConfig.architect.build;
+    if (originalBuild.builder !== '@angular-devkit/build-angular:application' ||
+        originalBuild.builder !== '@angular/build:application') {
+        console.log('Switching project to the application builder using esbuild ...');
+        originalBuild.builder = '@angular/build:application';
+        delete originalBuild.configurations?.development?.buildOptimizer;
+        delete originalBuild.configurations?.development?.vendorChunk;
+    }
+    if (originalBuild.options.main) {
+        const main = originalBuild.options.main;
+        delete originalBuild.options.main;
+        originalBuild.options.browser = main;
+    }
+    delete originalBuild.options.commonChunk;
+    projectConfig.architect.esbuild = originalBuild;
+    projectConfig.architect.build = {
+        builder: '@angular-architects/native-federation:build',
+        options: {},
+        configurations: {
+            production: {
+                target: `${projectName}:esbuild:production`,
+            },
+            development: {
+                target: `${projectName}:esbuild:development`,
+                dev: true,
+            },
+        },
+        defaultConfiguration: 'production',
+    };
+    if (ssr) {
+        projectConfig.architect.build.options.ssr = true;
+        // projectConfig.architect.esbuild.options.prerender = false;
+    }
+    const serve = projectConfig.architect.serve;
+    serve.options ??= {};
+    serve.options.port = port;
+    delete serve.options.commonChunk;
+    const serveProd = projectConfig.architect.serve.configurations?.production;
+    if (serveProd) {
+        serveProd.buildTarget = `${projectName}:esbuild:production`;
+        delete serveProd.browserTarget;
+    }
+    const serveDev = projectConfig.architect.serve.configurations?.development;
+    if (serveDev) {
+        serveDev.buildTarget = `${projectName}:esbuild:development`;
+        delete serveDev.browserTarget;
+    }
+    projectConfig.architect['serve-original'] = projectConfig.architect.serve;
+    projectConfig.architect.serve = {
+        builder: '@angular-architects/native-federation:build',
+        options: {
+            target: `${projectName}:serve-original:development`,
+            rebuildDelay: 500,
+            dev: true,
+            cacheExternalArtifacts: false,
+            port: 0,
+        },
+    };
+    const serveSsr = projectConfig.architect['serve-ssr'];
+    if (serveSsr && !serveSsr.options) {
+        serveSsr.options = {};
+    }
+    if (serveSsr) {
+        serveSsr.options.port = port;
+    }
+    // projectConfig.architect.serve.builder = serveBuilder;
+    // TODO: Register further builders when ready
+    tree.overwrite(workspaceFileName, JSON.stringify(workspace, null, '\t'));
+}
+function normalizeOptions(options, workspace, tree) {
+    if (!options.project) {
+        options.project = workspace.defaultProject;
+    }
+    const projects = Object.keys(workspace.projects);
+    if (!options.project && projects.length === 0) {
+        throw new Error(`No default project found. Please specifiy a project name!`);
+    }
+    if (!options.project) {
+        console.log('Using first configured project as default project: ' + projects[0]);
+        options.project = projects[0];
+    }
+    const projectName = options.project;
+    const projectConfig = workspace.projects[projectName];
+    if (!projectConfig) {
+        throw new Error(`Project ${projectName} not found in angular.json.`);
+    }
+    const projectRoot = projectConfig.root?.replace(/\\/g, '/');
+    const projectSourceRoot = projectConfig.sourceRoot?.replace(/\\/g, '/');
+    const publicPath = path.join(projectRoot, 'public').replace(/\\/g, '/');
+    let manifestPath = path.join(publicPath, 'federation.manifest.json').replace(/\\/g, '/');
+    let manifestRelPath = 'federation.manifest.json';
+    const hasPublicFolder = tree
+        .getDir(projectRoot)
+        .subdirs.map(p => String(p))
+        .includes('public');
+    if (!hasPublicFolder) {
+        manifestPath = path
+            .join(projectRoot, 'src/assets/federation.manifest.json')
+            .replace(/\\/g, '/');
+        manifestRelPath = 'assets/federation.manifest.json';
+    }
+    const main = projectConfig.architect.build.options.main || projectConfig.architect.build.options.browser;
+    if (!projectConfig.architect.build.options.polyfills) {
+        projectConfig.architect.build.options.polyfills = [];
+    }
+    if (typeof projectConfig.architect.build.options.polyfills === 'string') {
+        projectConfig.architect.build.options.polyfills = [
+            projectConfig.architect.build.options.polyfills,
+        ];
+    }
+    const polyfills = projectConfig.architect.build.options.polyfills;
+    return {
+        polyfills,
+        projectName,
+        projectRoot,
+        projectSourceRoot,
+        manifestPath,
+        manifestRelPath,
+        projectConfig,
+        main,
+        port: +(options.port || 4200),
+    };
+}
+function updatePolyfills(tree, polyfills) {
+    if (typeof polyfills === 'string') {
+        updatePolyfillsFile(tree, polyfills);
+    }
+    else {
+        updatePolyfillsArray(tree, polyfills);
+    }
+}
+function updatePolyfillsFile(tree, polyfills) {
+    let polyfillsContent = tree.readText(polyfills);
+    if (!polyfillsContent.includes('es-module-shims')) {
+        polyfillsContent += `\nimport 'es-module-shims';\n`;
+        tree.overwrite(polyfills, polyfillsContent);
+    }
+}
+function updatePolyfillsArray(_tree, polyfills) {
+    const polyfillsConfig = polyfills;
+    if (!polyfillsConfig.includes('es-module-shims')) {
+        polyfillsConfig.push('es-module-shims');
+    }
+}
+function generateRemoteMap(workspace, projectName) {
+    const result = {};
+    for (const p in workspace.projects) {
+        const project = workspace.projects[p];
+        const projectType = project.projectType ?? 'application';
+        if (p !== projectName &&
+            projectType === 'application' &&
+            project?.architect?.serve &&
+            project?.architect?.build) {
+            const pPort = project.architect['serve-original']?.options?.port ??
+                project.architect.serve?.options?.port ??
+                4200;
+            result[strings.camelize(p)] = `http://localhost:${pPort}/remoteEntry.json`;
+        }
+    }
+    if (Object.keys(result).length === 0) {
+        result['mfe1'] = `http://localhost:3000/remoteEntry.json`;
+    }
+    return result;
+}
+function makeMainAsync(main, options, remoteMap, manifestRelPath) {
+    return async function (tree) {
+        const mainPath = path.dirname(main);
+        const bootstrapName = path.join(mainPath, 'bootstrap.ts');
+        if (tree.exists(bootstrapName)) {
+            console.info(`${bootstrapName} already exists.`);
+            return;
+        }
+        const mainContent = tree.read(main);
+        if (mainContent)
+            tree.create(bootstrapName, mainContent);
+        let newMainContent = '';
+        if (options.type === 'dynamic-host') {
+            newMainContent = `import { initFederation } from '@angular-architects/native-federation';
+
+initFederation('${manifestRelPath}')
+  .catch(err => console.error(err))
+  .then(_ => import('./bootstrap'))
+  .catch(err => console.error(err));
+`;
+        }
+        else if (options.type === 'host') {
+            const manifest = JSON.stringify(remoteMap, null, 2).replace(/"/g, "'");
+            newMainContent = `import { initFederation } from '@angular-architects/native-federation';
+
+initFederation(${manifest})
+  .catch(err => console.error(err))
+  .then(_ => import('./bootstrap'))
+  .catch(err => console.error(err));
+`;
+        }
+        else {
+            newMainContent = `import { initFederation } from '@angular-architects/native-federation';
+
+initFederation()
+  .catch(err => console.error(err))
+  .then(_ => import('./bootstrap'))
+  .catch(err => console.error(err));
+`;
+        }
+        tree.overwrite(main, newMainContent);
+    };
+}
+function makeServerAsync(server, options, remoteMap) {
+    return async function (tree) {
+        const mainPath = path.dirname(server);
+        const bootstrapName = path.join(mainPath, 'bootstrap-server.ts');
+        if (tree.exists(bootstrapName)) {
+            console.info(`${bootstrapName} already exists.`);
+            return;
+        }
+        const cors = `import { createRequire } from "module";
+const require = createRequire(import.meta.url);
+const cors = require("cors");
+`;
+        const mainContent = tree.read(server)?.toString('utf8');
+        const updatedContent = (cors + mainContent)
+            .replace(`const port = process.env['PORT'] || 4000`, `const port = process.env['PORT'] || ${options.port || 4000}`)
+            .replace(`const app = express();`, `const app = express();\n\tapp.use(cors());\n  app.set('view engine', 'html');`)
+            .replace(`if (isMainModule(import.meta.url)) {`, ``)
+            .replace(/\}(?![\s\S]*\})/, '');
+        tree.create(bootstrapName, updatedContent);
+        let newMainContent = '';
+        if (options.type === 'dynamic-host') {
+            newMainContent = `import { initNodeFederation } from '@nf-beta/core-node';
+
+console.log('Starting SSR for Shell');
+
+(async () => {
+
+  await initNodeFederation({
+    remotesOrManifestUrl: '../browser/federation.manifest.json',
+    relBundlePath: '../browser/',
+  });
+
+  await import('./bootstrap-server');
+
+})();
+`;
+        }
+        else if (options.type === 'host') {
+            const manifest = JSON.stringify(remoteMap, null, 2).replace(/"/g, "'");
+            newMainContent = `import { initNodeFederation } from '@nf-beta/core-node';
+
+console.log('Starting SSR for Shell');
+
+(async () => {
+
+  await initNodeFederation({
+    remotesOrManifestUrl: ${manifest},
+    relBundlePath: '../browser/',
+  });
+
+  await import('./bootstrap-server');
+
+})();
+`;
+        }
+        else {
+            newMainContent = `import { initNodeFederation } from '@nf-beta/core-node';
+
+(async () => {
+
+  await initNodeFederation({
+    relBundlePath: '../browser/'
+  });
+
+  await import('./bootstrap-server');
+
+})();
+`;
+        }
+        tree.overwrite(server, newMainContent);
+    };
+}
+export function getWorkspaceFileName(tree) {
+    if (tree.exists('angular.json')) {
+        return 'angular.json';
+    }
+    if (tree.exists('workspace.json')) {
+        return 'workspace.json';
+    }
+    throw new Error("angular.json or workspace.json expected! Did you call this in your project's root?");
+}
+async function generateFederationConfig(remoteMap, projectRoot, projectSourceRoot, appComponentPath, options) {
+    const tmpl = url('./files');
+    const applied = apply(tmpl, [
+        template({
+            projectRoot,
+            projectSourceRoot,
+            appComponentPath,
+            remoteMap,
+            ...options,
+            tmpl: '',
+        }),
+        move(projectRoot),
+    ]);
+    return mergeWith(applied);
+}

package/src/schematics/remove/schema.d.ts

@@ -0,0 +1,3 @@
+export interface NfSchematicSchema {
+  project: string;
+}

package/src/schematics/remove/schema.json

@@ -0,0 +1,17 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "nf",
+  "title": "",
+  "type": "object",
+  "properties": {
+    "project": {
+      "type": "string",
+      "description": "The project to remove native federation from",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      },
+      "x-prompt": "Project name (press enter for default project)"
+    }
+  }
+}

package/src/schematics/remove/schematic.d.ts

@@ -0,0 +1,5 @@
+import type { Rule, Tree } from '@angular-devkit/schematics';
+import type { NfSchematicSchema } from './schema.js';
+export default function remove(options: NfSchematicSchema): Rule;
+export declare function getWorkspaceFileName(tree: Tree): string;
+//# sourceMappingURL=schematic.d.ts.map

package/src/schematics/remove/schematic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.d.ts","sourceRoot":"","sources":["../../../../src/schematics/remove/schematic.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAE7D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAcrD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,OAAO,EAAE,iBAAiB,GAAG,IAAI,CAgB/D;AAmHD,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAUvD"}