@stylexswc/unplugin 0.11.2-rc.2 → 0.11.2

package/README.md

@@ -236,6 +236,20 @@ For TypeScript projects, add the type definition to your `tsconfig.json`:
 > [!NOTE]
 > When `useViteCssPipeline` is enabled, you need to explicitly import `virtual:stylex.css` in your application. The plugin will no longer inject CSS automatically into the HTML.
 
+> [!IMPORTANT]
+> **Reset CSS and Other Global Styles**
+>
+> The `virtual:stylex.css` module should only contain StyleX-generated CSS. If you need to include reset CSS, global styles, or other non-StyleX CSS, import them from separate CSS files:
+>
+> ```typescript
+> // src/main.ts
+> import './reset.css';        // Your reset CSS
+> import './global.css';       // Other global styles
+> import 'virtual:stylex.css'; // StyleX-generated CSS
+> ```
+>
+> **Do not** put reset CSS or other styles inside the virtual module, as they should be managed separately from the StyleX-generated styles. See the examples in [`apps/vite-unplugin-virtual-css-example`](../../apps/vite-unplugin-virtual-css-example) and [`apps/vue-unplugin-virtual-css-example`](../../apps/vue-unplugin-virtual-css-example) for reference.
+
 ### Example Configuration
 
 ```typescript

package/dist/astro.cjs

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk47YKDL2Jcjs = require('./chunk-47YKDL2J.cjs');
+var _chunk55H2YGNWcjs = require('./chunk-55H2YGNW.cjs');
 require('./chunk-ZBPRDZS4.cjs');
 
 // src/astro.ts
@@ -10,7 +10,7 @@ var astro_default = (options) => ({
     "astro:config:setup": async (astro) => {
       var _a;
       (_a = astro.config.vite).plugins || (_a.plugins = []);
-      astro.config.vite.plugins.push(_chunk47YKDL2Jcjs.index_default.vite(options));
+      astro.config.vite.plugins.push(_chunk55H2YGNWcjs.index_default.vite(options));
     }
   }
 });

package/dist/astro.js

@@ -1,6 +1,6 @@
 import {
   index_default
-} from "./chunk-J6Z4MTC6.js";
+} from "./chunk-NM6UYBKL.js";
 import "./chunk-6F4PWJZI.js";
 
 // src/astro.ts

package/dist/{chunk-4OOVOXAR.js → chunk-3EDKY6TH.js}

@@ -1,6 +1,6 @@
 import {
   unpluginFactory
-} from "./chunk-J6Z4MTC6.js";
+} from "./chunk-NM6UYBKL.js";
 
 // src/webpack.ts
 import { createWebpackPlugin } from "unplugin";

package/dist/{chunk-47YKDL2J.cjs → chunk-55H2YGNW.cjs}

@@ -62,7 +62,8 @@ function generateHash(content) {
 var { writeFile, mkdir } = _fs.promises;
 var VIRTUAL_CSS_MODULE_ID = "virtual:stylex.css";
 var RESOLVED_VIRTUAL_CSS_MODULE_ID = "\0" + VIRTUAL_CSS_MODULE_ID;
-var VIRTUAL_CSS_MARKER = ":root{--stylex-placeholder:1}";
+var VIRTUAL_CSS_MARKER_VAR = "--stylex-placeholder";
+var VIRTUAL_CSS_MARKER = `:root{${VIRTUAL_CSS_MARKER_VAR}:1}`;
 var viteDevServer = null;
 var hasInvalidatedInitialCSS = false;
 function replaceFileName(original, css) {
@@ -218,15 +219,15 @@ var unpluginFactory = (options = {}) => {
           };
         }
       },
-      generateBundle(options2, bundle) {
+      generateBundle(_options, bundle) {
         if (!normalizedOptions.useViteCssPipeline) return;
         const collectedCSS = getStyleXRules(stylexRules, normalizedOptions.useCSSLayers);
         if (!collectedCSS) return;
         for (const [fileName, output] of Object.entries(bundle)) {
           if (output.type === "asset" && fileName.endsWith(".css")) {
             const source = output.source.toString();
-            if (source.includes("--stylex-placeholder")) {
-              output.source = collectedCSS;
+            if (source.includes(VIRTUAL_CSS_MARKER)) {
+              output.source = source.replace(VIRTUAL_CSS_MARKER, collectedCSS);
               break;
             }
           }

package/dist/{chunk-QS57MMZH.cjs → chunk-56CEC7LU.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk47YKDL2Jcjs = require('./chunk-47YKDL2J.cjs');
+var _chunk55H2YGNWcjs = require('./chunk-55H2YGNW.cjs');
 
 // src/vite.ts
 var _unplugin = require('unplugin');
-var vite_default = _unplugin.createVitePlugin.call(void 0, _chunk47YKDL2Jcjs.unpluginFactory);
+var vite_default = _unplugin.createVitePlugin.call(void 0, _chunk55H2YGNWcjs.unpluginFactory);
 
 
 

package/dist/{chunk-OKXAO2SG.js → chunk-AHX3RGCT.js}

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

package/dist/{chunk-MO674IDG.cjs → chunk-MZPFT5OY.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk47YKDL2Jcjs = require('./chunk-47YKDL2J.cjs');
+var _chunk55H2YGNWcjs = require('./chunk-55H2YGNW.cjs');
 
 // src/webpack.ts
 var _unplugin = require('unplugin');
-var webpack_default = _unplugin.createWebpackPlugin.call(void 0, _chunk47YKDL2Jcjs.unpluginFactory);
+var webpack_default = _unplugin.createWebpackPlugin.call(void 0, _chunk55H2YGNWcjs.unpluginFactory);
 
 
 

package/dist/{chunk-J6Z4MTC6.js → chunk-NM6UYBKL.js}

@@ -62,7 +62,8 @@ import crypto2 from "crypto";
 var { writeFile, mkdir } = promises;
 var VIRTUAL_CSS_MODULE_ID = "virtual:stylex.css";
 var RESOLVED_VIRTUAL_CSS_MODULE_ID = "\0" + VIRTUAL_CSS_MODULE_ID;
-var VIRTUAL_CSS_MARKER = ":root{--stylex-placeholder:1}";
+var VIRTUAL_CSS_MARKER_VAR = "--stylex-placeholder";
+var VIRTUAL_CSS_MARKER = `:root{${VIRTUAL_CSS_MARKER_VAR}:1}`;
 var viteDevServer = null;
 var hasInvalidatedInitialCSS = false;
 function replaceFileName(original, css) {
@@ -218,15 +219,15 @@ var unpluginFactory = (options = {}) => {
           };
         }
       },
-      generateBundle(options2, bundle) {
+      generateBundle(_options, bundle) {
         if (!normalizedOptions.useViteCssPipeline) return;
         const collectedCSS = getStyleXRules(stylexRules, normalizedOptions.useCSSLayers);
         if (!collectedCSS) return;
         for (const [fileName, output] of Object.entries(bundle)) {
           if (output.type === "asset" && fileName.endsWith(".css")) {
             const source = output.source.toString();
-            if (source.includes("--stylex-placeholder")) {
-              output.source = collectedCSS;
+            if (source.includes(VIRTUAL_CSS_MARKER)) {
+              output.source = source.replace(VIRTUAL_CSS_MARKER, collectedCSS);
               break;
             }
           }

package/dist/esbuild.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk47YKDL2Jcjs = require('./chunk-47YKDL2J.cjs');
+var _chunk55H2YGNWcjs = require('./chunk-55H2YGNW.cjs');
 require('./chunk-ZBPRDZS4.cjs');
 
 // src/esbuild.ts
 var _unplugin = require('unplugin');
-var esbuild_default = _unplugin.createEsbuildPlugin.call(void 0, _chunk47YKDL2Jcjs.unpluginFactory);
+var esbuild_default = _unplugin.createEsbuildPlugin.call(void 0, _chunk55H2YGNWcjs.unpluginFactory);
 
 
 exports.default = esbuild_default;

package/dist/esbuild.js

@@ -1,6 +1,6 @@
 import {
   unpluginFactory
-} from "./chunk-J6Z4MTC6.js";
+} from "./chunk-NM6UYBKL.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 _chunk47YKDL2Jcjs = require('./chunk-47YKDL2J.cjs');
+var _chunk55H2YGNWcjs = require('./chunk-55H2YGNW.cjs');
 require('./chunk-ZBPRDZS4.cjs');
 
 // src/farm.ts
 var _unplugin = require('unplugin');
-var plugin = _unplugin.createFarmPlugin.call(void 0, _chunk47YKDL2Jcjs.unpluginFactory);
+var plugin = _unplugin.createFarmPlugin.call(void 0, _chunk55H2YGNWcjs.unpluginFactory);
 var farm_default = plugin;
 
 

package/dist/farm.js

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

package/dist/index.cjs

@@ -2,10 +2,10 @@
 
 
 
-var _chunk47YKDL2Jcjs = require('./chunk-47YKDL2J.cjs');
+var _chunk55H2YGNWcjs = require('./chunk-55H2YGNW.cjs');
 require('./chunk-ZBPRDZS4.cjs');
 
 
 
 
-exports.default = _chunk47YKDL2Jcjs.index_default; exports.unplugin = _chunk47YKDL2Jcjs.unplugin; exports.unpluginFactory = _chunk47YKDL2Jcjs.unpluginFactory;
+exports.default = _chunk55H2YGNWcjs.index_default; exports.unplugin = _chunk55H2YGNWcjs.unplugin; exports.unpluginFactory = _chunk55H2YGNWcjs.unpluginFactory;

package/dist/index.js

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

package/dist/nuxt.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkQS57MMZHcjs = require('./chunk-QS57MMZH.cjs');
+var _chunk56CEC7LUcjs = require('./chunk-56CEC7LU.cjs');
 
 
-var _chunkMO674IDGcjs = require('./chunk-MO674IDG.cjs');
-require('./chunk-47YKDL2J.cjs');
+var _chunkMZPFT5OYcjs = require('./chunk-MZPFT5OY.cjs');
+require('./chunk-55H2YGNW.cjs');
 require('./chunk-ZBPRDZS4.cjs');
 
 // src/nuxt.ts
@@ -19,8 +19,8 @@ var nuxt_default = _kit.defineNuxtModule.call(void 0, {
     // ...default options
   },
   setup(options, _nuxt) {
-    _kit.addVitePlugin.call(void 0, () => _chunkQS57MMZHcjs.vite_default.call(void 0, options));
-    _kit.addWebpackPlugin.call(void 0, () => _chunkMO674IDGcjs.webpack_default.call(void 0, options));
+    _kit.addVitePlugin.call(void 0, () => _chunk56CEC7LUcjs.vite_default.call(void 0, options));
+    _kit.addWebpackPlugin.call(void 0, () => _chunkMZPFT5OYcjs.webpack_default.call(void 0, options));
   }
 });
 

package/dist/nuxt.js

@@ -1,10 +1,10 @@
 import {
   vite_default
-} from "./chunk-OKXAO2SG.js";
+} from "./chunk-AHX3RGCT.js";
 import {
   webpack_default
-} from "./chunk-4OOVOXAR.js";
-import "./chunk-J6Z4MTC6.js";
+} from "./chunk-3EDKY6TH.js";
+import "./chunk-NM6UYBKL.js";
 import "./chunk-6F4PWJZI.js";
 
 // src/nuxt.ts

package/dist/rollup.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk47YKDL2Jcjs = require('./chunk-47YKDL2J.cjs');
+var _chunk55H2YGNWcjs = require('./chunk-55H2YGNW.cjs');
 require('./chunk-ZBPRDZS4.cjs');
 
 // src/rollup.ts
 var _unplugin = require('unplugin');
-var rollup_default = _unplugin.createRollupPlugin.call(void 0, _chunk47YKDL2Jcjs.unpluginFactory);
+var rollup_default = _unplugin.createRollupPlugin.call(void 0, _chunk55H2YGNWcjs.unpluginFactory);
 
 
 exports.default = rollup_default;

package/dist/rollup.js

@@ -1,6 +1,6 @@
 import {
   unpluginFactory
-} from "./chunk-J6Z4MTC6.js";
+} from "./chunk-NM6UYBKL.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 _chunk47YKDL2Jcjs = require('./chunk-47YKDL2J.cjs');
+var _chunk55H2YGNWcjs = require('./chunk-55H2YGNW.cjs');
 require('./chunk-ZBPRDZS4.cjs');
 
 // src/rspack.ts
 var _unplugin = require('unplugin');
-var rspack_default = _unplugin.createRspackPlugin.call(void 0, _chunk47YKDL2Jcjs.unpluginFactory);
+var rspack_default = _unplugin.createRspackPlugin.call(void 0, _chunk55H2YGNWcjs.unpluginFactory);
 
 
 exports.default = rspack_default;

package/dist/rspack.js

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

package/dist/vite.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkQS57MMZHcjs = require('./chunk-QS57MMZH.cjs');
-require('./chunk-47YKDL2J.cjs');
+var _chunk56CEC7LUcjs = require('./chunk-56CEC7LU.cjs');
+require('./chunk-55H2YGNW.cjs');
 require('./chunk-ZBPRDZS4.cjs');
 
 
-exports.default = _chunkQS57MMZHcjs.vite_default;
+exports.default = _chunk56CEC7LUcjs.vite_default;
 
 module.exports = exports.default;

package/dist/vite.js

@@ -1,7 +1,7 @@
 import {
   vite_default
-} from "./chunk-OKXAO2SG.js";
-import "./chunk-J6Z4MTC6.js";
+} from "./chunk-AHX3RGCT.js";
+import "./chunk-NM6UYBKL.js";
 import "./chunk-6F4PWJZI.js";
 export {
   vite_default as default

package/dist/webpack.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkMO674IDGcjs = require('./chunk-MO674IDG.cjs');
-require('./chunk-47YKDL2J.cjs');
+var _chunkMZPFT5OYcjs = require('./chunk-MZPFT5OY.cjs');
+require('./chunk-55H2YGNW.cjs');
 require('./chunk-ZBPRDZS4.cjs');
 
 
-exports.default = _chunkMO674IDGcjs.webpack_default;
+exports.default = _chunkMZPFT5OYcjs.webpack_default;
 
 module.exports = exports.default;

package/dist/webpack.js

@@ -1,7 +1,7 @@
 import {
   webpack_default
-} from "./chunk-4OOVOXAR.js";
-import "./chunk-J6Z4MTC6.js";
+} from "./chunk-3EDKY6TH.js";
+import "./chunk-NM6UYBKL.js";
 import "./chunk-6F4PWJZI.js";
 export {
   webpack_default as default

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stylexswc/unplugin",
   "description": "Unplugin for StyleX RS compiler",
-  "version": "0.11.2-rc.2",
+  "version": "0.11.2",
   "private": false,
   "license": "MIT",
   "sideEffects": false,
@@ -78,7 +78,7 @@
   },
   "dependencies": {
     "@stylexjs/babel-plugin": "^0.15.4",
-    "@stylexswc/rs-compiler": "0.11.2-rc.2",
+    "@stylexswc/rs-compiler": "0.11.2",
     "unplugin": "^2.3.5",
     "vite": "^7.1.9",
     "vite-plugin-inspect": "^11.3.3"