@schematics/angular
Version:
Schematics specific to Angular
142 lines (141 loc) • 6.65 kB
JavaScript
Object.defineProperty(exports, "__esModule", { value: true });
/**
* @license
* Copyright Google Inc. 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
*/
const core_1 = require("@angular-devkit/core");
const schematics_1 = require("@angular-devkit/schematics");
const json_utils_1 = require("../utility/json-utils");
const parse_name_1 = require("../utility/parse-name");
const paths_1 = require("../utility/paths");
const workspace_1 = require("../utility/workspace");
function addConfig(options, root, tsConfigPath) {
return (host, context) => {
context.logger.debug('updating project configuration.');
// Add worker glob exclusion to tsconfig.app.json.
// Projects pre version 8 should to have tsconfig.app.json inside their application
const isInSrc = core_1.dirname(core_1.normalize(tsConfigPath)).endsWith('src');
const workerGlob = `${isInSrc ? '' : 'src/'}**/*.worker.ts`;
const buffer = host.read(tsConfigPath);
if (buffer) {
const tsCfgAst = core_1.parseJsonAst(buffer.toString(), core_1.JsonParseMode.Loose);
if (tsCfgAst.kind != 'object') {
throw new schematics_1.SchematicsException('Invalid tsconfig. Was expecting an object');
}
const filesAstNode = json_utils_1.findPropertyInAstObject(tsCfgAst, 'exclude');
if (filesAstNode && filesAstNode.kind != 'array') {
throw new schematics_1.SchematicsException('Invalid tsconfig "exclude" property; expected an array.');
}
if (filesAstNode && !filesAstNode.value.includes(workerGlob)) {
const recorder = host.beginUpdate(tsConfigPath);
json_utils_1.appendValueInAstArray(recorder, filesAstNode, workerGlob);
host.commitUpdate(recorder);
}
}
return schematics_1.mergeWith(schematics_1.apply(schematics_1.url('./files/worker-tsconfig'), [
schematics_1.applyTemplates({
...options,
relativePathToWorkspaceRoot: paths_1.relativePathToWorkspaceRoot(root),
}),
schematics_1.move(root),
]));
};
}
function addSnippet(options) {
return (host, context) => {
context.logger.debug('Updating appmodule');
if (options.path === undefined) {
return;
}
const fileRegExp = new RegExp(`^${options.name}.*\.ts`);
const siblingModules = host.getDir(options.path).subfiles
// Find all files that start with the same name, are ts files,
// and aren't spec or module files.
.filter(f => fileRegExp.test(f) && !/(module|spec)\.ts$/.test(f))
// Sort alphabetically for consistency.
.sort();
if (siblingModules.length === 0) {
// No module to add in.
return;
}
const siblingModulePath = `${options.path}/${siblingModules[0]}`;
const logMessage = 'console.log(`page got message: ${data}`);';
const workerCreationSnippet = core_1.tags.stripIndent `
if (typeof Worker !== 'undefined') {
// Create a new
const worker = new Worker('./${options.name}.worker', { type: 'module' });
worker.onmessage = ({ data }) => {
${logMessage}
};
worker.postMessage('hello');
} else {
// Web Workers are not supported in this environment.
// You should add a fallback so that your program still executes correctly.
}
`;
// Append the worker creation snippet.
const originalContent = host.read(siblingModulePath);
host.overwrite(siblingModulePath, originalContent + '\n' + workerCreationSnippet);
return host;
};
}
function default_1(options) {
return async (host) => {
const workspace = await workspace_1.getWorkspace(host);
if (!options.project) {
throw new schematics_1.SchematicsException('Option "project" is required.');
}
if (!options.target) {
throw new schematics_1.SchematicsException('Option "target" is required.');
}
const project = workspace.projects.get(options.project);
if (!project) {
throw new schematics_1.SchematicsException(`Invalid project name (${options.project})`);
}
const projectType = project.extensions['projectType'];
if (projectType !== 'application') {
throw new schematics_1.SchematicsException(`Web Worker requires a project type of "application".`);
}
const projectTarget = project.targets.get(options.target);
if (!projectTarget) {
throw new Error(`Target is not defined for this project.`);
}
const projectTargetOptions = (projectTarget.options || {});
if (options.path === undefined) {
options.path = workspace_1.buildDefaultPath(project);
}
const parsedPath = parse_name_1.parseName(options.path, options.name);
options.name = parsedPath.name;
options.path = parsedPath.path;
const root = project.root || '';
const needWebWorkerConfig = !projectTargetOptions.webWorkerTsConfig;
if (needWebWorkerConfig) {
const workerConfigPath = core_1.join(core_1.normalize(root), 'tsconfig.worker.json');
projectTargetOptions.webWorkerTsConfig = workerConfigPath;
// add worker tsconfig to lint architect target
const lintTarget = project.targets.get('lint');
if (lintTarget) {
const lintOptions = (lintTarget.options || {});
lintOptions.tsConfig = (lintOptions.tsConfig || []).concat(workerConfigPath);
}
}
const templateSource = schematics_1.apply(schematics_1.url('./files/worker'), [
schematics_1.applyTemplates({ ...options, ...core_1.strings }),
schematics_1.move(parsedPath.path),
]);
return schematics_1.chain([
// Add project configuration.
needWebWorkerConfig ? addConfig(options, root, projectTargetOptions.tsConfig) : schematics_1.noop(),
needWebWorkerConfig ? workspace_1.updateWorkspace(workspace) : schematics_1.noop(),
// Create the worker in a sibling module.
options.snippet ? addSnippet(options) : schematics_1.noop(),
// Add the worker.
schematics_1.mergeWith(templateSource),
]);
};
}
exports.default = default_1;
;