@stylexjs/babel-plugin 0.10.1 → 0.11.0

package/lib/utils/add-sourcemap-data.d.ts

@@ -0,0 +1,23 @@
+/**
+ * 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 { CompiledNamespaces } from '@stylexjs/shared';
+import * as t from '@babel/types';
+import StateManager from './state-manager';
+/**
+ * Adds sourceMap data to objects created with stylex.create.
+ * Populates the '$$css' property, which the runtime uses to produce a
+ * debug string.
+ */
+export declare function addSourceMapData(
+  obj: CompiledNamespaces,
+  babelPath: NodePath<t.CallExpression>,
+  state: StateManager,
+): CompiledNamespaces;

package/lib/utils/add-sourcemap-data.js.flow

@@ -0,0 +1,25 @@
+/**
+ * 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 { CompiledNamespaces } from '@stylexjs/shared';
+
+import * as t from '../../flow_modules/@babel/types';
+import StateManager from './state-manager';
+
+/**
+ * Adds sourceMap data to objects created with stylex.create.
+ * Populates the '$$css' property, which the runtime uses to produce a
+ * debug string.
+ */
+declare export function addSourceMapData(
+  obj: CompiledNamespaces,
+  babelPath: NodePath<t.CallExpression>,
+  state: StateManager,
+): CompiledNamespaces;

package/lib/utils/js-to-ast.d.ts

@@ -9,15 +9,8 @@
 
 import type { FlatCompiledStyles } from '../../../shared/src/common-types';
 import * as t from '@babel/types';
-import { IncludedStyles } from '@stylexjs/shared';
 type NestedStringObject = Readonly<{
-  [key: string]:
-    | string
-    | number
-    | null
-    | boolean
-    | NestedStringObject
-    | IncludedStyles;
+  [key: string]: string | number | null | boolean | NestedStringObject;
 }>;
 export declare function convertObjectToAST(
   obj: NestedStringObject,

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

@@ -10,16 +10,9 @@
 import type { FlatCompiledStyles } from '../../../shared/src/common-types';
 
 import * as t from '../../flow_modules/@babel/types';
-import { IncludedStyles } from '@stylexjs/shared';
 
 type NestedStringObject = $ReadOnly<{
-  [key: string]:
-    | string
-    | number
-    | null
-    | boolean
-    | NestedStringObject
-    | IncludedStyles,
+  [key: string]: string | number | null | boolean | NestedStringObject,
 }>;
 
 declare export function convertObjectToAST(

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

@@ -38,36 +38,44 @@ export type StyleXOptions = Readonly<
   Omit<
     RuntimeOptions,
     keyof ({
+      aliases?:
+        | null
+        | undefined
+        | Readonly<{ [$$Key$$: string]: string | ReadonlyArray<string> }>;
+      enableDebugClassNames?: boolean;
+      enableDebugDataProp?: boolean;
+      enableDevClassNames?: boolean;
+      genConditionalClasses: boolean;
       importSources: ReadonlyArray<
         string | Readonly<{ from: string; as: string }>
       >;
+      rewriteAliases?: boolean;
       runtimeInjection:
         | boolean
         | (null | undefined | string)
         | Readonly<{ from: string; as: string }>;
       treeshakeCompensation?: boolean;
-      genConditionalClasses: boolean;
       unstable_moduleResolution?: null | undefined | ModuleResolution;
-      aliases?:
-        | null
-        | undefined
-        | Readonly<{ [$$Key$$: string]: string | ReadonlyArray<string> }>;
     })
   > & {
+    aliases?:
+      | null
+      | undefined
+      | Readonly<{ [$$Key$$: string]: string | ReadonlyArray<string> }>;
+    enableDebugClassNames?: boolean;
+    enableDebugDataProp?: boolean;
+    enableDevClassNames?: boolean;
+    genConditionalClasses: boolean;
     importSources: ReadonlyArray<
       string | Readonly<{ from: string; as: string }>
     >;
+    rewriteAliases?: boolean;
     runtimeInjection:
       | boolean
       | (null | undefined | string)
       | Readonly<{ from: string; as: string }>;
     treeshakeCompensation?: boolean;
-    genConditionalClasses: boolean;
     unstable_moduleResolution?: null | undefined | ModuleResolution;
-    aliases?:
-      | null
-      | undefined
-      | Readonly<{ [$$Key$$: string]: string | ReadonlyArray<string> }>;
   }
 >;
 type StyleXStateOptions = Readonly<
@@ -81,6 +89,7 @@ type StyleXStateOptions = Readonly<
         | null
         | undefined
         | Readonly<{ [$$Key$$: string]: ReadonlyArray<string> }>;
+      rewriteAliases: boolean;
     })
   > & {
     runtimeInjection:
@@ -90,6 +99,7 @@ type StyleXStateOptions = Readonly<
       | null
       | undefined
       | Readonly<{ [$$Key$$: string]: ReadonlyArray<string> }>;
+    rewriteAliases: boolean;
   }
 >;
 declare class StateManager {
@@ -135,6 +145,8 @@ declare class StateManager {
     from: string,
     options: ImportAdditionOptions,
   ): t.Identifier;
+  get opts(): StyleXStateOptions;
+  get isDebug(): boolean;
   get isDev(): boolean;
   get isTest(): boolean;
   get filename(): string | void;
@@ -158,3 +170,13 @@ declare class StateManager {
   ): void;
 }
 export default StateManager;
