init

node_modules/@schematics/angular/server/files/application-builder/ngmodule-src/app/app.module.server.ts.template

@@ -0,0 +1,12 @@
+import { NgModule } from '@angular/core';
+import { provideServerRendering, withRoutes } from '@angular/ssr';
+import { <%= appComponentName %> } from '<%= appComponentPath %>';
+import { <%= appModuleName %> } from '<%= appModulePath %>';
+import { serverRoutes } from './app.routes.server';
+
+@NgModule({
+  imports: [<%= appModuleName %>],
+  providers: [provideServerRendering(withRoutes(serverRoutes))],
+  bootstrap: [<%= appComponentName %>],
+})
+export class AppServerModule {}

node_modules/@schematics/angular/server/files/application-builder/ngmodule-src/app/app.routes.server.ts.template

@@ -0,0 +1,8 @@
+import { RenderMode, ServerRoute } from '@angular/ssr';
+
+export const serverRoutes: ServerRoute[] = [
+  {
+    path: '**',
+    renderMode: RenderMode.Prerender
+  }
+];

node_modules/@schematics/angular/server/files/application-builder/ngmodule-src/main.server.ts.template

@@ -0,0 +1 @@
+export { AppServerModule as default } from './app/app.module.server';

node_modules/@schematics/angular/server/files/application-builder/standalone-src/app/app.config.server.ts.template

@@ -0,0 +1,12 @@
+import { mergeApplicationConfig, ApplicationConfig } from '@angular/core';
+import { provideServerRendering, withRoutes } from '@angular/ssr';
+import { appConfig } from './app.config';
+import { serverRoutes } from './app.routes.server';
+
+const serverConfig: ApplicationConfig = {
+  providers: [
+    provideServerRendering(withRoutes(serverRoutes))
+  ]
+};
+
+export const config = mergeApplicationConfig(appConfig, serverConfig);

node_modules/@schematics/angular/server/files/application-builder/standalone-src/app/app.routes.server.ts.template

@@ -0,0 +1,8 @@
+import { RenderMode, ServerRoute } from '@angular/ssr';
+
+export const serverRoutes: ServerRoute[] = [
+  {
+    path: '**',
+    renderMode: RenderMode.Prerender
+  }
+];

node_modules/@schematics/angular/server/files/application-builder/standalone-src/main.server.ts.template

@@ -0,0 +1,8 @@
+import { BootstrapContext, bootstrapApplication } from '@angular/platform-browser';
+import { <%= appComponentName %> } from '<%= appComponentPath %>';
+import { config } from './app/app.config.server';
+
+const bootstrap = (context: BootstrapContext) =>
+    bootstrapApplication(<%= appComponentName %>, config, context);
+
+export default bootstrap;

node_modules/@schematics/angular/server/files/server-builder/ngmodule-src/app/app.module.server.ts.template

@@ -0,0 +1,14 @@
+import { NgModule } from '@angular/core';
+import { ServerModule } from '@angular/platform-server';
+
+import { <%= appModuleName %> } from '<%= appModulePath %>';
+import { <%= appComponentName %> } from '<%= appComponentPath %>';
+
+@NgModule({
+  imports: [
+    <%= appModuleName %>,
+    ServerModule,
+  ],
+  bootstrap: [<%= appComponentName %>],
+})
+export class AppServerModule {}

node_modules/@schematics/angular/server/files/server-builder/ngmodule-src/main.server.ts.template

@@ -0,0 +1 @@
+export { AppServerModule as default } from './app/app.module.server';

node_modules/@schematics/angular/server/files/server-builder/root/tsconfig.server.json.template

@@ -0,0 +1,15 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "extends": "./<%= tsConfigExtends %>",
+  "compilerOptions": {
+    "outDir": "<%= relativePathToWorkspaceRoot %>/out-tsc/server",
+    "types": [
+      "node"<% if (hasLocalizePackage) { %>,
+      "@angular/localize"<% } %>
+    ]
+  },
+  "files": [
+    "src/main.server.ts"
+  ]
+}

node_modules/@schematics/angular/server/files/server-builder/standalone-src/app/app.config.server.ts.template

@@ -0,0 +1,11 @@
+import { mergeApplicationConfig, ApplicationConfig } from '@angular/core';
+import { provideServerRendering } from '@angular/ssr';
+import { appConfig } from './app.config';
+
+const serverConfig: ApplicationConfig = {
+  providers: [
+    provideServerRendering()
+  ]
+};
+
+export const config = mergeApplicationConfig(appConfig, serverConfig);

node_modules/@schematics/angular/server/files/server-builder/standalone-src/main.server.ts.template

@@ -0,0 +1,8 @@
+import { BootstrapContext, bootstrapApplication } from '@angular/platform-browser';
+import { <%= appComponentName %> } from '<%= appComponentPath %>';
+import { config } from './app/app.config.server';
+
+const bootstrap = (context: BootstrapContext) =>
+    bootstrapApplication(<%= appComponentName %>, config, context);
+
+export default bootstrap;

