@pikacss/integration 0.0.48 → 0.0.49

package/dist/index.d.mts

@@ -170,6 +170,8 @@ interface IntegrationContext {
   loadConfig: () => Promise<LoadedConfigResult>;
   /** Map from source file ID to the list of `UsageRecord` entries extracted during transforms. Keyed by the file path relative to `cwd`. */
   usages: Map<string, UsageRecord[]>;
+  /** Map from source file ID to preview-only `UsageRecord` entries (from `pikap()` calls). Only these drive TypeScript preview overload generation. */
+  previewUsages: Map<string, UsageRecord[]>;
   /** Event hooks for notifying plugins when generated outputs need refreshing. `styleUpdated` fires on CSS changes; `tsCodegenUpdated` fires on TypeScript declaration changes. */
   hooks: {
     styleUpdated: ReturnType<typeof createEventHook<void>>;

package/dist/index.mjs

@@ -277,13 +277,13 @@ function generateAutocomplete(ctx) {
 	const { layers } = ctx.engine.config;
 	const layerNames = sortLayerNames(layers);
 	return [
-		"export type Autocomplete = DefineAutocomplete<{",
+		"export type Autocomplete = {",
 		`  Selector: ${formatAutocompleteUnion(autocomplete.selectors, patterns.selectors)}`,
 		`  Shortcut: ${formatAutocompleteUnion(autocomplete.shortcuts, patterns.shortcuts)}`,
 		`  PropertyValue: ${formatAutocompleteValueMap(autocomplete.extraProperties, autocomplete.properties, patterns.properties, (values, patterns) => formatUnionType([...values, ...patterns]))}`,
 		`  CSSPropertyValue: ${formatAutocompleteValueMap(autocomplete.extraCssProperties, autocomplete.cssProperties, patterns.cssProperties, (values, patterns) => formatAutocompleteUnion(values, patterns))}`,
 		`  Layer: ${formatUnionStringType(layerNames)}`,
-		"}>",
+		"}",
 		""
 	];
 }
@@ -336,8 +336,8 @@ async function generateOverloadContent(ctx) {
 	log.debug("Generating TypeScript overload content");
 	const paramsLines = [];
 	const fnsLines = [];
-	const usages = [...ctx.usages.values()].flat();
-	log.debug(`Processing ${usages.length} style usages for overload generation`);
+	const usages = [...ctx.previewUsages.values()].flat();
+	log.debug(`Processing ${usages.length} preview usages for overload generation`);
 	for (let i = 0; i < usages.length; i++) {
 		const usage = usages[i];
 		try {
@@ -387,7 +387,7 @@ async function generateTsCodegenContent(ctx) {
 	log.debug("Generating TypeScript code generation content");
 	const lines = [
 		`// Auto-generated by ${ctx.currentPackageName}`,
-		`import type { CSSProperty, CSSSelector, DefineAutocomplete, Properties, StyleDefinition, StyleItem } from \'${ctx.currentPackageName}\'`,
+		`import type { CSSProperty, CSSSelector, Properties, StyleDefinition, StyleItem } from \'${ctx.currentPackageName}\'`,
 		"",
 		`declare module \'${ctx.currentPackageName}\' {`,
 		"  interface PikaAugment {",
@@ -525,7 +525,7 @@ function useConfig({ cwd, tsCodegenFilepath, currentPackageName, autoCreateConfi
 		loadConfig
 	};
 }
-function useTransform({ cwd, cssCodegenFilepath, tsCodegenFilepath, scan, fnName, usages, engine, transformedFormat, triggerStyleUpdated, triggerTsCodegenUpdated }) {
+function useTransform({ cwd, cssCodegenFilepath, tsCodegenFilepath, scan, fnName, usages, previewUsages, engine, transformedFormat, triggerStyleUpdated, triggerTsCodegenUpdated }) {
 	const fnUtils = createFnUtils(fnName);
 	async function transform(code, id) {
 		const _engine = engine();
@@ -533,10 +533,12 @@ function useTransform({ cwd, cssCodegenFilepath, tsCodegenFilepath, scan, fnName
 		try {
 			log.debug(`Transforming file: ${id}`);
 			usages.delete(id);
+			previewUsages.delete(id);
 			const functionCalls = findFunctionCalls(code, fnUtils);
 			if (functionCalls.length === 0) return;
 			log.debug(`Found ${functionCalls.length} style function calls in ${id}`);
 			const usageList = [];
+			const previewUsageList = [];
 			const transformed = new MagicString(code);
 			for (const fnCall of functionCalls) {
 				const argsStr = `[${fnCall.snippet.slice(fnCall.fnName.length + 1, -1)}]`;
@@ -547,6 +549,7 @@ function useTransform({ cwd, cssCodegenFilepath, tsCodegenFilepath, scan, fnName
 					params: args
 				};
 				usageList.push(usage);
+				if (fnUtils.isPreview(fnCall.fnName)) previewUsageList.push(usage);
 				let transformedContent;
 				if (fnUtils.isNormal(fnCall.fnName)) transformedContent = transformedFormat === "array" ? `[${names.map((n) => `'${n}'`).join(", ")}]` : `'${names.join(" ")}'`;
 				else if (fnUtils.isForceString(fnCall.fnName)) transformedContent = `'${names.join(" ")}'`;
@@ -555,6 +558,7 @@ function useTransform({ cwd, cssCodegenFilepath, tsCodegenFilepath, scan, fnName
 				transformed.update(fnCall.start, fnCall.end + 1, transformedContent);
 			}
 			usages.set(id, usageList);
+			if (previewUsageList.length > 0) previewUsages.set(id, previewUsageList);
 			triggerStyleUpdated();
 			triggerTsCodegenUpdated();
 			log.debug(`Transformed ${usageList.length} style usages in ${id}`);
@@ -599,6 +603,7 @@ function createCtx(options) {
 		tsCodegenFilepath
 	});
 	const usages = /* @__PURE__ */ new Map();
+	const previewUsages = /* @__PURE__ */ new Map();
 	const engine = signal(null);
 	const hooks = {
 		styleUpdated: createEventHook(),
@@ -610,6 +615,7 @@ function createCtx(options) {
 		cssCodegenFilepath,
 		tsCodegenFilepath,
 		usages,
+		previewUsages,
 		engine,
 		triggerStyleUpdated: () => hooks.styleUpdated.trigger(),
 		triggerTsCodegenUpdated: () => hooks.tsCodegenUpdated.trigger()
@@ -644,6 +650,7 @@ function createCtx(options) {
 		},
 		loadConfig,
 		usages,
+		previewUsages,
 		hooks,
 		get engine() {
 			const _engine = engine();
@@ -721,6 +728,7 @@ function createCtx(options) {
 	async function setup() {
 		log.debug("Setting up integration context");
 		usages.clear();
+		previewUsages.clear();
 		hooks.styleUpdated.listeners.clear();
 		hooks.tsCodegenUpdated.listeners.clear();
 		engine(null);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pikacss/integration",
   "type": "module",
-  "version": "0.0.48",
+  "version": "0.0.49",
   "author": "DevilTea <ch19980814@gmail.com>",
   "license": "MIT",
   "homepage": "https://pikacss.com",
@@ -48,7 +48,7 @@
     "magic-string": "^0.30.21",
     "pathe": "^2.0.3",
     "perfect-debounce": "^2.1.0",
-    "@pikacss/core": "0.0.48"
+    "@pikacss/core": "0.0.49"
   },
   "scripts": {
     "build": "tsdown",