+export declare const filePathResolver: (
+  relativeFilePath: string,
+  sourceFilePath: string,
+  aliases: StyleXStateOptions['aliases'],
+) => null | undefined | string;
+export declare const EXTENSIONS: any;
+export declare const matchesFileSuffix: (
+  $$PARAM_0$$: string,
+) => ($$PARAM_0$$: string) => boolean;
+export declare function getRelativePath(from: string, to: string): string;

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

@@ -42,14 +42,18 @@ type ModuleResolution =
 
 export type StyleXOptions = $ReadOnly<{
   ...RuntimeOptions,
+  aliases?: ?$ReadOnly<{ [string]: string | $ReadOnlyArray<string> }>,
+  enableDebugClassNames?: boolean,
+  enableDebugDataProp?: boolean,
+  enableDevClassNames?: boolean,
+  genConditionalClasses: boolean,
   importSources: $ReadOnlyArray<
     string | $ReadOnly<{ from: string, as: string }>,
   >,
+  rewriteAliases?: boolean,
   runtimeInjection: boolean | ?string | $ReadOnly<{ from: string, as: string }>,
   treeshakeCompensation?: boolean,
-  genConditionalClasses: boolean,
   unstable_moduleResolution?: ?ModuleResolution,
-  aliases?: ?$ReadOnly<{ [string]: string | $ReadOnlyArray<string> }>,
   ...
 }>;
 
@@ -57,6 +61,7 @@ type StyleXStateOptions = $ReadOnly<{
   ...StyleXOptions,
   runtimeInjection: ?string | $ReadOnly<{ from: string, as: ?string }>,
   aliases?: ?$ReadOnly<{ [string]: $ReadOnlyArray<string> }>,
+  rewriteAliases: boolean,
   ...
 }>;
 
@@ -98,6 +103,8 @@ declare export default class StateManager {
     from: string,
     options: ImportAdditionOptions,
   ): t.Identifier;
+  get opts(): StyleXStateOptions;
+  get isDebug(): boolean;
   get isDev(): boolean;
   get isTest(): boolean;
   get filename(): string | void;
@@ -120,3 +127,17 @@ declare export default class StateManager {
     memberExpression: [string, true | string, true | Array<string>],
   ): void;
 }
+
+// a function that resolves the absolute path of a file when given the
+// relative path of the file from the source file
+declare export const filePathResolver: (
+  relativeFilePath: string,
+  sourceFilePath: string,
+  aliases: StyleXStateOptions['aliases'],
+) => ?string;
+
+declare export const EXTENSIONS: $FlowFixMe;
+
+declare export const matchesFileSuffix: (string) => (string) => boolean;
+
+declare export function getRelativePath(from: string, to: string): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stylexjs/babel-plugin",
-  "version": "0.10.1",
+  "version": "0.11.0",
   "description": "StyleX babel plugin.",
   "main": "lib/index.js",
   "repository": "https://github.com/facebook/stylex",
@@ -13,12 +13,12 @@
     "test": "jest"
   },
   "dependencies": {
-    "@babel/helper-module-imports": "^7.22.15",
-    "@stylexjs/shared": "0.10.1",
-    "@stylexjs/stylex": "0.10.1",
-    "@babel/core": "^7.25.8",
-    "@babel/traverse": "^7.25.7",
-    "@babel/types": "^7.25.8",
+    "@babel/helper-module-imports": "^7.25.9",
+    "@stylexjs/shared": "0.11.0",
+    "@stylexjs/stylex": "0.11.0",
+    "@babel/core": "^7.26.8",
+    "@babel/traverse": "^7.26.8",
+    "@babel/types": "^7.26.8",
     "@dual-bundle/import-meta-resolve": "^4.1.0"
   },
   "jest": {