@pikacss/unplugin-pikacss 0.0.51 → 0.0.54

package/README.md

@@ -36,7 +36,7 @@ import pikacss from '@pikacss/unplugin-pikacss/webpack'
 
 ## Documentation
 
-See the [full documentation](https://pikacss.com/integrations/unplugin).
+See the [full documentation](https://pikacss.github.io/integrations/unplugin).
 
 ## License
 

package/dist/esbuild.d.mts

@@ -1,4 +1,4 @@
-import { n as ResolvedPluginOptions, t as PluginOptions } from "./types-237J7YdE.mjs";
+import { n as ResolvedPluginOptions, t as PluginOptions } from "./types-CooOKDFP.mjs";
 import * as _$unplugin from "unplugin";
 export * from "@pikacss/integration";
 

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import { n as ResolvedPluginOptions, t as PluginOptions } from "./types-237J7YdE.mjs";
+import { n as ResolvedPluginOptions, t as PluginOptions } from "./types-CooOKDFP.mjs";
 import * as _$unplugin from "unplugin";
 import { UnpluginFactory } from "unplugin";
 export * from "@pikacss/integration";

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import { readFileSync } from "node:fs";
 import process from "node:process";
-import { createCtx, log } from "@pikacss/integration";
+import { DEFAULT_MARKUP_EXTENSIONS, createCtx, log, normalizeMarkupExtensions } from "@pikacss/integration";
 import { resolve } from "pathe";
 import { debounce } from "perfect-debounce";
 import { createUnplugin } from "unplugin";
@@ -32,18 +32,26 @@ const PLUGIN_NAME = "unplugin-pikacss";
 * ```
 */
 const unpluginFactory = (options, meta) => {
-	const { cwd: userCwd, currentPackageName = "@pikacss/unplugin-pikacss", config: configOrPath, tsCodegen = true, cssCodegen = true, scan = {}, fnName = "pika", transformedFormat = "string", autoCreateConfig = true } = options ?? {};
+	const { cwd: userCwd, currentPackageName = "@pikacss/unplugin-pikacss", config: configOrPath, tsCodegen = true, cssCodegen = true, scan = {}, fnName = "pika", markupExtensions, transformedFormat = "string", autoCreateConfig = true } = options ?? {};
 	log.debug("Creating unplugin factory with options:", options);
+	const defaultInclude = [`**/*.{${[
+		"js",
+		"ts",
+		"jsx",
+		"tsx",
+		...normalizeMarkupExtensions([...DEFAULT_MARKUP_EXTENSIONS, ...markupExtensions ?? []])
+	].join(",")}}`];
 	const resolvedOptions = {
 		currentPackageName,
 		configOrPath,
 		tsCodegen: tsCodegen === true ? "pika.gen.ts" : tsCodegen,
 		cssCodegen: cssCodegen === true ? "pika.gen.css" : cssCodegen,
 		scan: {
-			include: typeof scan?.include === "string" ? [scan.include] : scan?.include || ["**/*.{js,ts,jsx,tsx,vue}"],
+			include: typeof scan?.include === "string" ? [scan.include] : scan?.include || defaultInclude,
 			exclude: typeof scan?.exclude === "string" ? [scan.exclude] : scan?.exclude || ["node_modules/**", "dist/**"]
 		},
 		fnName,
+		markupExtensions,
 		transformedFormat,
 		autoCreateConfig
 	};
