@analogjs/vite-plugin-angular 0.1.0

package/README.md

@@ -0,0 +1,25 @@
+# @analogjs/vite-plugin-angular
+
+A Vite plugin for building Angular applications
+
+## Install
+
+yarn add @analogjs/vite-plugin-angular
+
+## Setup
+
+Add the plugin to the `plugins` array in your Vite config
+
+```ts
+import { defineConfig } from 'vite';
+import angular from '@analogjs/vite-plugin-angular';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  resolve: {
+    mainFields: ['module'],
+  },
+
+  plugins: [angular()],
+});
+```

package/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@analogjs/vite-plugin-angular",
+  "description": "Vite Plugin for Angular",
+  "version": "0.1.0",
+  "keywords": [
+    "vite-plugin",
+    "angular"
+  ],
+  "author": "Brandon Roberts <robertsbt@gmail.com>",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/analogjs/analog/issues"
+  },
+  "homepage": "https://github.com/analogjs/analog#readme",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/analogjs/analog.git"
+  },
+  "peerDependencies": {
+    "@angular-devkit/build-angular": "^14.0.0",
+    "tslib": "^2.0.0"
+  },
+  "main": "./src/index.js",
+  "typings": "./src/index.d.ts",
+  "dependencies": {}
+}

package/src/index.d.ts

@@ -0,0 +1,2 @@
+import { angular } from './lib/angular-vite-plugin';
+export default angular;

package/src/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const angular_vite_plugin_1 = require("./lib/angular-vite-plugin");
+exports.default = angular_vite_plugin_1.angular;
+//# sourceMappingURL=index.js.map

package/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/vite-plugin-angular/src/index.ts"],"names":[],"mappings":";;AAAA,mEAAoD;AAEpD,kBAAe,6BAAO,CAAC"}

package/src/lib/angular-vite-plugin.d.ts

@@ -0,0 +1,17 @@
+import { BundleStylesheetOptions } from '@angular-devkit/build-angular/src/builders/browser-esbuild/stylesheets';
+import * as ts from 'typescript';
+import { Plugin } from 'vite';
+interface EmitFileResult {
+    content?: string;
+    map?: string;
+    dependencies: readonly string[];
+    hash?: Uint8Array;
+}
+declare type FileEmitter = (file: string) => Promise<EmitFileResult | undefined>;
+export declare function angular(pluginOptions?: {
+    tsconfig: string;
+    sourcemap: boolean;
+    advancedOptimizations: boolean;
+}, styleOptions?: BundleStylesheetOptions): Plugin;
+export declare function createFileEmitter(program: ts.BuilderProgram, transformers?: ts.CustomTransformers, onAfterEmit?: (sourceFile: ts.SourceFile) => void): FileEmitter;
+export {};

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

