@analogjs/vite-plugin-angular 1.0.0-beta.2 → 1.0.0-beta.4

package/src/lib/angular-vite-plugin.js

@@ -1,43 +1,46 @@
-import { __awaiter } from "tslib";
 import { transformAsync } from '@babel/core';
-import * as compilerCli from '@angular/compiler-cli';
 import * as path from 'node:path';
+import * as compilerCli from '@angular/compiler-cli';
+import * as ts from 'typescript';
 import { createRequire } from 'node:module';
+import { normalizePath, } from 'vite';
 import { createCompilerPlugin } from './compiler-plugin.js';
-import { hasStyleUrls, hasTemplateUrl, StyleUrlsResolver, TemplateUrlsResolver, } from './component-resolvers.js';
+import { StyleUrlsResolver, TemplateUrlsResolver, } from './component-resolvers.js';
 import { augmentHostWithResources } from './host.js';
 import { jitPlugin } from './angular-jit-plugin.js';
 import { buildOptimizerPlugin } from './angular-build-optimizer-plugin.js';
 import { angularApplicationPreset, createJitResourceTransformer, SourceFileCache, } from './utils/devkit.js';
 import { angularVitestPlugin } from './angular-vitest-plugin.js';
 const require = createRequire(import.meta.url);
+import { getFrontmatterMetadata } from './authoring/frontmatter.js';
 /**
  * TypeScript file extension regex
  * Match .(c or m)ts, .ts extensions with an optional ? for query params
  * Ignore .tsx extensions
  */
-const TS_EXT_REGEX = /\.[cm]?ts[^x]?\??/;
+const TS_EXT_REGEX = /\.[cm]?(ts|analog|ag)[^x]?\??/;
 export function angular(options) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
     /**
      * Normalize plugin options so defaults
      * are used for values not provided.
      */
     const pluginOptions = {
-        tsconfig: (_a = options === null || options === void 0 ? void 0 : options.tsconfig) !== null && _a !== void 0 ? _a : (process.env['NODE_ENV'] === 'test'
-            ? './tsconfig.spec.json'
-            : './tsconfig.app.json'),
-        workspaceRoot: (_b = options === null || options === void 0 ? void 0 : options.workspaceRoot) !== null && _b !== void 0 ? _b : process.cwd(),
-        inlineStylesExtension: (_c = options === null || options === void 0 ? void 0 : options.inlineStylesExtension) !== null && _c !== void 0 ? _c : 'css',
+        tsconfig: options?.tsconfig ??
+            (process.env['NODE_ENV'] === 'test'
+                ? './tsconfig.spec.json'
+                : './tsconfig.app.json'),
+        workspaceRoot: options?.workspaceRoot ?? process.cwd(),
+        inlineStylesExtension: options?.inlineStylesExtension ?? 'css',
         advanced: {
             tsTransformers: {
-                before: (_f = (_e = (_d = options === null || options === void 0 ? void 0 : options.advanced) === null || _d === void 0 ? void 0 : _d.tsTransformers) === null || _e === void 0 ? void 0 : _e.before) !== null && _f !== void 0 ? _f : [],
-                after: (_j = (_h = (_g = options === null || options === void 0 ? void 0 : options.advanced) === null || _g === void 0 ? void 0 : _g.tsTransformers) === null || _h === void 0 ? void 0 : _h.after) !== null && _j !== void 0 ? _j : [],
-                afterDeclarations: (_m = (_l = (_k = options === null || options === void 0 ? void 0 : options.advanced) === null || _k === void 0 ? void 0 : _k.tsTransformers) === null || _l === void 0 ? void 0 : _l.afterDeclarations) !== null && _m !== void 0 ? _m : [],
+                before: options?.advanced?.tsTransformers?.before ?? [],
+                after: options?.advanced?.tsTransformers?.after ?? [],
+                afterDeclarations: options?.advanced?.tsTransformers?.afterDeclarations ?? [],
             },
         },
-        supportedBrowsers: (_o = options === null || options === void 0 ? void 0 : options.supportedBrowsers) !== null && _o !== void 0 ? _o : ['safari 15'],
-        jit: options === null || options === void 0 ? void 0 : options.jit,
+        supportedBrowsers: options?.supportedBrowsers ?? ['safari 15'],
+        jit: options?.jit,
+        supportAnalogFormat: options?.experimental?.supportAnalogFormat ?? false,
     };
     // The file emitter created during `onStart` that will be used during the build in `onLoad` callbacks for TS files
     let fileEmitter;