@@ -65,13 +73,12 @@ const unpluginFactory = (options, meta) => {
 	const debouncedWriteTsCodegenFile = debounce(async () => {
 		await ctx.writeTsCodegenFile();
 	}, 300);
-	let activeTransforms = 0;
 	let pendingCssWrite = false;
 	let pendingTsWrite = false;
 	let generatedWritePromise = Promise.resolve();
 	function flushPendingGeneratedWrites() {
 		generatedWritePromise = generatedWritePromise.catch(() => {}).then(async () => {
-			if (activeTransforms > 0) return;
+			if (!ctx.isIdle) return;
 			const shouldWriteCss = pendingCssWrite;
 			const shouldWriteTs = pendingTsWrite;
 			pendingCssWrite = false;
@@ -94,11 +101,16 @@ const unpluginFactory = (options, meta) => {
 	}
 	function queueCssWrite() {
 		pendingCssWrite = true;
-		return flushPendingGeneratedWrites();
+		scheduleGeneratedWritesFlush();
 	}
 	function queueTsWrite() {
 		pendingTsWrite = true;
-		return flushPendingGeneratedWrites();
+		scheduleGeneratedWritesFlush();
+	}
+	function scheduleGeneratedWritesFlush() {
+		flushPendingGeneratedWrites().catch((error) => {
+			log.error(`Failed to write generated files: ${error?.message ?? error}`, error);
+		});
 	}
 	let hooksBound = false;
 	function bindHooks() {
@@ -106,22 +118,23 @@ const unpluginFactory = (options, meta) => {
 		hooksBound = true;
 		ctx.hooks.styleUpdated.on(() => {
 			log.debug(`Style updated, ${ctx.engine.store.atomicStyleIds.size} atomic styles generated`);
-			return queueCssWrite();
+			queueCssWrite();
 		});
 		ctx.hooks.tsCodegenUpdated.on(() => {
 			log.debug("TypeScript code generation updated");
-			return queueTsWrite();
+			queueTsWrite();
 		});
 	}
 	let setupPromise = Promise.resolve();
 	let lastSetupCwd = null;
 	let pendingSetupCwd = null;
+	let pendingReload = false;
 	function setup(reload = false) {
 		pendingSetupCwd = ctx.cwd;
+		pendingReload = false;
 		setupPromise = setupPromise.then(async () => {
 			log.debug("Setting up integration context...");
 			const moduleIds = Array.from(ctx.usages.keys());
-			activeTransforms = 0;
 			pendingCssWrite = false;
 			pendingTsWrite = false;
 			hooksBound = false;
@@ -152,10 +165,13 @@ const unpluginFactory = (options, meta) => {
 					compiler.watching.invalidate();
 				});
 			}
+		}).catch((error) => {
+			log.error(`Failed to setup integration context: ${error?.message ?? error}`, error);
 		});
 		return setupPromise;
 	}
 	function ensureSetup(reload = false) {
+		if (pendingReload) return setup(true);
 		if (!reload && (lastSetupCwd === ctx.cwd || pendingSetupCwd === ctx.cwd)) return setupPromise;
 		return setup(reload);
 	}
@@ -196,10 +212,15 @@ const unpluginFactory = (options, meta) => {
 				log.debug("Running full CSS code generation in build mode");
 				await ctx.fullyCssCodegen();
 			}
+			if (meta.framework === "esbuild") return;
 			if (ctx.resolvedConfigPath != null) {
 				this.addWatchFile(ctx.resolvedConfigPath);
 				log.debug(`Added watch file: ${ctx.resolvedConfigPath}`);
 			}
+			for (const dep of ctx.engine.configDependencies ?? []) {
+				this.addWatchFile(dep);
+				log.debug(`Added config dependency watch file: ${dep}`);
+			}
 		},
 		resolveId: meta.framework === "esbuild" ? void 0 : async function(id) {
 			if (RE_VIRTUAL_PIKA_CSS_ID.test(id)) {
@@ -215,7 +236,7 @@ const unpluginFactory = (options, meta) => {
 			} },
 			async handler(code, id) {
 				await ensureSetup();
-				activeTransforms++;
+				if (!ctx.isTransformTarget(id)) return null;
 				if (meta.framework === "webpack" && ctx.resolvedConfigPath != null) {
 					this.addWatchFile(ctx.resolvedConfigPath);
 					log.debug(`Added watch file: ${ctx.resolvedConfigPath}`);
@@ -223,14 +244,37 @@ const unpluginFactory = (options, meta) => {
 				try {
 					return await ctx.transform(code, id);
 				} finally {
-					if (activeTransforms > 0) activeTransforms--;
-					if (activeTransforms === 0) await flushPendingGeneratedWrites();
+					if (ctx.isIdle) await flushPendingGeneratedWrites();
 				}
 			}
 		},
-		watchChange(id) {
-			if (id === ctx.resolvedConfigPath && readFileSync(id, "utf-8") !== ctx.resolvedConfigContent) {
-				log.info("Configuration file changed, reloading...");
+		watchChange(id, change) {
+			if (change?.event === "delete" && (ctx.usages.has(id) || ctx.previewUsages.has(id))) {
+				log.debug(`Source file deleted, dropping its usages: ${id}`);
+				ctx.usages.delete(id);
+				ctx.previewUsages.delete(id);
+				queueCssWrite();
+				queueTsWrite();
+			}
+			if (id === ctx.resolvedConfigPath) {
+				let currentContent = null;
+				try {
+					currentContent = readFileSync(id, "utf-8");
+				} catch {}
+				if (currentContent !== ctx.resolvedConfigContent) {
+					log.info("Configuration file changed, reloading...");
+					pendingReload = true;
+					debouncedSetup(true);
+				}
+				return;
+			}
+			let isConfigDependency = false;
+			try {
+				isConfigDependency = ctx.engine.configDependencies.has(id);
+			} catch {}
+			if (isConfigDependency) {
+				log.info(`Config dependency changed: ${id}, reloading...`);
+				pendingReload = true;
 				debouncedSetup(true);
 			}
 		}

package/dist/rolldown.d.mts

@@ -1,7 +1,7 @@
-import { n as ResolvedPluginOptions, t as PluginOptions } from "./types-237J7YdE.mjs";
+import { n as ResolvedPluginOptions, t as PluginOptions } from "./types-CooOKDFP.mjs";
 export * from "@pikacss/integration";
 
-//#region ../../node_modules/.pnpm/rolldown@1.0.0-rc.12_@emnapi+core@1.7.1_@emnapi+runtime@1.7.1/node_modules/rolldown/dist/shared/logging-C6h4g8dA.d.mts
+//#region ../../node_modules/.pnpm/rolldown@1.0.0-rc.12_@emnapi+core@1.11.1_@emnapi+runtime@1.11.1/node_modules/rolldown/dist/shared/logging-C6h4g8dA.d.mts
 //#region src/log/logging.d.ts
 /** @inline */
 type LogLevel = "info" | "debug" | "warn";
@@ -1350,7 +1350,7 @@ type UnaryOperator = "+" | "-" | "!" | "~" | "typeof" | "void" | "delete";
 type UpdateOperator = "++" | "--";
 type Node = Program | IdentifierName | IdentifierReference | BindingIdentifier | LabelIdentifier | ThisExpression | ArrayExpression | ObjectExpression | ObjectProperty | TemplateLiteral | TaggedTemplateExpression | TemplateElement | ComputedMemberExpression | StaticMemberExpression | PrivateFieldExpression | CallExpression | NewExpression | MetaProperty | SpreadElement | UpdateExpression | UnaryExpression | BinaryExpression | PrivateInExpression | LogicalExpression | ConditionalExpression | AssignmentExpression | ArrayAssignmentTarget | ObjectAssignmentTarget | AssignmentTargetRest | AssignmentTargetWithDefault | AssignmentTargetPropertyIdentifier | AssignmentTargetPropertyProperty | SequenceExpression | Super | AwaitExpression | ChainExpression | ParenthesizedExpression | Directive | Hashbang | BlockStatement | VariableDeclaration | VariableDeclarator | EmptyStatement | ExpressionStatement | IfStatement | DoWhileStatement | WhileStatement | ForStatement | ForInStatement | ForOfStatement | ContinueStatement | BreakStatement | ReturnStatement | WithStatement | SwitchStatement | SwitchCase | LabeledStatement | ThrowStatement | TryStatement | CatchClause | DebuggerStatement | AssignmentPattern | ObjectPattern | BindingProperty | ArrayPattern | BindingRestElement | Function | FunctionBody | ArrowFunctionExpression | YieldExpression | Class | ClassBody | MethodDefinition | PropertyDefinition | PrivateIdentifier | StaticBlock | AccessorProperty | ImportExpression | ImportDeclaration | ImportSpecifier | ImportDefaultSpecifier | ImportNamespaceSpecifier | ImportAttribute | ExportNamedDeclaration | ExportDefaultDeclaration | ExportAllDeclaration | ExportSpecifier | V8IntrinsicExpression | BooleanLiteral | NullLiteral | NumericLiteral | StringLiteral | BigIntLiteral | RegExpLiteral | JSXElement | JSXOpeningElement | JSXClosingElement | JSXFragment | JSXOpeningFragment | JSXClosingFragment | JSXNamespacedName | JSXMemberExpression | JSXExpressionContainer | JSXEmptyExpression | JSXAttribute | JSXSpreadAttribute | JSXIdentifier | JSXSpreadChild | JSXText | TSThisParameter | TSEnumDeclaration | TSEnumBody | TSEnumMember | TSTypeAnnotation | TSLiteralType | TSConditionalType | TSUnionType | TSIntersectionType | TSParenthesizedType | TSTypeOperator | TSArrayType | TSIndexedAccessType | TSTupleType | TSNamedTupleMember | TSOptionalType | TSRestType | TSAnyKeyword | TSStringKeyword | TSBooleanKeyword | TSNumberKeyword | TSNeverKeyword | TSIntrinsicKeyword | TSUnknownKeyword | TSNullKeyword | TSUndefinedKeyword | TSVoidKeyword | TSSymbolKeyword | TSThisType | TSObjectKeyword | TSBigIntKeyword | TSTypeReference | TSQualifiedName | TSTypeParameterInstantiation | TSTypeParameter | TSTypeParameterDeclaration | TSTypeAliasDeclaration | TSClassImplements | TSInterfaceDeclaration | TSInterfaceBody | TSPropertySignature | TSIndexSignature | TSCallSignatureDeclaration | TSMethodSignature | TSConstructSignatureDeclaration | TSIndexSignatureName | TSInterfaceHeritage | TSTypePredicate | TSModuleDeclaration | TSGlobalDeclaration | TSModuleBlock | TSTypeLiteral | TSInferType | TSTypeQuery | TSImportType | TSImportTypeQualifiedName | TSFunctionType | TSConstructorType | TSMappedType | TSTemplateLiteralType | TSAsExpression | TSSatisfiesExpression | TSTypeAssertion | TSImportEqualsDeclaration | TSExternalModuleReference | TSNonNullExpression | Decorator | TSExportAssignment | TSNamespaceExportDeclaration | TSInstantiationExpression | JSDocNullableType | JSDocNonNullableType | JSDocUnknownType | ParamPattern;
 //#endregion
-//#region ../../node_modules/.pnpm/rolldown@1.0.0-rc.12_@emnapi+core@1.7.1_@emnapi+runtime@1.7.1/node_modules/rolldown/dist/shared/binding-CYVfiOV3.d.mts
+//#region ../../node_modules/.pnpm/rolldown@1.0.0-rc.12_@emnapi+core@1.11.1_@emnapi+runtime@1.11.1/node_modules/rolldown/dist/shared/binding-CYVfiOV3.d.mts
 interface CodegenOptions {
   /**
    * Remove whitespace.
@@ -2295,7 +2295,7 @@ declare class Exclude$1 {
   constructor(expr: FilterExpression);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/rolldown@1.0.0-rc.12_@emnapi+core@1.7.1_@emnapi+runtime@1.7.1/node_modules/rolldown/dist/shared/define-config-BkRKRADp.d.mts
+//#region ../../node_modules/.pnpm/rolldown@1.0.0-rc.12_@emnapi+core@1.11.1_@emnapi+runtime@1.11.1/node_modules/rolldown/dist/shared/define-config-BkRKRADp.d.mts
 //#region src/types/misc.d.ts
 /** @inline */
 type SourcemapPathTransformOption = (relativeSourcePath: string, sourcemapPath: string) => string;

package/dist/rollup.d.mts

@@ -1,4 +1,4 @@
-import { n as ResolvedPluginOptions, t as PluginOptions } from "./types-237J7YdE.mjs";
+import { n as ResolvedPluginOptions, t as PluginOptions } from "./types-CooOKDFP.mjs";
 import * as _$unplugin from "unplugin";
 export * from "@pikacss/integration";
 

package/dist/rspack.d.mts

@@ -1,4 +1,4 @@
-import { n as ResolvedPluginOptions, t as PluginOptions } from "./types-237J7YdE.mjs";
+import { n as ResolvedPluginOptions, t as PluginOptions } from "./types-CooOKDFP.mjs";
 export * from "@pikacss/integration";
 
 //#region src/rspack.d.ts

package/dist/{types-237J7YdE.d.mts → types-CooOKDFP.d.mts}

@@ -37,12 +37,15 @@ interface PluginOptions {
   /**
    * Glob patterns controlling which source files are scanned for `pika()` calls.
    *
-   * @default `{ include: ['**\/*.{js,ts,jsx,tsx,vue}'], exclude: ['node_modules/**', 'dist/**'] }`
+   * @default `{ include: ['**\/*.{js,ts,jsx,tsx,vue,svelte,astro,html,htm}'], exclude: ['node_modules/**', 'dist/**'] }`
    */
   scan?: {
     /**
      * File glob patterns to scan. Supports a single string or array of strings.
-     * @default ['**\/*.{js,ts,jsx,tsx,vue}']
+     * When omitted, the default covers the JS family plus every supported markup
+     * extension (the built-in markup defaults merged with `markupExtensions`).
+     * An explicit value wins verbatim and is not extended by `markupExtensions`.
+     * @default ['**\/*.{js,ts,jsx,tsx,vue,svelte,astro,html,htm}']
      */
     include?: string | string[];
     /**
@@ -71,6 +74,19 @@ interface PluginOptions {
    * @default `'pika'`
    */
   fnName?: string;
+  /**
+   * Additional file extensions (leading dots optional) whose sources are scanned in markup
+   * mode. Markup files' top-level syntax is not JavaScript — `pika()` calls live inside
+   * quoted template attributes (e.g., `:class="pika({...})"` in Vue SFCs) — so string and
+   * comment detection works differently there. Extensions listed here are merged with the
+   * built-in defaults `['vue', 'svelte', 'astro', 'html', 'htm']`; pass `['riot']` to also
+   * scan `.riot` files in markup mode. When `scan.include` is not set, the default include
+   * glob is extended with these extensions too, so the files are actually selected for
+   * scanning without further configuration.
+   *
+   * @default `undefined` (built-in defaults only)
+   */
+  markupExtensions?: string[];
   /**
    * Default output format for normal `pika()` calls. `'string'` produces a space-joined class string;
    * `'array'` produces a string array of class names.
@@ -121,6 +137,8 @@ interface ResolvedPluginOptions {
   scan: IntegrationContextOptions['scan'];
   /** Base function name to recognize in source transforms (e.g., `'pika'`). */
   fnName: string;
+  /** Additional file extensions scanned in markup mode, merged with the integration defaults. */
+  markupExtensions?: string[];
   /** Default output format for normal `pika()` calls: `'string'` or `'array'`. */
   transformedFormat: 'string' | 'array';
   /** Whether to scaffold a default config file when none is found. */

package/dist/vite.d.mts

@@ -1,4 +1,4 @@
-import { n as ResolvedPluginOptions, t as PluginOptions } from "./types-237J7YdE.mjs";
+import { n as ResolvedPluginOptions, t as PluginOptions } from "./types-CooOKDFP.mjs";
 import { Plugin } from "vite";
 export * from "@pikacss/integration";
 

package/dist/webpack.d.mts

@@ -1,4 +1,4 @@
-import { n as ResolvedPluginOptions, t as PluginOptions } from "./types-237J7YdE.mjs";
+import { n as ResolvedPluginOptions, t as PluginOptions } from "./types-CooOKDFP.mjs";
 export * from "@pikacss/integration";
 
 //#region src/webpack.d.ts

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@pikacss/unplugin-pikacss",
   "type": "module",
-  "version": "0.0.51",
+  "version": "0.0.54",
   "author": "DevilTea <ch19980814@gmail.com>",
   "license": "MIT",
-  "homepage": "https://pikacss.com",
+  "homepage": "https://pikacss.github.io",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/pikacss/pikacss.git",
@@ -93,12 +93,12 @@
   "dependencies": {
     "pathe": "^2.0.3",
     "perfect-debounce": "^2.1.0",
-    "unplugin": "^3.0.0",
-    "@pikacss/integration": "0.0.51"
+    "unplugin": "^3.3.0",
+    "@pikacss/integration": "0.0.54"
   },
   "devDependencies": {
-    "esbuild": "^0.27.4",
-    "vite": "^8.0.3"
+    "esbuild": "^0.28.1",
+    "vite": "^8.1.3"
   },
   "scripts": {
     "build": "tsdown",