@analogjs/vite-plugin-angular 3.0.0-alpha.72 → 3.0.0-alpha.74

package/src/lib/style-pipeline.d.ts

@@ -1,15 +0,0 @@
-import type { AnalogStylesheetRegistry } from "./stylesheet-registry.js";
-import type { StylePipelineStylesheetRegistry, StylePreprocessor, StylesheetTransformContext, StylesheetTransformResult } from "./style-preprocessor.js";
-export interface AngularStylePipelineContext {
-	workspaceRoot: string;
-}
-export interface AngularStylePipelinePlugin {
-	name: string;
-	preprocessStylesheet?: (code: string, context: StylesheetTransformContext) => string | StylesheetTransformResult | undefined;
-	configureStylesheetRegistry?: (registry: StylePipelineStylesheetRegistry, context: AngularStylePipelineContext) => void;
-}
-export interface AngularStylePipelineOptions {
-	plugins: AngularStylePipelinePlugin[];
-}
-export declare function stylePipelinePreprocessorFromPlugins(options: AngularStylePipelineOptions | undefined): StylePreprocessor | undefined;
-export declare function configureStylePipelineRegistry(options: AngularStylePipelineOptions | undefined, registry: AnalogStylesheetRegistry, context: AngularStylePipelineContext): void;

package/src/lib/style-pipeline.js

@@ -1,31 +0,0 @@
-import { debugStylePipeline } from "./utils/debug.js";
-import { normalizeStylesheetTransformResult } from "./style-preprocessor.js";
-//#region packages/vite-plugin-angular/src/lib/style-pipeline.ts
-function stylePipelinePreprocessorFromPlugins(options) {
-	const preprocessors = options?.plugins.map((plugin) => plugin.preprocessStylesheet).filter((preprocessor) => !!preprocessor) ?? [];
-	if (!preprocessors.length) return;
-	return (code, filename, context) => {
-		if (!context) {
-			debugStylePipeline("skipping community stylesheet preprocessors because Angular did not provide a stylesheet context", { filename });
-			return code;
-		}
-		let current = normalizeStylesheetTransformResult(void 0, code);
-		for (const preprocess of preprocessors) {
-			const next = normalizeStylesheetTransformResult(preprocess(current.code, context), current.code);
-			current = {
-				code: next.code,
-				dependencies: [...current.dependencies ?? [], ...next.dependencies ?? []],
-				diagnostics: [...current.diagnostics ?? [], ...next.diagnostics ?? []],
-				tags: [...current.tags ?? [], ...next.tags ?? []]
-			};
-		}
-		return current;
-	};
-}
-function configureStylePipelineRegistry(options, registry, context) {
-	for (const plugin of options?.plugins ?? []) plugin.configureStylesheetRegistry?.(registry, context);
-}
-//#endregion
-export { configureStylePipelineRegistry, stylePipelinePreprocessorFromPlugins };
-
-//# sourceMappingURL=style-pipeline.js.map

