diff options
Diffstat (limited to 'sandbox/testAppNevena/Front/node_modules/@schematics/angular/app-shell')
6 files changed, 425 insertions, 0 deletions
diff --git a/sandbox/testAppNevena/Front/node_modules/@schematics/angular/app-shell/app-shell-long.md b/sandbox/testAppNevena/Front/node_modules/@schematics/angular/app-shell/app-shell-long.md new file mode 100644 index 00000000..c8598833 --- /dev/null +++ b/sandbox/testAppNevena/Front/node_modules/@schematics/angular/app-shell/app-shell-long.md @@ -0,0 +1,47 @@ +An app shell lets Universal render a portion of your application via a route at build time. +This gives users a meaningful first paint of your application that appears quickly +because the browser can simply render the HTML without the need to initialize any JavaScript. + +Use this command with a routing app that is accompanied by a Universal server-side app. + +To create an app shell, use the following command. + +<code-example format="." language="bash"> + ng generate app-shell my-app +</code-example> + +- `my-app` is the name of your client application +- `server-app` is the name of the Universal (server) application + +The command adds two new architect build targets to your `angular.json` configuration file (along with a few other changes). + +<code-example format="." language="none" linenums="false"> +"server": { + "builder": "@angular-devkit/build-angular:server", + "options": { + "outputPath": "dist/my-app-server", + "main": "src/main.server.ts", + "tsConfig": "src/tsconfig.server.json" + } +}, +"app-shell": { + "builder": "@angular-devkit/build-angular:app-shell", + "options": { + "browserTarget": "my-app:build", + "serverTarget": "my-app:server", + "route": "shell" + } +} +</code-example> + +To verify the that the app has been built with the default shell content: + +1. Run the app-shell target. + + <code-example format="." language="bash"> + ng run my-app:app-shell + </code-example> + +1. Open `dist/app-shell/index.html` in your browser. + +The default text "app-shell works!" verifies that the app-shell route was rendered as part of the output. diff --git a/sandbox/testAppNevena/Front/node_modules/@schematics/angular/app-shell/index.d.ts b/sandbox/testAppNevena/Front/node_modules/@schematics/angular/app-shell/index.d.ts new file mode 100644 index 00000000..765dc21d --- /dev/null +++ b/sandbox/testAppNevena/Front/node_modules/@schematics/angular/app-shell/index.d.ts @@ -0,0 +1,10 @@ +/** + * @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 + */ +import { Rule } from '@angular-devkit/schematics'; +import { Schema as AppShellOptions } from './schema'; +export default function (options: AppShellOptions): Rule; diff --git a/sandbox/testAppNevena/Front/node_modules/@schematics/angular/app-shell/index.js b/sandbox/testAppNevena/Front/node_modules/@schematics/angular/app-shell/index.js new file mode 100644 index 00000000..51159c98 --- /dev/null +++ b/sandbox/testAppNevena/Front/node_modules/@schematics/angular/app-shell/index.js @@ -0,0 +1,277 @@ +"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, (0, core_1.join)((0, core_1.normalize)(sourceRoot), mainPath)); + const allNodes = (0, ast_utils_1.getSourceNodes)(mainSource); + const expNode = allNodes.find((node) => ts.isExportDeclaration(node)); + if (!expNode) { + return null; + } + const relativePath = expNode.moduleSpecifier; + const modulePath = (0, core_1.normalize)(`/${sourceRoot}/${relativePath.text}.ts`); + return modulePath; +} +function getComponentTemplateInfo(host, componentPath) { + const compSource = getSourceFile(host, componentPath); + const compMetadata = (0, 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 = (0, core_1.dirname)((0, core_1.normalize)(compPath)); + const templatePath = (0, core_1.join)(dir, templateUrl); + const buffer = host.read(templatePath); + if (buffer) { + template = buffer.toString(); + } + } + return template; +} +function getBootstrapComponentPath(host, mainPath) { + const modulePath = (0, ng_ast_utils_1.getAppModulePath)(host, mainPath); + const moduleSource = getSourceFile(host, modulePath); + const metadataNode = (0, 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 = (0, ast_utils_1.getSourceNodes)(moduleSource) + .filter(ts.isImportDeclaration) + .filter((imp) => { + return (0, ast_utils_1.findNode)(imp, ts.SyntaxKind.Identifier, componentSymbol); + }) + .map((imp) => { + const pathStringLiteral = imp.moduleSpecifier; + return pathStringLiteral.text; + })[0]; + return (0, core_1.join)((0, core_1.dirname)((0, 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 (0, schematics_1.schematic)('universal', universalOptions); + }; +} +function addAppShellConfigToWorkspace(options) { + return (host, context) => { + if (!options.route) { + throw new schematics_1.SchematicsException(`Route is not defined`); + } + return (0, 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 = (0, ng_ast_utils_1.getAppModulePath)(host, mainPath); + const moduleSource = getSourceFile(host, modulePath); + const changes = (0, ast_utils_1.addImportToModule)(moduleSource, modulePath, 'RouterModule', '@angular/router'); + const recorder = host.beginUpdate(modulePath); + (0, 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 (0, 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 (!(0, ast_utils_1.isImported)(moduleSource, 'Routes', '@angular/router')) { + const recorder = host.beginUpdate(modulePath); + const routesChange = (0, ast_utils_1.insertImport)(moduleSource, modulePath, 'Routes', '@angular/router'); + if (routesChange) { + (0, change_1.applyToUpdateRecorder)(recorder, [routesChange]); + } + const imports = (0, 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 (!(0, ast_utils_1.isImported)(moduleSource, 'RouterModule', '@angular/router')) { + const recorder = host.beginUpdate(modulePath); + const routerModuleChange = (0, ast_utils_1.insertImport)(moduleSource, modulePath, 'RouterModule', '@angular/router'); + if (routerModuleChange) { + (0, change_1.applyToUpdateRecorder)(recorder, [routerModuleChange]); + } + const metadataChange = (0, ast_utils_1.addSymbolToNgModuleMetadata)(moduleSource, modulePath, 'imports', 'RouterModule.forRoot(routes)'); + if (metadataChange) { + (0, change_1.applyToUpdateRecorder)(recorder, metadataChange); + } + host.commitUpdate(recorder); + } + }; +} +function addShellComponent(options) { + const componentOptions = { + name: 'app-shell', + module: options.rootModuleFileName, + project: options.project, + }; + return (0, schematics_1.schematic)('component', componentOptions); +} +function default_1(options) { + return async (tree) => { + const workspace = await (0, 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 (0, project_targets_1.targetBuildNotFoundError)(); + } + const clientBuildOptions = (clientBuildTarget.options || + {}); + return (0, schematics_1.chain)([ + validateProject(clientBuildOptions.main), + clientProject.targets.has('server') ? (0, schematics_1.noop)() : addUniversalTarget(options), + addAppShellConfigToWorkspace(options), + addRouterModule(clientBuildOptions.main), + addServerRoutes(options), + addShellComponent(options), + ]); + }; +} +exports.default = default_1; diff --git a/sandbox/testAppNevena/Front/node_modules/@schematics/angular/app-shell/schema.d.ts b/sandbox/testAppNevena/Front/node_modules/@schematics/angular/app-shell/schema.d.ts new file mode 100644 index 00000000..6e12b665 --- /dev/null +++ b/sandbox/testAppNevena/Front/node_modules/@schematics/angular/app-shell/schema.d.ts @@ -0,0 +1,33 @@ +/** + * Generates an app shell for running a server-side version of an app. + */ +export interface Schema { + /** + * The name of the application directory. + */ + appDir?: string; + /** + * The app ID to use in withServerTransition(). + */ + appId?: string; + /** + * The name of the main entry-point file. + */ + main?: string; + /** + * The name of the related client app. + */ + project: string; + /** + * The name of the root module class. + */ + rootModuleClassName?: string; + /** + * The name of the root module file + */ + rootModuleFileName?: string; + /** + * Route path used to produce the app shell. + */ + route?: string; +} diff --git a/sandbox/testAppNevena/Front/node_modules/@schematics/angular/app-shell/schema.js b/sandbox/testAppNevena/Front/node_modules/@schematics/angular/app-shell/schema.js new file mode 100644 index 00000000..4fb6d3d1 --- /dev/null +++ b/sandbox/testAppNevena/Front/node_modules/@schematics/angular/app-shell/schema.js @@ -0,0 +1,4 @@ +"use strict"; +// THIS FILE IS AUTOMATICALLY GENERATED. TO UPDATE THIS FILE YOU NEED TO CHANGE THE +// CORRESPONDING JSON SCHEMA FILE, THEN RUN devkit-admin build (or bazel build ...). +Object.defineProperty(exports, "__esModule", { value: true }); diff --git a/sandbox/testAppNevena/Front/node_modules/@schematics/angular/app-shell/schema.json b/sandbox/testAppNevena/Front/node_modules/@schematics/angular/app-shell/schema.json new file mode 100644 index 00000000..6b231b8b --- /dev/null +++ b/sandbox/testAppNevena/Front/node_modules/@schematics/angular/app-shell/schema.json @@ -0,0 +1,54 @@ +{ + "$schema": "http://json-schema.org/draft-07/schema", + "$id": "SchematicsAngularAppShell", + "title": "Angular AppShell Options Schema", + "type": "object", + "description": "Generates an app shell for running a server-side version of an app.", + "additionalProperties": false, + "long-description": "./app-shell-long.md", + "properties": { + "project": { + "type": "string", + "description": "The name of the related client app.", + "$default": { + "$source": "projectName" + } + }, + "route": { + "type": "string", + "description": "Route path used to produce the app shell.", + "default": "shell" + }, + "appId": { + "type": "string", + "format": "html-selector", + "description": "The app ID to use in withServerTransition().", + "default": "serverApp" + }, + "main": { + "type": "string", + "format": "path", + "description": "The name of the main entry-point file.", + "default": "main.server.ts" + }, + "appDir": { + "type": "string", + "format": "path", + "description": "The name of the application directory.", + "default": "app" + }, + "rootModuleFileName": { + "type": "string", + "format": "path", + "description": "The name of the root module file", + "default": "app.server.module.ts" + }, + "rootModuleClassName": { + "type": "string", + "format": "html-selector", + "description": "The name of the root module class.", + "default": "AppServerModule" + } + }, + "required": ["project"] +} |