@angular-devkit/build-angular 17.0.0-rc.2 → 17.0.0-rc.4

package/src/builders/dev-server/vite-server.js

@@ -38,9 +38,10 @@ const remapping_1 = __importDefault(require("@ampproject/remapping"));
 const mrmime_1 = require("mrmime");
 const node_assert_1 = __importDefault(require("node:assert"));
 const promises_1 = require("node:fs/promises");
-const node_path_1 = __importDefault(require("node:path"));
+const node_path_1 = require("node:path");
 const bundler_context_1 = require("../../tools/esbuild/bundler-context");
 const javascript_transformer_1 = require("../../tools/esbuild/javascript-transformer");
+const rxjs_esm_resolution_plugin_1 = require("../../tools/esbuild/rxjs-esm-resolution-plugin");
 const utils_1 = require("../../tools/esbuild/utils");
 const i18n_locale_plugin_1 = require("../../tools/vite/i18n-locale-plugin");
 const render_page_1 = require("../../utils/server-rendering/render-page");
@@ -49,7 +50,8 @@ const webpack_browser_config_1 = require("../../utils/webpack-browser-config");
 const application_1 = require("../application");
 const browser_esbuild_1 = require("../browser-esbuild");
 const load_proxy_config_1 = require("./load-proxy-config");