package/src/lib/style-pipeline.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style-pipeline.js","names":[],"sources":["../../../src/lib/style-pipeline.ts"],"sourcesContent":["import type { AnalogStylesheetRegistry } from './stylesheet-registry.js';\nimport type {\n  StylePipelineStylesheetRegistry,\n  StylePreprocessor,\n  StylesheetTransformContext,\n  StylesheetTransformResult,\n} from './style-preprocessor.js';\nimport { normalizeStylesheetTransformResult } from './style-preprocessor.js';\nimport { debugStylePipeline } from './utils/debug.js';\n\nexport interface AngularStylePipelineContext {\n  workspaceRoot: string;\n}\n\nexport interface AngularStylePipelinePlugin {\n  name: string;\n  preprocessStylesheet?: (\n    code: string,\n    context: StylesheetTransformContext,\n  ) => string | StylesheetTransformResult | undefined;\n  configureStylesheetRegistry?: (\n    registry: StylePipelineStylesheetRegistry,\n    context: AngularStylePipelineContext,\n  ) => void;\n}\n\nexport interface AngularStylePipelineOptions {\n  plugins: AngularStylePipelinePlugin[];\n}\n\nexport function stylePipelinePreprocessorFromPlugins(\n  options: AngularStylePipelineOptions | undefined,\n): StylePreprocessor | undefined {\n  const preprocessors =\n    options?.plugins\n      .map((plugin) => plugin.preprocessStylesheet)\n      .filter((preprocessor) => !!preprocessor) ?? [];\n\n  if (!preprocessors.length) {\n    return undefined;\n  }\n\n  return (code, filename, context) => {\n    if (!context) {\n      debugStylePipeline(\n        'skipping community stylesheet preprocessors because Angular did not provide a stylesheet context',\n        {\n          filename,\n        },\n      );\n      return code;\n    }\n\n    let current = normalizeStylesheetTransformResult(undefined, code);\n    for (const preprocess of preprocessors) {\n      const next = normalizeStylesheetTransformResult(\n        preprocess(current.code, context),\n        current.code,\n      );\n      current = {\n        code: next.code,\n        dependencies: [\n          ...(current.dependencies ?? []),\n          ...(next.dependencies ?? []),\n        ],\n        diagnostics: [\n          ...(current.diagnostics ?? []),\n          ...(next.diagnostics ?? []),\n        ],\n        tags: [...(current.tags ?? []), ...(next.tags ?? [])],\n      };\n    }\n\n    return current;\n  };\n}\n\nexport function configureStylePipelineRegistry(\n  options: AngularStylePipelineOptions | undefined,\n  registry: AnalogStylesheetRegistry,\n  context: AngularStylePipelineContext,\n): void {\n  for (const plugin of options?.plugins ?? []) {\n    plugin.configureStylesheetRegistry?.(registry, context);\n  }\n}\n"],"mappings":";;;AA8BA,SAAgB,qCACd,SAC+B;CAC/B,MAAM,gBACJ,SAAS,QACN,KAAK,WAAW,OAAO,qBAAqB,CAC5C,QAAQ,iBAAiB,CAAC,CAAC,aAAa,IAAI,EAAE;AAEnD,KAAI,CAAC,cAAc,OACjB;AAGF,SAAQ,MAAM,UAAU,YAAY;AAClC,MAAI,CAAC,SAAS;AACZ,sBACE,oGACA,EACE,UACD,CACF;AACD,UAAO;;EAGT,IAAI,UAAU,mCAAmC,KAAA,GAAW,KAAK;AACjE,OAAK,MAAM,cAAc,eAAe;GACtC,MAAM,OAAO,mCACX,WAAW,QAAQ,MAAM,QAAQ,EACjC,QAAQ,KACT;AACD,aAAU;IACR,MAAM,KAAK;IACX,cAAc,CACZ,GAAI,QAAQ,gBAAgB,EAAE,EAC9B,GAAI,KAAK,gBAAgB,EAAE,CAC5B;IACD,aAAa,CACX,GAAI,QAAQ,eAAe,EAAE,EAC7B,GAAI,KAAK,eAAe,EAAE,CAC3B;IACD,MAAM,CAAC,GAAI,QAAQ,QAAQ,EAAE,EAAG,GAAI,KAAK,QAAQ,EAAE,CAAE;IACtD;;AAGH,SAAO;;;AAIX,SAAgB,+BACd,SACA,UACA,SACM;AACN,MAAK,MAAM,UAAU,SAAS,WAAW,EAAE,CACzC,QAAO,8BAA8B,UAAU,QAAQ"}

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

@@ -1,34 +0,0 @@
-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

@@ -1,116 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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/utils/tailwind-reference.d.ts

@@ -1,12 +0,0 @@
-export interface CssTailwindDirectiveState {
-	commentlessCode: string;
-	hasReferenceDirective: boolean;
-	hasReferenceText: boolean;
-	hasTailwindImportDirective: boolean;
-}
-export declare class TailwindReferenceError extends Error {
-	readonly name = "TailwindReferenceError";
-}
-export declare function inspectCssTailwindDirectives(code: string): CssTailwindDirectiveState;
-export declare function throwTailwindReferenceTextError(filename: string, rootStylesheet: string): never;
-export declare function isTailwindReferenceError(error: unknown): error is TailwindReferenceError;

package/src/lib/utils/tailwind-reference.js

