@stylexjs/babel-plugin 0.8.0 → 0.9.0

package/lib/utils/state-manager.d.ts

@@ -25,13 +25,13 @@ export type ImportPathResolution =
 type ModuleResolution =
   | Readonly<{
       type: 'commonJS';
-      rootDir: string;
+      rootDir?: string;
       themeFileExtension?: null | undefined | string;
     }>
   | Readonly<{ type: 'haste'; themeFileExtension?: null | undefined | string }>
   | Readonly<{
       type: 'experimental_crossFileParsing';
-      rootDir: string;
+      rootDir?: string;
       themeFileExtension?: null | undefined | string;
     }>;
 export type StyleXOptions = Readonly<
@@ -141,6 +141,10 @@ declare class StateManager {
   get cssVars(): any;
   get treeshakeCompensation(): boolean;
   get fileNameForHashing(): null | string;
+  getPackageNameAndPath(
+    filepath: string,
+  ): null | readonly [packageName: string, packageDir: string];
+  getCanonicalFilePath(filePath: string): string;
   importPathResolver(importPath: string): ImportPathResolution;
   addStyle(style: [string, { ltr: string; rtl?: string | null }, number]): void;
   registerStyles(

package/lib/utils/state-manager.js.flow

@@ -27,7 +27,7 @@ export type ImportPathResolution =
 type ModuleResolution =
   | $ReadOnly<{
       type: 'commonJS',
-      rootDir: string,
+      rootDir?: string,
       themeFileExtension?: ?string,
     }>
   | $ReadOnly<{
@@ -36,7 +36,7 @@ type ModuleResolution =
     }>
   | $ReadOnly<{
       type: 'experimental_crossFileParsing',
-      rootDir: string,
+      rootDir?: string,
       themeFileExtension?: ?string,
     }>;
 
@@ -104,6 +104,10 @@ declare export default class StateManager {
   get cssVars(): any;
   get treeshakeCompensation(): boolean;
   get fileNameForHashing(): null | string;
+  getPackageNameAndPath(
+    filepath: string,
+  ): null | [+packageName: string, +packageDir: string];
+  getCanonicalFilePath(filePath: string): string;
   importPathResolver(importPath: string): ImportPathResolution;
   addStyle(style: [string, { ltr: string, rtl?: string | null }, number]): void;
   registerStyles(

package/lib/visitors/stylex-create/parse-stylex-create-arg.d.ts

@@ -11,6 +11,19 @@ import type { NodePath } from '@babel/traverse';
 import * as t from '@babel/types';
 import StateManager from '../../utils/state-manager';
 import { type FunctionConfig } from '../../utils/evaluate-path';
+type TInlineStyles = {
+  [$$Key$$: string]: {
+    readonly path: ReadonlyArray<string>;
+    readonly originalExpression: t.Expression;
+    readonly expression: t.Expression | t.PatternLike;
+  };
+};
+type DynamicFns = {
+  [$$Key$$: string]: readonly [
+    params: Array<t.Identifier>,
+    inlineStyles: Readonly<TInlineStyles>,
+  ];
+};
 export declare function evaluateStyleXCreateArg(
   path: NodePath,
   traversalState: StateManager,
@@ -19,10 +32,5 @@ export declare function evaluateStyleXCreateArg(
   confident: boolean;
   value: any;
   deopt?: null | NodePath;
-  fns?: {
-    [$$Key$$: string]: [
-      Array<t.Identifier>,
-      { readonly [$$Key$$: string]: t.Expression | t.PatternLike },
-    ];
-  };
+  fns?: DynamicFns;
 }>;

package/lib/visitors/stylex-create/parse-stylex-create-arg.js.flow

@@ -12,6 +12,21 @@ import type { NodePath } from '../../../flow_modules/@babel/traverse';
 import * as t from '../../../flow_modules/@babel/types';
 import StateManager from '../../utils/state-manager';
 import { type FunctionConfig } from '../../utils/evaluate-path';
+type TInlineStyles = {
+  [string]: {
+    +path: $ReadOnlyArray<string>,
+    +originalExpression: t.Expression,
+    +expression: t.Expression | t.PatternLike,
+  },
+};
+
+type DynamicFns = {
+  [string]: [
+    +params: Array<t.Identifier>,
+    +inlineStyles: $ReadOnly<TInlineStyles>,
+  ],
+};
+
 // This
 declare export function evaluateStyleXCreateArg(
   path: NodePath<>,
@@ -21,10 +36,5 @@ declare export function evaluateStyleXCreateArg(
   confident: boolean,
   value: any,
   deopt?: null | NodePath<>,
-  fns?: {
-    [string]: [
-      Array<t.Identifier>,
-      { +[string]: t.Expression | t.PatternLike },
-    ],
-  },
+  fns?: DynamicFns,
 }>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stylexjs/babel-plugin",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "description": "StyleX babel plugin.",
   "main": "lib/index.js",
   "repository": "https://github.com/facebook/stylex",
@@ -14,11 +14,12 @@
   },
   "dependencies": {
     "@babel/helper-module-imports": "^7.22.15",
-    "@stylexjs/shared": "0.8.0",
-    "@stylexjs/stylex": "0.8.0",
-    "@babel/core": "^7.23.6",
-    "@babel/traverse": "^7.23.6",
-    "@babel/types": "^7.23.6"
+    "@stylexjs/shared": "0.9.0",
+    "@stylexjs/stylex": "0.9.0",
+    "@babel/core": "^7.25.8",
+    "@babel/traverse": "^7.25.7",
+    "@babel/types": "^7.25.8",
+    "esm-resolve": "^1.0.11"
   },
   "jest": {
     "verbose": true,