unplugin-stylex 0.6.1 → 0.6.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # unplugin-stylex
 
+## 0.6.2
+
+### Patch Changes
+
+- [#281](https://github.com/eryue0220/unplugin-stylex/pull/281) [`e3eb53d`](https://github.com/eryue0220/unplugin-stylex/commit/e3eb53d5f30142cffa5578ec872df7244351bc4f) Thanks [@eryue0220](https://github.com/eryue0220)! - fix windows path error
+
 ## 0.6.1
 
 ### Patch Changes

package/README.md

@@ -164,6 +164,17 @@ Current support argument, which may have change in the future
 
 #### options.stylex.unstable_moduleResolution
 
+## Monorepo
+
+本仓库使用 [Turborepo](https://turbo.build/repo) 管理 monorepo。在根目录可执行：
+
+- `pnpm turbo:build` — 按依赖顺序构建所有包（主包与 examples）
+- `pnpm turbo:test` — 在所有包中运行测试
+- `pnpm turbo:lint` / `pnpm turbo:check` — 在所有包中运行 lint / check
+- `pnpm turbo:dev` — 并行启动所有包的 dev 脚本
+
+仅构建主包：`pnpm turbo run build --filter=unplugin-stylex`。仅构建某个 example：`pnpm turbo run build --filter=vite-example`。
+
 # Acknowledgments
 
 - [@stylexjs/rollup-plugin](https://github.com/facebook/stylex/tree/main/packages/rollup-plugin)

package/dist/astro.cjs

@@ -1,40 +1,43 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
 
-var _chunk7LU6DGX6cjs = require('./chunk-7LU6DGX6.cjs');
+var _chunkO4FQWPVVcjs = require('./chunk-O4FQWPVV.cjs');
 
 
 
 
 
 
-var _chunkIU3ZVEOUcjs = require('./chunk-IU3ZVEOU.cjs');
+
+
+var _chunkKKH6K7REcjs = require('./chunk-KKH6K7RE.cjs');
 require('./chunk-ZBPRDZS4.cjs');
 
 // src/astro.ts
-var _path = require('path'); var path = _interopRequireWildcard(_path);
 function astro(options = {}) {
-  const configured = _chunkIU3ZVEOUcjs.getOptions.call(void 0, { ...options, framework: "vite" });
+  const configured = _chunkKKH6K7REcjs.getOptions.call(void 0, { ...options, framework: "vite" });
   const filename = configured.stylex.filename;
   return {
-    name: _chunkIU3ZVEOUcjs.PLUGIN_NAME,
+    name: _chunkKKH6K7REcjs.PLUGIN_NAME,
     hooks: {
       "astro:config:setup": async ({ config, updateConfig, injectScript }) => {
-        var _a;
+        var _a, _b;
         const astroOptions = {
           ...options,
           validExts: _nullishCoalesce(options.validExts, () => ( /\.[mc]?[jt]sx?$|\.astro$|\.stylex$/))
         };
-        if (!_chunkIU3ZVEOUcjs.stylexRulesStore.has(_chunkIU3ZVEOUcjs.STORE_KEY)) {
-          _chunkIU3ZVEOUcjs.stylexRulesStore.set(_chunkIU3ZVEOUcjs.STORE_KEY, {});
+        if (!_chunkKKH6K7REcjs.stylexRulesStore.has(_chunkKKH6K7REcjs.STORE_KEY)) {
+          _chunkKKH6K7REcjs.stylexRulesStore.set(_chunkKKH6K7REcjs.STORE_KEY, {});
         }
         config.vite.plugins ??= [];
-        const basePlugin = _chunk7LU6DGX6cjs.vite_default.call(void 0, astroOptions);
+        const basePlugin = _chunkO4FQWPVVcjs.vite_default.call(void 0, astroOptions);
         const wrappedPlugin = {
           ...basePlugin,
-          getStylexRules: () => _chunkIU3ZVEOUcjs.stylexRulesStore.get(_chunkIU3ZVEOUcjs.STORE_KEY) || {}
+          getStylexRules: () => _chunkKKH6K7REcjs.stylexRulesStore.get(_chunkKKH6K7REcjs.STORE_KEY) || {}
         };
         const base = _nullishCoalesce(config.base, () => ( "/"));
-        const cssPath = path.posix.join(base, filename).replace(/\/+/g, "/");
+        const assetsDir = typeof ((_a = config.build) == null ? void 0 : _a.assets) === "string" ? config.build.assets : "_astro";
+        const fileName = _chunkKKH6K7REcjs.getStylexAssetFileName.call(void 0, filename, assetsDir);
+        const cssPath = _chunkKKH6K7REcjs.getStylexPublicPath.call(void 0, base, fileName);
         injectScript(
           "head-inline",
           `
@@ -47,7 +50,7 @@ function astro(options = {}) {
           `
         );
         config.vite.plugins.push(wrappedPlugin);
-        const currentNoExternal = _nullishCoalesce(((_a = config.vite.ssr) == null ? void 0 : _a.noExternal), () => ( []));
+        const currentNoExternal = _nullishCoalesce(((_b = config.vite.ssr) == null ? void 0 : _b.noExternal), () => ( []));
         const noExternal = Array.isArray(currentNoExternal) ? [...currentNoExternal] : [];
         if (!noExternal.includes("@stylexjs/stylex")) {
           noExternal.push("@stylexjs/stylex");
@@ -63,11 +66,13 @@ function astro(options = {}) {
       "astro:server:setup": ({ server }) => {
         server.middlewares.use((req, res, next) => {
           var _a, _b;
-          const base = "/";
-          const cssPath = path.posix.join(base, filename).replace(/\/+/g, base);
-          if (req.url === cssPath || req.url === `/${filename}` || ((_a = req.url) == null ? void 0 : _a.endsWith(`/${filename}`))) {
-            const stylexRules = _nullishCoalesce(_chunkIU3ZVEOUcjs.stylexRulesStore.get(_chunkIU3ZVEOUcjs.STORE_KEY), () => ( {}));
-            const collectedCSS = _chunkIU3ZVEOUcjs.buildStylexRules.call(void 0, stylexRules, _nullishCoalesce(((_b = options.stylex) == null ? void 0 : _b.useCSSLayers), () => ( false)));
+          const assetsDir = "_astro";
+          const fileName = _chunkKKH6K7REcjs.getStylexAssetFileName.call(void 0, filename, assetsDir);
+          const cssPath = _chunkKKH6K7REcjs.getStylexPublicPath.call(void 0, "/", fileName);
+          const normalizedUrl = (_a = req.url) == null ? void 0 : _a.split("?")[0];
+          if (normalizedUrl === cssPath || normalizedUrl === `/${filename}` || (normalizedUrl == null ? void 0 : normalizedUrl.endsWith(`/${filename}`)) || normalizedUrl === filename) {
+            const stylexRules = _nullishCoalesce(_chunkKKH6K7REcjs.stylexRulesStore.get(_chunkKKH6K7REcjs.STORE_KEY), () => ( {}));
+            const collectedCSS = _chunkKKH6K7REcjs.buildStylexRules.call(void 0, stylexRules, _nullishCoalesce(((_b = options.stylex) == null ? void 0 : _b.useCSSLayers), () => ( false)));
             res.setHeader("Content-Type", "text/css");
             res.setHeader("Cache-Control", "no-cache");
             res.end(_nullishCoalesce(collectedCSS, () => ( "")));

package/dist/astro.js

@@ -1,17 +1,18 @@
 import {
   vite_default
-} from "./chunk-F2LYIKCV.js";
+} from "./chunk-WUKLRLI4.js";
 import {
   PLUGIN_NAME,
   STORE_KEY,
   buildStylexRules,
   getOptions,
+  getStylexAssetFileName,
+  getStylexPublicPath,
   stylexRulesStore
-} from "./chunk-B3OIQQRZ.js";
+} from "./chunk-FEGNQ7CQ.js";
 import "./chunk-6F4PWJZI.js";
 
 // src/astro.ts
-import * as path from "path";
 function astro(options = {}) {
   const configured = getOptions({ ...options, framework: "vite" });
   const filename = configured.stylex.filename;
@@ -19,7 +20,7 @@ function astro(options = {}) {
     name: PLUGIN_NAME,
     hooks: {
       "astro:config:setup": async ({ config, updateConfig, injectScript }) => {
-        var _a;
+        var _a, _b;
         const astroOptions = {
           ...options,
           validExts: options.validExts ?? /\.[mc]?[jt]sx?$|\.astro$|\.stylex$/
@@ -34,7 +35,9 @@ function astro(options = {}) {
           getStylexRules: () => stylexRulesStore.get(STORE_KEY) || {}
         };
         const base = config.base ?? "/";
-        const cssPath = path.posix.join(base, filename).replace(/\/+/g, "/");
+        const assetsDir = typeof ((_a = config.build) == null ? void 0 : _a.assets) === "string" ? config.build.assets : "_astro";
+        const fileName = getStylexAssetFileName(filename, assetsDir);
+        const cssPath = getStylexPublicPath(base, fileName);
         injectScript(
           "head-inline",
           `
@@ -47,7 +50,7 @@ function astro(options = {}) {
           `
         );
         config.vite.plugins.push(wrappedPlugin);
-        const currentNoExternal = ((_a = config.vite.ssr) == null ? void 0 : _a.noExternal) ?? [];
+        const currentNoExternal = ((_b = config.vite.ssr) == null ? void 0 : _b.noExternal) ?? [];
         const noExternal = Array.isArray(currentNoExternal) ? [...currentNoExternal] : [];
         if (!noExternal.includes("@stylexjs/stylex")) {
           noExternal.push("@stylexjs/stylex");
@@ -63,9 +66,11 @@ function astro(options = {}) {
       "astro:server:setup": ({ server }) => {
         server.middlewares.use((req, res, next) => {
           var _a, _b;
-          const base = "/";
-          const cssPath = path.posix.join(base, filename).replace(/\/+/g, base);
-          if (req.url === cssPath || req.url === `/${filename}` || ((_a = req.url) == null ? void 0 : _a.endsWith(`/${filename}`))) {
+          const assetsDir = "_astro";
+          const fileName = getStylexAssetFileName(filename, assetsDir);
+          const cssPath = getStylexPublicPath("/", fileName);
+          const normalizedUrl = (_a = req.url) == null ? void 0 : _a.split("?")[0];
+          if (normalizedUrl === cssPath || normalizedUrl === `/${filename}` || (normalizedUrl == null ? void 0 : normalizedUrl.endsWith(`/${filename}`)) || normalizedUrl === filename) {
             const stylexRules = stylexRulesStore.get(STORE_KEY) ?? {};
             const collectedCSS = buildStylexRules(stylexRules, ((_b = options.stylex) == null ? void 0 : _b.useCSSLayers) ?? false);
             res.setHeader("Content-Type", "text/css");

package/dist/{chunk-B3OIQQRZ.js → chunk-FEGNQ7CQ.js}

@@ -6,7 +6,7 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 });
 
 // src/index.ts
-import * as path2 from "path";
+import * as path3 from "path";
 import { createUnplugin } from "unplugin";
 
 // src/core/build.ts
@@ -255,6 +255,19 @@ function getAliases(framework) {
 var STORE_KEY = `stylex-${PLUGIN_NAME}`;
 var stylexRulesStore = /* @__PURE__ */ new Map();
 
+// src/utils/stylex-path.ts
+import * as path2 from "path";
+function getStylexAssetFileName(filename, assetsDir = "assets") {
+  const normalizedAssetsDir = assetsDir.replace(/[\\/]+$/, "");
+  return normalizedAssetsDir ? `${normalizedAssetsDir}/${filename}` : filename;
+}
+function getStylexPublicPath(base, fileName) {
+  return path2.posix.join(base ?? "/", fileName.replace(/\\/g, "/")).replace(/\/+/g, "/");
+}
+function normalizePath(file) {
+  return file.replace(/\\/g, "/");
+}
+
 // src/core/options.ts
 function getOptions(options) {
   var _a, _b, _c;
@@ -425,17 +438,17 @@ var unpluginFactory = (rawOptions, meta) => {
     name: PLUGIN_NAME,
     transformInclude(id) {
       const validExts = options.validExts;
-      const extname2 = path2.extname(id);
+      const extname2 = path3.extname(id);
       const questionMarkIndex = extname2.indexOf("?");
       const validExtName = questionMarkIndex > -1 ? extname2.slice(0, questionMarkIndex) : extname2;
       return validExts instanceof RegExp ? validExts.test(validExtName) : validExts.includes(validExtName);
     },
     async transform(code, id) {
-      var _a;
-      const dir = path2.dirname(id);
-      const basename2 = path2.basename(id);
-      const file = path2.join(dir, basename2.includes("?") ? basename2.split("?")[0] : basename2);
-      const extname2 = path2.extname(file).slice(1);
+      var _a, _b, _c, _d;
+      const file = id.split("?")[0];
+      const normalizedFile = normalizePath(file);
+      const normalizedId = normalizePath(id);
+      const extname2 = path3.extname(file).slice(1);
       if (!options.stylex.stylexImports.some((importName) => code.includes(importName))) {
         return;
       }
@@ -448,8 +461,9 @@ var unpluginFactory = (rawOptions, meta) => {
       try {
         const transformer = transformers[extname2] ?? transformers.default;
         const result = await transformer(context);
-        if ((_a = result.stylexRules) == null ? void 0 : _a[id]) {
-          stylexRules[id] = result.stylexRules[id];
+        const transformedRules = ((_a = result.stylexRules) == null ? void 0 : _a[file]) ?? ((_b = result.stylexRules) == null ? void 0 : _b[normalizedFile]) ?? ((_c = result.stylexRules) == null ? void 0 : _c[id]) ?? ((_d = result.stylexRules) == null ? void 0 : _d[normalizedId]);
+        if (transformedRules) {
+          stylexRules[normalizedFile] = transformedRules;
         }
         return result;
       } catch (error) {
@@ -481,8 +495,8 @@ var unpluginFactory = (rawOptions, meta) => {
             next();
             return;
           }
-          const fileName = `${((_a = viteConfig == null ? void 0 : viteConfig.build) == null ? void 0 : _a.assetsDir) ?? "assets"}/${options.stylex.filename}`;
-          const cssPath = path2.posix.join((viteConfig == null ? void 0 : viteConfig.base) ?? "/", fileName.replace(/\\/g, "/")).replace(/\/+/g, "/");
+          const fileName = getStylexAssetFileName(options.stylex.filename, ((_a = viteConfig == null ? void 0 : viteConfig.build) == null ? void 0 : _a.assetsDir) ?? "assets");
+          const cssPath = getStylexPublicPath(viteConfig == null ? void 0 : viteConfig.base, fileName);
           const basePath = ((viteConfig == null ? void 0 : viteConfig.base) ?? "/").replace(/\/+$/, "") || "/";
           const filename = options.stylex.filename;
           const normalizedUrl = req.url.split("?")[0];
@@ -499,7 +513,7 @@ var unpluginFactory = (rawOptions, meta) => {
       },
       buildEnd() {
         var _a;
-        const fileName = `${((_a = viteConfig == null ? void 0 : viteConfig.build) == null ? void 0 : _a.assetsDir) ?? "assets"}/${options.stylex.filename}`;
+        const fileName = getStylexAssetFileName(options.stylex.filename, ((_a = viteConfig == null ? void 0 : viteConfig.build) == null ? void 0 : _a.assetsDir) ?? "assets");
         const collectedCSS = buildStylexRules(stylexRules, options.stylex.useCSSLayers);
         if (!collectedCSS) return;
         this.emitFile({
@@ -510,12 +524,12 @@ var unpluginFactory = (rawOptions, meta) => {
       },
       transformIndexHtml(html, ctx) {
         var _a, _b;
-        const fileName = `${((_a = viteConfig == null ? void 0 : viteConfig.build) == null ? void 0 : _a.assetsDir) ?? "assets"}/${options.stylex.filename}`;
+        const fileName = getStylexAssetFileName(options.stylex.filename, ((_a = viteConfig == null ? void 0 : viteConfig.build) == null ? void 0 : _a.assetsDir) ?? "assets");
         const css = (_b = ctx.bundle) == null ? void 0 : _b[fileName];
         if (!css) {
           return html;
         }
-        const publicPath = path2.posix.join((viteConfig == null ? void 0 : viteConfig.base) ?? "/", fileName.replace(/\\/g, "/"));
+        const publicPath = getStylexPublicPath(viteConfig == null ? void 0 : viteConfig.base, fileName);
         return [
           {
             tag: "link",
@@ -538,6 +552,8 @@ export {
   PLUGIN_NAME,
   STORE_KEY,
   stylexRulesStore,
+  getStylexAssetFileName,
+  getStylexPublicPath,
   getOptions,
   unpluginFactory,
   unplugin,

package/dist/{chunk-IU3ZVEOU.cjs → chunk-KKH6K7RE.cjs}

@@ -6,7 +6,7 @@
 });
 
 // src/index.ts
-var _path = require('path'); var path2 = _interopRequireWildcard(_path);
+var _path = require('path'); var path3 = _interopRequireWildcard(_path); var path2 = _interopRequireWildcard(_path);
 var _unplugin = require('unplugin');
 
 // src/core/build.ts
@@ -26,10 +26,10 @@ var EXTENSIONS = [".js", ".mjs", ".cjs", ".ts", ".mts", ".cts"];
 var _fs = require('fs'); var _fs2 = _interopRequireDefault(_fs);
 
 function makePathAbsolute(value) {
-  return path2.default.isAbsolute(value) ? value : path2.default.resolve(process.cwd(), value);
+  return path3.default.isAbsolute(value) ? value : path3.default.resolve(process.cwd(), value);
 }
 function isTSProject() {
-  const tsConfigPath = path2.default.resolve(process.cwd(), "tsconfig.json");
+  const tsConfigPath = path3.default.resolve(process.cwd(), "tsconfig.json");
   return _fs2.default.existsSync(tsConfigPath);
 }
 function getAliasesFromTSConfig() {
@@ -38,7 +38,7 @@ function getAliasesFromTSConfig() {
     return void 0;
   }
   try {
-    const tsConfigPath = path2.default.resolve(process.cwd(), "tsconfig.json");
+    const tsConfigPath = path3.default.resolve(process.cwd(), "tsconfig.json");
     const tsConfigContent = _fs2.default.readFileSync(tsConfigPath, "utf8");
     const tsConfig = JSON.parse(tsConfigContent);
     const paths = ((_a = tsConfig == null ? void 0 : tsConfig.compilerOptions) == null ? void 0 : _a.paths) || {};
@@ -57,12 +57,12 @@ function getAliasesFromTSConfig() {
 function getAliasesFromViteConfig() {
   var _a;
   const configFiles = EXTENSIONS.map((ext) => `vite.config${ext}`);
-  const configPath = configFiles.find((file) => _fs2.default.existsSync(path2.default.resolve(process.cwd(), file)));
+  const configPath = configFiles.find((file) => _fs2.default.existsSync(path3.default.resolve(process.cwd(), file)));
   if (!configPath) {
     return {};
   }
   try {
-    const configModule = __require(path2.default.resolve(process.cwd(), configPath));
+    const configModule = __require(path3.default.resolve(process.cwd(), configPath));
     const config = typeof configModule === "function" ? configModule() : configModule.default || configModule;
     const aliases = ((_a = config == null ? void 0 : config.resolve) == null ? void 0 : _a.alias) || {};
     return Object.entries(aliases).reduce(
@@ -79,12 +79,12 @@ function getAliasesFromViteConfig() {
 function getAliasesFromWebpackConfig() {
   var _a;
   const configFiles = EXTENSIONS.map((ext) => `webpack.config${ext}`);
-  const configPath = configFiles.find((file) => _fs2.default.existsSync(path2.default.resolve(process.cwd(), file)));
+  const configPath = configFiles.find((file) => _fs2.default.existsSync(path3.default.resolve(process.cwd(), file)));
   if (!configPath) {
     return {};
   }
   try {
-    const configContent = _fs2.default.readFileSync(path2.default.resolve(process.cwd(), configPath), "utf8");
+    const configContent = _fs2.default.readFileSync(path3.default.resolve(process.cwd(), configPath), "utf8");
     const config = JSON.parse(configContent);
     const aliases = ((_a = config == null ? void 0 : config.resolve) == null ? void 0 : _a.alias) || {};
     return Object.entries(aliases).reduce(
@@ -101,12 +101,12 @@ function getAliasesFromWebpackConfig() {
 function getAliasesFromRollupConfig() {
   var _a, _b;
   const configFiles = EXTENSIONS.map((ext) => `rollup.config${ext}`);
-  const configPath = configFiles.find((file) => _fs2.default.existsSync(path2.default.resolve(process.cwd(), file)));
+  const configPath = configFiles.find((file) => _fs2.default.existsSync(path3.default.resolve(process.cwd(), file)));
   if (!configPath) {
     return {};
   }
   try {
-    const configModule = __require(path2.default.resolve(process.cwd(), configPath));
+    const configModule = __require(path3.default.resolve(process.cwd(), configPath));
     const config = typeof configModule === "function" ? configModule() : configModule.default || configModule;
     const aliasPlugin = (_a = config == null ? void 0 : config.plugins) == null ? void 0 : _a.find((plugin) => {
       if (typeof plugin === "object" && plugin !== null) {
@@ -132,12 +132,12 @@ function getAliasesFromRollupConfig() {
 function getAliasesFromRolldownConfig() {
   var _a;
   const configFiles = EXTENSIONS.map((ext) => `vite.config${ext}`);
-  const configPath = configFiles.find((file) => _fs2.default.existsSync(path2.default.resolve(process.cwd(), file)));
+  const configPath = configFiles.find((file) => _fs2.default.existsSync(path3.default.resolve(process.cwd(), file)));
   if (!configPath) {
     return {};
   }
   try {
-    const configModule = __require(path2.default.resolve(process.cwd(), configPath));
+    const configModule = __require(path3.default.resolve(process.cwd(), configPath));
     const config = typeof configModule === "function" ? configModule() : configModule.default || configModule;
     const aliases = ((_a = config == null ? void 0 : config.resolve) == null ? void 0 : _a.alias) || {};
     return Object.entries(aliases).reduce(
@@ -157,12 +157,12 @@ function getAliasesFromEsbuildConfig() {
 function getAliasesFromRspackConfig() {
   var _a;
   const configFiles = EXTENSIONS.map((ext) => `rspack.config${ext}`);
-  const configPath = configFiles.find((file) => _fs2.default.existsSync(path2.default.resolve(process.cwd(), file)));
+  const configPath = configFiles.find((file) => _fs2.default.existsSync(path3.default.resolve(process.cwd(), file)));
   if (!configPath) {
     return {};
   }
   try {
-    const configContent = _fs2.default.readFileSync(path2.default.resolve(process.cwd(), configPath), "utf8");
+    const configContent = _fs2.default.readFileSync(path3.default.resolve(process.cwd(), configPath), "utf8");
     const config = JSON.parse(configContent);
     const aliases = ((_a = config == null ? void 0 : config.resolve) == null ? void 0 : _a.alias) || {};
     return Object.entries(aliases).reduce(
@@ -179,12 +179,12 @@ function getAliasesFromRspackConfig() {
 function getAliasesFromFarmConfig() {
   var _a;
   const configFiles = EXTENSIONS.map((ext) => `farm.config${ext}`);
-  const configPath = configFiles.find((file) => _fs2.default.existsSync(path2.default.resolve(process.cwd(), file)));
+  const configPath = configFiles.find((file) => _fs2.default.existsSync(path3.default.resolve(process.cwd(), file)));
   if (!configPath) {
     return {};
   }
   try {
-    const configModule = __require(path2.default.resolve(process.cwd(), configPath));
+    const configModule = __require(path3.default.resolve(process.cwd(), configPath));
     const config = typeof configModule === "function" ? configModule() : configModule.default || configModule;
     const aliases = ((_a = config == null ? void 0 : config.resolve) == null ? void 0 : _a.alias) || {};
     return Object.entries(aliases).reduce(
@@ -255,6 +255,19 @@ function getAliases(framework) {
 var STORE_KEY = `stylex-${PLUGIN_NAME}`;
 var stylexRulesStore = /* @__PURE__ */ new Map();
 
+// src/utils/stylex-path.ts
+
+function getStylexAssetFileName(filename, assetsDir = "assets") {
+  const normalizedAssetsDir = assetsDir.replace(/[\\/]+$/, "");
+  return normalizedAssetsDir ? `${normalizedAssetsDir}/${filename}` : filename;
+}
+function getStylexPublicPath(base, fileName) {
+  return path2.posix.join(_nullishCoalesce(base, () => ( "/")), fileName.replace(/\\/g, "/")).replace(/\/+/g, "/");
+}
+function normalizePath(file) {
+  return file.replace(/\\/g, "/");
+}
+
 // src/core/options.ts
 function getOptions(options) {
   var _a, _b, _c;
@@ -425,17 +438,17 @@ var unpluginFactory = (rawOptions, meta) => {
     name: PLUGIN_NAME,
     transformInclude(id) {
       const validExts = options.validExts;
-      const extname2 = path2.extname(id);
+      const extname2 = path3.extname(id);
       const questionMarkIndex = extname2.indexOf("?");
       const validExtName = questionMarkIndex > -1 ? extname2.slice(0, questionMarkIndex) : extname2;
       return validExts instanceof RegExp ? validExts.test(validExtName) : validExts.includes(validExtName);
     },
     async transform(code, id) {
-      var _a;
-      const dir = path2.dirname(id);
-      const basename2 = path2.basename(id);
-      const file = path2.join(dir, basename2.includes("?") ? basename2.split("?")[0] : basename2);
-      const extname2 = path2.extname(file).slice(1);
+      var _a, _b, _c, _d;
+      const file = id.split("?")[0];
+      const normalizedFile = normalizePath(file);
+      const normalizedId = normalizePath(id);
+      const extname2 = path3.extname(file).slice(1);
       if (!options.stylex.stylexImports.some((importName) => code.includes(importName))) {
         return;
       }
@@ -448,8 +461,9 @@ var unpluginFactory = (rawOptions, meta) => {
       try {
         const transformer = _nullishCoalesce(transformers[extname2], () => ( transformers.default));
         const result = await transformer(context);
-        if ((_a = result.stylexRules) == null ? void 0 : _a[id]) {
-          stylexRules[id] = result.stylexRules[id];
+        const transformedRules = _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(((_a = result.stylexRules) == null ? void 0 : _a[file]), () => ( ((_b = result.stylexRules) == null ? void 0 : _b[normalizedFile]))), () => ( ((_c = result.stylexRules) == null ? void 0 : _c[id]))), () => ( ((_d = result.stylexRules) == null ? void 0 : _d[normalizedId])));
+        if (transformedRules) {
+          stylexRules[normalizedFile] = transformedRules;
         }
         return result;
       } catch (error) {
@@ -481,8 +495,8 @@ var unpluginFactory = (rawOptions, meta) => {
             next();
             return;
           }
-          const fileName = `${_nullishCoalesce(((_a = viteConfig == null ? void 0 : viteConfig.build) == null ? void 0 : _a.assetsDir), () => ( "assets"))}/${options.stylex.filename}`;
-          const cssPath = path2.posix.join(_nullishCoalesce((viteConfig == null ? void 0 : viteConfig.base), () => ( "/")), fileName.replace(/\\/g, "/")).replace(/\/+/g, "/");
+          const fileName = getStylexAssetFileName(options.stylex.filename, _nullishCoalesce(((_a = viteConfig == null ? void 0 : viteConfig.build) == null ? void 0 : _a.assetsDir), () => ( "assets")));
+          const cssPath = getStylexPublicPath(viteConfig == null ? void 0 : viteConfig.base, fileName);
           const basePath = (_nullishCoalesce((viteConfig == null ? void 0 : viteConfig.base), () => ( "/"))).replace(/\/+$/, "") || "/";
           const filename = options.stylex.filename;
           const normalizedUrl = req.url.split("?")[0];
@@ -499,7 +513,7 @@ var unpluginFactory = (rawOptions, meta) => {
       },
       buildEnd() {
         var _a;
-        const fileName = `${_nullishCoalesce(((_a = viteConfig == null ? void 0 : viteConfig.build) == null ? void 0 : _a.assetsDir), () => ( "assets"))}/${options.stylex.filename}`;
+        const fileName = getStylexAssetFileName(options.stylex.filename, _nullishCoalesce(((_a = viteConfig == null ? void 0 : viteConfig.build) == null ? void 0 : _a.assetsDir), () => ( "assets")));
         const collectedCSS = buildStylexRules(stylexRules, options.stylex.useCSSLayers);
         if (!collectedCSS) return;
         this.emitFile({
@@ -510,12 +524,12 @@ var unpluginFactory = (rawOptions, meta) => {
       },
       transformIndexHtml(html, ctx) {
         var _a, _b;
-        const fileName = `${_nullishCoalesce(((_a = viteConfig == null ? void 0 : viteConfig.build) == null ? void 0 : _a.assetsDir), () => ( "assets"))}/${options.stylex.filename}`;
+        const fileName = getStylexAssetFileName(options.stylex.filename, _nullishCoalesce(((_a = viteConfig == null ? void 0 : viteConfig.build) == null ? void 0 : _a.assetsDir), () => ( "assets")));
         const css = (_b = ctx.bundle) == null ? void 0 : _b[fileName];
         if (!css) {
           return html;
         }
-        const publicPath = path2.posix.join(_nullishCoalesce((viteConfig == null ? void 0 : viteConfig.base), () => ( "/")), fileName.replace(/\\/g, "/"));
+        const publicPath = getStylexPublicPath(viteConfig == null ? void 0 : viteConfig.base, fileName);
         return [
           {
             tag: "link",
@@ -542,4 +556,6 @@ var index_default = unplugin;
 
 
 
-exports.buildStylexRules = buildStylexRules; exports.PLUGIN_NAME = PLUGIN_NAME; exports.STORE_KEY = STORE_KEY; exports.stylexRulesStore = stylexRulesStore; exports.getOptions = getOptions; exports.unpluginFactory = unpluginFactory; exports.unplugin = unplugin; exports.index_default = index_default;
+
+
+exports.buildStylexRules = buildStylexRules; exports.PLUGIN_NAME = PLUGIN_NAME; exports.STORE_KEY = STORE_KEY; exports.stylexRulesStore = stylexRulesStore; exports.getStylexAssetFileName = getStylexAssetFileName; exports.getStylexPublicPath = getStylexPublicPath; exports.getOptions = getOptions; exports.unpluginFactory = unpluginFactory; exports.unplugin = unplugin; exports.index_default = index_default;

package/dist/{chunk-7LU6DGX6.cjs → chunk-O4FQWPVV.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkIU3ZVEOUcjs = require('./chunk-IU3ZVEOU.cjs');
+var _chunkKKH6K7REcjs = require('./chunk-KKH6K7RE.cjs');
 
 // src/vite.ts
 var _unplugin = require('unplugin');
-var vitePlugin = _unplugin.createVitePlugin.call(void 0, _chunkIU3ZVEOUcjs.unpluginFactory);
+var vitePlugin = _unplugin.createVitePlugin.call(void 0, _chunkKKH6K7REcjs.unpluginFactory);
 var vite_default = vitePlugin;
 
 

package/dist/{chunk-F2LYIKCV.js → chunk-WUKLRLI4.js}

@@ -1,6 +1,6 @@
 import {
   unpluginFactory
-} from "./chunk-B3OIQQRZ.js";
+} from "./chunk-FEGNQ7CQ.js";
 
 // src/vite.ts
 import { createVitePlugin } from "unplugin";

package/dist/esbuild.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkIU3ZVEOUcjs = require('./chunk-IU3ZVEOU.cjs');
+var _chunkKKH6K7REcjs = require('./chunk-KKH6K7RE.cjs');
 require('./chunk-ZBPRDZS4.cjs');
 
 // src/esbuild.ts
 var _unplugin = require('unplugin');
-var esbuildPlugin = _unplugin.createEsbuildPlugin.call(void 0, _chunkIU3ZVEOUcjs.unpluginFactory);
+var esbuildPlugin = _unplugin.createEsbuildPlugin.call(void 0, _chunkKKH6K7REcjs.unpluginFactory);
 var esbuild_default = esbuildPlugin;
 
 

package/dist/esbuild.js

@@ -1,6 +1,6 @@
 import {
   unpluginFactory
-} from "./chunk-B3OIQQRZ.js";
+} from "./chunk-FEGNQ7CQ.js";
 import "./chunk-6F4PWJZI.js";
 
 // src/esbuild.ts

package/dist/farm.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkIU3ZVEOUcjs = require('./chunk-IU3ZVEOU.cjs');
+var _chunkKKH6K7REcjs = require('./chunk-KKH6K7RE.cjs');
 require('./chunk-ZBPRDZS4.cjs');
 
 // src/farm.ts
 var _unplugin = require('unplugin');
-var farmPlugin = _unplugin.createFarmPlugin.call(void 0, _chunkIU3ZVEOUcjs.unpluginFactory);
+var farmPlugin = _unplugin.createFarmPlugin.call(void 0, _chunkKKH6K7REcjs.unpluginFactory);
 var farm_default = farmPlugin;
 
 

package/dist/farm.js

@@ -1,6 +1,6 @@
 import {
   unpluginFactory
-} from "./chunk-B3OIQQRZ.js";
+} from "./chunk-FEGNQ7CQ.js";
 import "./chunk-6F4PWJZI.js";
 
 // src/farm.ts

package/dist/index.cjs

@@ -2,10 +2,10 @@
 
 
 
-var _chunkIU3ZVEOUcjs = require('./chunk-IU3ZVEOU.cjs');
+var _chunkKKH6K7REcjs = require('./chunk-KKH6K7RE.cjs');
 require('./chunk-ZBPRDZS4.cjs');
 
 
 
 
-exports.default = _chunkIU3ZVEOUcjs.index_default; exports.unplugin = _chunkIU3ZVEOUcjs.unplugin; exports.unpluginFactory = _chunkIU3ZVEOUcjs.unpluginFactory;
+exports.default = _chunkKKH6K7REcjs.index_default; exports.unplugin = _chunkKKH6K7REcjs.unplugin; exports.unpluginFactory = _chunkKKH6K7REcjs.unpluginFactory;

package/dist/index.js

@@ -2,7 +2,7 @@ import {
   index_default,
   unplugin,
   unpluginFactory
-} from "./chunk-B3OIQQRZ.js";
+} from "./chunk-FEGNQ7CQ.js";
 import "./chunk-6F4PWJZI.js";
 export {
   index_default as default,

package/dist/rolldown.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkIU3ZVEOUcjs = require('./chunk-IU3ZVEOU.cjs');
+var _chunkKKH6K7REcjs = require('./chunk-KKH6K7RE.cjs');
 require('./chunk-ZBPRDZS4.cjs');
 
 // src/rolldown.ts
 var _unplugin = require('unplugin');
-var rolldownPlugin = _unplugin.createRolldownPlugin.call(void 0, _chunkIU3ZVEOUcjs.unpluginFactory);
+var rolldownPlugin = _unplugin.createRolldownPlugin.call(void 0, _chunkKKH6K7REcjs.unpluginFactory);
 var rolldown_default = rolldownPlugin;
 
 

package/dist/rolldown.js

@@ -1,6 +1,6 @@
 import {
   unpluginFactory
-} from "./chunk-B3OIQQRZ.js";
+} from "./chunk-FEGNQ7CQ.js";
 import "./chunk-6F4PWJZI.js";
 
 // src/rolldown.ts

package/dist/rollup.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkIU3ZVEOUcjs = require('./chunk-IU3ZVEOU.cjs');
+var _chunkKKH6K7REcjs = require('./chunk-KKH6K7RE.cjs');
 require('./chunk-ZBPRDZS4.cjs');
 
 // src/rollup.ts
 var _unplugin = require('unplugin');
-var rollupPlugin = _unplugin.createRollupPlugin.call(void 0, _chunkIU3ZVEOUcjs.unpluginFactory);
+var rollupPlugin = _unplugin.createRollupPlugin.call(void 0, _chunkKKH6K7REcjs.unpluginFactory);
 var rollup_default = rollupPlugin;
 
 

package/dist/rollup.js

@@ -1,6 +1,6 @@
 import {
   unpluginFactory
-} from "./chunk-B3OIQQRZ.js";
+} from "./chunk-FEGNQ7CQ.js";
 import "./chunk-6F4PWJZI.js";
 
 // src/rollup.ts

package/dist/rspack.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkIU3ZVEOUcjs = require('./chunk-IU3ZVEOU.cjs');
+var _chunkKKH6K7REcjs = require('./chunk-KKH6K7RE.cjs');
 require('./chunk-ZBPRDZS4.cjs');
 
 // src/rspack.ts
 var _unplugin = require('unplugin');
-var rspackPlugin = _unplugin.createRspackPlugin.call(void 0, _chunkIU3ZVEOUcjs.unpluginFactory);
+var rspackPlugin = _unplugin.createRspackPlugin.call(void 0, _chunkKKH6K7REcjs.unpluginFactory);
 var rspack_default = rspackPlugin;
 
 

package/dist/rspack.js

@@ -1,6 +1,6 @@
 import {
   unpluginFactory
-} from "./chunk-B3OIQQRZ.js";
+} from "./chunk-FEGNQ7CQ.js";
 import "./chunk-6F4PWJZI.js";
 
 // src/rspack.ts

package/dist/vite.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk7LU6DGX6cjs = require('./chunk-7LU6DGX6.cjs');
-require('./chunk-IU3ZVEOU.cjs');
+var _chunkO4FQWPVVcjs = require('./chunk-O4FQWPVV.cjs');
+require('./chunk-KKH6K7RE.cjs');
 require('./chunk-ZBPRDZS4.cjs');
 
 
-exports.default = _chunk7LU6DGX6cjs.vite_default;
+exports.default = _chunkO4FQWPVVcjs.vite_default;

package/dist/vite.js

@@ -1,7 +1,7 @@
 import {
   vite_default
-} from "./chunk-F2LYIKCV.js";
-import "./chunk-B3OIQQRZ.js";
+} from "./chunk-WUKLRLI4.js";
+import "./chunk-FEGNQ7CQ.js";
 import "./chunk-6F4PWJZI.js";
 export {
   vite_default as default

package/dist/webpack.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkIU3ZVEOUcjs = require('./chunk-IU3ZVEOU.cjs');
+var _chunkKKH6K7REcjs = require('./chunk-KKH6K7RE.cjs');
 require('./chunk-ZBPRDZS4.cjs');
 
 // src/webpack.ts
 var _unplugin = require('unplugin');
-var webpackPlugin = _unplugin.createWebpackPlugin.call(void 0, _chunkIU3ZVEOUcjs.unpluginFactory);
+var webpackPlugin = _unplugin.createWebpackPlugin.call(void 0, _chunkKKH6K7REcjs.unpluginFactory);
 var webpack_default = webpackPlugin;
 
 

package/dist/webpack.js

@@ -1,6 +1,6 @@
 import {
   unpluginFactory
-} from "./chunk-B3OIQQRZ.js";
+} from "./chunk-FEGNQ7CQ.js";
 import "./chunk-6F4PWJZI.js";
 
 // src/webpack.ts

package/jsr.json

@@ -1,6 +1,6 @@
 {
   "name": "@eryue0220/unplugin-stylex",
-  "version": "0.6.1",
+  "version": "0.6.2",
   "exports": {
     "./index": "./src/index.ts",
     "./esbuild": "./src/esbuild.ts",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "unplugin-stylex",
-  "version": "0.6.1",
+  "version": "0.6.2",
   "description": "Unplugin for stylex",
   "repository": "https://github.com/eryue0220/unplugin-stylex",
   "keywords": [
@@ -75,7 +75,7 @@
     "./*": "./*"
   },
   "engines": {
-    "node": ">=18"
+    "node": "^20.19.0 || >=22.12.0"
   },
   "peerDependencies": {
     "@stylexjs/stylex": "0.x"
@@ -86,20 +86,20 @@
     "@babel/plugin-syntax-jsx": "^7.28.6",
     "@babel/plugin-syntax-typescript": "^7.28.6",
     "@rollup/pluginutils": "^5.1.4",
-    "@stylexjs/babel-plugin": "^0.17.5",
+    "@stylexjs/babel-plugin": "^0.18.1",
     "unplugin": "^3.0.0"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.4.6",
-    "@changesets/changelog-github": "^0.5.2",
-    "@changesets/cli": "^2.29.8",
-    "@types/node": "^25.3.0",
+    "@biomejs/biome": "2.4.7",
+    "@changesets/changelog-github": "^0.6.0",
+    "@changesets/cli": "^2.30.0",
+    "@types/node": "^25.5.0",
     "@vitest/coverage-v8": "^4.0.15",
-    "babel-plugin-syntax-hermes-parser": "^0.33.3",
-    "jsr": "^0.14.2",
+    "babel-plugin-syntax-hermes-parser": "^0.34.0",
+    "jsr": "^0.14.3",
     "tsup": "^8.5.1",
     "typescript": "^5.9.3",
-    "vite": "^7.3.1",
+    "vite": "^8.0.0",
     "vitest": "^4.0.15"
   },
   "scripts": {
@@ -113,6 +113,11 @@
     "format": "pnpm biome format .",
     "format:fix": "pnpm biome format --write .",
     "ci": "pnpm run lint && pnpm run check && pnpm run build",
+    "turbo:build": "turbo run build",
+    "turbo:test": "turbo run test",
+    "turbo:lint": "turbo run lint",
+    "turbo:check": "turbo run check",
+    "turbo:dev": "turbo run dev",
     "jsr": "pnpm dlx jsr publish",
     "sync:jsr-version": "node scripts/sync-jsr-version.mjs",
     "changeset": "pnpm dlx @changesets/cli add",

package/tsconfig.json

@@ -7,7 +7,7 @@
     "declarationDir": "dist",
     "outDir": "./dist",
     "lib": ["ESNext"],
-    "moduleResolution": "Node",
+    "moduleResolution": "bundler",
     "preserveSymlinks": true,
     "module": "esnext",
     "skipLibCheck": true,

package/turbo.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://turbo.build/schema.json",
+  "tasks": {
+    "build": {
+      "dependsOn": ["^build"],
+      "outputs": ["dist/**", "build/**", ".astro/**", ".vite/**"]
+    },
+    "dev": {
+      "cache": false,
+      "persistent": true
+    },
+    "test": {
+      "outputs": ["coverage/**"]
+    },
+    "lint": {
+      "outputs": []
+    },
+    "check": {
+      "outputs": []
+    }
+  },
+  "globalDependencies": ["tsconfig.json", "biome.json"]
+}