@@ -46,6 +49,8 @@ export function angular(options) {
     const { mergeTransformers, replaceBootstrap, } = require('@ngtools/webpack/src/ivy/transformation');
     const { augmentProgramWithVersioning, augmentHostWithCaching, } = require('@ngtools/webpack/src/ivy/host');
     const ts = require('typescript');
+    // let compilerCli: typeof import('@angular/compiler-cli');
+    let userConfig;
     let rootNames;
     let host;
     let nextProgram;
@@ -54,7 +59,7 @@ export function angular(options) {
     const sourceFileCache = new SourceFileCache();
     const isProd = process.env['NODE_ENV'] === 'production';
     const isTest = process.env['NODE_ENV'] === 'test' || !!process.env['VITEST'];
-    const jit = typeof (pluginOptions === null || pluginOptions === void 0 ? void 0 : pluginOptions.jit) !== 'undefined' ? pluginOptions.jit : isTest;
+    const jit = typeof pluginOptions?.jit !== 'undefined' ? pluginOptions.jit : isTest;
     let viteServer;
     let cssPlugin;
     let styleTransform;
@@ -63,212 +68,225 @@ export function angular(options) {
     function angularPlugin() {
         return {
             name: '@analogjs/vite-plugin-angular',
-            config(config, { command }) {
-                var _a;
-                return __awaiter(this, void 0, void 0, function* () {
-                    watchMode = command === 'serve';
-                    pluginOptions.tsconfig =
-                        (_a = options === null || options === void 0 ? void 0 : options.tsconfig) !== null && _a !== void 0 ? _a : path.resolve(config.root || '.', process.env['NODE_ENV'] === 'test'
+            async config(config, { command }) {
+                watchMode = command === 'serve';
+                userConfig = config;
+                pluginOptions.tsconfig =
+                    options?.tsconfig ??
+                        path.resolve(config.root || '.', process.env['NODE_ENV'] === 'test'
                             ? './tsconfig.spec.json'
                             : './tsconfig.app.json');
-                    return {
-                        optimizeDeps: {
-                            include: ['rxjs/operators', 'rxjs'],
-                            exclude: ['@angular/platform-server'],
-                            esbuildOptions: {
-                                plugins: [
-                                    createCompilerPlugin({
-                                        tsconfig: pluginOptions.tsconfig,
-                                        sourcemap: !isProd,
-                                        advancedOptimizations: isProd,
-                                        jit,
-                                        incremental: watchMode,
-                                    }, isTest),
-                                ],
-                                define: Object.assign({ ngJitMode: 'false', ngI18nClosureMode: 'false' }, (watchMode ? {} : { ngDevMode: 'false' })),
+                return {
+                    optimizeDeps: {
+                        include: ['rxjs/operators', 'rxjs'],
+                        exclude: ['@angular/platform-server'],
+                        esbuildOptions: {
+                            plugins: [
+                                createCompilerPlugin({
+                                    tsconfig: pluginOptions.tsconfig,
+                                    sourcemap: !isProd,
+                                    advancedOptimizations: isProd,
+                                    jit,
+                                    incremental: watchMode,
+                                }, isTest),
+                            ],
+                            define: {
+                                ngJitMode: 'false',
+                                ngI18nClosureMode: 'false',
+                                ...(watchMode ? {} : { ngDevMode: 'false' }),
                             },
                         },
-                        resolve: {
-                            conditions: ['style'],
-                        },
-                    };
-                });
+                    },
+                    resolve: {
+                        conditions: ['style'],
+                    },
+                };
             },
             configureServer(server) {
                 viteServer = server;
                 server.watcher.on('add', setupCompilation);
                 server.watcher.on('unlink', setupCompilation);
             },
-            buildStart({ plugins }) {
-                return __awaiter(this, void 0, void 0, function* () {
-                    if (Array.isArray(plugins)) {
-                        cssPlugin = plugins.find((plugin) => plugin.name === 'vite:css');
-                    }
-                    setupCompilation();
-                    // Only store cache if in watch mode
-                    if (watchMode) {
-                        augmentHostWithCaching(host, sourceFileCache);
-                    }
-                    yield buildAndAnalyze();
-                });
+            async buildStart({ plugins }) {
+                if (Array.isArray(plugins)) {
+                    cssPlugin = plugins.find((plugin) => plugin.name === 'vite:css');
+                }
+                setupCompilation(userConfig);
+                // Only store cache if in watch mode
+                if (watchMode) {
+                    augmentHostWithCaching(host, sourceFileCache);
+                }
+                await buildAndAnalyze();
             },
-            handleHotUpdate(ctx) {
-                return __awaiter(this, void 0, void 0, function* () {
-                    // The `handleHotUpdate` hook may be called before the `buildStart`,
-                    // which sets the compilation. As a result, the `host` may not be available
-                    // yet for use, leading to build errors such as "cannot read properties of undefined"
-                    // (because `host` is undefined).
-                    if (!host) {
-                        return;
-                    }
-                    if (TS_EXT_REGEX.test(ctx.file)) {
-                        sourceFileCache.invalidate([ctx.file.replace(/\?(.*)/, '')]);
-                        yield buildAndAnalyze();
+            async handleHotUpdate(ctx) {
+                // The `handleHotUpdate` hook may be called before the `buildStart`,
+                // which sets the compilation. As a result, the `host` may not be available
+                // yet for use, leading to build errors such as "cannot read properties of undefined"
+                // (because `host` is undefined).
+                if (!host) {
+                    return;
+                }
+                if (TS_EXT_REGEX.test(ctx.file)) {
+                    sourceFileCache.invalidate([ctx.file.replace(/\?(.*)/, '')]);
+                    await buildAndAnalyze();
+                }
+                if (/\.(html|htm|css|less|sass|scss)$/.test(ctx.file)) {
+                    /**
+                     * Check to see if this was a direct request
+                     * for an external resource (styles, html).
+                     */
+                    const isDirect = ctx.modules.find((mod) => ctx.file === mod.file && mod.id?.includes('?direct'));
+                    if (isDirect) {
+                        return ctx.modules;
                     }
-                    if (/\.(html|htm|css|less|sass|scss)$/.test(ctx.file)) {
-                        /**
-                         * Check to see if this was a direct request
-                         * for an external resource (styles, html).
-                         */
-                        const isDirect = ctx.modules.find((mod) => { var _a; return ctx.file === mod.file && ((_a = mod.id) === null || _a === void 0 ? void 0 : _a.includes('?direct')); });
-                        if (isDirect) {
-                            return ctx.modules;
-                        }
-                        const mods = [];
-                        ctx.modules.forEach((mod) => {
-                            mod.importers.forEach((imp) => {
-                                sourceFileCache.invalidate([imp.id]);
-                                ctx.server.moduleGraph.invalidateModule(imp);
-                                mods.push(imp);
-                            });
+                    const mods = [];
+                    ctx.modules.forEach((mod) => {
+                        mod.importers.forEach((imp) => {
+                            sourceFileCache.invalidate([imp.id]);
+                            ctx.server.moduleGraph.invalidateModule(imp);
+                            mods.push(imp);
                         });
-                        yield buildAndAnalyze();
-                        return mods;
-                    }
-                    return ctx.modules;
-                });
+                    });
+                    await buildAndAnalyze();
+                    return mods;
+                }
+                return ctx.modules;
             },
-            transform(code, id) {
-                var _a, _b, _c;
-                return __awaiter(this, void 0, void 0, function* () {
-                    // Skip transforming node_modules
-                    if (id.includes('node_modules')) {
-                        return;
+            async transform(code, id) {
+                // Skip transforming node_modules
+                if (id.includes('node_modules')) {
+                    return;
+                }
+                /**
+                 * Check for options.transformFilter
+                 */
+                if (options?.transformFilter &&
+                    !(options?.transformFilter(code, id) ?? true)) {
+                    return;
+                }
+                /**
+                 * Check for .ts extenstions for inline script files being
+                 * transformed (Astro).
+                 *
+                 * Example ID:
+                 *
+                 * /src/pages/index.astro?astro&type=script&index=0&lang.ts
+                 */
+                if (id.includes('type=script')) {
+                    return;
+                }
+                /**
+                 * Skip transforming content files
+                 */
+                if (id.includes('analog-content-list=true')) {
+                    return;
+                }
+                if (TS_EXT_REGEX.test(id)) {
+                    if (id.includes('.ts?')) {
+                        // Strip the query string off the ID
+                        // in case of a dynamically loaded file
+                        id = id.replace(/\?(.*)/, '');
                     }
                     /**
-                     * Check for options.transformFilter
+                     * Re-analyze on each transform
+                     * for test(Vitest)
                      */
-                    if (options === null || options === void 0 ? void 0 : options.transformFilter) {
-                        if (!((_a = options === null || options === void 0 ? void 0 : options.transformFilter(code, id)) !== null && _a !== void 0 ? _a : true)) {
-                            return;
+                    if (isTest) {
+                        const tsMod = viteServer?.moduleGraph.getModuleById(id);
+                        if (tsMod) {
+                            sourceFileCache.invalidate([id]);
+                            await buildAndAnalyze();
                         }
                     }
-                    /**
-                     * Check for .ts extenstions for inline script files being
-                     * transformed (Astro).
-                     *
-                     * Example ID:
-                     *
-                     * /src/pages/index.astro?astro&type=script&index=0&lang.ts
-                     */
-                    if (id.includes('type=script')) {
-                        return;
-                    }
-                    if (TS_EXT_REGEX.test(id)) {
-                        if (id.includes('.ts?')) {
-                            // Strip the query string off the ID
-                            // in case of a dynamically loaded file
-                            id = id.replace(/\?(.*)/, '');
-                        }
-                        /**
-                         * Re-analyze on each transform
-                         * for test(Vitest)
-                         */
-                        if (isTest) {
-                            const tsMod = viteServer === null || viteServer === void 0 ? void 0 : viteServer.moduleGraph.getModuleById(id);
-                            if (tsMod) {
-                                sourceFileCache.invalidate([id]);
-                                yield buildAndAnalyze();
-                            }
-                        }
-                        let templateUrls = [];
-                        let styleUrls = [];
-                        if (hasTemplateUrl(code)) {
-                            templateUrls = templateUrlsResolver.resolve(code, id);
-                        }
-                        if (hasStyleUrls(code)) {
-                            styleUrls = styleUrlsResolver.resolve(code, id);
-                        }
-                        if (watchMode) {
-                            for (const urlSet of [...templateUrls, ...styleUrls]) {
-                                // `urlSet` is a string where a relative path is joined with an
-                                // absolute path using the `|` symbol.
-                                // For example: `./app.component.html|/home/projects/analog/src/app/app.component.html`.
-                                const [, absoluteFileUrl] = urlSet.split('|');
-                                this.addWatchFile(absoluteFileUrl);
-                            }
-                        }
-                        const typescriptResult = yield fileEmitter(id);
-                        // return fileEmitter
-                        let data = (_b = typescriptResult === null || typescriptResult === void 0 ? void 0 : typescriptResult.content) !== null && _b !== void 0 ? _b : '';
-                        if (jit && data.includes('angular:jit:')) {
-                            data = data.replace(/angular:jit:style:inline;/g, 'virtual:angular:jit:style:inline;');
-                            templateUrls.forEach((templateUrlSet) => {
-                                const [templateFile, resolvedTemplateUrl] = templateUrlSet.split('|');
-                                data = data.replace(`angular:jit:template:file;${templateFile}`, `${resolvedTemplateUrl}?raw`);
-                            });
-                            styleUrls.forEach((styleUrlSet) => {
-                                const [styleFile, resolvedStyleUrl] = styleUrlSet.split('|');
-                                data = data.replace(`angular:jit:style:file;${styleFile}`, `${resolvedStyleUrl}?inline`);
-                            });
-                        }
-                        if (jit) {
-                            return {
-                                code: data.replace(/^\/\/# sourceMappingURL=[^\r\n]*/gm, ''),
-                                map: {
-                                    mappings: '',
-                                },
-                            };
-                        }
-                        const forceAsyncTransformation = /for\s+await\s*\(|async\s+function\s*\*/.test(data);
-                        const useInputSourcemap = (!isProd ? undefined : false);
-                        if (!forceAsyncTransformation && !isProd) {
-                            return {
-                                code: data.replace(/^\/\/# sourceMappingURL=[^\r\n]*/gm, ''),
-                                map: {
-                                    mappings: '',
-                                },
-                            };
+                    const templateUrls = templateUrlsResolver.resolve(code, id);
+                    const styleUrls = styleUrlsResolver.resolve(code, id);
+                    if (watchMode) {
+                        for (const urlSet of [...templateUrls, ...styleUrls]) {
+                            // `urlSet` is a string where a relative path is joined with an
+                            // absolute path using the `|` symbol.
+                            // For example: `./app.component.html|/home/projects/analog/src/app/app.component.html`.
+                            const [, absoluteFileUrl] = urlSet.split('|');
+                            this.addWatchFile(absoluteFileUrl);
                         }
-                        const babelResult = yield transformAsync(data, {
-                            filename: id,
-                            inputSourceMap: (useInputSourcemap
-                                ? undefined
-                                : false),
-                            sourceMaps: !isProd ? 'inline' : false,
-                            compact: false,
-                            configFile: false,
-                            babelrc: false,
-                            browserslistConfigFile: false,
-                            plugins: [],
-                            presets: [
-                                [
-                                    angularApplicationPreset,
-                                    {
-                                        supportedBrowsers: pluginOptions.supportedBrowsers,
-                                        forceAsyncTransformation,
-                                        optimize: isProd && {},
-                                    },
-                                ],
-                            ],
+                    }
+                    const typescriptResult = await fileEmitter?.(id);
+                    if (typescriptResult?.warnings &&
+                        typescriptResult?.warnings.length > 0) {
+                        this.warn(`${typescriptResult.warnings.join('\n')}`);
+                    }
+                    if (typescriptResult?.errors && typescriptResult?.errors.length > 0) {
+                        this.error(`${typescriptResult.errors.join('\n')}`);
+                    }
+                    // return fileEmitter
+                    let data = typescriptResult?.content ?? '';
+                    if (jit && data.includes('angular:jit:')) {
+                        data = data.replace(/angular:jit:style:inline;/g, 'virtual:angular:jit:style:inline;');
+                        templateUrls.forEach((templateUrlSet) => {
+                            const [templateFile, resolvedTemplateUrl] = templateUrlSet.split('|');
+                            data = data.replace(`angular:jit:template:file;${templateFile}`, `${resolvedTemplateUrl}?raw`);
                         });
+                        styleUrls.forEach((styleUrlSet) => {
+                            const [styleFile, resolvedStyleUrl] = styleUrlSet.split('|');
+                            data = data.replace(`angular:jit:style:file;${styleFile}`, `${resolvedStyleUrl}?inline`);
+                        });
+                    }
+                    if (jit) {
                         return {
-                            code: (_c = babelResult === null || babelResult === void 0 ? void 0 : babelResult.code) !== null && _c !== void 0 ? _c : '',
-                            map: babelResult === null || babelResult === void 0 ? void 0 : babelResult.map,
+                            code: data.replace(/^\/\/# sourceMappingURL=[^\r\n]*/gm, ''),
+                            map: {
+                                mappings: '',
+                            },
                         };
                     }
-                    return undefined;
-                });
+                    const forceAsyncTransformation = /for\s+await\s*\(|async\s+function\s*\*/.test(data);
+                    const useInputSourcemap = (!isProd ? undefined : false);
+                    if ((id.includes('.analog') || id.includes('.agx')) &&
+                        pluginOptions.supportAnalogFormat &&
+                        fileEmitter) {
+                        sourceFileCache.invalidate([`${id}.ts`]);
+                        const ngFileResult = await fileEmitter(`${id}.ts`);
+                        data = ngFileResult?.content || '';
+                        if (id.includes('.agx')) {
+                            const metadata = await getFrontmatterMetadata(code);
+                            data += metadata;
+                        }
+                    }
+                    if (!forceAsyncTransformation && !isProd) {
+                        return {
+                            code: data.replace(/^\/\/# sourceMappingURL=[^\r\n]*/gm, ''),
+                            map: {
+                                mappings: '',
+                            },
+                        };
+                    }
+                    const babelResult = await transformAsync(data, {
+                        filename: id,
+                        inputSourceMap: (useInputSourcemap
+                            ? undefined
+                            : false),
+                        sourceMaps: !isProd ? 'inline' : false,
+                        compact: false,
+                        configFile: false,
+                        babelrc: false,
+                        browserslistConfigFile: false,
+                        plugins: [],
+                        presets: [
+                            [
+                                angularApplicationPreset,
+                                {
+                                    supportedBrowsers: pluginOptions.supportedBrowsers,
+                                    forceAsyncTransformation,
+                                    optimize: isProd && {},
+                                },
+                            ],
+                        ],
+                    });
+                    return {
+                        code: babelResult?.code ?? '',
+                        map: babelResult?.map,
+                    };
+                }
+                return undefined;
             },
         };
     }
@@ -284,10 +302,36 @@ export function angular(options) {
             supportedBrowsers: pluginOptions.supportedBrowsers,
         }),
     ].filter(Boolean);
-    function setupCompilation() {
+    function findAnalogFiles(config) {
+        const analogConfig = pluginOptions.supportAnalogFormat;
+        if (!analogConfig) {
+            return [];
+        }
+        let extraGlobs = [];
+        if (typeof analogConfig === 'object') {
+            if (analogConfig.include) {
+                extraGlobs = analogConfig.include;
+            }
+        }
+        const fg = require('fast-glob');
+        const appRoot = normalizePath(path.resolve(pluginOptions.workspaceRoot, config.root || '.'));
+        const workspaceRoot = normalizePath(path.resolve(pluginOptions.workspaceRoot));
+        const globs = [
+            `${appRoot}/**/*.{analog,agx}`,
+            ...extraGlobs.map((glob) => `${workspaceRoot}${glob}.{analog,agx}`),
+        ];
+        return fg
+            .sync(globs, {
+            dot: true,
+        })
+            .map((file) => `${file}.ts`);
+    }
+    function setupCompilation(config) {
+        const analogFiles = findAnalogFiles(config);
         const { options: tsCompilerOptions, rootNames: rn } = compilerCli.readConfiguration(pluginOptions.tsconfig, {
             suppressOutputPathCheck: true,
             outDir: undefined,
+            sourceMap: false,
             inlineSourceMap: !isProd,
             inlineSources: !isProd,
             declaration: false,
@@ -295,9 +339,19 @@ export function angular(options) {
             allowEmptyCodegenFiles: false,
             annotationsAs: 'decorators',
             enableResourceInlining: false,
+            noEmitOnError: false,
+            mapRoot: undefined,
+            sourceRoot: undefined,
             supportTestBed: false,
+            supportJitMode: false,
         });
-        rootNames = rn;
+        if (pluginOptions.supportAnalogFormat) {
+            // Experimental Local Compilation is necessary
+            // for the Angular compiler to work with
+            // AOT and virtually compiled .analog files.
+            tsCompilerOptions.compilationMode = 'experimental-local';
+        }
+        rootNames = rn.concat(analogFiles);
         compilerOptions = tsCompilerOptions;
         host = ts.createIncrementalCompilerHost(compilerOptions);
         styleTransform = watchMode
@@ -306,6 +360,8 @@ export function angular(options) {
         if (!jit) {
             augmentHostWithResources(host, styleTransform, {
                 inlineStylesExtension: pluginOptions.inlineStylesExtension,
+                supportAnalogFormat: pluginOptions.supportAnalogFormat,
+                isProd,
             });
         }
     }
@@ -314,65 +370,72 @@ export function angular(options) {
      * the source files and create a file emitter.
      * This is shared between an initial build and a hot update.
      */
-    function buildAndAnalyze() {
-        return __awaiter(this, void 0, void 0, function* () {
-            let builder;
-            let typeScriptProgram;
-            let angularCompiler;
-            if (!jit) {
-                // Create the Angular specific program that contains the Angular compiler
-                const angularProgram = new compilerCli.NgtscProgram(rootNames, compilerOptions, host, nextProgram);
-                angularCompiler = angularProgram.compiler;
-                typeScriptProgram = angularProgram.getTsProgram();
-                augmentProgramWithVersioning(typeScriptProgram);
-                builder = builderProgram =
-                    ts.createEmitAndSemanticDiagnosticsBuilderProgram(typeScriptProgram, host, builderProgram);
-                yield angularCompiler.analyzeAsync();
-                nextProgram = angularProgram;
-            }
-            else {
-                builder = builderProgram =
-                    ts.createEmitAndSemanticDiagnosticsBuilderProgram(rootNames, compilerOptions, host, nextProgram);
-                typeScriptProgram = builder.getProgram();
-                nextProgram = builderProgram;
-            }
-            if (!watchMode) {
-                // When not in watch mode, the startup cost of the incremental analysis can be avoided by
-                // using an abstract builder that only wraps a TypeScript program.
-                builder = ts.createAbstractBuilder(typeScriptProgram, host);
-            }
-            const getTypeChecker = () => builder.getProgram().getTypeChecker();
-            fileEmitter = createFileEmitter(builder, mergeTransformers({
-                before: [
-                    replaceBootstrap(getTypeChecker),
-                    ...(jit
-                        ? [
-                            compilerCli.constructorParametersDownlevelTransform(builder.getProgram()),
-                            createJitResourceTransformer(getTypeChecker),
-                        ]
-                        : []),
-                    ...pluginOptions.advanced.tsTransformers.before,
-                ],
-                after: pluginOptions.advanced.tsTransformers.after,
-                afterDeclarations: pluginOptions.advanced.tsTransformers.afterDeclarations,
-            }, jit ? {} : angularCompiler.prepareEmit().transformers), () => []);
-        });
+    async function buildAndAnalyze() {
+        let builder;
+        let typeScriptProgram;
+        let angularCompiler;
+        if (!jit) {
+            // Create the Angular specific program that contains the Angular compiler
+            const angularProgram = new compilerCli.NgtscProgram(rootNames, compilerOptions, host, nextProgram);
+            angularCompiler = angularProgram.compiler;
+            typeScriptProgram = angularProgram.getTsProgram();
+            augmentProgramWithVersioning(typeScriptProgram);
+            builder = builderProgram =
+                ts.createEmitAndSemanticDiagnosticsBuilderProgram(typeScriptProgram, host, builderProgram);
+            await angularCompiler.analyzeAsync();
+            nextProgram = angularProgram;
+        }
+        else {
+            builder = builderProgram =
+                ts.createEmitAndSemanticDiagnosticsBuilderProgram(rootNames, compilerOptions, host, nextProgram);
+            typeScriptProgram = builder.getProgram();
+            nextProgram = builderProgram;
+        }
+        if (!watchMode) {
+            // When not in watch mode, the startup cost of the incremental analysis can be avoided by
+            // using an abstract builder that only wraps a TypeScript program.
+            builder = ts.createAbstractBuilder(typeScriptProgram, host);
+        }
+        const getTypeChecker = () => builder.getProgram().getTypeChecker();
+        fileEmitter = createFileEmitter(builder, mergeTransformers({
+            before: [
+                replaceBootstrap(getTypeChecker),
+                ...(jit
+                    ? [
+                        compilerCli.constructorParametersDownlevelTransform(builder.getProgram()),
+                        createJitResourceTransformer(getTypeChecker),
+                    ]
+                    : []),
+                ...pluginOptions.advanced.tsTransformers.before,
+            ],
+            after: pluginOptions.advanced.tsTransformers.after,
+            afterDeclarations: pluginOptions.advanced.tsTransformers.afterDeclarations,
+        }, jit ? {} : angularCompiler.prepareEmit().transformers), () => [], angularCompiler);
     }
 }
-export function createFileEmitter(program, transformers = {}, onAfterEmit) {
-    return (file) => __awaiter(this, void 0, void 0, function* () {
+export function createFileEmitter(program, transformers = {}, onAfterEmit, angularCompiler) {
+    return async (file) => {
         const sourceFile = program.getSourceFile(file);
         if (!sourceFile) {
             return undefined;
         }
+        const diagnostics = angularCompiler
+            ? angularCompiler.getDiagnosticsForFile(sourceFile, 1)
+            : [];
+        const errors = diagnostics
+            .filter((d) => d.category === ts.DiagnosticCategory.Error)
+            .map((d) => d.messageText);
+        const warnings = diagnostics
+            .filter((d) => d.category === ts.DiagnosticCategory.Warning)
+            .map((d) => d.messageText);
         let content;
         program.emit(sourceFile, (filename, data) => {
             if (/\.[cm]?js$/.test(filename)) {
                 content = data;
             }
         }, undefined /* cancellationToken */, undefined /* emitOnlyDtsFiles */, transformers);
-        onAfterEmit === null || onAfterEmit === void 0 ? void 0 : onAfterEmit(sourceFile);
-        return { content, dependencies: [] };
-    });
+        onAfterEmit?.(sourceFile);
+        return { content, dependencies: [], errors, warnings };
+    };
 }
 //# sourceMappingURL=angular-vite-plugin.js.map