257 lines
13 KiB
JavaScript
257 lines
13 KiB
JavaScript
"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;
|
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
}
|
|
Object.defineProperty(o, k2, desc);
|
|
}) : (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 tasks_1 = require("@angular-devkit/schematics/tasks");
|
|
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 dependencies_1 = require("../utility/dependencies");
|
|
const latest_versions_1 = require("../utility/latest-versions");
|
|
const ng_ast_utils_1 = require("../utility/ng-ast-utils");
|
|
const paths_1 = require("../utility/paths");
|
|
const project_targets_1 = require("../utility/project-targets");
|
|
const workspace_1 = require("../utility/workspace");
|
|
const workspace_models_1 = require("../utility/workspace-models");
|
|
function updateConfigFile(options, tsConfigDirectory) {
|
|
return (0, workspace_1.updateWorkspace)((workspace) => {
|
|
var _a;
|
|
const clientProject = workspace.projects.get(options.project);
|
|
if (clientProject) {
|
|
// In case the browser builder hashes the assets
|
|
// we need to add this setting to the server builder
|
|
// as otherwise when assets it will be requested twice.
|
|
// One for the server which will be unhashed, and other on the client which will be hashed.
|
|
const getServerOptions = (options = {}) => {
|
|
return {
|
|
outputHashing: (options === null || options === void 0 ? void 0 : options.outputHashing) === 'all' ? 'media' : options === null || options === void 0 ? void 0 : options.outputHashing,
|
|
fileReplacements: options === null || options === void 0 ? void 0 : options.fileReplacements,
|
|
optimization: (options === null || options === void 0 ? void 0 : options.optimization) === undefined ? undefined : !!(options === null || options === void 0 ? void 0 : options.optimization),
|
|
sourceMap: options === null || options === void 0 ? void 0 : options.sourceMap,
|
|
localization: options === null || options === void 0 ? void 0 : options.localization,
|
|
stylePreprocessorOptions: options === null || options === void 0 ? void 0 : options.stylePreprocessorOptions,
|
|
resourcesOutputPath: options === null || options === void 0 ? void 0 : options.resourcesOutputPath,
|
|
deployUrl: options === null || options === void 0 ? void 0 : options.deployUrl,
|
|
i18nMissingTranslation: options === null || options === void 0 ? void 0 : options.i18nMissingTranslation,
|
|
preserveSymlinks: options === null || options === void 0 ? void 0 : options.preserveSymlinks,
|
|
extractLicenses: options === null || options === void 0 ? void 0 : options.extractLicenses,
|
|
inlineStyleLanguage: options === null || options === void 0 ? void 0 : options.inlineStyleLanguage,
|
|
vendorChunk: options === null || options === void 0 ? void 0 : options.vendorChunk,
|
|
};
|
|
};
|
|
const buildTarget = clientProject.targets.get('build');
|
|
if (buildTarget === null || buildTarget === void 0 ? void 0 : buildTarget.options) {
|
|
buildTarget.options.outputPath = `dist/${options.project}/browser`;
|
|
}
|
|
const buildConfigurations = buildTarget === null || buildTarget === void 0 ? void 0 : buildTarget.configurations;
|
|
const configurations = {};
|
|
if (buildConfigurations) {
|
|
for (const [key, options] of Object.entries(buildConfigurations)) {
|
|
configurations[key] = getServerOptions(options);
|
|
}
|
|
}
|
|
const mainPath = options.main;
|
|
const sourceRoot = (_a = clientProject.sourceRoot) !== null && _a !== void 0 ? _a : (0, core_1.join)((0, core_1.normalize)(clientProject.root), 'src');
|
|
const serverTsConfig = (0, core_1.join)(tsConfigDirectory, 'tsconfig.server.json');
|
|
clientProject.targets.add({
|
|
name: 'server',
|
|
builder: workspace_models_1.Builders.Server,
|
|
defaultConfiguration: 'production',
|
|
options: {
|
|
outputPath: `dist/${options.project}/server`,
|
|
main: (0, core_1.join)((0, core_1.normalize)(sourceRoot), mainPath.endsWith('.ts') ? mainPath : mainPath + '.ts'),
|
|
tsConfig: serverTsConfig,
|
|
...((buildTarget === null || buildTarget === void 0 ? void 0 : buildTarget.options) ? getServerOptions(buildTarget === null || buildTarget === void 0 ? void 0 : buildTarget.options) : {}),
|
|
},
|
|
configurations,
|
|
});
|
|
}
|
|
});
|
|
}
|
|
function findBrowserModuleImport(host, modulePath) {
|
|
const moduleFileText = host.readText(modulePath);
|
|
const source = ts.createSourceFile(modulePath, moduleFileText, ts.ScriptTarget.Latest, true);
|
|
const decoratorMetadata = (0, ast_utils_1.getDecoratorMetadata)(source, 'NgModule', '@angular/core')[0];
|
|
const browserModuleNode = (0, ast_utils_1.findNode)(decoratorMetadata, ts.SyntaxKind.Identifier, 'BrowserModule');
|
|
if (browserModuleNode === null) {
|
|
throw new schematics_1.SchematicsException(`Cannot find BrowserModule import in ${modulePath}`);
|
|
}
|
|
return browserModuleNode;
|
|
}
|
|
function wrapBootstrapCall(mainFile) {
|
|
return (host) => {
|
|
const mainPath = (0, core_1.normalize)('/' + mainFile);
|
|
let bootstrapCall = (0, ng_ast_utils_1.findBootstrapModuleCall)(host, mainPath);
|
|
if (bootstrapCall === null) {
|
|
throw new schematics_1.SchematicsException('Bootstrap module not found.');
|
|
}
|
|
let bootstrapCallExpression = null;
|
|
let currentCall = bootstrapCall;
|
|
while (bootstrapCallExpression === null && currentCall.parent) {
|
|
currentCall = currentCall.parent;
|
|
if (ts.isExpressionStatement(currentCall) || ts.isVariableStatement(currentCall)) {
|
|
bootstrapCallExpression = currentCall;
|
|
}
|
|
}
|
|
bootstrapCall = currentCall;
|
|
// In case the bootstrap code is a variable statement
|
|
// we need to determine it's usage
|
|
if (bootstrapCallExpression && ts.isVariableStatement(bootstrapCallExpression)) {
|
|
const declaration = bootstrapCallExpression.declarationList.declarations[0];
|
|
const bootstrapVar = declaration.name.text;
|
|
const sf = bootstrapCallExpression.getSourceFile();
|
|
bootstrapCall = findCallExpressionNode(sf, bootstrapVar) || currentCall;
|
|
}
|
|
// indent contents
|
|
const triviaWidth = bootstrapCall.getLeadingTriviaWidth();
|
|
const beforeText = `function bootstrap() {\n` + ' '.repeat(triviaWidth > 2 ? triviaWidth + 1 : triviaWidth);
|
|
const afterText = `\n${triviaWidth > 2 ? ' '.repeat(triviaWidth - 1) : ''}};\n` +
|
|
`
|
|
|
|
if (document.readyState === 'complete') {
|
|
bootstrap();
|
|
} else {
|
|
document.addEventListener('DOMContentLoaded', bootstrap);
|
|
}
|
|
`;
|
|
// in some cases we need to cater for a trailing semicolon such as;
|
|
// bootstrap().catch(err => console.log(err));
|
|
const lastToken = bootstrapCall.parent.getLastToken();
|
|
let endPos = bootstrapCall.getEnd();
|
|
if (lastToken && lastToken.kind === ts.SyntaxKind.SemicolonToken) {
|
|
endPos = lastToken.getEnd();
|
|
}
|
|
const recorder = host.beginUpdate(mainPath);
|
|
recorder.insertLeft(bootstrapCall.getStart(), beforeText);
|
|
recorder.insertRight(endPos, afterText);
|
|
host.commitUpdate(recorder);
|
|
};
|
|
}
|
|
function findCallExpressionNode(node, text) {
|
|
if (ts.isCallExpression(node) &&
|
|
ts.isIdentifier(node.expression) &&
|
|
node.expression.text === text) {
|
|
return node;
|
|
}
|
|
let foundNode = null;
|
|
ts.forEachChild(node, (childNode) => {
|
|
foundNode = findCallExpressionNode(childNode, text);
|
|
if (foundNode) {
|
|
return true;
|
|
}
|
|
});
|
|
return foundNode;
|
|
}
|
|
function addServerTransition(options, mainFile, clientProjectRoot) {
|
|
return (host) => {
|
|
const mainPath = (0, core_1.normalize)('/' + mainFile);
|
|
const bootstrapModuleRelativePath = (0, ng_ast_utils_1.findBootstrapModulePath)(host, mainPath);
|
|
const bootstrapModulePath = (0, core_1.normalize)(`/${clientProjectRoot}/src/${bootstrapModuleRelativePath}.ts`);
|
|
const browserModuleImport = findBrowserModuleImport(host, bootstrapModulePath);
|
|
const appId = options.appId;
|
|
const transitionCall = `.withServerTransition({ appId: '${appId}' })`;
|
|
const position = browserModuleImport.pos + browserModuleImport.getFullText().length;
|
|
const transitionCallChange = new change_1.InsertChange(bootstrapModulePath, position, transitionCall);
|
|
const transitionCallRecorder = host.beginUpdate(bootstrapModulePath);
|
|
transitionCallRecorder.insertLeft(transitionCallChange.pos, transitionCallChange.toAdd);
|
|
host.commitUpdate(transitionCallRecorder);
|
|
};
|
|
}
|
|
function addDependencies() {
|
|
return (host) => {
|
|
const coreDep = (0, dependencies_1.getPackageJsonDependency)(host, '@angular/core');
|
|
if (coreDep === null) {
|
|
throw new schematics_1.SchematicsException('Could not find version.');
|
|
}
|
|
const platformServerDep = {
|
|
...coreDep,
|
|
name: '@angular/platform-server',
|
|
};
|
|
(0, dependencies_1.addPackageJsonDependency)(host, platformServerDep);
|
|
(0, dependencies_1.addPackageJsonDependency)(host, {
|
|
type: dependencies_1.NodeDependencyType.Dev,
|
|
name: '@types/node',
|
|
version: latest_versions_1.latestVersions['@types/node'],
|
|
});
|
|
};
|
|
}
|
|
function default_1(options) {
|
|
return async (host, context) => {
|
|
const workspace = await (0, workspace_1.getWorkspace)(host);
|
|
const clientProject = workspace.projects.get(options.project);
|
|
if (!clientProject || clientProject.extensions.projectType !== 'application') {
|
|
throw new schematics_1.SchematicsException(`Universal requires a project type of "application".`);
|
|
}
|
|
const clientBuildTarget = clientProject.targets.get('build');
|
|
if (!clientBuildTarget) {
|
|
throw (0, project_targets_1.targetBuildNotFoundError)();
|
|
}
|
|
const clientBuildOptions = (clientBuildTarget.options ||
|
|
{});
|
|
if (!options.skipInstall) {
|
|
context.addTask(new tasks_1.NodePackageInstallTask());
|
|
}
|
|
const templateSource = (0, schematics_1.apply)((0, schematics_1.url)('./files/src'), [
|
|
(0, schematics_1.applyTemplates)({
|
|
...schematics_1.strings,
|
|
...options,
|
|
stripTsExtension: (s) => s.replace(/\.ts$/, ''),
|
|
}),
|
|
(0, schematics_1.move)((0, core_1.join)((0, core_1.normalize)(clientProject.root), 'src')),
|
|
]);
|
|
const clientTsConfig = (0, core_1.normalize)(clientBuildOptions.tsConfig);
|
|
const tsConfigExtends = (0, core_1.basename)(clientTsConfig);
|
|
const tsConfigDirectory = (0, core_1.dirname)(clientTsConfig);
|
|
const rootSource = (0, schematics_1.apply)((0, schematics_1.url)('./files/root'), [
|
|
(0, schematics_1.applyTemplates)({
|
|
...schematics_1.strings,
|
|
...options,
|
|
stripTsExtension: (s) => s.replace(/\.ts$/, ''),
|
|
tsConfigExtends,
|
|
hasLocalizePackage: !!(0, dependencies_1.getPackageJsonDependency)(host, '@angular/localize'),
|
|
relativePathToWorkspaceRoot: (0, paths_1.relativePathToWorkspaceRoot)(tsConfigDirectory),
|
|
}),
|
|
(0, schematics_1.move)(tsConfigDirectory),
|
|
]);
|
|
return (0, schematics_1.chain)([
|
|
(0, schematics_1.mergeWith)(templateSource),
|
|
(0, schematics_1.mergeWith)(rootSource),
|
|
addDependencies(),
|
|
updateConfigFile(options, tsConfigDirectory),
|
|
wrapBootstrapCall(clientBuildOptions.main),
|
|
addServerTransition(options, clientBuildOptions.main, clientProject.root),
|
|
]);
|
|
};
|
|
}
|
|
exports.default = default_1;
|