node_modules/@schematics/angular/server/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.dev/license
+ */
+import { Rule } from '@angular-devkit/schematics';
+import { Schema as ServerOptions } from './schema';
+export default function (options: ServerOptions): Rule;

node_modules/@schematics/angular/server/index.js

@@ -0,0 +1,205 @@
+"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.dev/license
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = default_1;
+const core_1 = require("@angular-devkit/core");
+const schematics_1 = require("@angular-devkit/schematics");
+const node_path_1 = require("node:path");
+const utility_1 = require("../utility");
+const dependencies_1 = require("../utility/dependencies");
+const json_file_1 = require("../utility/json-file");
+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 app_component_1 = require("../utility/standalone/app_component");
+const util_1 = require("../utility/standalone/util");
+const workspace_1 = require("../utility/workspace");
+const workspace_models_1 = require("../utility/workspace-models");
+const serverMainEntryName = 'main.server.ts';
+function updateConfigFileBrowserBuilder(options, tsConfigDirectory) {
+    return (0, workspace_1.updateWorkspace)((workspace) => {
+        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 {
+                    buildOptimizer: options?.buildOptimizer,
+                    outputHashing: options?.outputHashing === 'all' ? 'media' : options?.outputHashing,
+                    fileReplacements: options?.fileReplacements,
+                    optimization: options?.optimization === undefined ? undefined : !!options?.optimization,
+                    sourceMap: options?.sourceMap,
+                    localization: options?.localization,
+                    stylePreprocessorOptions: options?.stylePreprocessorOptions,
+                    resourcesOutputPath: options?.resourcesOutputPath,
+                    deployUrl: options?.deployUrl,
+                    i18nMissingTranslation: options?.i18nMissingTranslation,
+                    preserveSymlinks: options?.preserveSymlinks,
+                    extractLicenses: options?.extractLicenses,
+                    inlineStyleLanguage: options?.inlineStyleLanguage,
+                    vendorChunk: options?.vendorChunk,
+                };
+            };
+            const buildTarget = clientProject.targets.get('build');
+            if (buildTarget?.options) {
+                buildTarget.options.outputPath = `dist/${options.project}/browser`;
+            }
+            const buildConfigurations = buildTarget?.configurations;
+            const configurations = {};
+            if (buildConfigurations) {
+                for (const [key, options] of Object.entries(buildConfigurations)) {
+                    configurations[key] = getServerOptions(options);
+                }
+            }
+            const sourceRoot = clientProject.sourceRoot ?? (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), serverMainEntryName),
+                    tsConfig: serverTsConfig,
+                    ...(buildTarget?.options ? getServerOptions(buildTarget?.options) : {}),
+                },
+                configurations,
+            });
+        }
+    });
+}
+function updateConfigFileApplicationBuilder(options) {
+    return (0, workspace_1.updateWorkspace)((workspace) => {
+        const project = workspace.projects.get(options.project);
+        if (!project) {
+            return;
+        }
+        const buildTarget = project.targets.get('build');
+        if (!buildTarget) {
+            return;
+        }
+        buildTarget.options ??= {};
+        buildTarget.options['server'] = node_path_1.posix.join(project.sourceRoot ?? node_path_1.posix.join(project.root, 'src'), serverMainEntryName);
+        buildTarget.options['outputMode'] = 'static';
+    });
+}
+function updateTsConfigFile(tsConfigPath) {
+    return (host) => {
+        const json = new json_file_1.JSONFile(host, tsConfigPath);
+        // Skip adding the files entry if the server entry would already be included.
+        const include = json.get(['include']);
+        if (!Array.isArray(include) || !include.includes('src/**/*.ts')) {
+            const filesPath = ['files'];
+            const files = new Set(json.get(filesPath) ?? []);
+            files.add('src/' + serverMainEntryName);
+            json.modify(filesPath, [...files]);
+        }
+        const typePath = ['compilerOptions', 'types'];
+        const types = new Set(json.get(typePath) ?? []);
+        types.add('node');
+        json.modify(typePath, [...types]);
+    };
+}
+function addDependencies(skipInstall) {
+    return (host) => {
+        const coreDep = (0, dependencies_1.getPackageJsonDependency)(host, '@angular/core');
+        if (coreDep === null) {
+            throw new schematics_1.SchematicsException('Could not find version.');
+        }
+        const install = skipInstall ? utility_1.InstallBehavior.None : utility_1.InstallBehavior.Auto;
+        return (0, schematics_1.chain)([
+            (0, utility_1.addDependency)('@angular/ssr', latest_versions_1.latestVersions.AngularSSR, {
+                type: utility_1.DependencyType.Default,
+                install,
+            }),
+            (0, utility_1.addDependency)('@angular/platform-server', coreDep.version, {
+                type: utility_1.DependencyType.Default,
+                install,
+            }),
+            (0, utility_1.addDependency)('@types/node', latest_versions_1.latestVersions['@types/node'], {
+                type: utility_1.DependencyType.Dev,
+                install,
+            }),
+        ]);
+    };
+}
+function default_1(options) {
+    return async (host) => {
+        const workspace = await (0, workspace_1.getWorkspace)(host);
+        const clientProject = workspace.projects.get(options.project);
+        if (clientProject?.extensions.projectType !== 'application') {
+            throw new schematics_1.SchematicsException(`Server schematic requires a project type of "application".`);
+        }
+        const clientBuildTarget = clientProject.targets.get('build');
+        if (!clientBuildTarget) {
+            throw (0, project_targets_1.targetBuildNotFoundError)();
+        }
+        const usingApplicationBuilder = (0, project_targets_1.isUsingApplicationBuilder)(clientProject);
+        if (clientProject.targets.has('server') ||
+            (usingApplicationBuilder && clientBuildTarget.options?.server !== undefined)) {
+            // Server has already been added.
+            return;
+        }
+        const clientBuildOptions = clientBuildTarget.options;
+        const browserEntryPoint = await (0, util_1.getMainFilePath)(host, options.project);
+        const isStandalone = (0, ng_ast_utils_1.isStandaloneApp)(host, browserEntryPoint);
+        const sourceRoot = clientProject.sourceRoot ?? (0, core_1.join)((0, core_1.normalize)(clientProject.root), 'src');
+        let filesUrl = `./files/${usingApplicationBuilder ? 'application-builder/' : 'server-builder/'}`;
+        filesUrl += isStandalone ? 'standalone-src' : 'ngmodule-src';
+        const { componentName, componentImportPathInSameFile, moduleName, moduleImportPathInSameFile } = (0, app_component_1.resolveBootstrappedComponentData)(host, browserEntryPoint) || {
+            componentName: 'App',
+            componentImportPathInSameFile: './app/app',
+            moduleName: 'AppModule',
+            moduleImportPathInSameFile: './app/app.module',
+        };
+        const templateSource = (0, schematics_1.apply)((0, schematics_1.url)(filesUrl), [
+            (0, schematics_1.applyTemplates)({
+                ...schematics_1.strings,
+                ...options,
+                appComponentName: componentName,
+                appComponentPath: componentImportPathInSameFile,
+                appModuleName: moduleName,
+                appModulePath: moduleImportPathInSameFile === null
+                    ? null
+                    : `./${node_path_1.posix.basename(moduleImportPathInSameFile)}`,
+            }),
+            (0, schematics_1.move)(sourceRoot),
+        ]);
+        const clientTsConfig = (0, core_1.normalize)(clientBuildOptions.tsConfig);
+        const tsConfigExtends = (0, core_1.basename)(clientTsConfig);
+        const tsConfigDirectory = (0, core_1.dirname)(clientTsConfig);
+        return (0, schematics_1.chain)([
+            (0, schematics_1.mergeWith)(templateSource),
+            ...(usingApplicationBuilder
+                ? [
+                    updateConfigFileApplicationBuilder(options),
+                    updateTsConfigFile(clientBuildOptions.tsConfig),
+                ]
+                : [
+                    (0, schematics_1.mergeWith)((0, schematics_1.apply)((0, schematics_1.url)('./files/server-builder/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),
+                    ])),
+                    updateConfigFileBrowserBuilder(options, tsConfigDirectory),
+                ]),
+            addDependencies(options.skipInstall),
+            (0, utility_1.addRootProvider)(options.project, ({ code, external }) => code `${external('provideClientHydration', '@angular/platform-browser')}(${external('withEventReplay', '@angular/platform-browser')}())`),
+        ]);
+    };
+}

