@stylexjs/rollup-plugin 0.10.0-beta.2 → 0.10.1

package/flow_modules/@babel/traverse/index.js.flow

@@ -235,7 +235,7 @@ declare export class Binding {
 type _VisitorNodeKeys<S: object> = {
   +[K in keyof t._NodeMap]: ?VisitNode<S, t._NodeMap[K]>,
 };
-type _VistorAliases<S: object> = {
+type _VisitorAliases<S: object> = {
   +[K in keyof t.Aliases]: ?VisitNode<S, t.Aliases[K]>,
 };
 
@@ -243,7 +243,7 @@ export type Visitor<S: object = object> = $ReadOnly<
   Partial<{
     ...VisitNodeObject<S, Node>,
     ..._VisitorNodeKeys<S>,
-    ..._VistorAliases<S>,
+    ..._VisitorAliases<S>,
   }>,
 >;
 
@@ -307,8 +307,8 @@ declare export class NodePath<+T: Node = Node> {
   type: T extends null | void
     ? void
     : T extends Node
-    ? T['type']
-    : string | void;
+      ? T['type']
+      : string | void;
 
   typeAnnotation: { ... };
 
@@ -996,7 +996,7 @@ export type NodePathResult<T: Node | $ReadOnlyArray<Node>> =
   T extends $ReadOnlyArray<infer TNode>
     ? $ReadOnlyArray<NodePath<TNode>>
     : T extends null | void
-    ? void
-    : T extends Node
-    ? NodePath<T>
-    : T;
+      ? void
+      : T extends Node
+        ? NodePath<T>
+        : T;

package/lib/es/index.mjs

@@ -7,7 +7,15 @@ import path from 'path';
 import { transform } from 'lightningcss';
 import browserslist from 'browserslist';
 import { browserslistToTargets } from 'lightningcss';
+import crypto from 'crypto';
 const IS_DEV_ENV = process.env.NODE_ENV === 'development' || process.env.BABEL_ENV === 'development';
+function replaceFileName(original, css) {
+  if (!original.includes('[hash]')) {
+    return original;
+  }
+  const hash = crypto.createHash('sha256').update(css).digest('hex').slice(0, 8);
+  return original.replace(/\[hash\]/g, hash);
+}
 export default function stylexPlugin() {
   let {
     dev = IS_DEV_ENV,
@@ -40,12 +48,12 @@ export default function stylexPlugin() {
         } = transform({
           targets: browserslistToTargets(browserslist('>= 1%')),
           ...lightningcssOptions,
-          filename: fileName,
+          filename: 'stylex.css',
           code: Buffer.from(collectedCSS)
         });
         const processedCSS = code.toString();
         this.emitFile({
-          fileName,
+          fileName: replaceFileName(fileName, processedCSS),
           source: processedCSS,
           type: 'asset'
         });

package/lib/index.js

@@ -12,8 +12,16 @@ var _pluginSyntaxTypescript = _interopRequireDefault(require("@babel/plugin-synt
 var _path = _interopRequireDefault(require("path"));
 var _lightningcss = require("lightningcss");
 var _browserslist = _interopRequireDefault(require("browserslist"));
+var _crypto = _interopRequireDefault(require("crypto"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const IS_DEV_ENV = process.env.NODE_ENV === 'development' || process.env.BABEL_ENV === 'development';
+function replaceFileName(original, css) {
+  if (!original.includes('[hash]')) {
+    return original;
+  }
+  const hash = _crypto.default.createHash('sha256').update(css).digest('hex').slice(0, 8);
+  return original.replace(/\[hash\]/g, hash);
+}
 function stylexPlugin() {
   let {
     dev = IS_DEV_ENV,
@@ -46,12 +54,12 @@ function stylexPlugin() {
         } = (0, _lightningcss.transform)({
           targets: (0, _lightningcss.browserslistToTargets)((0, _browserslist.default)('>= 1%')),
           ...lightningcssOptions,
-          filename: fileName,
+          filename: 'stylex.css',
           code: Buffer.from(collectedCSS)
         });
         const processedCSS = code.toString();
         this.emitFile({
-          fileName,
+          fileName: replaceFileName(fileName, processedCSS),
           source: processedCSS,
           type: 'asset'
         });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stylexjs/rollup-plugin",
-  "version": "0.10.0-beta.2",
+  "version": "0.10.1",
   "description": "Rollup plugin for StyleX",
   "main": "./lib/index.js",
   "module": "./lib/es/index.mjs",
@@ -35,7 +35,7 @@
     "@babel/plugin-syntax-flow": "^7.25.7",
     "@babel/plugin-syntax-jsx": "^7.25.7",
     "@babel/plugin-syntax-typescript": "^7.25.7",
-    "@stylexjs/babel-plugin": "0.10.0-beta.2",
+    "@stylexjs/babel-plugin": "0.10.1",
     "lightningcss": "^1.27.0"
   },
   "files": [