@analogjs/vite-plugin-angular 3.0.0-alpha.5 → 3.0.0-alpha.51

package/src/lib/tailwind-plugin.d.ts

@@ -0,0 +1,34 @@
+import { Plugin, ResolvedConfig } from "vite";
+import type { StylePreprocessor } from "./style-preprocessor.js";
+import type { AngularStylePipelineOptions } from "./style-pipeline.js";
+export interface TailwindCssOptions {
+	rootStylesheet: string;
+	prefixes?: string[];
+}
+export interface TailwindReferencePluginOptions {
+	tailwindCss?: TailwindCssOptions;
+}
+export declare function tailwindReferencePlugin(options: TailwindReferencePluginOptions): Plugin;
+/**
+* Builds a resolved stylePreprocessor function from plugin options.
+*
+* When `tailwindCss` is configured, creates an injector that prepends
+* `@reference "<rootStylesheet>"` into component CSS that uses Tailwind
+* utilities. Uses absolute paths because Angular's externalRuntimeStyles
+* serves component CSS as virtual modules (hash-based IDs) with no
+* meaningful directory — relative paths can't resolve from a hash.
+*
+* If both `tailwindCss` and `stylePreprocessor` are provided, they are
+* chained: Tailwind reference injection runs first, then the user's
+* custom preprocessor.
+*/
+export declare function buildStylePreprocessor(options?: {
+	stylePreprocessor?: StylePreprocessor;
+	stylePipeline?: AngularStylePipelineOptions;
+	tailwindCss?: TailwindCssOptions;
+}): StylePreprocessor | undefined;
+/**
+* Validates the Tailwind CSS integration configuration and emits actionable
+* warnings for common misconfigurations that cause silent failures.
+*/
+export declare function validateTailwindConfig(tailwindCss: TailwindCssOptions | undefined, config: ResolvedConfig, isWatchMode: boolean): void;

package/src/lib/tailwind-plugin.js

@@ -0,0 +1,116 @@
+import { debugTailwind, debugTailwindV } from "./utils/debug.js";
+import { inspectCssTailwindDirectives, throwTailwindReferenceTextError } from "./utils/tailwind-reference.js";
+import { composeStylePreprocessors } from "./style-preprocessor.js";
+import { stylePipelinePreprocessorFromPlugins } from "./style-pipeline.js";
+import { existsSync, readFileSync } from "node:fs";
+import { basename, dirname, isAbsolute } from "node:path";
+import { normalizePath } from "vite";
+//#region packages/vite-plugin-angular/src/lib/tailwind-plugin.ts
+/**
+* Core injection logic shared by both the Vite pre-transform plugin and the
+* Angular style preprocessor. Returns the `@reference`-prepended CSS when
+* injection is needed, or `undefined` when the file should be left alone.
+*/
+function injectTailwindReference(code, opts) {
+	const directiveState = inspectCssTailwindDirectives(code);
+	if (directiveState.hasReferenceDirective || directiveState.hasTailwindImportDirective) return;
+	if (!(opts.prefixes ? opts.prefixes.some((p) => directiveState.commentlessCode.includes(p)) : directiveState.commentlessCode.includes("@apply"))) return;
+	if (directiveState.hasReferenceText) throwTailwindReferenceTextError(opts.fileId, opts.rootStylesheet);
+	return `@reference "${opts.rootStylesheet.replace(/\\/g, "/")}";\n${code}`;
+}
+function tailwindReferencePlugin(options) {
+	return {
+		name: "@analogjs/vite-plugin-angular:tailwind-reference",
+		enforce: "pre",
+		transform(code, id) {
+			const tw = options.tailwindCss;
+			if (!tw || !id.includes(".css")) return;
+			if (id.split("?")[0] === tw.rootStylesheet) return;
+			const rootBasename = basename(tw.rootStylesheet);
+			if (inspectCssTailwindDirectives(code).commentlessCode.includes(rootBasename)) return;
+			const result = injectTailwindReference(code, {
+				rootStylesheet: tw.rootStylesheet,
+				prefixes: tw.prefixes,
+				fileId: id
+			});
+			if (result) debugTailwind("injected @reference via pre-transform", { id: id.split("/").slice(-2).join("/") });
+			return result;
+		}
+	};
+}
+/**
+* Builds a resolved stylePreprocessor function from plugin options.
+*
+* When `tailwindCss` is configured, creates an injector that prepends
+* `@reference "<rootStylesheet>"` into component CSS that uses Tailwind
+* utilities. Uses absolute paths because Angular's externalRuntimeStyles
+* serves component CSS as virtual modules (hash-based IDs) with no
+* meaningful directory — relative paths can't resolve from a hash.
+*
+* If both `tailwindCss` and `stylePreprocessor` are provided, they are
+* chained: Tailwind reference injection runs first, then the user's
+* custom preprocessor.
+*/
+function buildStylePreprocessor(options) {
+	const userPreprocessor = options?.stylePreprocessor;
+	const stylePipelinePreprocessor = stylePipelinePreprocessorFromPlugins(options?.stylePipeline);
+	const tw = options?.tailwindCss;
+	if (!tw && !userPreprocessor && !stylePipelinePreprocessor) return;
+	let tailwindPreprocessor;
+	if (tw) {
+		const rootStylesheet = tw.rootStylesheet;
+		const prefixes = tw.prefixes;
+		debugTailwind("configured", {
+			rootStylesheet,
+			prefixes
+		});
+		if (!existsSync(rootStylesheet)) console.warn(`[@analogjs/vite-plugin-angular] tailwindCss.rootStylesheet not found at "${rootStylesheet}". @reference directives will point to a non-existent file, which will cause Tailwind CSS errors. Ensure the path is absolute and the file exists.`);
+		tailwindPreprocessor = (code, filename) => {
+			const result = injectTailwindReference(code, {
+				rootStylesheet,
+				prefixes,
+				fileId: filename
+			});
+			if (result) {
+				debugTailwind("injected @reference via preprocessor", { filename });
+				return result;
+			}
+			debugTailwindV("skip (no injection needed)", { filename });
+			return code;
+		};
+	}
+	if (tailwindPreprocessor && (stylePipelinePreprocessor || userPreprocessor)) debugTailwind("chained with style pipeline or user stylePreprocessor");
+	return composeStylePreprocessors([
+		tailwindPreprocessor,
+		stylePipelinePreprocessor,
+		userPreprocessor
+	]);
+}
+/**
+* Validates the Tailwind CSS integration configuration and emits actionable
+* warnings for common misconfigurations that cause silent failures.
+*/
+function validateTailwindConfig(tailwindCss, config, isWatchMode) {
+	const PREFIX = "[@analogjs/vite-plugin-angular]";
+	const tw = tailwindCss;
+	if (!tw) return;
+	if (!isAbsolute(tw.rootStylesheet)) console.warn(`${PREFIX} tailwindCss.rootStylesheet must be an absolute path. Got: "${tw.rootStylesheet}". Use path.resolve(__dirname, '...') in your vite.config to convert it.`);
+	const hasTailwindPlugin = config.plugins.some((p) => p.name.startsWith("@tailwindcss/vite") || p.name.startsWith("tailwindcss"));
+	if (isWatchMode && !hasTailwindPlugin) throw new Error(`${PREFIX} tailwindCss is configured but no @tailwindcss/vite plugin was found. Component CSS with @apply directives will not be processed.\n\n  Fix: npm install @tailwindcss/vite --save-dev\n  Then add tailwindcss() to your vite.config plugins array.\n`);
+	if (isWatchMode && tw.rootStylesheet) {
+		const projectRoot = normalizePath(config.root);
+		const normalizedRootStylesheet = normalizePath(tw.rootStylesheet);
+		if (!normalizedRootStylesheet.startsWith(projectRoot)) {
+			if (!(config.server?.fs?.allow ?? []).some((allowed) => normalizedRootStylesheet.startsWith(normalizePath(allowed)))) console.warn(`${PREFIX} tailwindCss.rootStylesheet is outside the Vite project root. The dev server may reject it with 403.\n\n  Root: ${projectRoot}\n  Stylesheet: ${tw.rootStylesheet}\n\n  Fix: server.fs.allow: ['${dirname(tw.rootStylesheet)}']\n`);
+		}
+	}
+	if (tw.prefixes !== void 0 && tw.prefixes.length === 0) console.warn(`${PREFIX} tailwindCss.prefixes is an empty array. No component stylesheets will receive @reference injection. Either remove the prefixes option (to use @apply detection) or specify your prefixes: ['tw:']\n`);
+	if (existsSync(tw.rootStylesheet)) try {
+		const rootContent = readFileSync(tw.rootStylesheet, "utf-8");
+		if (!rootContent.includes("@import \"tailwindcss\"") && !rootContent.includes("@import 'tailwindcss'")) console.warn(`${PREFIX} tailwindCss.rootStylesheet does not contain @import "tailwindcss". The @reference directive will point to a file without Tailwind configuration.\n\n  File: ${tw.rootStylesheet}\n`);
+	} catch {}
+}
+//#endregion
+export { buildStylePreprocessor, tailwindReferencePlugin, validateTailwindConfig };
+
+//# sourceMappingURL=tailwind-plugin.js.map

