UNPKG

@ionic/angular-toolkit

Version:

Schematics for @ionic/angular apps.

185 lines (184 loc) 8.91 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.findRoutingModuleFromOptions = findRoutingModuleFromOptions; exports.findRoutingModule = findRoutingModule; exports.addRouteToNgModule = addRouteToNgModule; exports.addRouteToRoutesArray = addRouteToRoutesArray; exports.addRouteToRoutesFile = addRouteToRoutesFile; exports.findRoutesFile = findRoutesFile; exports.addRoute = addRoute; const core_1 = require("@angular-devkit/core"); const schematics_1 = require("@angular-devkit/schematics"); const find_module_1 = require("@schematics/angular/utility/find-module"); const ts = require("typescript"); const ast_util_1 = require("../../util/ast-util"); const change_1 = require("../../util/change"); function findRoutingModuleFromOptions(host, options) { // eslint-disable-next-line no-prototype-builtins if (options.hasOwnProperty('skipImport') && options.skipImport) { return undefined; } if (!options.module) { const pathToCheck = (options.path || '') + (options.flat ? '' : '/' + core_1.strings.dasherize(options.name)); return (0, core_1.normalize)(findRoutingModule(host, pathToCheck)); } else { const modulePath = (0, core_1.normalize)('/' + options.path + '/' + options.module); const moduleBaseName = (0, core_1.normalize)(modulePath).split('/').pop(); if (host.exists(modulePath)) { return (0, core_1.normalize)(modulePath); } else if (host.exists(modulePath + '.ts')) { return (0, core_1.normalize)(modulePath + '.ts'); } else if (host.exists(modulePath + '.module.ts')) { return (0, core_1.normalize)(modulePath + '.module.ts'); } else if (host.exists(modulePath + '/' + moduleBaseName + '.module.ts')) { return (0, core_1.normalize)(modulePath + '/' + moduleBaseName + '.module.ts'); } else { throw new Error('Specified module does not exist'); } } } function findRoutingModule(host, generateDir) { let dir = host.getDir('/' + generateDir); const routingModuleRe = /-routing\.module\.ts/; while (dir) { const matches = dir.subfiles.filter((p) => routingModuleRe.test(p)); if (matches.length === 1) { return (0, core_1.join)(dir.path, matches[0]); } else if (matches.length > 1) { throw new Error('More than one module matches. Use skip-import option to skip importing the component into the closest module.'); } dir = dir.parent; } throw new Error('Could not find an NgModule. Use the skip-import option to skip importing in NgModule.'); } function addRouteToNgModule(options) { const { module } = options; if (!module) { throw new schematics_1.SchematicsException('module option is required.'); } return (host) => { const text = host.read(module); if (!text) { throw new schematics_1.SchematicsException(`File ${module} does not exist.`); } const sourceText = text.toString('utf8'); const source = ts.createSourceFile(module, sourceText, ts.ScriptTarget.Latest, true); const pagePath = `/${options.path}/` + (options.flat ? '' : `${core_1.strings.dasherize(options.name)}/`) + `${core_1.strings.dasherize(options.name)}.module`; const relativePath = (0, find_module_1.buildRelativePath)(module, pagePath); const routePath = core_1.strings.dasherize(options.routePath ? options.routePath : options.name); const ngModuleName = `${core_1.strings.classify(options.name)}PageModule`; const changes = addRouteToRoutesArray(source, module, routePath, relativePath, ngModuleName); const recorder = host.beginUpdate(module); for (const change of changes) { if (change instanceof change_1.InsertChange) { recorder.insertLeft(change.pos, change.toAdd); } } host.commitUpdate(recorder); return host; }; } function addRouteToRoutesArray(source, ngModulePath, routePath, routeLoadChildren, ngModuleName) { const keywords = (0, ast_util_1.findNodes)(source, ts.SyntaxKind.VariableStatement); for (const keyword of keywords) { if (ts.isVariableStatement(keyword)) { const [declaration] = keyword.declarationList.declarations; if (ts.isVariableDeclaration(declaration) && declaration.initializer && declaration.name.getText() === 'routes') { const node = declaration.initializer.getChildAt(1); const lastRouteNode = node.getLastToken(); if (!lastRouteNode) { return []; } const changes = []; let trailingCommaFound = false; if (lastRouteNode.kind === ts.SyntaxKind.CommaToken) { trailingCommaFound = true; } else { changes.push(new change_1.InsertChange(ngModulePath, lastRouteNode.getEnd(), ',')); } changes.push(new change_1.InsertChange(ngModulePath, lastRouteNode.getEnd() + 1, ` {\n path: '${routePath}',\n loadChildren: () => import('${routeLoadChildren}').then( m => m.${ngModuleName})\n }${trailingCommaFound ? ',' : ''}\n`)); return changes; } } } return []; } // Standalone functions function addRouteToRoutesFile(source, routesFilePath, routePath, relativePath, componentName) { const keywords = (0, ast_util_1.findNodes)(source, ts.SyntaxKind.VariableStatement); for (const keyword of keywords) { if (ts.isVariableStatement(keyword)) { const [declaration] = keyword.declarationList.declarations; if (ts.isVariableDeclaration(declaration) && declaration.initializer && declaration.name.getText() === 'routes') { const node = declaration.initializer.getChildAt(1); const lastRouteNode = node.getLastToken(); if (!lastRouteNode) { return []; } const changes = []; let trailingCommaFound = false; if (lastRouteNode.kind === ts.SyntaxKind.CommaToken) { trailingCommaFound = true; } else { changes.push(new change_1.InsertChange(routesFilePath, lastRouteNode.getEnd(), ',')); } changes.push(new change_1.InsertChange(routesFilePath, lastRouteNode.getEnd() + 1, ` {\n path: '${routePath}',\n loadComponent: () => import('${relativePath}').then( m => m.${componentName})\n }${trailingCommaFound ? ',' : ''}\n`)); return changes; } } } return []; } function findRoutesFile(host, options) { const pathToCheck = (options.path || '') + (options.flat ? '' : '/' + core_1.strings.dasherize(options.name)); let dir = host.getDir('/' + pathToCheck); const routesRe = /.routes\.ts/; while (dir) { const matches = dir.subfiles.filter((p) => routesRe.test(p)); if (matches.length === 1) { return (0, core_1.join)(dir.path, matches[0]); } else if (matches.length > 1) { throw new Error('Could not find your routes file. Use the skip-import option to skip importing.'); } dir = dir.parent; } throw new Error('Could not find your routes file. Use the skip-import option to skip importing.'); } function addRoute(options) { return (host) => { const routesFile = findRoutesFile(host, options); const text = host.read(routesFile); if (!text) { throw new schematics_1.SchematicsException(`File ${routesFile} does not exist.`); } // const sourceText = text.toString('utf8'); const source = ts.createSourceFile(routesFile, sourceText, ts.ScriptTarget.Latest, true); const pagePath = `/${options.path}/` + (options.flat ? '' : `${core_1.strings.dasherize(options.name)}/`) + `${core_1.strings.dasherize(options.name)}.page`; const relativePath = (0, find_module_1.buildRelativePath)(routesFile, pagePath); const routePath = core_1.strings.dasherize(options.routePath ? options.routePath : options.name); const componentImport = `${core_1.strings.classify(options.name)}Page`; const changes = addRouteToRoutesFile(source, routesFile, routePath, relativePath, componentImport); const recorder = host.beginUpdate(routesFile); for (const change of changes) { if (change instanceof change_1.InsertChange) { recorder.insertLeft(change.pos, change.toAdd); } } host.commitUpdate(recorder); return host; }; }