@stylexjs/babel-plugin 0.17.1 → 0.17.3

package/lib/index.js

@@ -283,6 +283,38 @@ function getProgramStatement(path) {
   }
   return programPath;
 }
+function isVariableNamedExported(path) {
+  const declaration = path.parentPath;
+  const idPath = path.get('id');
+  if (!declaration || !declaration.isVariableDeclaration() || declaration.node.kind !== 'const' || !idPath.isIdentifier()) {
+    return false;
+  }
+  const variableName = idPath.node.name;
+  if (declaration.parentPath?.isExportNamedDeclaration() && declaration.parentPath.node.source == null) {
+    return true;
+  }
+  const programPath = getProgramPath(path);
+  if (programPath == null) {
+    return false;
+  }
+  let result = false;
+  programPath.traverse({
+    ExportNamedDeclaration(p) {
+      const node = p.node;
+      if (node.source != null) {
+        return;
+      }
+      if (node.declaration != null) {
+        return;
+      }
+      if (node.specifiers == null || node.specifiers.length === 0) {
+        return;
+      }
+      result = result || node.specifiers.some(s => s.type === 'ExportSpecifier' && s.local.type === 'Identifier' && s.exported.type === 'Identifier' && s.local.name === variableName && s.exported.name === variableName);
+    }
+  });
+  return result;
+}
 
 const defaultOptions = {
   classNamePrefix: 'x',
@@ -602,15 +634,14 @@ class StateManager {
         ltr,
         rtl
       } = styleObj;
-      const args = [t__namespace.stringLiteral(ltr), t__namespace.numericLiteral(priority), ...(rtl != null ? [t__namespace.stringLiteral(rtl)] : [])];
-      if ('constKey' in styleObj && 'constVal' in styleObj) {
-        const {
-          constKey,
-          constVal
-        } = styleObj;
-        args.push(t__namespace.stringLiteral(constKey), typeof constVal === 'number' ? t__namespace.numericLiteral(constVal) : t__namespace.stringLiteral(String(constVal)));
+      let constKey = null;
+      let constVal = null;
+      if (styleObj.constKey != null && styleObj.constVal != null) {
+        constKey = styleObj.constKey;
+        constVal = styleObj.constVal;
       }
-      statementPath.insertBefore(t__namespace.expressionStatement(t__namespace.callExpression(injectName, args)));
+      const properties = [t__namespace.objectProperty(t__namespace.identifier('ltr'), t__namespace.stringLiteral(ltr)), ...(rtl != null ? [t__namespace.objectProperty(t__namespace.identifier('rtl'), t__namespace.stringLiteral(rtl))] : []), t__namespace.objectProperty(t__namespace.identifier('priority'), t__namespace.numericLiteral(priority)), ...(constKey != null ? [t__namespace.objectProperty(t__namespace.identifier('constKey'), t__namespace.stringLiteral(constKey)), t__namespace.objectProperty(t__namespace.identifier('constVal'), typeof constVal === 'number' ? t__namespace.numericLiteral(constVal) : t__namespace.stringLiteral(String(constVal)))] : [])];
+      statementPath.insertBefore(t__namespace.expressionStatement(t__namespace.callExpression(injectName, [t__namespace.objectExpression(properties)])));
     }
   }
   markComposedNamespace(memberExpression) {
@@ -5669,7 +5700,6 @@ function deopt(path, state, reason) {
   state.deoptReason = reason;
 }
 function evaluateImportedFile(filePath, namedExport, state, bindingPath) {
-  const fs = require('node:fs');
   const fileContents = fs.readFileSync(filePath, 'utf8');
   const ast = core.parseSync(fileContents, {
     babelrc: true
@@ -6951,11 +6981,10 @@ function transformStyleXDefineVars(callExpressionPath, state) {
 }
 function validateStyleXDefineVars(callExpressionPath) {
   const variableDeclaratorPath = callExpressionPath.parentPath;
-  const exportNamedDeclarationPath = variableDeclaratorPath.parentPath?.parentPath;
   if (variableDeclaratorPath == null || variableDeclaratorPath.isExpressionStatement() || !variableDeclaratorPath.isVariableDeclarator() || variableDeclaratorPath.node.id.type !== 'Identifier') {
     throw callExpressionPath.buildCodeFrameError(messages.unboundCallValue('defineVars'), SyntaxError);
   }
-  if (exportNamedDeclarationPath == null || !exportNamedDeclarationPath.isExportNamedDeclaration()) {
+  if (!isVariableNamedExported(variableDeclaratorPath)) {
     throw callExpressionPath.buildCodeFrameError(messages.nonExportNamedDeclaration('defineVars'), SyntaxError);
   }
   if (callExpressionPath.node.arguments.length !== 1) {
@@ -7010,11 +7039,10 @@ function transformStyleXDefineConsts(callExpressionPath, state) {
 }
 function validateStyleXDefineConsts(callExpressionPath) {
   const variableDeclaratorPath = callExpressionPath.parentPath;
-  const exportNamedDeclarationPath = variableDeclaratorPath.parentPath?.parentPath;
   if (variableDeclaratorPath == null || !variableDeclaratorPath.isVariableDeclarator() || variableDeclaratorPath.node.id.type !== 'Identifier') {
     throw callExpressionPath.buildCodeFrameError(messages.unboundCallValue('defineConsts'), SyntaxError);
   }
-  if (exportNamedDeclarationPath == null || !exportNamedDeclarationPath.isExportNamedDeclaration()) {
+  if (!isVariableNamedExported(variableDeclaratorPath)) {
     throw callExpressionPath.buildCodeFrameError(messages.nonExportNamedDeclaration('defineConsts'), SyntaxError);
   }
   if (callExpressionPath.node.arguments.length !== 1) {
@@ -7857,11 +7885,10 @@ function transformStyleXDefineMarker(path, state) {
 }
 function validateStyleXDefineMarker(path) {
   const variableDeclaratorPath = path.parentPath;
-  const exportNamedDeclarationPath = variableDeclaratorPath.parentPath?.parentPath;
   if (variableDeclaratorPath == null || variableDeclaratorPath.isExpressionStatement() || !variableDeclaratorPath.isVariableDeclarator() || variableDeclaratorPath.node.id.type !== 'Identifier') {
     throw path.buildCodeFrameError(unboundCallValue('defineMarker'), SyntaxError);
   }
-  if (exportNamedDeclarationPath == null || !exportNamedDeclarationPath.isExportNamedDeclaration()) {
+  if (!isVariableNamedExported(variableDeclaratorPath)) {
     throw path.buildCodeFrameError(nonExportNamedDeclaration('defineMarker'), SyntaxError);
   }
 }

package/lib/shared/common-types.d.ts

@@ -55,7 +55,6 @@ export type StyleXOptions = Readonly<{
     | 'property-specificity'
     | 'legacy-expand-shorthands';
   test: boolean;
-  ...
 }>;
 export type MutableCompiledNamespaces = { [key: string]: FlatCompiledStyles };
 export type CompiledNamespaces = Readonly<MutableCompiledNamespaces>;

package/lib/shared/types/index.d.ts

@@ -187,7 +187,6 @@ export declare class Num<T extends NumberValue>
 export declare const number: <T extends NumberValue = NumberValue>(
   value: NestedWithNumbers,
 ) => Num<T>;
-export declare type number = typeof number;
 type ResolutionValue = string | 0;
 export declare class Resolution<T extends ResolutionValue>
   extends BaseCSSType

package/lib/utils/ast-helpers.d.ts

@@ -35,3 +35,14 @@ export declare function addDefaultImport(
 ): t.Identifier;
 export declare function isProgramLevel(path: NodePath): boolean;
 export declare function getProgramStatement(path: NodePath): NodePath;
+/**
+ * Checks if a variable with the given name is named exported in the program.
+ * This handles both:
+ * - Direct named exports: `export const x = ...`
+ * - Locally declared named exports: `const x = ...; export { x }`
+ *
+ * Default exports and re-exports from other files (e.g., `export { x } from './other'`) are NOT allowed.
+ */
+export declare function isVariableNamedExported(
+  path: NodePath<t.VariableDeclarator>,
+): boolean;

package/lib/utils/ast-helpers.js.flow

@@ -42,3 +42,15 @@ declare export function addDefaultImport(
 declare export function isProgramLevel(path: NodePath<>): boolean;
 
 declare export function getProgramStatement(path: NodePath<>): NodePath<>;
+
+/**
+ * Checks if a variable with the given name is named exported in the program.
+ * This handles both:
+ * - Direct named exports: `export const x = ...`
+ * - Locally declared named exports: `const x = ...; export { x }`
+ *
+ * Default exports and re-exports from other files (e.g., `export { x } from './other'`) are NOT allowed.
+ */
+declare export function isVariableNamedExported(
+  path: NodePath<t.VariableDeclarator>,
+): boolean;

package/lib/visitors/stylex-define-consts.js.flow

@@ -11,7 +11,6 @@ import type { NodePath } from '@babel/traverse';
 
 import * as t from '@babel/types';
 import StateManager from '../utils/state-manager';
-
 /// This function looks for `stylex.defineConsts` calls and transforms them.
 /// 1. It finds and validates the first argument to `stylex.defineConsts`.
 /// 2. It evaluates the style const object to a JS value, erroring on non-static or non-object values.

package/package.json

@@ -1,8 +1,10 @@
 {
   "name": "@stylexjs/babel-plugin",
-  "version": "0.17.1",
+  "version": "0.17.3",
   "description": "StyleX babel plugin.",
   "main": "lib/index.js",
+  "browser": "lib/index.browser.js",
+  "types": "./lib/index.d.ts",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/facebook/stylex.git"
@@ -21,8 +23,8 @@
     "@babel/traverse": "^7.26.8",
     "@babel/types": "^7.26.8",
     "@dual-bundle/import-meta-resolve": "^4.1.0",
-    "@stylexjs/shared": "0.17.1",
-    "@stylexjs/stylex": "0.17.1",
+    "@stylexjs/shared": "0.17.3",
+    "@stylexjs/stylex": "0.17.3",
     "postcss-value-parser": "^4.1.0"
   },
   "devDependencies": {
@@ -33,8 +35,9 @@
     "@rollup/plugin-node-resolve": "^15.3.0",
     "@rollup/plugin-replace": "^6.0.1",
     "babel-plugin-syntax-hermes-parser": "^0.32.1",
+    "path-browserify": "^1.0.1",
     "rollup": "^4.24.0",
-    "scripts": "0.17.1"
+    "scripts": "0.17.3"
   },
   "files": [
     "flow_modules/*",

package/lib/shared/utils/property-priorities.d.ts

@@ -1,17 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- *
- */
-
-export declare const PSEUDO_CLASS_PRIORITIES: Readonly<{
-  [$$Key$$: string]: number;
-}>;
-type AtRulePriorities = { '@supports': 30; '@media': 200; '@container': 300 };
-export declare const AT_RULE_PRIORITIES: Readonly<AtRulePriorities>;
-export declare const PSEUDO_ELEMENT_PRIORITY: number;
-declare function getPriority(key: string): number;
-export default getPriority;

package/lib/shared/utils/property-priorities.js.flow

@@ -1,78 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow strict
- */
-
-// type PseudoClassPriorities = {
-//   ':is': 40,
-//   ':where': 40,
-//   ':not': 40,
-//   ':has': 45,
-//   ':dir': 50,
-//   ':lang': 51,
-//   ':first-child': 52,
-//   ':first-of-type': 53,
-//   ':last-child': 54,
-//   ':last-of-type': 55,
-//   ':only-child': 56,
-//   ':only-of-type': 57,
-//   ':nth-child': 60,
-//   ':nth-last-child': 61,
-//   ':nth-of-type': 62,
-//   ':nth-last-of-type': 63, // 'nth-last-of-type' is the same priority as 'nth-of-type
-//   ':empty': 70,
-//   ':link': 80,
-//   ':any-link': 81,
-//   ':local-link': 82,
-//   ':target-within': 83,
-//   ':target': 84,
-//   ':visited': 85,
-//   ':enabled': 91,
-//   ':disabled': 92,
-//   ':required': 93,
-//   ':optional': 94,
-//   ':read-only': 95,
-//   ':read-write': 96,
-//   ':placeholder-shown': 97,
-//   ':in-range': 98,
-//   ':out-of-range': 99,
-//   ':default': 100,
-//   ':checked': 101,
-//   ':indeterminate': 101,
-//   ':blank': 102,
-//   ':valid': 103,
-//   ':invalid': 104,
-//   ':user-invalid': 105,
-//   ':autofill': 110,
-//   ':picture-in-picture': 120,
-//   ':modal': 121,
-//   ':fullscreen': 122,
-//   ':paused': 123,
-//   ':playing': 124,
-//   ':current': 125,
-//   ':past': 126,
-//   ':future': 127,
-//   ':hover': 130,
-//   ':focusWithin': 140,
-//   ':focus': 150,
-//   ':focusVisible': 160,
-//   ':active': 170,
-// };
-
-declare export const PSEUDO_CLASS_PRIORITIES: $ReadOnly<{ [string]: number }>;
-
-type AtRulePriorities = {
-  '@supports': 30,
-  '@media': 200,
-  '@container': 300,
-};
-
-declare export const AT_RULE_PRIORITIES: $ReadOnly<AtRulePriorities>;
-
-declare export const PSEUDO_ELEMENT_PRIORITY: number;
-
-declare export default function getPriority(key: string): number;

package/lib/visitors/stylex-default-target.d.ts

@@ -1,20 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- *
- */
-
-import type { NodePath } from '@babel/traverse';
-import type StateManager from '../utils/state-manager';
-import * as t from '@babel/types';
-/**
- * Transform `stylex.defaultTarget` calls and property access to use the configured classNamePrefix
- */
-declare function transformStyleXDefaultTarget(
-  path: NodePath<t.CallExpression | t.MemberExpression>,
-  state: StateManager,
-): void;
-export default transformStyleXDefaultTarget;

package/lib/visitors/stylex-default-target.js.flow

@@ -1,21 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow strict
- */
-
-import type { NodePath } from '../../flow_modules/@babel/traverse';
-import type StateManager from '../utils/state-manager';
-
-import * as t from '../../flow_modules/@babel/types';
-
-/**
- * Transform `stylex.defaultTarget` calls and property access to use the configured classNamePrefix
- */
-declare export default function transformStyleXDefaultTarget(
-  path: NodePath<t.CallExpression | t.MemberExpression>,
-  state: StateManager,
-): void;