You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
277 lines
12 KiB
277 lines
12 KiB
"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 = /<router\-outlet.*?>([\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;
|