node_modules/@schematics/angular/server/schema.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Sets up server-side rendering (SSR) for your Angular application. SSR allows your app to
+ * be rendered on the server, improving initial load performance and SEO. This schematic
+ * configures your project for SSR and generates the necessary files.
+ */
+export type Schema = {
+    /**
+     * The name of the project to enable server-side rendering for.
+     */
+    project: string;
+    /**
+     * Skip the automatic installation of packages. You will need to manually install the
+     * dependencies later.
+     */
+    skipInstall?: boolean;
+};

node_modules/@schematics/angular/server/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 });

node_modules/@schematics/angular/server/schema.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema",
+  "$id": "SchematicsAngularServerApp",
+  "title": "Angular Server App Options Schema",
+  "type": "object",
+  "additionalProperties": false,
+  "description": "Sets up server-side rendering (SSR) for your Angular application. SSR allows your app to be rendered on the server, improving initial load performance and SEO. This schematic configures your project for SSR and generates the necessary files.",
+  "properties": {
+    "project": {
+      "type": "string",
+      "description": "The name of the project to enable server-side rendering for.",
+      "$default": {
+        "$source": "projectName"
+      }
+    },
+    "skipInstall": {
+      "description": "Skip the automatic installation of packages. You will need to manually install the dependencies later.",
+      "type": "boolean",
+      "default": false
+    }
+  },
+  "required": ["project"]
+}