@pandacss/transformer 2.0.0 → 2.0.1

package/dist/index.js

@@ -330,9 +330,14 @@ function toNativeOptions(options) {
   };
 }
 var SOURCE_RE = /\.(c|m)?(t|j)sx?$/;
+var SFC_RE = /\.(svelte|vue|astro)$/;
+var VUE_BLOCK_QUERY_RE = /^(.+\.vue)\?vue&type=(?:script|template|style|custom)(?:&|$)/;
+function stripVueBlockQuery(id) {
+  return VUE_BLOCK_QUERY_RE.exec(id)?.[1] ?? id;
+}
 function shouldTransform(path, options = {}) {
-  const id = path.split("?")[0] ?? path;
-  if (!SOURCE_RE.test(id)) return false;
+  const [id = path, query] = path.split("?");
+  if (!SOURCE_RE.test(id) && !(SFC_RE.test(id) && query === void 0)) return false;
   if (options.include && !matchesAny(id, options.include)) return false;
   if (options.exclude && matchesAny(id, options.exclude)) return false;
   return true;
@@ -398,7 +403,7 @@ function createPandaSourcePluginHooks(resolveOptions) {
 
 // src/plugin.ts
 import { createUnplugin } from "unplugin";
-var pandaTransformer = createUnplugin((options) => {
+var pandaTransformer = createUnplugin((options, meta) => {
   const {
     compiler: _compiler,
     transformer: _transformer,
@@ -413,15 +418,20 @@ var pandaTransformer = createUnplugin((options) => {
     getCompiler: options.getCompiler,
     getTransformer: options.getTransformer
   }));
+  const isWebpackLike = meta.framework === "webpack" || meta.framework === "rspack";
+  const transformId = (id) => isWebpackLike ? stripVueBlockQuery(id) : id;
   return {
     name: "pandacss-transformer",
     enforce: "pre",
     ...hooks,
+    transform(code, id) {
+      return hooks.transform.call(this, code, transformId(id));
+    },
     loadInclude(id) {
       return id === INTERNAL_CSS_RESOLVED_ID;
     },
     transformInclude(id) {
-      return shouldTransform(id, transformOptions);
+      return shouldTransform(transformId(id), transformOptions);
     }
   };
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/transformer",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "Source transformer facade for Panda CSS",
   "type": "module",
   "main": "./dist/index.js",
@@ -34,8 +34,8 @@
     "dist"
   ],
   "dependencies": {
-    "@pandacss/compiler": "2.0.0",
-    "@pandacss/compiler-shared": "2.0.0",
+    "@pandacss/compiler": "2.0.1",
+    "@pandacss/compiler-shared": "2.0.1",
     "unplugin": "^2.3.11"
   },
   "devDependencies": {