-async function* serveWithVite(serverOptions, builderName, context, plugins) {
+// eslint-disable-next-line max-lines-per-function
+async function* serveWithVite(serverOptions, builderName, context, transformers, extensions) {
     // Get the browser configuration from the target name.
     const rawBrowserOptions = (await context.getTargetOptions(serverOptions.buildTarget));
     const browserOptions = (await context.validateOptions({
@@ -88,7 +90,7 @@ async function* serveWithVite(serverOptions, builderName, context, plugins) {
     // Always enable JIT linking to support applications built with and without AOT.
     // In a development environment the additional scope information does not
     // have a negative effect unlike production where final output size is relevant.
-    { sourcemap: true, jit: true }, 1);
+    { sourcemap: true, jit: true }, 1, true);
     // Extract output index from options
     // TODO: Provide this info from the build results
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -96,12 +98,13 @@ async function* serveWithVite(serverOptions, builderName, context, plugins) {
     // dynamically import Vite for ESM compatibility
     const { createServer, normalizePath } = await Promise.resolve().then(() => __importStar(require('vite')));
     let server;
-    let listeningAddress;
+    let serverUrl;
     let hadError = false;
     const generatedFiles = new Map();
     const assetFiles = new Map();
     const externalMetadata = {
-        implicit: [],
+        implicitBrowser: [],
+        implicitServer: [],
         explicit: [],
     };
     const build = builderName === '@angular-devkit/build-angular:application'
@@ -112,7 +115,7 @@ async function* serveWithVite(serverOptions, builderName, context, plugins) {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     browserOptions, context, {
         write: false,
-    }, plugins)) {
+    }, extensions?.buildPlugins)) {
         (0, node_assert_1.default)(result.outputFiles, 'Builder did not provide result files.');
         // If build failed, nothing to serve
         if (!result.success) {
@@ -146,18 +149,24 @@ async function* serveWithVite(serverOptions, builderName, context, plugins) {
                 assetFiles.set('/' + normalizePath(asset.destination), asset.source);
             }
         }
-        // To avoid disconnecting the array objects from the option, these arrays need to be mutated
-        // instead of replaced.
+        // To avoid disconnecting the array objects from the option, these arrays need to be mutated instead of replaced.
         if (result.externalMetadata) {
-            if (result.externalMetadata.explicit) {
-                externalMetadata.explicit.push(...result.externalMetadata.explicit);
-            }
-            if (result.externalMetadata.implicit) {
-                externalMetadata.implicit.push(...result.externalMetadata.implicit);
-            }
+            const { implicitBrowser, implicitServer, explicit } = result.externalMetadata;
+            // Empty Arrays to avoid growing unlimited with every re-build.
+            externalMetadata.explicit.length = 0;
+            externalMetadata.implicitServer.length = 0;
+            externalMetadata.implicitBrowser.length = 0;
+            externalMetadata.explicit.push(...explicit);
+            externalMetadata.implicitServer.push(...implicitServer);
+            externalMetadata.implicitBrowser.push(...implicitBrowser);
+            // The below needs to be sorted as Vite uses these options are part of the hashing invalidation algorithm.
+            // See: https://github.com/vitejs/vite/blob/0873bae0cfe0f0718ad2f5743dd34a17e4ab563d/packages/vite/src/node/optimizer/index.ts#L1203-L1239
+            externalMetadata.explicit.sort();
+            externalMetadata.implicitServer.sort();
+            externalMetadata.implicitBrowser.sort();
         }
         if (server) {
-            handleUpdate(generatedFiles, server, serverOptions, context.logger);
+            handleUpdate(normalizePath, generatedFiles, server, serverOptions, context.logger);
         }
         else {
             const projectName = context.target?.project;
@@ -165,19 +174,37 @@ async function* serveWithVite(serverOptions, builderName, context, plugins) {
                 throw new Error('The builder requires a target.');
             }
             const { root = '' } = await context.getProjectMetadata(projectName);
-            const projectRoot = node_path_1.default.join(context.workspaceRoot, root);
+            const projectRoot = (0, node_path_1.join)(context.workspaceRoot, root);
             const browsers = (0, supported_browsers_1.getSupportedBrowsers)(projectRoot, context.logger);
             const target = (0, utils_1.transformSupportedBrowsersToTargets)(browsers);
             // Setup server and start listening
-            const serverConfiguration = await setupServer(serverOptions, generatedFiles, assetFiles, browserOptions.preserveSymlinks, externalMetadata, !!browserOptions.ssr, prebundleTransformer, target);
+            const serverConfiguration = await setupServer(serverOptions, generatedFiles, assetFiles, browserOptions.preserveSymlinks, externalMetadata, !!browserOptions.ssr, prebundleTransformer, target, extensions?.middleware, transformers?.indexHtml);
             server = await createServer(serverConfiguration);
             await server.listen();
-            listeningAddress = server.httpServer?.address();
+            if (serverConfiguration.ssr?.optimizeDeps?.disabled === false) {
+                /**
+                 * Vite will only start dependency optimization of SSR modules when the first request comes in.
+                 * In some cases, this causes a long waiting time. To mitigate this, we call `ssrLoadModule` to
+                 * initiate this process before the first request.
+                 *
+                 * NOTE: This will intentionally fail from the unknown module, but currently there is no other way
+                 * to initiate the SSR dep optimizer.
+                 */
+                void server.ssrLoadModule('<deps-caller>').catch(() => { });
+            }
+            const urls = server.resolvedUrls;
+            if (urls && (urls.local.length || urls.network.length)) {
+                serverUrl = new URL(urls.local[0] ?? urls.network[0]);
+            }
             // log connection information
             server.printUrls();
         }
         // TODO: adjust output typings to reflect both development servers
-        yield { success: true, port: listeningAddress?.port };
+        yield {
+            success: true,
+            port: serverUrl?.port,
+            baseUrl: serverUrl?.href,
+        };
     }
     // Add cleanup logic via a builder teardown
     let deferred;
@@ -189,13 +216,13 @@ async function* serveWithVite(serverOptions, builderName, context, plugins) {
     await new Promise((resolve) => (deferred = resolve));
 }
 exports.serveWithVite = serveWithVite;
-function handleUpdate(generatedFiles, server, serverOptions, logger) {
+function handleUpdate(normalizePath, generatedFiles, server, serverOptions, logger) {
     const updatedFiles = [];
     // Invalidate any updated files
     for (const [file, record] of generatedFiles) {
         if (record.updated) {
             updatedFiles.push(file);
-            const updatedModules = server.moduleGraph.getModulesByFile(file);
+            const updatedModules = server.moduleGraph.getModulesByFile(normalizePath((0, node_path_1.join)(server.config.root, file)));
             updatedModules?.forEach((m) => server?.moduleGraph.invalidateModule(m));
         }
     }
@@ -207,8 +234,7 @@ function handleUpdate(generatedFiles, server, serverOptions, logger) {
             const timestamp = Date.now();
             server.ws.send({
                 type: 'update',
-                updates: updatedFiles.map((f) => {
-                    const filePath = f.slice(1); // Remove leading slash.
+                updates: updatedFiles.map((filePath) => {
                     return {
                         type: 'css-update',
                         timestamp,
@@ -278,15 +304,21 @@ function analyzeResultFiles(normalizePath, htmlIndexPath, resultFiles, generated
     }
 }
 // eslint-disable-next-line max-lines-per-function
-async function setupServer(serverOptions, outputFiles, assets, preserveSymlinks, externalMetadata, ssr, prebundleTransformer, target) {
+async function setupServer(serverOptions, outputFiles, assets, preserveSymlinks, externalMetadata, ssr, prebundleTransformer, target, extensionMiddleware, indexHtmlTransformer) {
     const proxy = await (0, load_proxy_config_1.loadProxyConfiguration)(serverOptions.workspaceRoot, serverOptions.proxyConfig, true);
     // dynamically import Vite for ESM compatibility
     const { normalizePath } = await Promise.resolve().then(() => __importStar(require('vite')));
+    // Path will not exist on disk and only used to provide separate path for Vite requests
+    const virtualProjectRoot = normalizePath((0, node_path_1.join)(serverOptions.workspaceRoot, `.angular/vite-root`, serverOptions.buildTarget.project));
+    const serverExplicitExternal = [
+        ...(await Promise.resolve().then(() => __importStar(require('node:module')))).builtinModules,
+        ...externalMetadata.explicit,
+    ];
     const configuration = {
         configFile: false,
         envFile: false,
-        cacheDir: node_path_1.default.join(serverOptions.cacheOptions.path, 'vite'),
-        root: serverOptions.workspaceRoot,
+        cacheDir: (0, node_path_1.join)(serverOptions.cacheOptions.path, 'vite'),
+        root: virtualProjectRoot,
         publicDir: false,
         esbuild: false,
         mode: 'development',
@@ -315,8 +347,31 @@ async function setupServer(serverOptions, outputFiles, assets, preserveSymlinks,
             preTransformRequests: externalMetadata.explicit.length === 0,
         },
         ssr: {
-            // Exclude any provided dependencies (currently build defined externals)
-            external: externalMetadata.implicit,
+            // Note: `true` and `/.*/` have different sematics. When true, the `external` option is ignored.
+            noExternal: /.*/,
+            // Exclude any Node.js built in module and provided dependencies (currently build defined externals)
+            external: serverExplicitExternal,
+            optimizeDeps: getDepOptimizationConfig({
+                /**
+                 * *********************************************
+                 * NOTE: Temporary disable 'optimizeDeps' for SSR.
+                 * *********************************************
+                 *
+                 * Currently this causes a number of issues.
+                 * - Deps are re-optimized everytime the server is started.
+                 * - Added deps after a rebuild are not optimized.
+                 * - Breaks RxJs (Unless it is added as external). See: https://github.com/angular/angular-cli/issues/26235
+                 */
+                // Only enable with caching since it causes prebundle dependencies to be cached
+                disabled: true,
+                // Exclude any explicitly defined dependencies (currently build defined externals and node.js built-ins)
+                exclude: serverExplicitExternal,
+                // Include all implict dependencies from the external packages internal option
+                include: externalMetadata.implicitServer,
+                ssr: true,
+                prebundleTransformer,
+                target,
+            }),
         },
         plugins: [
             (0, i18n_locale_plugin_1.createAngularLocaleDataPlugin)(),
@@ -331,24 +386,30 @@ async function setupServer(serverOptions, outputFiles, assets, preserveSymlinks,
                         // `/@id/${source}` but is currently closer to a raw external than a resolved file path.
                         return source;
                     }
-                    if (importer && source.startsWith('.')) {
+                    if (importer && source[0] === '.' && importer.startsWith(virtualProjectRoot)) {
                         // Remove query if present
                         const [importerFile] = importer.split('?', 1);
-                        source = normalizePath(node_path_1.default.join(node_path_1.default.dirname(importerFile), source));
+                        source =
+                            '/' +
+                                normalizePath((0, node_path_1.join)((0, node_path_1.dirname)((0, node_path_1.relative)(virtualProjectRoot, importerFile)), source));
                     }
                     const [file] = source.split('?', 1);
                     if (outputFiles.has(file)) {
-                        return source;
+                        return (0, node_path_1.join)(virtualProjectRoot, source);
                     }
                 },
                 load(id) {
                     const [file] = id.split('?', 1);
-                    const codeContents = outputFiles.get(file)?.contents;
+                    const relativeFile = '/' + normalizePath((0, node_path_1.relative)(virtualProjectRoot, file));
+                    const codeContents = outputFiles.get(relativeFile)?.contents;
                     if (codeContents === undefined) {
+                        if (relativeFile.endsWith('/node_modules/vite/dist/client/client.mjs')) {
+                            return loadViteClientCode(file);
+                        }
                         return;
                     }
                     const code = Buffer.from(codeContents).toString('utf-8');
-                    const mapContents = outputFiles.get(file + '.map')?.contents;
+                    const mapContents = outputFiles.get(relativeFile + '.map')?.contents;
                     return {
                         // Remove source map URL comments from the code if a sourcemap is present.
                         // Vite will inline and add an additional sourcemap URL for the sourcemap.
@@ -383,7 +444,7 @@ async function setupServer(serverOptions, outputFiles, assets, preserveSymlinks,
                         // Parse the incoming request.
                         // The base of the URL is unused but required to parse the URL.
                         const pathname = pathnameWithoutServePath(req.url, serverOptions);
-                        const extension = node_path_1.default.extname(pathname);
+                        const extension = (0, node_path_1.extname)(pathname);
                         // Rewrite all build assets to a vite raw fs URL
                         const assetSourcePath = assets.get(pathname);
                         if (assetSourcePath !== undefined) {
@@ -413,12 +474,20 @@ async function setupServer(serverOptions, outputFiles, assets, preserveSymlinks,
                         }
                         next();
                     });
+                    if (extensionMiddleware?.length) {
+                        extensionMiddleware.forEach((middleware) => server.middlewares.use(middleware));
+                    }
                     // Returning a function, installs middleware after the main transform middleware but
                     // before the built-in HTML middleware
                     return () => {
                         function angularSSRMiddleware(req, res, next) {
                             const url = req.originalUrl;
-                            if (!url || url.endsWith('.html')) {
+                            if (
+                            // Skip if path is not defined.
+                            !url ||
+                                // Skip if path is like a file.
+                                // NOTE: We use a regexp to mitigate against matching requests like: /browse/pl.0ef59752c0cd457dbf1391f08cbd936f
+                                /^\.[a-z]{2,4}$/i.test((0, node_path_1.extname)(url.split('?')[0]))) {
                                 next();
                                 return;
                             }
@@ -434,15 +503,17 @@ async function setupServer(serverOptions, outputFiles, assets, preserveSymlinks,
                                     document: html,
                                     route,
                                     serverContext: 'ssr',
-                                    loadBundle: (path) => 
+                                    loadBundle: (uri) => 
                                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                                    server.ssrLoadModule(path.slice(1)),
+                                    server.ssrLoadModule(uri.slice(1)),
                                     // Files here are only needed for critical CSS inlining.
                                     outputFiles: {},
                                     // TODO: add support for critical css inlining.
                                     inlineCriticalCss: false,
                                 });
-                                return content;
+                                return indexHtmlTransformer && content
+                                    ? await indexHtmlTransformer(content)
+                                    : content;
                             });
                         }
                         if (ssr) {
@@ -459,7 +530,7 @@ async function setupServer(serverOptions, outputFiles, assets, preserveSymlinks,
                             if (pathname === '/' || pathname === `/index.html`) {
                                 const rawHtml = outputFiles.get('/index.html')?.contents;
                                 if (rawHtml) {
-                                    transformIndexHtmlAndAddHeaders(req.url, rawHtml, res, next);
+                                    transformIndexHtmlAndAddHeaders(req.url, rawHtml, res, next, indexHtmlTransformer);
                                     return;
                                 }
                             }
@@ -490,35 +561,18 @@ async function setupServer(serverOptions, outputFiles, assets, preserveSymlinks,
                 },
             },
         ],
-        optimizeDeps: {
+        // Browser only optimizeDeps. (This does not run for SSR dependencies).
+        optimizeDeps: getDepOptimizationConfig({
             // Only enable with caching since it causes prebundle dependencies to be cached
             disabled: !serverOptions.cacheOptions.enabled,
             // Exclude any explicitly defined dependencies (currently build defined externals)
             exclude: externalMetadata.explicit,
             // Include all implict dependencies from the external packages internal option
-            include: externalMetadata.implicit,
-            // Skip automatic file-based entry point discovery
-            entries: [],
-            // Add an esbuild plugin to run the Angular linker on dependencies
-            esbuildOptions: {
-                // Set esbuild supported targets.
-                target,
-                supported: (0, utils_1.getFeatureSupport)(target),
-                plugins: [
-                    {
-                        name: 'angular-vite-optimize-deps',
-                        setup(build) {
-                            build.onLoad({ filter: /\.[cm]?js$/ }, async (args) => {
-                                return {
-                                    contents: await prebundleTransformer.transformFile(args.path),
-                                    loader: 'js',
-                                };
-                            });
-                        },
-                    },
-                ],
-            },
-        },
+            include: externalMetadata.implicitBrowser,
+            ssr: false,
+            prebundleTransformer,
+            target,
+        }),
     };
     if (serverOptions.ssl) {
         if (serverOptions.sslCert && serverOptions.sslKey) {
@@ -538,6 +592,23 @@ async function setupServer(serverOptions, outputFiles, assets, preserveSymlinks,
     return configuration;
 }
 exports.setupServer = setupServer;
+/**
+ * Reads the resolved Vite client code from disk and updates the content to remove
+ * an unactionable suggestion to update the Vite configuration file to disable the
+ * error overlay. The Vite configuration file is not present when used in the Angular
+ * CLI.
+ * @param file The absolute path to the Vite client code.
+ * @returns
+ */
+async function loadViteClientCode(file) {
+    const originalContents = await (0, promises_1.readFile)(file, 'utf-8');
+    let contents = originalContents.replace('You can also disable this overlay by setting', '');
+    contents = contents.replace(
+    // eslint-disable-next-line max-len
+    '<code part="config-option-name">server.hmr.overlay</code> to <code part="config-option-value">false</code> in <code part="config-file-name">vite.config.js.</code>', '');
+    (0, node_assert_1.default)(originalContents !== contents, 'Failed to update Vite client error overlay text.');
+    return contents;
+}
 function pathnameWithoutServePath(url, serverOptions) {
     const parsedUrl = new URL(url, 'http://localhost');
     let pathname = decodeURIComponent(parsedUrl.pathname);
@@ -549,3 +620,36 @@ function pathnameWithoutServePath(url, serverOptions) {
     }
     return pathname;
 }
+function getDepOptimizationConfig({ disabled, exclude, include, target, prebundleTransformer, ssr, }) {
+    const plugins = [
+        {
+            name: `angular-vite-optimize-deps${ssr ? '-ssr' : ''}`,
+            setup(build) {
+                build.onLoad({ filter: /\.[cm]?js$/ }, async (args) => {
+                    return {
+                        contents: await prebundleTransformer.transformFile(args.path),
+                        loader: 'js',
+                    };
+                });
+            },
+        },
+    ];
+    if (ssr) {
+        plugins.unshift((0, rxjs_esm_resolution_plugin_1.createRxjsEsmResolutionPlugin)());
+    }
+    return {
+        // Only enable with caching since it causes prebundle dependencies to be cached
+        disabled,
+        // Exclude any explicitly defined dependencies (currently build defined externals)
+        exclude,
+        // Include all implict dependencies from the external packages internal option
+        include,
+        // Add an esbuild plugin to run the Angular linker on dependencies
+        esbuildOptions: {
+            // Set esbuild supported targets.
+            target,
+            supported: (0, utils_1.getFeatureSupport)(target),
+            plugins,
+        },
+    };
+}

package/src/builders/extract-i18n/application-extraction.js

@@ -22,6 +22,7 @@ async function extractMessages(options, builderName, context, extractorConstruct
     buildOptions.optimization = false;
     buildOptions.sourceMap = { scripts: true, vendor: true };
     buildOptions.localize = false;
+    buildOptions.budgets = undefined;
     let build;
     if (builderName === '@angular-devkit/build-angular:application') {
         build = application_1.buildApplicationInternal;

package/src/builders/prerender/routes-extractor-worker.js

@@ -45,7 +45,7 @@ async function extract() {
     const bootstrapAppFnOrModule = bootstrapAppFn || AppServerModule;
     (0, node_assert_1.default)(bootstrapAppFnOrModule, `Neither an AppServerModule nor a bootstrapping function was exported from: ${serverBundlePath}.`);
     const routes = [];
-    for await (const { route, success } of extractRoutes(bootstrapAppFnOrModule, document, '')) {
+    for await (const { route, success } of extractRoutes(bootstrapAppFnOrModule, document)) {
         if (success) {
             routes.push(route);
         }

package/src/builders/ssr-dev-server/index.d.ts

@@ -9,7 +9,7 @@ import { BuilderContext, BuilderOutput } from '@angular-devkit/architect';
 import { json, logging } from '@angular-devkit/core';
 import { Observable } from 'rxjs';
 import { Schema } from './schema';
-type SSRDevServerBuilderOptions = Schema & json.JsonObject;
+export type SSRDevServerBuilderOptions = Schema & json.JsonObject;
 export type SSRDevServerBuilderOutput = BuilderOutput & {
     baseUrl?: string;
     port?: string;

package/src/index.d.ts

@@ -14,4 +14,5 @@ export { execute as executeExtractI18nBuilder, ExtractI18nBuilderOptions, } from
 export { execute as executeKarmaBuilder, KarmaBuilderOptions, KarmaConfigOptions, } from './builders/karma';
 export { execute as executeProtractorBuilder, ProtractorBuilderOptions, } from './builders/protractor';
 export { execute as executeServerBuilder, ServerBuilderOptions, ServerBuilderOutput, } from './builders/server';
+export { execute as executeSSRDevServerBuilder, SSRDevServerBuilderOptions, SSRDevServerBuilderOutput, } from './builders/ssr-dev-server';
 export { execute as executeNgPackagrBuilder, NgPackagrBuilderOptions } from './builders/ng-packagr';

package/src/index.js

@@ -21,7 +21,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.executeNgPackagrBuilder = exports.executeServerBuilder = exports.executeProtractorBuilder = exports.executeKarmaBuilder = exports.executeExtractI18nBuilder = exports.executeDevServerBuilder = exports.buildApplication = exports.executeBrowserBuilder = exports.Type = exports.OutputHashing = exports.CrossOrigin = void 0;
+exports.executeNgPackagrBuilder = exports.executeSSRDevServerBuilder = exports.executeServerBuilder = exports.executeProtractorBuilder = exports.executeKarmaBuilder = exports.executeExtractI18nBuilder = exports.executeDevServerBuilder = exports.buildApplication = exports.executeBrowserBuilder = exports.Type = exports.OutputHashing = exports.CrossOrigin = void 0;
 __exportStar(require("./transforms"), exports);
 var schema_1 = require("./builders/browser/schema");
 Object.defineProperty(exports, "CrossOrigin", { enumerable: true, get: function () { return schema_1.CrossOrigin; } });
@@ -41,5 +41,7 @@ var protractor_1 = require("./builders/protractor");
 Object.defineProperty(exports, "executeProtractorBuilder", { enumerable: true, get: function () { return protractor_1.execute; } });
 var server_1 = require("./builders/server");
 Object.defineProperty(exports, "executeServerBuilder", { enumerable: true, get: function () { return server_1.execute; } });
+var ssr_dev_server_1 = require("./builders/ssr-dev-server");
+Object.defineProperty(exports, "executeSSRDevServerBuilder", { enumerable: true, get: function () { return ssr_dev_server_1.execute; } });
 var ng_packagr_1 = require("./builders/ng-packagr");
 Object.defineProperty(exports, "executeNgPackagrBuilder", { enumerable: true, get: function () { return ng_packagr_1.execute; } });

package/src/tools/babel/plugins/elide-angular-metadata.js

@@ -17,6 +17,10 @@ const SET_CLASS_METADATA_NAME = 'ɵsetClassMetadata';
  * Name of the asynchronous Angular class metadata function created by the Angular compiler.
  */
 const SET_CLASS_METADATA_ASYNC_NAME = 'ɵsetClassMetadataAsync';
+/**
+ * Name of the function that sets debug information on classes.
+ */
+const SET_CLASS_DEBUG_INFO_NAME = 'ɵsetClassDebugInfo';
 /**
  * Provides one or more keywords that if found within the content of a source file indicate
  * that this plugin should be used with a source file.
@@ -24,7 +28,7 @@ const SET_CLASS_METADATA_ASYNC_NAME = 'ɵsetClassMetadataAsync';
  * @returns An a string iterable containing one or more keywords.
  */
 function getKeywords() {
-    return [SET_CLASS_METADATA_NAME, SET_CLASS_METADATA_ASYNC_NAME];
+    return [SET_CLASS_METADATA_NAME, SET_CLASS_METADATA_ASYNC_NAME, SET_CLASS_DEBUG_INFO_NAME];
 }
 exports.getKeywords = getKeywords;
 /**
@@ -48,7 +52,8 @@ function default_1() {
                 }
                 if (calleeName !== undefined &&
                     (isRemoveClassMetadataCall(calleeName, callArguments) ||
-                        isRemoveClassmetadataAsyncCall(calleeName, callArguments))) {
+                        isRemoveClassmetadataAsyncCall(calleeName, callArguments) ||
+                        isSetClassDebugInfoCall(calleeName, callArguments))) {
                     // The metadata function is always emitted inside a function expression
                     const parent = path.getFunctionParent();
                     if (parent && (parent.isFunctionExpression() || parent.isArrowFunctionExpression())) {
@@ -84,6 +89,13 @@ function isRemoveClassmetadataAsyncCall(name, args) {
         isInlineFunction(args[1]) &&
         isInlineFunction(args[2]));
 }
+/** Determines if a function call is a call to `setClassDebugInfo`. */
+function isSetClassDebugInfoCall(name, args) {
+    return (name === SET_CLASS_DEBUG_INFO_NAME &&
+        args.length === 2 &&
+        core_1.types.isIdentifier(args[0]) &&
+        core_1.types.isObjectExpression(args[1]));
+}
 /** Determines if a node is an inline function expression. */
 function isInlineFunction(node) {
     return core_1.types.isFunctionExpression(node) || core_1.types.isArrowFunctionExpression(node);