package/src/lib/tailwind-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwind-plugin.js","names":[],"sources":["../../../src/lib/tailwind-plugin.ts"],"sourcesContent":["import { existsSync, readFileSync } from 'node:fs';\nimport { basename, dirname, isAbsolute } from 'node:path';\nimport { normalizePath, Plugin, ResolvedConfig } from 'vite';\nimport {\n  inspectCssTailwindDirectives,\n  throwTailwindReferenceTextError,\n} from './utils/tailwind-reference.js';\nimport { debugTailwind, debugTailwindV } from './utils/debug.js';\nimport { composeStylePreprocessors } from './style-preprocessor.js';\nimport type { StylePreprocessor } from './style-preprocessor.js';\nimport { stylePipelinePreprocessorFromPlugins } from './style-pipeline.js';\nimport type { AngularStylePipelineOptions } from './style-pipeline.js';\n\nexport interface TailwindCssOptions {\n  rootStylesheet: string;\n  prefixes?: string[];\n}\n\nexport interface TailwindReferencePluginOptions {\n  tailwindCss?: TailwindCssOptions;\n}\n\n/**\n * Core injection logic shared by both the Vite pre-transform plugin and the\n * Angular style preprocessor. Returns the `@reference`-prepended CSS when\n * injection is needed, or `undefined` when the file should be left alone.\n */\nfunction injectTailwindReference(\n  code: string,\n  opts: {\n    rootStylesheet: string;\n    prefixes?: string[];\n    fileId: string;\n  },\n): string | undefined {\n  const directiveState = inspectCssTailwindDirectives(code);\n\n  if (\n    directiveState.hasReferenceDirective ||\n    directiveState.hasTailwindImportDirective\n  ) {\n    return undefined;\n  }\n\n  const needsRef = opts.prefixes\n    ? opts.prefixes.some((p) => directiveState.commentlessCode.includes(p))\n    : directiveState.commentlessCode.includes('@apply');\n\n  if (!needsRef) {\n    return undefined;\n  }\n\n  if (directiveState.hasReferenceText) {\n    throwTailwindReferenceTextError(opts.fileId, opts.rootStylesheet);\n  }\n\n  return `@reference \"${opts.rootStylesheet.replace(/\\\\/g, '/')}\";\\n${code}`;\n}\n\nexport function tailwindReferencePlugin(\n  options: TailwindReferencePluginOptions,\n): Plugin {\n  return {\n    name: '@analogjs/vite-plugin-angular:tailwind-reference',\n    enforce: 'pre',\n    transform(code: string, id: string) {\n      const tw = options.tailwindCss;\n      if (!tw || !id.includes('.css')) return;\n\n      const cleanId = id.split('?')[0];\n      if (cleanId === tw.rootStylesheet) return;\n\n      // Skip entry stylesheets that @import the root config\n      const rootBasename = basename(tw.rootStylesheet);\n      const directiveState = inspectCssTailwindDirectives(code);\n      if (directiveState.commentlessCode.includes(rootBasename)) return;\n\n      const result = injectTailwindReference(code, {\n        rootStylesheet: tw.rootStylesheet,\n        prefixes: tw.prefixes,\n        fileId: id,\n      });\n\n      if (result) {\n        debugTailwind('injected @reference via pre-transform', {\n          id: id.split('/').slice(-2).join('/'),\n        });\n      }\n\n      return result;\n    },\n  };\n}\n\n/**\n * Builds a resolved stylePreprocessor function from plugin options.\n *\n * When `tailwindCss` is configured, creates an injector that prepends\n * `@reference \"<rootStylesheet>\"` into component CSS that uses Tailwind\n * utilities. Uses absolute paths because Angular's externalRuntimeStyles\n * serves component CSS as virtual modules (hash-based IDs) with no\n * meaningful directory — relative paths can't resolve from a hash.\n *\n * If both `tailwindCss` and `stylePreprocessor` are provided, they are\n * chained: Tailwind reference injection runs first, then the user's\n * custom preprocessor.\n */\nexport function buildStylePreprocessor(options?: {\n  stylePreprocessor?: StylePreprocessor;\n  stylePipeline?: AngularStylePipelineOptions;\n  tailwindCss?: TailwindCssOptions;\n}): StylePreprocessor | undefined {\n  const userPreprocessor = options?.stylePreprocessor;\n  const stylePipelinePreprocessor = stylePipelinePreprocessorFromPlugins(\n    options?.stylePipeline,\n  );\n  const tw = options?.tailwindCss;\n\n  if (!tw && !userPreprocessor && !stylePipelinePreprocessor) {\n    return undefined;\n  }\n\n  let tailwindPreprocessor:\n    | ((code: string, filename: string) => string)\n    | undefined;\n\n  if (tw) {\n    const rootStylesheet = tw.rootStylesheet;\n    const prefixes = tw.prefixes;\n    debugTailwind('configured', { rootStylesheet, prefixes });\n\n    if (!existsSync(rootStylesheet)) {\n      console.warn(\n        `[@analogjs/vite-plugin-angular] tailwindCss.rootStylesheet not found ` +\n          `at \"${rootStylesheet}\". @reference directives will point to a ` +\n          `non-existent file, which will cause Tailwind CSS errors. ` +\n          `Ensure the path is absolute and the file exists.`,\n      );\n    }\n\n    tailwindPreprocessor = (code: string, filename: string): string => {\n      const result = injectTailwindReference(code, {\n        rootStylesheet,\n        prefixes,\n        fileId: filename,\n      });\n\n      if (result) {\n        debugTailwind('injected @reference via preprocessor', { filename });\n        return result;\n      }\n\n      debugTailwindV('skip (no injection needed)', { filename });\n      return code;\n    };\n  }\n\n  if (tailwindPreprocessor && (stylePipelinePreprocessor || userPreprocessor)) {\n    debugTailwind('chained with style pipeline or user stylePreprocessor');\n  }\n\n  return composeStylePreprocessors([\n    tailwindPreprocessor,\n    stylePipelinePreprocessor,\n    userPreprocessor,\n  ]);\n}\n\n/**\n * Validates the Tailwind CSS integration configuration and emits actionable\n * warnings for common misconfigurations that cause silent failures.\n */\nexport function validateTailwindConfig(\n  tailwindCss: TailwindCssOptions | undefined,\n  config: ResolvedConfig,\n  isWatchMode: boolean,\n): void {\n  const PREFIX = '[@analogjs/vite-plugin-angular]';\n  const tw = tailwindCss;\n\n  if (!tw) return;\n\n  if (!isAbsolute(tw.rootStylesheet)) {\n    console.warn(\n      `${PREFIX} tailwindCss.rootStylesheet must be an absolute path. ` +\n        `Got: \"${tw.rootStylesheet}\". Use path.resolve(__dirname, '...') ` +\n        `in your vite.config to convert it.`,\n    );\n  }\n\n  const resolvedPlugins = config.plugins;\n  const hasTailwindPlugin = resolvedPlugins.some(\n    (p) =>\n      p.name.startsWith('@tailwindcss/vite') ||\n      p.name.startsWith('tailwindcss'),\n  );\n\n  if (isWatchMode && !hasTailwindPlugin) {\n    throw new Error(\n      `${PREFIX} tailwindCss is configured but no @tailwindcss/vite ` +\n        `plugin was found. Component CSS with @apply directives will ` +\n        `not be processed.\\n\\n` +\n        `  Fix: npm install @tailwindcss/vite --save-dev\\n` +\n        `  Then add tailwindcss() to your vite.config plugins array.\\n`,\n    );\n  }\n\n  if (isWatchMode && tw.rootStylesheet) {\n    const projectRoot = normalizePath(config.root);\n    const normalizedRootStylesheet = normalizePath(tw.rootStylesheet);\n    if (!normalizedRootStylesheet.startsWith(projectRoot)) {\n      const fsAllow = config.server?.fs?.allow ?? [];\n      const isAllowed = fsAllow.some((allowed) =>\n        normalizedRootStylesheet.startsWith(normalizePath(allowed)),\n      );\n      if (!isAllowed) {\n        console.warn(\n          `${PREFIX} tailwindCss.rootStylesheet is outside the Vite ` +\n            `project root. The dev server may reject it with 403.\\n\\n` +\n            `  Root: ${projectRoot}\\n` +\n            `  Stylesheet: ${tw.rootStylesheet}\\n\\n` +\n            `  Fix: server.fs.allow: ['${dirname(tw.rootStylesheet)}']\\n`,\n        );\n      }\n    }\n  }\n\n  if (tw.prefixes !== undefined && tw.prefixes.length === 0) {\n    console.warn(\n      `${PREFIX} tailwindCss.prefixes is an empty array. No component ` +\n        `stylesheets will receive @reference injection. Either remove ` +\n        `the prefixes option (to use @apply detection) or specify your ` +\n        `prefixes: ['tw:']\\n`,\n    );\n  }\n\n  if (existsSync(tw.rootStylesheet)) {\n    try {\n      const rootContent = readFileSync(tw.rootStylesheet, 'utf-8');\n      if (\n        !rootContent.includes('@import \"tailwindcss\"') &&\n        !rootContent.includes(\"@import 'tailwindcss'\")\n      ) {\n        console.warn(\n          `${PREFIX} tailwindCss.rootStylesheet does not contain ` +\n            `@import \"tailwindcss\". The @reference directive will ` +\n            `point to a file without Tailwind configuration.\\n\\n` +\n            `  File: ${tw.rootStylesheet}\\n`,\n        );\n      }\n    } catch {\n      // Silently skip — existence check already warned in buildStylePreprocessor.\n    }\n  }\n}\n"],"mappings":"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"}

package/src/lib/template-class-binding-guard-plugin.d.ts

@@ -0,0 +1,30 @@
+import { Plugin } from "vite";
+import { StyleUrlsResolver } from "./component-resolvers.js";
+export interface ActiveGraphComponentRecord {
+	file: string;
+	className: string;
+	selector?: string;
+}
+export interface StyleOwnerRecord {
+	sourcePath: string;
+	ownerFile: string;
+}
+interface TemplateClassBindingIssue {
+	line: number;
+	column: number;
+	snippet: string;
+}
+export interface TemplateClassBindingGuardContext {
+	styleUrlsResolver: StyleUrlsResolver;
+	activeGraphComponentMetadata: Map<string, ActiveGraphComponentRecord[]>;
+	selectorOwners: Map<string, Set<string>>;
+	classNameOwners: Map<string, Set<string>>;
+	transformedStyleOwnerMetadata: Map<string, StyleOwnerRecord[]>;
+	styleSourceOwners: Map<string, Set<string>>;
+}
+export declare function templateClassBindingGuardPlugin(ctx: TemplateClassBindingGuardContext): Plugin;
+export declare function removeActiveGraphMetadata(ctx: TemplateClassBindingGuardContext, file: string): void;
+export declare function removeStyleOwnerMetadata(ctx: TemplateClassBindingGuardContext, file: string): void;
+export declare function findStaticClassAndBoundClassConflicts(template: string): TemplateClassBindingIssue[];
+export declare function findBoundClassAndNgClassConflicts(template: string): TemplateClassBindingIssue[];
+export {};

package/src/lib/template-class-binding-guard-plugin.js

@@ -0,0 +1,237 @@
+import { debugHmrV } from "./utils/debug.js";
+import { getAngularComponentMetadata } from "./component-resolvers.js";
+import { TS_EXT_REGEX } from "./utils/plugin-config.js";
+import { normalizePath } from "vite";
+//#region packages/vite-plugin-angular/src/lib/template-class-binding-guard-plugin.ts
+function templateClassBindingGuardPlugin(ctx) {
+	return {
+		name: "@analogjs/vite-plugin-angular:template-class-binding-guard",
+		enforce: "pre",
+		transform(code, id) {
+			if (id.includes("node_modules")) return;
+			const cleanId = id.split("?")[0];
+			if (/\.(html|htm)$/i.test(cleanId)) {
+				const staticClassIssue = findStaticClassAndBoundClassConflicts(code)[0];
+				if (staticClassIssue) throwTemplateClassBindingConflict(cleanId, staticClassIssue);
+				const mixedClassIssue = findBoundClassAndNgClassConflicts(code)[0];
+				if (mixedClassIssue) this.warn([
+					"[Analog Angular] Conflicting class composition.",
+					`File: ${cleanId}:${mixedClassIssue.line}:${mixedClassIssue.column}`,
+					"This element mixes `[class]` and `[ngClass]`.",
+					"Prefer a single class-binding strategy so class merging stays predictable.",
+					"Use one `[ngClass]` expression or explicit `[class.foo]` bindings.",
+					`Snippet: ${mixedClassIssue.snippet}`
+				].join("\n"));
+				return;
+			}
+			if (TS_EXT_REGEX.test(cleanId)) {
+				const rawStyleUrls = ctx.styleUrlsResolver.resolve(code, cleanId);
+				registerStyleOwnerMetadata(ctx, cleanId, rawStyleUrls);
+				debugHmrV("component stylesheet owner metadata registered", {
+					file: cleanId,
+					styleUrlCount: rawStyleUrls.length,
+					styleUrls: rawStyleUrls,
+					ownerSources: [...ctx.transformedStyleOwnerMetadata.get(cleanId)?.map((record) => record.sourcePath) ?? []]
+				});
+				const components = getAngularComponentMetadata(code);
+				const inlineTemplateIssue = components.flatMap((component) => component.inlineTemplates.flatMap((template) => findStaticClassAndBoundClassConflicts(template)))[0];
+				if (inlineTemplateIssue) throwTemplateClassBindingConflict(cleanId, inlineTemplateIssue);
+				const mixedInlineClassIssue = components.flatMap((component) => component.inlineTemplates.flatMap((template) => findBoundClassAndNgClassConflicts(template)))[0];
+				if (mixedInlineClassIssue) this.warn([
+					"[Analog Angular] Conflicting class composition.",
+					`File: ${cleanId}:${mixedInlineClassIssue.line}:${mixedInlineClassIssue.column}`,
+					"This element mixes `[class]` and `[ngClass]`.",
+					"Prefer a single class-binding strategy so class merging stays predictable.",
+					"Use one `[ngClass]` expression or explicit `[class.foo]` bindings.",
+					`Snippet: ${mixedInlineClassIssue.snippet}`
+				].join("\n"));
+				registerActiveGraphMetadata(ctx, cleanId, components.map((component) => ({
+					file: cleanId,
+					className: component.className,
+					selector: component.selector
+				})));
+				for (const component of components) {
+					if (!component.selector && !isLikelyPageOnlyComponent(cleanId)) throw new Error([
+						"[Analog Angular] Selectorless component detected.",
+						`File: ${cleanId}`,
+						`Component: ${component.className}`,
+						"This component has no `selector`, so Angular will render it as `ng-component`.",
+						"That increases the chance of component ID collisions and makes diagnostics harder to interpret.",
+						"Add an explicit selector for reusable components.",
+						"Selectorless components are only supported for page and route-only files."
+					].join("\n"));
+					if (component.selector) {
+						const selectorEntries = ctx.selectorOwners.get(component.selector);
+						if (selectorEntries && selectorEntries.size > 1) throw new Error([
+							"[Analog Angular] Duplicate component selector detected.",
+							`Selector: ${component.selector}`,
+							"Multiple components in the active application graph use the same selector.",
+							"Selectors must be unique within the active graph to avoid ambiguous rendering and confusing diagnostics.",
+							`Locations:\n${formatActiveGraphLocations(selectorEntries)}`
+						].join("\n"));
+					}
+					const classNameEntries = ctx.classNameOwners.get(component.className);
+					if (classNameEntries && classNameEntries.size > 1) this.warn([
+						"[Analog Angular] Duplicate component class name detected.",
+						`Class name: ${component.className}`,
+						"Two or more Angular components in the active graph share the same exported class name.",
+						"Rename one of them to keep HMR, stack traces, and compiler diagnostics unambiguous.",
+						`Locations:\n${formatActiveGraphLocations(classNameEntries)}`
+					].join("\n"));
+				}
+			}
+		}
+	};
+}
+function removeActiveGraphMetadata(ctx, file) {
+	const previous = ctx.activeGraphComponentMetadata.get(file);
+	if (!previous) return;
+	for (const record of previous) {
+		const location = `${record.file}#${record.className}`;
+		if (record.selector) {
+			const selectorSet = ctx.selectorOwners.get(record.selector);
+			selectorSet?.delete(location);
+			if (selectorSet?.size === 0) ctx.selectorOwners.delete(record.selector);
+		}
+		const classNameSet = ctx.classNameOwners.get(record.className);
+		classNameSet?.delete(location);
+		if (classNameSet?.size === 0) ctx.classNameOwners.delete(record.className);
+	}
+	ctx.activeGraphComponentMetadata.delete(file);
+}
+function registerActiveGraphMetadata(ctx, file, records) {
+	removeActiveGraphMetadata(ctx, file);
+	if (records.length === 0) return;
+	ctx.activeGraphComponentMetadata.set(file, records);
+	for (const record of records) {
+		const location = `${record.file}#${record.className}`;
+		if (record.selector) {
+			let selectorSet = ctx.selectorOwners.get(record.selector);
+			if (!selectorSet) {
+				selectorSet = /* @__PURE__ */ new Set();
+				ctx.selectorOwners.set(record.selector, selectorSet);
+			}
+			selectorSet.add(location);
+		}
+		let classNameSet = ctx.classNameOwners.get(record.className);
+		if (!classNameSet) {
+			classNameSet = /* @__PURE__ */ new Set();
+			ctx.classNameOwners.set(record.className, classNameSet);
+		}
+		classNameSet.add(location);
+	}
+}
+function removeStyleOwnerMetadata(ctx, file) {
+	const previous = ctx.transformedStyleOwnerMetadata.get(file);
+	if (!previous) return;
+	for (const record of previous) {
+		const owners = ctx.styleSourceOwners.get(record.sourcePath);
+		owners?.delete(record.ownerFile);
+		if (owners?.size === 0) ctx.styleSourceOwners.delete(record.sourcePath);
+	}
+	ctx.transformedStyleOwnerMetadata.delete(file);
+}
+function registerStyleOwnerMetadata(ctx, file, styleUrls) {
+	removeStyleOwnerMetadata(ctx, file);
+	const records = styleUrls.map((urlSet) => {
+		const [, absoluteFileUrl] = urlSet.split("|");
+		return absoluteFileUrl ? {
+			ownerFile: file,
+			sourcePath: normalizePath(absoluteFileUrl)
+		} : void 0;
+	}).filter((record) => !!record);
+	if (records.length === 0) return;
+	ctx.transformedStyleOwnerMetadata.set(file, records);
+	for (const record of records) {
+		let owners = ctx.styleSourceOwners.get(record.sourcePath);
+		if (!owners) {
+			owners = /* @__PURE__ */ new Set();
+			ctx.styleSourceOwners.set(record.sourcePath, owners);
+		}
+		owners.add(record.ownerFile);
+	}
+}
+function isLikelyPageOnlyComponent(id) {
+	return id.includes("/pages/") || /\.page\.[cm]?[jt]sx?$/i.test(id) || /\([^/]+\)\.page\.[cm]?[jt]sx?$/i.test(id);
+}
+function findStaticClassAndBoundClassConflicts(template) {
+	const issues = [];
+	for (const { index, snippet } of findOpeningTagSnippets(template)) {
+		if (!snippet.includes("[class]")) continue;
+		const hasStaticClass = /\sclass\s*=\s*(['"])(?:(?!\1)[\s\S])*\1/.test(snippet);
+		const hasBoundClass = /\s\[class\]\s*=\s*(['"])(?:(?!\1)[\s\S])*\1/.test(snippet);
+		if (hasStaticClass && hasBoundClass) {
+			const prefix = template.slice(0, index);
+			const line = prefix.split("\n").length;
+			const column = index - prefix.lastIndexOf("\n");
+			issues.push({
+				line,
+				column,
+				snippet: snippet.replace(/\s+/g, " ").trim()
+			});
+		}
+	}
+	return issues;
+}
+function findBoundClassAndNgClassConflicts(template) {
+	const issues = [];
+	if (!/\[class\]\s*=/.test(template) || !template.includes("[ngClass]")) return issues;
+	for (const { index, snippet } of findOpeningTagSnippets(template)) {
+		if (!/\[class\]\s*=/.test(snippet) || !snippet.includes("[ngClass]")) continue;
+		const prefix = template.slice(0, index);
+		const line = prefix.split("\n").length;
+		const column = index - prefix.lastIndexOf("\n");
+		issues.push({
+			line,
+			column,
+			snippet: snippet.replace(/\s+/g, " ").trim()
+		});
+	}
+	return issues;
+}
+function throwTemplateClassBindingConflict(id, issue) {
+	throw new Error([
+		"[Analog Angular] Invalid template class binding.",
+		`File: ${id}:${issue.line}:${issue.column}`,
+		"The same element uses both a static `class=\"...\"` attribute and a whole-element `[class]=\"...\"` binding.",
+		"That pattern can replace or conflict with static Tailwind classes, which makes styles appear to stop applying.",
+		"Use `[ngClass]` or explicit `[class.foo]` bindings instead of `[class]` when the element also has static classes.",
+		`Snippet: ${issue.snippet}`
+	].join("\n"));
+}
+function findOpeningTagSnippets(template) {
+	const matches = [];
+	for (let index = 0; index < template.length; index++) {
+		if (template[index] !== "<") continue;
+		const tagStart = template[index + 1];
+		if (!tagStart || !/[a-zA-Z]/.test(tagStart)) continue;
+		let quote = null;
+		for (let end = index + 1; end < template.length; end++) {
+			const char = template[end];
+			if (quote) {
+				if (char === quote) quote = null;
+				continue;
+			}
+			if (char === "\"" || char === "'") {
+				quote = char;
+				continue;
+			}
+			if (char === ">") {
+				matches.push({
+					index,
+					snippet: template.slice(index, end + 1)
+				});
+				index = end;
+				break;
+			}
+		}
+	}
+	return matches;
+}
+function formatActiveGraphLocations(entries) {
+	return [...entries].sort().map((entry) => `- ${entry}`).join("\n");
+}
+//#endregion
+export { findBoundClassAndNgClassConflicts, findStaticClassAndBoundClassConflicts, removeActiveGraphMetadata, removeStyleOwnerMetadata, templateClassBindingGuardPlugin };
+
+//# sourceMappingURL=template-class-binding-guard-plugin.js.map

package/src/lib/template-class-binding-guard-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"template-class-binding-guard-plugin.js","names":[],"sources":["../../../src/lib/template-class-binding-guard-plugin.ts"],"sourcesContent":["import { normalizePath, Plugin } from 'vite';\nimport {\n  getAngularComponentMetadata,\n  StyleUrlsResolver,\n} from './component-resolvers.js';\nimport { debugHmrV } from './utils/debug.js';\nimport { TS_EXT_REGEX } from './utils/plugin-config.js';\n\nexport interface ActiveGraphComponentRecord {\n  file: string;\n  className: string;\n  selector?: string;\n}\n\nexport interface StyleOwnerRecord {\n  sourcePath: string;\n  ownerFile: string;\n}\n\ninterface TemplateClassBindingIssue {\n  line: number;\n  column: number;\n  snippet: string;\n}\n\nexport interface TemplateClassBindingGuardContext {\n  styleUrlsResolver: StyleUrlsResolver;\n  activeGraphComponentMetadata: Map<string, ActiveGraphComponentRecord[]>;\n  selectorOwners: Map<string, Set<string>>;\n  classNameOwners: Map<string, Set<string>>;\n  transformedStyleOwnerMetadata: Map<string, StyleOwnerRecord[]>;\n  styleSourceOwners: Map<string, Set<string>>;\n}\n\nexport function templateClassBindingGuardPlugin(\n  ctx: TemplateClassBindingGuardContext,\n): Plugin {\n  return {\n    name: '@analogjs/vite-plugin-angular:template-class-binding-guard',\n    enforce: 'pre',\n    transform(code: string, id: string) {\n      if (id.includes('node_modules')) {\n        return;\n      }\n\n      const cleanId = id.split('?')[0];\n\n      if (/\\.(html|htm)$/i.test(cleanId)) {\n        const staticClassIssue = findStaticClassAndBoundClassConflicts(code)[0];\n        if (staticClassIssue) {\n          throwTemplateClassBindingConflict(cleanId, staticClassIssue);\n        }\n\n        const mixedClassIssue = findBoundClassAndNgClassConflicts(code)[0];\n        if (mixedClassIssue) {\n          this.warn(\n            [\n              '[Analog Angular] Conflicting class composition.',\n              `File: ${cleanId}:${mixedClassIssue.line}:${mixedClassIssue.column}`,\n              'This element mixes `[class]` and `[ngClass]`.',\n              'Prefer a single class-binding strategy so class merging stays predictable.',\n              'Use one `[ngClass]` expression or explicit `[class.foo]` bindings.',\n              `Snippet: ${mixedClassIssue.snippet}`,\n            ].join('\\n'),\n          );\n        }\n        return;\n      }\n\n      if (TS_EXT_REGEX.test(cleanId)) {\n        const rawStyleUrls = ctx.styleUrlsResolver.resolve(code, cleanId);\n        registerStyleOwnerMetadata(ctx, cleanId, rawStyleUrls);\n        debugHmrV('component stylesheet owner metadata registered', {\n          file: cleanId,\n          styleUrlCount: rawStyleUrls.length,\n          styleUrls: rawStyleUrls,\n          ownerSources: [\n            ...(ctx.transformedStyleOwnerMetadata\n              .get(cleanId)\n              ?.map((record) => record.sourcePath) ?? []),\n          ],\n        });\n\n        const components = getAngularComponentMetadata(code);\n\n        const inlineTemplateIssue = components.flatMap((component) =>\n          component.inlineTemplates.flatMap((template) =>\n            findStaticClassAndBoundClassConflicts(template),\n          ),\n        )[0];\n\n        if (inlineTemplateIssue) {\n          throwTemplateClassBindingConflict(cleanId, inlineTemplateIssue);\n        }\n\n        const mixedInlineClassIssue = components.flatMap((component) =>\n          component.inlineTemplates.flatMap((template) =>\n            findBoundClassAndNgClassConflicts(template),\n          ),\n        )[0];\n\n        if (mixedInlineClassIssue) {\n          this.warn(\n            [\n              '[Analog Angular] Conflicting class composition.',\n              `File: ${cleanId}:${mixedInlineClassIssue.line}:${mixedInlineClassIssue.column}`,\n              'This element mixes `[class]` and `[ngClass]`.',\n              'Prefer a single class-binding strategy so class merging stays predictable.',\n              'Use one `[ngClass]` expression or explicit `[class.foo]` bindings.',\n              `Snippet: ${mixedInlineClassIssue.snippet}`,\n            ].join('\\n'),\n          );\n        }\n\n        const activeGraphRecords = components.map((component) => ({\n          file: cleanId,\n          className: component.className,\n          selector: component.selector,\n        }));\n\n        registerActiveGraphMetadata(ctx, cleanId, activeGraphRecords);\n\n        for (const component of components) {\n          if (!component.selector && !isLikelyPageOnlyComponent(cleanId)) {\n            throw new Error(\n              [\n                '[Analog Angular] Selectorless component detected.',\n                `File: ${cleanId}`,\n                `Component: ${component.className}`,\n                'This component has no `selector`, so Angular will render it as `ng-component`.',\n                'That increases the chance of component ID collisions and makes diagnostics harder to interpret.',\n                'Add an explicit selector for reusable components.',\n                'Selectorless components are only supported for page and route-only files.',\n              ].join('\\n'),\n            );\n          }\n\n          if (component.selector) {\n            const selectorEntries = ctx.selectorOwners.get(component.selector);\n            if (selectorEntries && selectorEntries.size > 1) {\n              throw new Error(\n                [\n                  '[Analog Angular] Duplicate component selector detected.',\n                  `Selector: ${component.selector}`,\n                  'Multiple components in the active application graph use the same selector.',\n                  'Selectors must be unique within the active graph to avoid ambiguous rendering and confusing diagnostics.',\n                  `Locations:\\n${formatActiveGraphLocations(selectorEntries)}`,\n                ].join('\\n'),\n              );\n            }\n          }\n\n          const classNameEntries = ctx.classNameOwners.get(component.className);\n          if (classNameEntries && classNameEntries.size > 1) {\n            this.warn(\n              [\n                '[Analog Angular] Duplicate component class name detected.',\n                `Class name: ${component.className}`,\n                'Two or more Angular components in the active graph share the same exported class name.',\n                'Rename one of them to keep HMR, stack traces, and compiler diagnostics unambiguous.',\n                `Locations:\\n${formatActiveGraphLocations(classNameEntries)}`,\n              ].join('\\n'),\n            );\n          }\n        }\n      }\n    },\n  };\n}\n\nexport function removeActiveGraphMetadata(\n  ctx: TemplateClassBindingGuardContext,\n  file: string,\n): void {\n  const previous = ctx.activeGraphComponentMetadata.get(file);\n  if (!previous) {\n    return;\n  }\n\n  for (const record of previous) {\n    const location = `${record.file}#${record.className}`;\n    if (record.selector) {\n      const selectorSet = ctx.selectorOwners.get(record.selector);\n      selectorSet?.delete(location);\n      if (selectorSet?.size === 0) {\n        ctx.selectorOwners.delete(record.selector);\n      }\n    }\n\n    const classNameSet = ctx.classNameOwners.get(record.className);\n    classNameSet?.delete(location);\n    if (classNameSet?.size === 0) {\n      ctx.classNameOwners.delete(record.className);\n    }\n  }\n\n  ctx.activeGraphComponentMetadata.delete(file);\n}\n\nfunction registerActiveGraphMetadata(\n  ctx: TemplateClassBindingGuardContext,\n  file: string,\n  records: ActiveGraphComponentRecord[],\n) {\n  removeActiveGraphMetadata(ctx, file);\n\n  if (records.length === 0) {\n    return;\n  }\n\n  ctx.activeGraphComponentMetadata.set(file, records);\n\n  for (const record of records) {\n    const location = `${record.file}#${record.className}`;\n\n    if (record.selector) {\n      let selectorSet = ctx.selectorOwners.get(record.selector);\n      if (!selectorSet) {\n        selectorSet = new Set<string>();\n        ctx.selectorOwners.set(record.selector, selectorSet);\n      }\n      selectorSet.add(location);\n    }\n\n    let classNameSet = ctx.classNameOwners.get(record.className);\n    if (!classNameSet) {\n      classNameSet = new Set<string>();\n      ctx.classNameOwners.set(record.className, classNameSet);\n    }\n    classNameSet.add(location);\n  }\n}\n\nexport function removeStyleOwnerMetadata(\n  ctx: TemplateClassBindingGuardContext,\n  file: string,\n): void {\n  const previous = ctx.transformedStyleOwnerMetadata.get(file);\n  if (!previous) {\n    return;\n  }\n\n  for (const record of previous) {\n    const owners = ctx.styleSourceOwners.get(record.sourcePath);\n    owners?.delete(record.ownerFile);\n    if (owners?.size === 0) {\n      ctx.styleSourceOwners.delete(record.sourcePath);\n    }\n  }\n\n  ctx.transformedStyleOwnerMetadata.delete(file);\n}\n\nfunction registerStyleOwnerMetadata(\n  ctx: TemplateClassBindingGuardContext,\n  file: string,\n  styleUrls: string[],\n) {\n  removeStyleOwnerMetadata(ctx, file);\n\n  const records = styleUrls\n    .map((urlSet) => {\n      const [, absoluteFileUrl] = urlSet.split('|');\n      return absoluteFileUrl\n        ? {\n            ownerFile: file,\n            sourcePath: normalizePath(absoluteFileUrl),\n          }\n        : undefined;\n    })\n    .filter((record): record is StyleOwnerRecord => !!record);\n\n  if (records.length === 0) {\n    return;\n  }\n\n  ctx.transformedStyleOwnerMetadata.set(file, records);\n\n  for (const record of records) {\n    let owners = ctx.styleSourceOwners.get(record.sourcePath);\n    if (!owners) {\n      owners = new Set<string>();\n      ctx.styleSourceOwners.set(record.sourcePath, owners);\n    }\n    owners.add(record.ownerFile);\n  }\n}\n\nfunction isLikelyPageOnlyComponent(id: string): boolean {\n  return (\n    id.includes('/pages/') ||\n    /\\.page\\.[cm]?[jt]sx?$/i.test(id) ||\n    /\\([^/]+\\)\\.page\\.[cm]?[jt]sx?$/i.test(id)\n  );\n}\n\nexport function findStaticClassAndBoundClassConflicts(\n  template: string,\n): TemplateClassBindingIssue[] {\n  const issues: TemplateClassBindingIssue[] = [];\n\n  for (const { index, snippet } of findOpeningTagSnippets(template)) {\n    if (!snippet.includes('[class]')) {\n      continue;\n    }\n\n    const hasStaticClass = /\\sclass\\s*=\\s*(['\"])(?:(?!\\1)[\\s\\S])*\\1/.test(\n      snippet,\n    );\n    const hasBoundClass = /\\s\\[class\\]\\s*=\\s*(['\"])(?:(?!\\1)[\\s\\S])*\\1/.test(\n      snippet,\n    );\n\n    if (hasStaticClass && hasBoundClass) {\n      const prefix = template.slice(0, index);\n      const line = prefix.split('\\n').length;\n      const lastNewline = prefix.lastIndexOf('\\n');\n      const column = index - lastNewline;\n      issues.push({\n        line,\n        column,\n        snippet: snippet.replace(/\\s+/g, ' ').trim(),\n      });\n    }\n  }\n\n  return issues;\n}\n\nexport function findBoundClassAndNgClassConflicts(\n  template: string,\n): TemplateClassBindingIssue[] {\n  const issues: TemplateClassBindingIssue[] = [];\n  const hasWholeElementClassBinding = /\\[class\\]\\s*=/.test(template);\n\n  if (!hasWholeElementClassBinding || !template.includes('[ngClass]')) {\n    return issues;\n  }\n\n  for (const { index, snippet } of findOpeningTagSnippets(template)) {\n    if (!/\\[class\\]\\s*=/.test(snippet) || !snippet.includes('[ngClass]')) {\n      continue;\n    }\n\n    const prefix = template.slice(0, index);\n    const line = prefix.split('\\n').length;\n    const lastNewline = prefix.lastIndexOf('\\n');\n    const column = index - lastNewline;\n    issues.push({\n      line,\n      column,\n      snippet: snippet.replace(/\\s+/g, ' ').trim(),\n    });\n  }\n\n  return issues;\n}\n\nfunction throwTemplateClassBindingConflict(\n  id: string,\n  issue: TemplateClassBindingIssue,\n): never {\n  throw new Error(\n    [\n      '[Analog Angular] Invalid template class binding.',\n      `File: ${id}:${issue.line}:${issue.column}`,\n      'The same element uses both a static `class=\"...\"` attribute and a whole-element `[class]=\"...\"` binding.',\n      'That pattern can replace or conflict with static Tailwind classes, which makes styles appear to stop applying.',\n      'Use `[ngClass]` or explicit `[class.foo]` bindings instead of `[class]` when the element also has static classes.',\n      `Snippet: ${issue.snippet}`,\n    ].join('\\n'),\n  );\n}\n\nfunction findOpeningTagSnippets(\n  template: string,\n): Array<{ index: number; snippet: string }> {\n  const matches: Array<{ index: number; snippet: string }> = [];\n\n  for (let index = 0; index < template.length; index++) {\n    if (template[index] !== '<') {\n      continue;\n    }\n\n    const tagStart = template[index + 1];\n    if (!tagStart || !/[a-zA-Z]/.test(tagStart)) {\n      continue;\n    }\n\n    let quote: '\"' | \"'\" | null = null;\n\n    for (let end = index + 1; end < template.length; end++) {\n      const char = template[end];\n\n      if (quote) {\n        if (char === quote) {\n          quote = null;\n        }\n        continue;\n      }\n\n      if (char === '\"' || char === \"'\") {\n        quote = char;\n        continue;\n      }\n\n      if (char === '>') {\n        matches.push({\n          index,\n          snippet: template.slice(index, end + 1),\n        });\n        index = end;\n        break;\n      }\n    }\n  }\n\n  return matches;\n}\n\nfunction formatActiveGraphLocations(entries: Iterable<string>): string {\n  return [...entries]\n    .sort()\n    .map((entry) => `- ${entry}`)\n    .join('\\n');\n}\n"],"mappings":"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"}

package/src/lib/tools/package.json

@@ -1,8 +1,3 @@
 {
-  "name": "@analogjs/vite-plugin-angular-tools",
-  "version": "0.0.1",
-  "main": "src/index.js",
-  "types": "./src/index.d.ts",
-  "module": "./src/index.js",
-  "type": "module"
-}
+  "type": "commonjs"
+}

package/src/lib/tools/src/builders/vite/vite-build.impl.js

@@ -1,41 +1,34 @@
-import { createBuilder, targetFromTargetString, } from '@angular-devkit/architect';
+let _angular_devkit_architect = require("@angular-devkit/architect");
+//#region packages/vite-plugin-angular-tools/src/builders/vite/vite-build.impl.ts
 async function viteBuilder(options, context) {
-    const { createBuilder } = await Function('return import("vite")')();
-    if (!context.target) {
-        throw new Error('Builder must be executed with a target');
-    }
-    const projectConfig = await context.getProjectMetadata(context.target);
-    const projectName = context.target.project;
-    const configuration = context.target.configuration || 'production';
-    const buildTargetSpecifier = `::${configuration}`;
-    const buildTarget = targetFromTargetString(buildTargetSpecifier, projectName, 'build');
-    const browserBuilderName = await context.getBuilderNameForTarget(buildTarget);
-    const rawBuildOptions = await context.getTargetOptions(buildTarget);
-    const buildOptions = await context.validateOptions(rawBuildOptions, browserBuilderName);
-    const buildConfig = {
-        configFile: options.configFile,
-        root: projectConfig.root,
-        mode: (process.env.NODE_ENV ??
-            buildOptions.mode ??
-            configuration),
-        build: {
-            outDir: options.outputPath,
-            sourcemap: !!buildOptions.sourcemap,
-        },
-    };
-    try {
-        const builder = await createBuilder(buildConfig, false);
-        await builder.buildApp();
-        return {
-            success: true,
-        };
-    }
-    catch (e) {
-        console.error(e);
-        return {
-            success: false,
-        };
-    }
+	const { createBuilder } = await Function("return import(\"vite\")")();
+	if (!context.target) throw new Error("Builder must be executed with a target");
+	const projectConfig = await context.getProjectMetadata(context.target);
+	const projectName = context.target.project;
+	const configuration = context.target.configuration || "production";
+	const buildTarget = (0, _angular_devkit_architect.targetFromTargetString)(`::${configuration}`, projectName, "build");
+	const browserBuilderName = await context.getBuilderNameForTarget(buildTarget);
+	const rawBuildOptions = await context.getTargetOptions(buildTarget);
+	const buildOptions = await context.validateOptions(rawBuildOptions, browserBuilderName);
+	const buildConfig = {
+		configFile: options.configFile,
+		root: projectConfig.root,
+		mode: process.env.NODE_ENV ?? buildOptions.mode ?? configuration,
+		build: {
+			outDir: options.outputPath,
+			sourcemap: !!buildOptions.sourcemap
+		}
+	};
+	try {
+		await (await createBuilder(buildConfig, false)).buildApp();
+		return { success: true };
+	} catch (e) {
+		console.error(e);
+		return { success: false };
+	}
 }
-export default createBuilder(viteBuilder);
+var vite_build_impl_default = (0, _angular_devkit_architect.createBuilder)(viteBuilder);
+//#endregion
+module.exports = vite_build_impl_default;
+
 //# sourceMappingURL=vite-build.impl.js.map

package/src/lib/tools/src/builders/vite/vite-build.impl.js.map

@@ -1 +1 @@
-{"version":3,"file":"vite-build.impl.js","sourceRoot":"","sources":["../../../../../../../../../packages/vite-plugin-angular-tools/src/builders/vite/vite-build.impl.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,aAAa,EACb,sBAAsB,GACvB,MAAM,2BAA2B,CAAC;AAInC,KAAK,UAAU,WAAW,CACxB,OAAwB,EACxB,OAAuB;IAEvB,MAAM,EAAE,aAAa,EAAE,GAAG,MAAM,QAAQ,CAAC,uBAAuB,CAAC,EAAE,CAAC;IACpE,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;QACpB,MAAM,IAAI,KAAK,CAAC,wCAAwC,CAAC,CAAC;IAC5D,CAAC;IACD,MAAM,aAAa,GAAG,MAAM,OAAO,CAAC,kBAAkB,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IACvE,MAAM,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC;IAC3C,MAAM,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC,aAAa,IAAI,YAAY,CAAC;IACnE,MAAM,oBAAoB,GAAG,KAAK,aAAa,EAAE,CAAC;IAClD,MAAM,WAAW,GAAG,sBAAsB,CACxC,oBAAoB,EACpB,WAAW,EACX,OAAO,CACR,CAAC;IAEF,MAAM,kBAAkB,GAAG,MAAM,OAAO,CAAC,uBAAuB,CAAC,WAAW,CAAC,CAAC;IAC9E,MAAM,eAAe,GAAG,MAAM,OAAO,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACpE,MAAM,YAAY,GAAG,MAAM,OAAO,CAAC,eAAe,CAChD,eAAe,EACf,kBAAkB,CACnB,CAAC;IAEF,MAAM,WAAW,GAAiB;QAChC,UAAU,EAAE,OAAO,CAAC,UAAU;QAC9B,IAAI,EAAE,aAAa,CAAC,IAAc;QAClC,IAAI,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ;YACzB,YAAY,CAAC,IAAI;YACjB,aAAa,CAAW;QAC1B,KAAK,EAAE;YACL,MAAM,EAAE,OAAO,CAAC,UAAU;YAC1B,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,SAAS;SACpC;KACF,CAAC;IAEF,IAAI,CAAC;QACH,MAAM,OAAO,GAAG,MAAM,aAAa,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;QACxD,MAAM,OAAO,CAAC,QAAQ,EAAE,CAAC;QAEzB,OAAO;YACL,OAAO,EAAE,IAAI;SACd,CAAC;IACJ,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACX,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACjB,OAAO;YACL,OAAO,EAAE,KAAK;SACf,CAAC;IACJ,CAAC;AACH,CAAC;AAED,eAAe,aAAa,CAAC,WAAW,CAAQ,CAAC"}
+{"version":3,"file":"vite-build.impl.js","names":[],"sources":["../../../../../../../../vite-plugin-angular-tools/src/builders/vite/vite-build.impl.ts"],"sourcesContent":["import {\n  BuilderContext,\n  BuilderOutput,\n  createBuilder,\n  targetFromTargetString,\n} from '@angular-devkit/architect';\nimport type { InlineConfig } from 'vite';\nimport { ViteBuildSchema } from './schema';\n\nasync function viteBuilder(\n  options: ViteBuildSchema,\n  context: BuilderContext,\n): Promise<BuilderOutput> {\n  const { createBuilder } = await Function('return import(\"vite\")')();\n  if (!context.target) {\n    throw new Error('Builder must be executed with a target');\n  }\n  const projectConfig = await context.getProjectMetadata(context.target);\n  const projectName = context.target.project;\n  const configuration = context.target.configuration || 'production';\n  const buildTargetSpecifier = `::${configuration}`;\n  const buildTarget = targetFromTargetString(\n    buildTargetSpecifier,\n    projectName,\n    'build',\n  );\n\n  const browserBuilderName = await context.getBuilderNameForTarget(buildTarget);\n  const rawBuildOptions = await context.getTargetOptions(buildTarget);\n  const buildOptions = await context.validateOptions(\n    rawBuildOptions,\n    browserBuilderName,\n  );\n\n  const buildConfig: InlineConfig = {\n    configFile: options.configFile,\n    root: projectConfig.root as string,\n    mode: (process.env.NODE_ENV ??\n      buildOptions.mode ??\n      configuration) as string,\n    build: {\n      outDir: options.outputPath,\n      sourcemap: !!buildOptions.sourcemap,\n    },\n  };\n\n  try {\n    const builder = await createBuilder(buildConfig, false);\n    await builder.buildApp();\n\n    return {\n      success: true,\n    };\n  } catch (e) {\n    console.error(e);\n    return {\n      success: false,\n    };\n  }\n}\n\nexport default createBuilder(viteBuilder) as any;\n"],"mappings":";;AASA,eAAe,YACb,SACA,SACwB;CACxB,MAAM,EAAE,kBAAkB,MAAM,SAAS,0BAAwB,EAAE;AACnE,KAAI,CAAC,QAAQ,OACX,OAAM,IAAI,MAAM,yCAAyC;CAE3D,MAAM,gBAAgB,MAAM,QAAQ,mBAAmB,QAAQ,OAAO;CACtE,MAAM,cAAc,QAAQ,OAAO;CACnC,MAAM,gBAAgB,QAAQ,OAAO,iBAAiB;CAEtD,MAAM,eAAA,GAAA,0BAAA,wBADuB,KAAK,iBAGhC,aACA,QACD;CAED,MAAM,qBAAqB,MAAM,QAAQ,wBAAwB,YAAY;CAC7E,MAAM,kBAAkB,MAAM,QAAQ,iBAAiB,YAAY;CACnE,MAAM,eAAe,MAAM,QAAQ,gBACjC,iBACA,mBACD;CAED,MAAM,cAA4B;EAChC,YAAY,QAAQ;EACpB,MAAM,cAAc;EACpB,MAAA,QAAA,IAAA,YACE,aAAa,QACb;EACF,OAAO;GACL,QAAQ,QAAQ;GAChB,WAAW,CAAC,CAAC,aAAa;GAC3B;EACF;AAED,KAAI;AAEF,SADgB,MAAM,cAAc,aAAa,MAAM,EACzC,UAAU;AAExB,SAAO,EACL,SAAS,MACV;UACM,GAAG;AACV,UAAQ,MAAM,EAAE;AAChB,SAAO,EACL,SAAS,OACV;;;AAIL,IAAA,2BAAA,GAAA,0BAAA,eAA6B,YAAY"}