Updated the files.

my-app/node_modules/@schematics/angular/service-worker/files/ngsw-config.json.template

@@ -0,0 +1,30 @@
+{
+  "$schema": "<%= relativePathToWorkspaceRoot %>/node_modules/@angular/service-worker/config/schema.json",
+  "index": "/index.html",
+  "assetGroups": [
+    {
+      "name": "app",
+      "installMode": "prefetch",
+      "resources": {
+        "files": [
+          "/favicon.ico",
+          "/index.html",
+          "/manifest.webmanifest",
+          "/*.css",
+          "/*.js"
+        ]
+      }
+    },
+    {
+      "name": "assets",
+      "installMode": "lazy",
+      "updateMode": "prefetch",
+      "resources": {
+        "files": [
+          "/assets/**",
+          "<%= resourcesOutputPath %>/*.(svg|cur|jpg|jpeg|png|apng|webp|avif|gif|otf|ttf|woff|woff2)"
+        ]
+      }
+    }
+  ]
+}

my-app/node_modules/@schematics/angular/service-worker/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 ServiceWorkerOptions } from './schema';
+export default function (options: ServiceWorkerOptions): Rule;

my-app/node_modules/@schematics/angular/service-worker/index.js

@@ -0,0 +1,158 @@
+"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 standalone_1 = require("../private/standalone");
+const ts = __importStar(require("../third_party/github.com/Microsoft/TypeScript/lib/typescript"));
+const utility_1 = require("../utility");
+const ast_utils_1 = require("../utility/ast-utils");
+const change_1 = require("../utility/change");
+const dependencies_1 = require("../utility/dependencies");
+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_models_1 = require("../utility/workspace-models");
+function addDependencies() {
+    return (host) => {
+        const coreDep = (0, dependencies_1.getPackageJsonDependency)(host, '@angular/core');
+        if (!coreDep) {
+            throw new schematics_1.SchematicsException('Could not find "@angular/core" version.');
+        }
+        return (0, utility_1.addDependency)('@angular/service-worker', coreDep.version);
+    };
+}
+function updateAppModule(mainPath) {
+    return (host, context) => {
+        context.logger.debug('Updating appmodule');
+        const modulePath = (0, ng_ast_utils_1.getAppModulePath)(host, mainPath);
+        context.logger.debug(`module path: ${modulePath}`);
+        addImport(host, modulePath, 'ServiceWorkerModule', '@angular/service-worker');
+        addImport(host, modulePath, 'isDevMode', '@angular/core');
+        // register SW in application module
+        const importText = core_1.tags.stripIndent `
+      ServiceWorkerModule.register('ngsw-worker.js', {
+        enabled: !isDevMode(),
+        // Register the ServiceWorker as soon as the application is stable
+        // or after 30 seconds (whichever comes first).
+        registrationStrategy: 'registerWhenStable:30000'
+      })
+    `;
+        const moduleSource = getTsSourceFile(host, modulePath);
+        const metadataChanges = (0, ast_utils_1.addSymbolToNgModuleMetadata)(moduleSource, modulePath, 'imports', importText);
+        if (metadataChanges) {
+            const recorder = host.beginUpdate(modulePath);
+            (0, change_1.applyToUpdateRecorder)(recorder, metadataChanges);
+            host.commitUpdate(recorder);
+        }
+        return host;
+    };
+}
+function addProvideServiceWorker(mainPath) {
+    return (host) => {
+        const updatedFilePath = (0, standalone_1.addFunctionalProvidersToStandaloneBootstrap)(host, mainPath, 'provideServiceWorker', '@angular/service-worker', [
+            ts.factory.createStringLiteral('ngsw-worker.js', true),
+            ts.factory.createObjectLiteralExpression([
+                ts.factory.createPropertyAssignment(ts.factory.createIdentifier('enabled'), ts.factory.createPrefixUnaryExpression(ts.SyntaxKind.ExclamationToken, ts.factory.createCallExpression(ts.factory.createIdentifier('isDevMode'), undefined, []))),
+                ts.factory.createPropertyAssignment(ts.factory.createIdentifier('registrationStrategy'), ts.factory.createStringLiteral('registerWhenStable:30000', true)),
+            ], true),
+        ]);
+        addImport(host, updatedFilePath, 'isDevMode', '@angular/core');
+        return host;
+    };
+}
+function getTsSourceFile(host, path) {
+    const content = host.readText(path);
+    const source = ts.createSourceFile(path, content, ts.ScriptTarget.Latest, true);
+    return source;
+}
+function default_1(options) {
+    return async (host) => {
+        const workspace = await (0, utility_1.readWorkspace)(host);
+        const project = workspace.projects.get(options.project);
+        if (!project) {
+            throw new schematics_1.SchematicsException(`Invalid project name (${options.project})`);
+        }
+        if (project.extensions.projectType !== 'application') {
+            throw new schematics_1.SchematicsException(`Service worker requires a project type of "application".`);
+        }
+        const buildTarget = project.targets.get('build');
+        if (!buildTarget) {
+            throw (0, project_targets_1.targetBuildNotFoundError)();
+        }
+        const buildOptions = buildTarget.options;
+        let browserEntryPoint;
+        let resourcesOutputPath = '';
+        const ngswConfigPath = (0, core_1.join)((0, core_1.normalize)(project.root), 'ngsw-config.json');
+        if (buildTarget.builder === workspace_models_1.Builders.Application) {
+            browserEntryPoint = buildOptions.browser;
+            resourcesOutputPath = '/media';
+            const productionConf = buildTarget.configurations?.production;
+            if (productionConf) {
+                productionConf.serviceWorker = ngswConfigPath;
+            }
+        }
+        else {
+            browserEntryPoint = buildOptions.main;
+            buildOptions.serviceWorker = true;
+            buildOptions.ngswConfigPath = ngswConfigPath;
+            if (buildOptions.resourcesOutputPath) {
+                resourcesOutputPath = (0, core_1.normalize)(`/${buildOptions.resourcesOutputPath}`);
+            }
+        }
+        await (0, utility_1.writeWorkspace)(host, workspace);
+        return (0, schematics_1.chain)([
+            addDependencies(),
+            (0, schematics_1.mergeWith)((0, schematics_1.apply)((0, schematics_1.url)('./files'), [
+                (0, schematics_1.applyTemplates)({
+                    ...options,
+                    resourcesOutputPath,
+                    relativePathToWorkspaceRoot: (0, paths_1.relativePathToWorkspaceRoot)(project.root),
+                }),
+                (0, schematics_1.move)(project.root),
+            ])),
+            (0, ng_ast_utils_1.isStandaloneApp)(host, browserEntryPoint)
+                ? addProvideServiceWorker(browserEntryPoint)
+                : updateAppModule(browserEntryPoint),
+        ]);
+    };
+}
+exports.default = default_1;
+function addImport(host, filePath, symbolName, moduleName) {
+    const moduleSource = getTsSourceFile(host, filePath);
+    const change = (0, ast_utils_1.insertImport)(moduleSource, filePath, symbolName, moduleName);
+    if (change) {
+        const recorder = host.beginUpdate(filePath);
+        (0, change_1.applyToUpdateRecorder)(recorder, [change]);
+        host.commitUpdate(recorder);
+    }
+}

my-app/node_modules/@schematics/angular/service-worker/schema.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Pass this schematic to the "run" command to create a service worker
+ */
+export interface Schema {
+    /**
+     * The name of the project.
+     */
+    project: string;
+    /**
+     * The target to apply service worker to.
+     */
+    target?: string;
+}

my-app/node_modules/@schematics/angular/service-worker/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 });

my-app/node_modules/@schematics/angular/service-worker/schema.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema",
+  "$id": "SchematicsAngularServiceWorker",
+  "title": "Angular Service Worker Options Schema",
+  "type": "object",
+  "additionalProperties": false,
+  "description": "Pass this schematic to the \"run\" command to create a service worker",
+  "properties": {
+    "project": {
+      "type": "string",
+      "description": "The name of the project.",
+      "$default": {
+        "$source": "projectName"
+      }
+    },
+    "target": {
+      "type": "string",
+      "description": "The target to apply service worker to.",
+      "default": "build"
+    }
+  },
+  "required": ["project"]
+}