@@ -1,99 +0,0 @@
-//#region packages/vite-plugin-angular/src/lib/utils/tailwind-reference.ts
-var ANGULAR_TAILWIND_PREFIX = "[@analogjs/vite-plugin-angular]";
-var CSS_REFERENCE_DIRECTIVE_REGEX = /(^|[;}\n\r])\s*@reference\b/m;
-var CSS_TAILWIND_IMPORT_REGEX = /(^|[;}\n\r])\s*@import\s+["']tailwindcss["']/m;
-var TailwindReferenceError = class extends Error {
-	name = "TailwindReferenceError";
-};
-function stripCssBlockComments(code) {
-	let result = "";
-	let quote = null;
-	for (let index = 0; index < code.length; index++) {
-		const character = code[index];
-		const nextCharacter = code[index + 1];
-		if (quote) {
-			if (character === "\\" && nextCharacter) {
-				result += character;
-				result += nextCharacter;
-				index++;
-				continue;
-			}
-			if (character === quote) quote = null;
-			result += character;
-			continue;
-		}
-		if (character === "\"" || character === "'" || character === "`") {
-			quote = character;
-			result += character;
-			continue;
-		}
-		if (character === "/" && nextCharacter === "*") {
-			result += "  ";
-			index += 2;
-			while (index < code.length) {
-				const commentCharacter = code[index];
-				const commentNextCharacter = code[index + 1];
-				if (commentCharacter === "*" && commentNextCharacter === "/") {
-					result += "  ";
-					index++;
-					break;
-				}
-				result += commentCharacter === "\n" || commentCharacter === "\r" ? commentCharacter : " ";
-				index++;
-			}
-			continue;
-		}
-		result += character;
-	}
-	return result;
-}
-function hasReferenceTextInComments(code) {
-	let quote = null;
-	for (let index = 0; index < code.length; index++) {
-		const character = code[index];
-		const nextCharacter = code[index + 1];
-		if (quote) {
-			if (character === "\\" && nextCharacter) {
-				index++;
-				continue;
-			}
-			if (character === quote) quote = null;
-			continue;
-		}
-		if (character === "\"" || character === "'" || character === "`") {
-			quote = character;
-			continue;
-		}
-		if (character === "/" && nextCharacter === "*") {
-			const commentStart = index + 2;
-			index += 2;
-			while (index < code.length) {
-				const commentCharacter = code[index];
-				const commentNextCharacter = code[index + 1];
-				if (commentCharacter === "*" && commentNextCharacter === "/") break;
-				index++;
-			}
-			if (code.slice(commentStart, index).includes("@reference")) return true;
-		}
-	}
-	return false;
-}
-function inspectCssTailwindDirectives(code) {
-	const commentlessCode = stripCssBlockComments(code);
-	return {
-		commentlessCode,
-		hasReferenceDirective: CSS_REFERENCE_DIRECTIVE_REGEX.test(commentlessCode),
-		hasReferenceText: hasReferenceTextInComments(code),
-		hasTailwindImportDirective: CSS_TAILWIND_IMPORT_REGEX.test(commentlessCode)
-	};
-}
-function throwTailwindReferenceTextError(filename, rootStylesheet) {
-	throw new TailwindReferenceError(`${ANGULAR_TAILWIND_PREFIX} Tailwind @reference auto-injection was blocked for "${filename}" because the stylesheet contains the text "@reference" but does not contain a real @reference directive.\n\nThis is usually caused by a CSS comment such as "/* ... @reference ... */".\n\nFix one of:\n  - Reword the comment so it does not contain "@reference"\n  - Add a real @reference "${rootStylesheet}"; directive\n`);
-}
-function isTailwindReferenceError(error) {
-	return error instanceof TailwindReferenceError;
-}
-//#endregion
-export { inspectCssTailwindDirectives, isTailwindReferenceError, throwTailwindReferenceTextError };
-
-//# sourceMappingURL=tailwind-reference.js.map

package/src/lib/utils/tailwind-reference.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tailwind-reference.js","names":[],"sources":["../../../../src/lib/utils/tailwind-reference.ts"],"sourcesContent":["const ANGULAR_TAILWIND_PREFIX = '[@analogjs/vite-plugin-angular]';\nconst CSS_REFERENCE_DIRECTIVE_REGEX = /(^|[;}\\n\\r])\\s*@reference\\b/m;\nconst CSS_TAILWIND_IMPORT_REGEX =\n  /(^|[;}\\n\\r])\\s*@import\\s+[\"']tailwindcss[\"']/m;\n\nexport interface CssTailwindDirectiveState {\n  commentlessCode: string;\n  hasReferenceDirective: boolean;\n  hasReferenceText: boolean;\n  hasTailwindImportDirective: boolean;\n}\n\nexport class TailwindReferenceError extends Error {\n  readonly name = 'TailwindReferenceError';\n}\n\n// Match real CSS directives, not prose inside block comments. The scanner keeps\n// quoted CSS content intact so `/* ... */` sequences inside strings do not get\n// mistaken for real comments.\nfunction stripCssBlockComments(code: string): string {\n  let result = '';\n  let quote: '\"' | \"'\" | '`' | null = null;\n\n  for (let index = 0; index < code.length; index++) {\n    const character = code[index];\n    const nextCharacter = code[index + 1];\n\n    if (quote) {\n      if (character === '\\\\' && nextCharacter) {\n        result += character;\n        result += nextCharacter;\n        index++;\n        continue;\n      }\n      if (character === quote) {\n        quote = null;\n      }\n      result += character;\n      continue;\n    }\n\n    if (character === '\"' || character === \"'\" || character === '`') {\n      quote = character;\n      result += character;\n      continue;\n    }\n\n    if (character === '/' && nextCharacter === '*') {\n      result += '  ';\n      index += 2;\n\n      while (index < code.length) {\n        const commentCharacter = code[index];\n        const commentNextCharacter = code[index + 1];\n\n        if (commentCharacter === '*' && commentNextCharacter === '/') {\n          result += '  ';\n          index++;\n          break;\n        }\n\n        result +=\n          commentCharacter === '\\n' || commentCharacter === '\\r'\n            ? commentCharacter\n            : ' ';\n        index++;\n      }\n      continue;\n    }\n\n    result += character;\n  }\n\n  return result;\n}\n\nfunction hasReferenceTextInComments(code: string): boolean {\n  let quote: '\"' | \"'\" | '`' | null = null;\n\n  for (let index = 0; index < code.length; index++) {\n    const character = code[index];\n    const nextCharacter = code[index + 1];\n\n    if (quote) {\n      if (character === '\\\\' && nextCharacter) {\n        index++;\n        continue;\n      }\n      if (character === quote) {\n        quote = null;\n      }\n      continue;\n    }\n\n    if (character === '\"' || character === \"'\" || character === '`') {\n      quote = character;\n      continue;\n    }\n\n    if (character === '/' && nextCharacter === '*') {\n      const commentStart = index + 2;\n      index += 2;\n\n      while (index < code.length) {\n        const commentCharacter = code[index];\n        const commentNextCharacter = code[index + 1];\n\n        if (commentCharacter === '*' && commentNextCharacter === '/') {\n          break;\n        }\n        index++;\n      }\n\n      if (code.slice(commentStart, index).includes('@reference')) {\n        return true;\n      }\n    }\n  }\n\n  return false;\n}\n\nexport function inspectCssTailwindDirectives(\n  code: string,\n): CssTailwindDirectiveState {\n  const commentlessCode = stripCssBlockComments(code);\n\n  return {\n    commentlessCode,\n    hasReferenceDirective: CSS_REFERENCE_DIRECTIVE_REGEX.test(commentlessCode),\n    hasReferenceText: hasReferenceTextInComments(code),\n    hasTailwindImportDirective: CSS_TAILWIND_IMPORT_REGEX.test(commentlessCode),\n  };\n}\n\nexport function throwTailwindReferenceTextError(\n  filename: string,\n  rootStylesheet: string,\n): never {\n  throw new TailwindReferenceError(\n    `${ANGULAR_TAILWIND_PREFIX} Tailwind @reference auto-injection was ` +\n      `blocked for \"${filename}\" because the stylesheet contains the ` +\n      `text \"@reference\" but does not contain a real @reference ` +\n      `directive.\\n\\n` +\n      `This is usually caused by a CSS comment such as ` +\n      `\"/* ... @reference ... */\".\\n\\n` +\n      `Fix one of:\\n` +\n      `  - Reword the comment so it does not contain \"@reference\"\\n` +\n      `  - Add a real @reference \"${rootStylesheet}\"; directive\\n`,\n  );\n}\n\nexport function isTailwindReferenceError(\n  error: unknown,\n): error is TailwindReferenceError {\n  return error instanceof TailwindReferenceError;\n}\n"],"mappings":";AAAA,IAAM,0BAA0B;AAChC,IAAM,gCAAgC;AACtC,IAAM,4BACJ;AASF,IAAa,yBAAb,cAA4C,MAAM;CAChD,OAAgB;;AAMlB,SAAS,sBAAsB,MAAsB;CACnD,IAAI,SAAS;CACb,IAAI,QAAgC;AAEpC,MAAK,IAAI,QAAQ,GAAG,QAAQ,KAAK,QAAQ,SAAS;EAChD,MAAM,YAAY,KAAK;EACvB,MAAM,gBAAgB,KAAK,QAAQ;AAEnC,MAAI,OAAO;AACT,OAAI,cAAc,QAAQ,eAAe;AACvC,cAAU;AACV,cAAU;AACV;AACA;;AAEF,OAAI,cAAc,MAChB,SAAQ;AAEV,aAAU;AACV;;AAGF,MAAI,cAAc,QAAO,cAAc,OAAO,cAAc,KAAK;AAC/D,WAAQ;AACR,aAAU;AACV;;AAGF,MAAI,cAAc,OAAO,kBAAkB,KAAK;AAC9C,aAAU;AACV,YAAS;AAET,UAAO,QAAQ,KAAK,QAAQ;IAC1B,MAAM,mBAAmB,KAAK;IAC9B,MAAM,uBAAuB,KAAK,QAAQ;AAE1C,QAAI,qBAAqB,OAAO,yBAAyB,KAAK;AAC5D,eAAU;AACV;AACA;;AAGF,cACE,qBAAqB,QAAQ,qBAAqB,OAC9C,mBACA;AACN;;AAEF;;AAGF,YAAU;;AAGZ,QAAO;;AAGT,SAAS,2BAA2B,MAAuB;CACzD,IAAI,QAAgC;AAEpC,MAAK,IAAI,QAAQ,GAAG,QAAQ,KAAK,QAAQ,SAAS;EAChD,MAAM,YAAY,KAAK;EACvB,MAAM,gBAAgB,KAAK,QAAQ;AAEnC,MAAI,OAAO;AACT,OAAI,cAAc,QAAQ,eAAe;AACvC;AACA;;AAEF,OAAI,cAAc,MAChB,SAAQ;AAEV;;AAGF,MAAI,cAAc,QAAO,cAAc,OAAO,cAAc,KAAK;AAC/D,WAAQ;AACR;;AAGF,MAAI,cAAc,OAAO,kBAAkB,KAAK;GAC9C,MAAM,eAAe,QAAQ;AAC7B,YAAS;AAET,UAAO,QAAQ,KAAK,QAAQ;IAC1B,MAAM,mBAAmB,KAAK;IAC9B,MAAM,uBAAuB,KAAK,QAAQ;AAE1C,QAAI,qBAAqB,OAAO,yBAAyB,IACvD;AAEF;;AAGF,OAAI,KAAK,MAAM,cAAc,MAAM,CAAC,SAAS,aAAa,CACxD,QAAO;;;AAKb,QAAO;;AAGT,SAAgB,6BACd,MAC2B;CAC3B,MAAM,kBAAkB,sBAAsB,KAAK;AAEnD,QAAO;EACL;EACA,uBAAuB,8BAA8B,KAAK,gBAAgB;EAC1E,kBAAkB,2BAA2B,KAAK;EAClD,4BAA4B,0BAA0B,KAAK,gBAAgB;EAC5E;;AAGH,SAAgB,gCACd,UACA,gBACO;AACP,OAAM,IAAI,uBACR,GAAG,wBAAwB,uDACT,SAAS,kSAOK,eAAe,gBAChD;;AAGH,SAAgB,yBACd,OACiC;AACjC,QAAO,iBAAiB"}