"use strict"; /** * @license * Copyright Google LLC All Rights Reserved. * * Use of this source code is governed by an MIT-style license that can be * found in the LICENSE file at https://angular.io/license */ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { if (k2 === undefined) k2 = k; Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } }); }) : (function(o, m, k, k2) { if (k2 === undefined) k2 = k; o[k2] = m[k]; })); var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { Object.defineProperty(o, "default", { enumerable: true, value: v }); }) : function(o, v) { o["default"] = v; }); var __importStar = (this && this.__importStar) || function (mod) { if (mod && mod.__esModule) return mod; var result = {}; if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); __setModuleDefault(result, mod); return result; }; Object.defineProperty(exports, "__esModule", { value: true }); const core_1 = require("@angular-devkit/core"); const schematics_1 = require("@angular-devkit/schematics"); const ts = __importStar(require("../third_party/github.com/Microsoft/TypeScript/lib/typescript")); const ast_utils_1 = require("../utility/ast-utils"); const change_1 = require("../utility/change"); const ng_ast_utils_1 = require("../utility/ng-ast-utils"); const project_targets_1 = require("../utility/project-targets"); const workspace_1 = require("../utility/workspace"); const workspace_models_1 = require("../utility/workspace-models"); function getSourceFile(host, path) { const buffer = host.read(path); if (!buffer) { throw new schematics_1.SchematicsException(`Could not find ${path}.`); } const content = buffer.toString(); const source = ts.createSourceFile(path, content, ts.ScriptTarget.Latest, true); return source; } function getServerModulePath(host, sourceRoot, mainPath) { const mainSource = getSourceFile(host, core_1.join(core_1.normalize(sourceRoot), mainPath)); const allNodes = ast_utils_1.getSourceNodes(mainSource); const expNode = allNodes.find((node) => ts.isExportDeclaration(node)); if (!expNode) { return null; } const relativePath = expNode.moduleSpecifier; const modulePath = core_1.normalize(`/${sourceRoot}/${relativePath.text}.ts`); return modulePath; } function getComponentTemplateInfo(host, componentPath) { const compSource = getSourceFile(host, componentPath); const compMetadata = ast_utils_1.getDecoratorMetadata(compSource, 'Component', '@angular/core')[0]; return { templateProp: getMetadataProperty(compMetadata, 'template'), templateUrlProp: getMetadataProperty(compMetadata, 'templateUrl'), }; } function getComponentTemplate(host, compPath, tmplInfo) { let template = ''; if (tmplInfo.templateProp) { template = tmplInfo.templateProp.getFullText(); } else if (tmplInfo.templateUrlProp) { const templateUrl = tmplInfo.templateUrlProp.initializer.text; const dir = core_1.dirname(core_1.normalize(compPath)); const templatePath = core_1.join(dir, templateUrl); const buffer = host.read(templatePath); if (buffer) { template = buffer.toString(); } } return template; } function getBootstrapComponentPath(host, mainPath) { const modulePath = ng_ast_utils_1.getAppModulePath(host, mainPath); const moduleSource = getSourceFile(host, modulePath); const metadataNode = ast_utils_1.getDecoratorMetadata(moduleSource, 'NgModule', '@angular/core')[0]; const bootstrapProperty = getMetadataProperty(metadataNode, 'bootstrap'); const arrLiteral = bootstrapProperty.initializer; const componentSymbol = arrLiteral.elements[0].getText(); const relativePath = ast_utils_1.getSourceNodes(moduleSource) .filter(ts.isImportDeclaration) .filter((imp) => { return ast_utils_1.findNode(imp, ts.SyntaxKind.Identifier, componentSymbol); }) .map((imp) => { const pathStringLiteral = imp.moduleSpecifier; return pathStringLiteral.text; })[0]; return core_1.join(core_1.dirname(core_1.normalize(modulePath)), relativePath + '.ts'); } // end helper functions. function validateProject(mainPath) { return (host, context) => { const routerOutletCheckRegex = /([\s\S]*?)<\/router\-outlet>/; const componentPath = getBootstrapComponentPath(host, mainPath); const tmpl = getComponentTemplateInfo(host, componentPath); const template = getComponentTemplate(host, componentPath, tmpl); if (!routerOutletCheckRegex.test(template)) { const errorMsg = `Prerequisite for app shell is to define a router-outlet in your root component.`; context.logger.error(errorMsg); throw new schematics_1.SchematicsException(errorMsg); } }; } function addUniversalTarget(options) { return () => { // Copy options. const universalOptions = { ...options, }; // Delete non-universal options. delete universalOptions.route; return schematics_1.schematic('universal', universalOptions); }; } function addAppShellConfigToWorkspace(options) { return (host, context) => { if (!options.route) { throw new schematics_1.SchematicsException(`Route is not defined`); } return workspace_1.updateWorkspace((workspace) => { var _a, _b, _c, _d; const project = workspace.projects.get(options.project); if (!project) { return; } // Validation of targets is handled already in the main function. // Duplicate keys means that we have configurations in both server and build builders. const serverConfigKeys = (_b = (_a = project.targets.get('server')) === null || _a === void 0 ? void 0 : _a.configurations) !== null && _b !== void 0 ? _b : {}; const buildConfigKeys = (_d = (_c = project.targets.get('build')) === null || _c === void 0 ? void 0 : _c.configurations) !== null && _d !== void 0 ? _d : {}; const configurationNames = Object.keys({ ...serverConfigKeys, ...buildConfigKeys, }); const configurations = {}; for (const key of configurationNames) { if (!serverConfigKeys[key]) { context.logger.warn(`Skipped adding "${key}" configuration to "app-shell" target as it's missing from "server" target.`); continue; } if (!buildConfigKeys[key]) { context.logger.warn(`Skipped adding "${key}" configuration to "app-shell" target as it's missing from "build" target.`); continue; } configurations[key] = { browserTarget: `${options.project}:build:${key}`, serverTarget: `${options.project}:server:${key}`, }; } project.targets.add({ name: 'app-shell', builder: workspace_models_1.Builders.AppShell, defaultConfiguration: configurations['production'] ? 'production' : undefined, options: { route: options.route, }, configurations, }); }); }; } function addRouterModule(mainPath) { return (host) => { const modulePath = ng_ast_utils_1.getAppModulePath(host, mainPath); const moduleSource = getSourceFile(host, modulePath); const changes = ast_utils_1.addImportToModule(moduleSource, modulePath, 'RouterModule', '@angular/router'); const recorder = host.beginUpdate(modulePath); change_1.applyToUpdateRecorder(recorder, changes); host.commitUpdate(recorder); return host; }; } function getMetadataProperty(metadata, propertyName) { const properties = metadata.properties; const property = properties.filter(ts.isPropertyAssignment).filter((prop) => { const name = prop.name; switch (name.kind) { case ts.SyntaxKind.Identifier: return name.getText() === propertyName; case ts.SyntaxKind.StringLiteral: return name.text === propertyName; } return false; })[0]; return property; } function addServerRoutes(options) { return async (host) => { // The workspace gets updated so this needs to be reloaded const workspace = await workspace_1.getWorkspace(host); const clientProject = workspace.projects.get(options.project); if (!clientProject) { throw new Error('Universal schematic removed client project.'); } const clientServerTarget = clientProject.targets.get('server'); if (!clientServerTarget) { throw new Error('Universal schematic did not add server target to client project.'); } const clientServerOptions = clientServerTarget.options; if (!clientServerOptions) { throw new schematics_1.SchematicsException('Server target does not contain options.'); } const modulePath = getServerModulePath(host, clientProject.sourceRoot || 'src', options.main); if (modulePath === null) { throw new schematics_1.SchematicsException('Universal/server module not found.'); } let moduleSource = getSourceFile(host, modulePath); if (!ast_utils_1.isImported(moduleSource, 'Routes', '@angular/router')) { const recorder = host.beginUpdate(modulePath); const routesChange = ast_utils_1.insertImport(moduleSource, modulePath, 'Routes', '@angular/router'); if (routesChange) { change_1.applyToUpdateRecorder(recorder, [routesChange]); } const imports = ast_utils_1.getSourceNodes(moduleSource) .filter((node) => node.kind === ts.SyntaxKind.ImportDeclaration) .sort((a, b) => a.getStart() - b.getStart()); const insertPosition = imports[imports.length - 1].getEnd(); const routeText = `\n\nconst routes: Routes = [ { path: '${options.route}', component: AppShellComponent }];`; recorder.insertRight(insertPosition, routeText); host.commitUpdate(recorder); } moduleSource = getSourceFile(host, modulePath); if (!ast_utils_1.isImported(moduleSource, 'RouterModule', '@angular/router')) { const recorder = host.beginUpdate(modulePath); const routerModuleChange = ast_utils_1.insertImport(moduleSource, modulePath, 'RouterModule', '@angular/router'); if (routerModuleChange) { change_1.applyToUpdateRecorder(recorder, [routerModuleChange]); } const metadataChange = ast_utils_1.addSymbolToNgModuleMetadata(moduleSource, modulePath, 'imports', 'RouterModule.forRoot(routes)'); if (metadataChange) { change_1.applyToUpdateRecorder(recorder, metadataChange); } host.commitUpdate(recorder); } }; } function addShellComponent(options) { const componentOptions = { name: 'app-shell', module: options.rootModuleFileName, project: options.project, }; return schematics_1.schematic('component', componentOptions); } function default_1(options) { return async (tree) => { const workspace = await workspace_1.getWorkspace(tree); const clientProject = workspace.projects.get(options.project); if (!clientProject || clientProject.extensions.projectType !== 'application') { throw new schematics_1.SchematicsException(`A client project type of "application" is required.`); } const clientBuildTarget = clientProject.targets.get('build'); if (!clientBuildTarget) { throw project_targets_1.targetBuildNotFoundError(); } const clientBuildOptions = (clientBuildTarget.options || {}); return schematics_1.chain([ validateProject(clientBuildOptions.main), clientProject.targets.has('server') ? schematics_1.noop() : addUniversalTarget(options), addAppShellConfigToWorkspace(options), addRouterModule(clientBuildOptions.main), addServerRoutes(options), addShellComponent(options), ]); }; } exports.default = default_1;