@@ -0,0 +1,201 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createFileEmitter = exports.angular = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@babel/core");
+const fs_1 = require("fs");
+const application_1 = require("@angular-devkit/build-angular/src/babel/presets/application");
+const webpack_loader_1 = require("@angular-devkit/build-angular/src/babel/webpack-loader");
+const ts = require("typescript");
+const compiler_plugin_1 = require("@angular-devkit/build-angular/src/builders/browser-esbuild/compiler-plugin");
+const load_esm_1 = require("@angular-devkit/build-angular/src/utils/load-esm");
+function angular(pluginOptions = {
+    tsconfig: './tsconfig.app.json',
+    sourcemap: false,
+    advancedOptimizations: false,
+}, styleOptions = {
+    optimization: false,
+    sourcemap: true,
+}) {
+    // The file emitter created during `onStart` that will be used during the build in `onLoad` callbacks for TS files
+    let fileEmitter;
+    let compilerOptions = {};
+    // Temporary deep import for transformer support
+    const { mergeTransformers, replaceBootstrap, } = require('@ngtools/webpack/src/ivy/transformation');
+    const { augmentProgramWithVersioning, } = require('@ngtools/webpack/src/ivy/host');
+    let compilerCli;
+    let rootNames;
+    let host;
+    let nextProgram;
+    let builderProgram;
+    let mode;
+    return {
+        name: 'vite-plugin-angular',
+        config(config, { command }) {
+            mode = command;
+            return {
+                optimizeDeps: {
+                    exclude: ['rxjs'],
+                    esbuildOptions: {
+                        plugins: [
+                            (0, compiler_plugin_1.createCompilerPlugin)({
+                                tsconfig: pluginOptions.tsconfig,
+                                sourcemap: pluginOptions.sourcemap,
+                                advancedOptimizations: pluginOptions.advancedOptimizations,
+                            }, {
+                                sourcemap: styleOptions.sourcemap,
+                                optimization: styleOptions.optimization,
+                            }),
+                        ],
+                    },
+                },
+            };
+        },
+        buildStart() {
+            return tslib_1.__awaiter(this, void 0, void 0, function* () {
+                compilerCli = yield (0, load_esm_1.loadEsmModule)('@angular/compiler-cli');
+                const { options: tsCompilerOptions, rootNames: rn } = compilerCli.readConfiguration(pluginOptions.tsconfig, {
+                    enableIvy: true,
+                    noEmitOnError: false,
+                    suppressOutputPathCheck: true,
+                    outDir: undefined,
+                    inlineSources: pluginOptions.sourcemap,
+                    inlineSourceMap: pluginOptions.sourcemap,
+                    sourceMap: false,
+                    mapRoot: undefined,
+                    sourceRoot: undefined,
+                    declaration: false,
+                    declarationMap: false,
+                    allowEmptyCodegenFiles: false,
+                    annotationsAs: 'decorators',
+                    enableResourceInlining: false,
+                });
+                rootNames = rn;
+                compilerOptions = tsCompilerOptions;
+                host = ts.createIncrementalCompilerHost(compilerOptions);
+            });
+        },
+        transform(code, id) {
+            var _a, _b, _c;
+            return tslib_1.__awaiter(this, void 0, void 0, function* () {
+                // Skip transforming rxjs
+                if (id.includes('rxjs')) {
+                    return;
+                }
+                // Create the Angular specific program that contains the Angular compiler
+                const angularProgram = new compilerCli.NgtscProgram(rootNames, compilerOptions, host, nextProgram);
+                const angularCompiler = angularProgram.compiler;
+                const typeScriptProgram = angularProgram.getTsProgram();
+                augmentProgramWithVersioning(typeScriptProgram);
+                let builder;
+                if (mode === 'serve') {
+                    builder = builderProgram =
+                        ts.createEmitAndSemanticDiagnosticsBuilderProgram(typeScriptProgram, host, builderProgram);
+                    nextProgram = angularProgram;
+                }
+                else {
+                    // 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);
+                }
+                yield angularCompiler.analyzeAsync();
+                fileEmitter = createFileEmitter(builder, mergeTransformers(angularCompiler.prepareEmit().transformers, {
+                    before: [
+                        replaceBootstrap(() => builder.getProgram().getTypeChecker()),
+                    ],
+                }), () => []);
+                if (/\.[cm]?js$/.test(id) && id.includes('@angular')) {
+                    const angularPackage = /[\\/]node_modules[\\/]@angular[\\/]/.test(id);
+                    const linkerPluginCreator = (yield (0, load_esm_1.loadEsmModule)('@angular/compiler-cli/linker/babel')).createEs2015LinkerPlugin;
+                    const data = yield fs_1.promises.readFile(id, 'utf-8');
+                    const result = yield (0, core_1.transformAsync)(data, {
+                        filename: id,
+                        inputSourceMap: (pluginOptions.sourcemap
+                            ? undefined
+                            : false),
+                        sourceMaps: pluginOptions.sourcemap ? 'inline' : false,
+                        compact: false,
+                        configFile: false,
+                        babelrc: false,
+                        browserslistConfigFile: false,
+                        plugins: [],
+                        presets: [
+                            [
+                                application_1.default,
+                                {
+                                    angularLinker: {
+                                        shouldLink: yield (0, webpack_loader_1.requiresLinking)(id, data),
+                                        jitMode: false,
+                                        linkerPluginCreator,
+                                    },
+                                    forceAsyncTransformation: !/[\\/][_f]?esm2015[\\/]/.test(id) && data.includes('async'),
+                                    optimize: pluginOptions.advancedOptimizations && {
+                                        looseEnums: angularPackage,
+                                        pureTopLevel: angularPackage,
+                                    },
+                                },
+                            ],
+                        ],
+                    });
+                    return {
+                        code: (_a = result === null || result === void 0 ? void 0 : result.code) !== null && _a !== void 0 ? _a : data,
+                        map: result === null || result === void 0 ? void 0 : result.map,
+                    };
+                }
+                if (/\.[cm]?tsx?$/.test(id)) {
+                    const typescriptResult = yield fileEmitter(id);
+                    // return fileEmitter
+                    const data = (_b = typescriptResult === null || typescriptResult === void 0 ? void 0 : typescriptResult.content) !== null && _b !== void 0 ? _b : '';
+                    // console.log(id, data);
+                    const babelResult = yield (0, core_1.transformAsync)(data, {
+                        filename: id,
+                        inputSourceMap: (pluginOptions.sourcemap
+                            ? undefined
+                            : false),
+                        sourceMaps: pluginOptions.sourcemap ? 'inline' : false,
+                        compact: false,
+                        configFile: false,
+                        babelrc: false,
+                        browserslistConfigFile: false,
+                        plugins: [],
+                        presets: [
+                            [
+                                application_1.default,
+                                {
+                                    forceAsyncTransformation: data.includes('async'),
+                                    optimize: pluginOptions.advancedOptimizations && {},
+                                },
+                            ],
+                        ],
+                    });
+                    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,
+                    };
+                }
+                return {
+                    code,
+                };
+            });
+        },
+    };
+}
+exports.angular = angular;
+function createFileEmitter(program, transformers = {}, onAfterEmit) {
+    return (file) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const sourceFile = program.getSourceFile(file);
+        if (!sourceFile) {
+            return undefined;
+        }
+        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: [] };
+    });
+}
+exports.createFileEmitter = createFileEmitter;
+//# sourceMappingURL=angular-vite-plugin.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"angular-vite-plugin.js","sourceRoot":"","sources":["../../../../../packages/vite-plugin-angular/src/lib/angular-vite-plugin.ts"],"names":[],"mappings":"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"}