react-native-css 3.1.0-rc.0 → 3.1.0-rc.1

package/dist/typescript/module/src/native/api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../../../src/native/api.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAGjE,OAAO,KAAK,EACV,WAAW,EACX,KAAK,EACL,cAAc,EACd,MAAM,EACN,mBAAmB,EAEpB,MAAM,qBAAkB,CAAC;AAC1B,OAAO,EAAmB,YAAY,EAAE,MAAM,yBAAsB,CAAC;AAWrE,OAAO,EACL,eAAe,EACf,eAAe,EACf,uBAAuB,GACxB,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,CAAC;AAMxB;;;;;GAKG;AACH,eAAO,MAAM,MAAM,EAAE,MAuBpB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,WAOzB,CAAC;AAEF,eAAO,MAAM,yBAAyB,0BAAoB,CAAC;AAE3D,eAAO,MAAM,aAAa,GACxB,KAAK,CAAC,CAAC,SAAS,cAAc,CAAC,GAAG,CAAC,EACnC,KAAK,CAAC,CAAC,SAAS,mBAAmB,CAAC,CAAC,CAAC,EAEtC,WAAW,CAAC,EACZ,eAAe,KAAK,EACpB,SAAS,CAAC,qKAIX,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,OAyB7C;AAED;;GAEG;AACH,wBAAgB,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,GAAG,SAAS,CAO1E"}
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../../../src/native/api.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAGjE,OAAO,KAAK,EACV,WAAW,EACX,KAAK,EACL,cAAc,EACd,MAAM,EACN,mBAAmB,EAEpB,MAAM,qBAAkB,CAAC;AAC1B,OAAO,EAAmB,YAAY,EAAE,MAAM,yBAAsB,CAAC;AAYrE,OAAO,EACL,eAAe,EACf,eAAe,EACf,uBAAuB,GACxB,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,CAAC;AAMxB;;;;;GAKG;AACH,eAAO,MAAM,MAAM,EAAE,MAuBpB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,WAOzB,CAAC;AAEF,eAAO,MAAM,yBAAyB,0BAAoB,CAAC;AAE3D,eAAO,MAAM,aAAa,GACxB,KAAK,CAAC,CAAC,SAAS,cAAc,CAAC,GAAG,CAAC,EACnC,KAAK,CAAC,CAAC,SAAS,mBAAmB,CAAC,CAAC,CAAC,EAEtC,WAAW,CAAC,EACZ,eAAe,KAAK,EACpB,SAAS,CAAC,qKAIX,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,OAyB7C;AAED;;GAEG;AACH,wBAAgB,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,GAAG,SAAS,CAK1E"}

package/dist/typescript/module/src/native/react/useNativeCss.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useNativeCss.d.ts","sourceRoot":"","sources":["../../../../../../src/native/react/useNativeCss.ts"],"names":[],"mappings":"AACA,OAAO,EAML,KAAK,aAAa,EACnB,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAqB,CAAC;AAC/D,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,yBAAsB,CAAC;AACpE,OAAO,EAGL,KAAK,qBAAqB,EAC1B,KAAK,MAAM,EACX,KAAK,MAAM,EACX,KAAK,oBAAoB,EAC1B,MAAM,kBAAe,CAAC;AAEvB,OAAO,EAAkB,YAAY,EAAE,MAAM,oBAAW,CAAC;AAGzD,MAAM,MAAM,MAAM,GAAG;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,GAAG,KAAK,CAAC;IAClC,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,uCAAuC;IACvC,OAAO,EAAE,MAAM,EAAE,CAAC;IAElB,wBAAwB;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IAEpB,2BAA2B;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC;IAEtD,kDAAkD;IAClD,SAAS,CAAC,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;IAC5C,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC;IAEvB,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,UAAU,CAAC,EAAE,qBAAqB,CAAC;IAEnC,kBAAkB,EAAE,oBAAoB,CAAC;IACzC,mBAAmB,EAAE,qBAAqB,CAAC;IAE3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CACjC,CAAC;AAEF;;GAEG;AACH,wBAAgB,YAAY,CAC1B,IAAI,EAAE,aAAa,CAAC,GAAG,CAAC,EACxB,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,GAAG,IAAI,EACrD,OAAO,GAAE,MAAM,EAA+C,oKA6H/D;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,mBAAmB,CAAC,GAAG,CAAC,YA4ChE"}
+{"version":3,"file":"useNativeCss.d.ts","sourceRoot":"","sources":["../../../../../../src/native/react/useNativeCss.ts"],"names":[],"mappings":"AACA,OAAO,EAOL,KAAK,aAAa,EACnB,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAqB,CAAC;AAC/D,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,yBAAsB,CAAC;AACpE,OAAO,EAIL,KAAK,qBAAqB,EAC1B,KAAK,MAAM,EACX,KAAK,MAAM,EACX,KAAK,oBAAoB,EAC1B,MAAM,kBAAe,CAAC;AAEvB,OAAO,EAAkB,YAAY,EAAE,MAAM,oBAAW,CAAC;AAGzD,MAAM,MAAM,MAAM,GAAG;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,GAAG,KAAK,CAAC;IAClC,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,uCAAuC;IACvC,OAAO,EAAE,MAAM,EAAE,CAAC;IAElB,wBAAwB;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IAEpB,2BAA2B;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC;IAEtD,kDAAkD;IAClD,SAAS,CAAC,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;IAC5C,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC;IAEvB,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,UAAU,CAAC,EAAE,qBAAqB,CAAC;IAEnC,kBAAkB,EAAE,oBAAoB,CAAC;IACzC,mBAAmB,EAAE,qBAAqB,CAAC;IAE3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CACjC,CAAC;AAEF;;GAEG;AACH,wBAAgB,YAAY,CAC1B,IAAI,EAAE,aAAa,CAAC,GAAG,CAAC,EACxB,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,GAAG,IAAI,EACrD,OAAO,GAAE,MAAM,EAA+C,oKA0I/D;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,mBAAmB,CAAC,GAAG,CAAC,YA4ChE"}

package/dist/typescript/module/src/native/reactivity.d.ts

@@ -3,6 +3,10 @@ import type { StyleDescriptor } from "react-native-css/compiler";
 export type Effect = {
     observers: Set<Observable<any, any>>;
     run(): void;
+    /** Dependencies recorded by the last cleanupEffect() */
+    dependencies?: Observable<any, any>[];
+    /** Dependency values recorded by the last cleanupEffect() */
+    snapshots?: [Observable<any, any>, unknown][];
 };
 export type Observable<Value, Arg = Value> = {
     observers: Set<Effect>;
@@ -18,6 +22,8 @@ export declare const observableBatch: {
 };
 export declare function observable<Value, Arg = Value>(init: Value | Read<Value, Arg>, equality?: (value1: Value, value2: Value) => boolean): Observable<Value, Arg>;
 export declare function cleanupEffect(effect: Effect): void;
+/** Whether any of the effect's dependencies changed since cleanupEffect() */
+export declare function hasChangedDependencies(effect: Effect): boolean;
 /** Family Helpers ************************************************************/
 export declare function family<Key, Result = Key, Args extends any = void>(fn: (key: Key, args: Args) => Result): ((key: Key, args: Args) => Result) & {
     delete(key: Key): boolean;
@@ -33,6 +39,7 @@ export declare const VAR_SYMBOL: unique symbol;
 export type VariableContextValue = Record<string, StyleDescriptor> & {
     [VAR_SYMBOL]: true;
 };
+export declare function toVariableRecord(variables: Record<string, StyleDescriptor>): Record<string, StyleDescriptor>;
 /** Pseudo Classes ************************************************************/
 export declare const hoverFamily: WeakFamilyFn<WeakKey, void, Observable<boolean, boolean>>;
 export declare const activeFamily: WeakFamilyFn<WeakKey, void, Observable<boolean, boolean>>;

package/dist/typescript/module/src/native/reactivity.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reactivity.d.ts","sourceRoot":"","sources":["../../../../../src/native/reactivity.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"reactivity.d.ts","sourceRoot":"","sources":["../../../../../src/native/reactivity.ts"],"names":[],"mappings":"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"}

package/dist/typescript/module/src/native-internal/root.d.ts

@@ -1,5 +1,16 @@
 import type { StyleDescriptor, VariableValue } from "react-native-css/compiler";
 import { type Observable } from "../native/reactivity.js";
+declare const rootVariableFamily: () => ((key: string, args: void) => Observable<StyleDescriptor, VariableValue[]>) & {
+    delete(key: string): boolean;
+    clear(): void;
+};
+interface RootVariableRegistries {
+    root: ReturnType<typeof rootVariableFamily>;
+    universal: ReturnType<typeof rootVariableFamily>;
+}
+declare global {
+    var __react_native_css_root_variable_registries: RootVariableRegistries | undefined;
+}
 export declare const rootVariables: ((key: string, args: void) => Observable<StyleDescriptor, VariableValue[]>) & {
     delete(key: string): boolean;
     clear(): void;
@@ -8,4 +19,5 @@ export declare const universalVariables: ((key: string, args: void) => Observabl
     delete(key: string): boolean;
     clear(): void;
 };
+export {};
 //# sourceMappingURL=root.d.ts.map

package/dist/typescript/module/src/native-internal/root.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../../../../src/native-internal/root.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAGhF,OAAO,EAAsB,KAAK,UAAU,EAAE,MAAM,yBAAsB,CAAC;AA0B3E,eAAO,MAAM,aAAa;;;CAAuB,CAAC;AAClD,eAAO,MAAM,kBAAkB;;;CAAuB,CAAC"}
+{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../../../../src/native-internal/root.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAGhF,OAAO,EAAsB,KAAK,UAAU,EAAE,MAAM,yBAAsB,CAAC;AAE3E,QAAA,MAAM,kBAAkB;;;CAsBvB,CAAC;AAEF,UAAU,sBAAsB;IAC9B,IAAI,EAAE,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;IAC5C,SAAS,EAAE,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,IAAI,2CAA2C,EAC3C,sBAAsB,GACtB,SAAS,CAAC;CACf;AA2BD,eAAO,MAAM,aAAa;;;CACmC,CAAC;AAC9D,eAAO,MAAM,kBAAkB;;;CACmC,CAAC"}

package/dist/typescript/module/src/native-internal/variables.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"variables.d.ts","sourceRoot":"","sources":["../../../../../src/native-internal/variables.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,iBAAiB,EACvB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,OAAO,EAAc,KAAK,oBAAoB,EAAE,MAAM,yBAAsB,CAAC;AAO7E,eAAO,MAAM,eAAe,+CAAiD,CAAC;AAE9E,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,iBAAiB,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC,KAAK,MAAM,EAAE,EAAE,eAAe,CAAC,CAAA;CAAE,CAAC,+BAgB5E"}
+{"version":3,"file":"variables.d.ts","sourceRoot":"","sources":["../../../../../src/native-internal/variables.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,iBAAiB,EACvB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,OAAO,EAGL,KAAK,oBAAoB,EAC1B,MAAM,yBAAsB,CAAC;AAO9B,eAAO,MAAM,eAAe,+CAAiD,CAAC;AAE9E,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,iBAAiB,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC,KAAK,MAAM,EAAE,EAAE,eAAe,CAAC,CAAA;CAAE,CAAC,+BAc5E"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-css",
-  "version": "3.1.0-rc.0",
+  "version": "3.1.0-rc.1",
   "description": "Use CSS stylesheets in React Native",
   "exports": {
     ".": {
@@ -183,6 +183,7 @@
     "example": "yarn workspace react-native-css-example",
     "lint": "eslint",
     "prepare": "bob build",
+    "prepack": "bob build",
     "prepublishOnly": "bob build",
     "release": "release-it --config ./.config/release-it.config.ts",
     "start": "yarn example start",
@@ -348,4 +349,4 @@
       "./.config/commitlint.config.mjs"
     ]
   }
-}
+}

package/src/babel/helpers.ts

@@ -1,3 +1,5 @@
+import { dirname, resolve, sep } from "path";
+
 import tBabelTypes, { type CallExpression } from "@babel/types";
 
 export type BabelTypes = typeof tBabelTypes;
@@ -10,7 +12,7 @@ export interface PluginOpts {
 
 export interface PluginState {
   opts?: PluginOpts;
-  filename: string;
+  filename: string | undefined;
 }
 
 export function getInteropRequireDefaultSource(
@@ -38,3 +40,8 @@ export function getInteropRequireDefaultSource(
 
   return requireArg.value;
 }
+
+// The handlers match "/"-separated package paths, and path.resolve separates with "\" on Windows
+export function resolveImportSource(filename: string, source: string): string {
+  return resolve(dirname(filename), source).split(sep).join("/");
+}

package/src/babel/import-plugin.ts

@@ -25,7 +25,7 @@ export default function ({
 }: {
   types: BabelTypes;
 }): PluginObj<PluginState> {
-  const processed = new WeakSet();
+  const processed = new WeakSet<Statement>();
 
   const packageRoot = resolve(
     __dirname,
@@ -44,17 +44,19 @@ export default function ({
     name: "Rewrite react-native to react-native-css",
     visitor: {
       ImportDeclaration(path, state): void {
+        const { filename } = state;
+
         if (
-          processed.has(path) ||
+          filename === undefined ||
           processed.has(path.node) ||
-          isFromThisModule(state.filename)
+          isFromThisModule(filename)
         ) {
           return;
         }
 
         const statements =
-          handleReactNativeImport(path.node, t, state.filename) ??
-          handleReactNativeWebImport(path.node, t, state.filename);
+          handleReactNativeImport(path.node, t, filename) ??
+          handleReactNativeWebImport(path.node, t, filename);
 
         if (!statements) {
           return;
@@ -67,10 +69,12 @@ export default function ({
         path.replaceWithMultiple(statements);
       },
       VariableDeclaration(path, state): void {
+        const { filename } = state;
+
         if (
-          processed.has(path) ||
+          filename === undefined ||
           processed.has(path.node) ||
-          isFromThisModule(state.filename)
+          isFromThisModule(filename)
         ) {
           return;
         }
@@ -124,14 +128,14 @@ export default function ({
               t,
               id.name,
               initArg.value,
-              state.filename,
+              filename,
             ) ??
             handleReactNativeWebIdentifierRequire(
               path,
               t,
               id.name,
               initArg.value,
-              state.filename,
+              filename,
             );
         } else if (
           t.isObjectPattern(id) &&
@@ -144,14 +148,14 @@ export default function ({
               t,
               id,
               initArg.value,
-              state.filename,
+              filename,
             ) ??
             handleReactNativeWebObjectPatternRequire(
               path,
               t,
               id,
               initArg.value,
-              state.filename,
+              filename,
             );
         } else if (
           t.isIdentifier(id) &&
@@ -168,7 +172,7 @@ export default function ({
             id.name,
             init,
             source,
-            state.filename,
+            filename,
           );
         }
 

package/src/babel/react-native-web.ts

@@ -1,5 +1,3 @@
-import { dirname, resolve } from "path";
-
 import { type NodePath } from "@babel/traverse";
 import tBabelTypes, {
   type CallExpression,
@@ -10,12 +8,13 @@ import tBabelTypes, {
 } from "@babel/types";
 
 import { allowedModules } from "./allowedModules";
+import { resolveImportSource } from "./helpers";
 
 type BabelTypes = typeof tBabelTypes;
 
 function parseReactNativeWebSource(source: string, filename: string) {
   if (source.startsWith(".")) {
-    source = resolve(dirname(filename), source);
+    source = resolveImportSource(filename, source);
 
     const internalPath = source.split("react-native-web/dist")[1];
     if (!internalPath) {

package/src/babel/react-native.ts

@@ -1,5 +1,3 @@
-import { dirname, resolve } from "path";
-
 import { type NodePath } from "@babel/traverse";
 import tBabelTypes, {
   type ImportDeclaration,
@@ -9,12 +7,13 @@ import tBabelTypes, {
 } from "@babel/types";
 
 import { allowedModules } from "./allowedModules";
+import { resolveImportSource } from "./helpers";
 
 type BabelTypes = typeof tBabelTypes;
 
 function parseReactNativeSource(source: string, filename: string) {
   if (source.startsWith(".")) {
-    source = resolve(dirname(filename), source);
+    source = resolveImportSource(filename, source);
 
     const internalPath = source.split("react-native/Libraries/Components/")[1];
     if (!internalPath) {

package/src/compiler/compiler.ts

@@ -10,6 +10,7 @@ import {
   type PropertyRule,
   type Rule,
   type Visitor,
+  type Warning,
 } from "lightningcss";
 
 import {
@@ -42,6 +43,21 @@ import { supportsConditionValid } from "./supports";
 
 const defaultLogger = debug("react-native-css:compiler");
 
+// lightningcss reports this package's own at-rule as unknown
+const OWN_AT_RULE_WARNING = "Unknown at rule: @nativeMapping";
+
+// The warning is the only record of what lightningcss could not parse; only the first pass reads the author's CSS
+function reportSyntaxWarnings(
+  builder: StylesheetBuilder,
+  warnings: Warning[],
+): void {
+  for (const warning of warnings) {
+    if (warning.message !== OWN_AT_RULE_WARNING) {
+      builder.addSyntaxWarning(warning.message);
+    }
+  }
+}
+
 /**
  * Converts a CSS file to a collection of style declarations that can be used with the StyleSheet API
  *
@@ -170,7 +186,7 @@ export function compile(code: Buffer | string, options: CompilerOptions = {}) {
     };
   }
 
-  const { code: firstPass } = lightningcss({
+  const { code: firstPass, warnings: firstPassWarnings } = lightningcss({
     code: typeof code === "string" ? new TextEncoder().encode(code) : code,
     include: Features.DoublePositionGradients | Features.ColorFunction,
     exclude: Features.VendorPrefixes,
@@ -231,6 +247,8 @@ export function compile(code: Buffer | string, options: CompilerOptions = {}) {
     projectRoot: options.projectRoot ?? process.cwd(),
   });
 
+  reportSyntaxWarnings(builder, firstPassWarnings);
+
   return {
     stylesheet: () => builder.getNativeStyleSheet(),
     warnings: () => builder.getWarnings(),

package/src/compiler/compiler.types.ts

@@ -24,6 +24,15 @@ export interface InlineVariableOptions {
   exclude?: `--${string}`[];
 }
 
+// A channel is absent when the compile recorded nothing on it
+export interface CompilerWarnings {
+  properties?: string[];
+  values?: Record<string, string[]>;
+  functions?: string[];
+  // CSS lightningcss could not parse, which the author fixes in their stylesheet
+  syntax?: string[];
+}
+
 /**
  * A `react-native-css` StyleSheet
  */

package/src/compiler/declarations.ts

@@ -2308,7 +2308,7 @@ export function parseLineHeight(
             "style",
             "line-height",
             typeof length.value === "number"
-              ? length.value
+              ? String(length.value)
               : JSON.stringify(length.value),
           );
           return;

package/src/compiler/selector-builder.ts

@@ -63,9 +63,10 @@ export function getClassNameSelectors(
       } else if (isUniversalSelector(selector)) {
         return [{ type: "universalVariables" }];
       } else {
+        // A nested rule reads its parent's selector list again, so the list is never reversed in place
         return (
           parseComponents(
-            selector.reverse(),
+            selector.toReversed(),
             options,
             root,
             root,

package/src/compiler/stylesheet.ts

@@ -9,6 +9,7 @@ import type {
   AnimationKeyframes,
   AnimationRecord,
   CompilerOptions,
+  CompilerWarnings,
   ContainerQuery,
   MediaCondition,
   ReactNativeCssStyleSheet,
@@ -68,8 +69,9 @@ export class StylesheetBuilder {
       ruleOrder: number;
       warningProperty?: string;
       warningProperties: string[];
-      warningValues: Record<string, unknown[]>;
+      warningValues: Record<string, string[]>;
       warningFunctions: string[];
+      syntaxWarnings: Set<string>;
     } = {
       ruleSets: {},
       rem: 14,
@@ -77,6 +79,7 @@ export class StylesheetBuilder {
       warningProperties: [],
       warningValues: {},
       warningFunctions: [],
+      syntaxWarnings: new Set(),
     },
     private selectors: SelectorList = [],
   ) {}
@@ -198,18 +201,17 @@ export class StylesheetBuilder {
   }
 
   addWarning(type: "property" | "value", property: string): void;
-  addWarning(type: "style", property: string, value: unknown): void;
+  addWarning(type: "style", property: string, value: string): void;
   addWarning(
     type: "property" | "style" | "value",
     property: string,
-    value?: unknown,
+    value: string = property,
   ): void {
     switch (type) {
       case "property":
         this.shared.warningProperties.push(property);
         break;
       case "value": {
-        value = property;
         property = this.shared.warningProperty ?? "";
 
         if (!property) {
@@ -227,12 +229,13 @@ export class StylesheetBuilder {
     }
   }
 
-  getWarnings() {
-    const result: {
-      properties?: string[];
-      values?: Record<string, unknown[]>;
-      functions?: string[];
-    } = {};
+  // A lightningcss message carries no position, so a repeated mistake is one entry
+  addSyntaxWarning(message: string): void {
+    this.shared.syntaxWarnings.add(message);
+  }
+
+  getWarnings(): CompilerWarnings {
+    const result: CompilerWarnings = {};
 
     if (this.shared.warningProperties.length) {
       result.properties = this.shared.warningProperties;
@@ -246,6 +249,10 @@ export class StylesheetBuilder {
       result.functions = this.shared.warningFunctions;
     }
 
+    if (this.shared.syntaxWarnings.size) {
+      result.syntax = [...this.shared.syntaxWarnings];
+    }
+
     return result;
   }
 

package/src/metro/index.ts

@@ -7,6 +7,7 @@ import { type CompilerOptions } from "../compiler";
 import { getCacheVersion } from "./cache-version";
 import { nativeResolver, webResolver } from "./resolver";
 import { setupTypeScript } from "./typescript";
+import type { WarningLevel } from "./warnings";
 
 export interface WithReactNativeCSSOptions extends CompilerOptions {
   /* Specify the path to the TypeScript environment file. Defaults types-env.d.ts */
@@ -16,8 +17,12 @@ export interface WithReactNativeCSSOptions extends CompilerOptions {
   /** Add className to all React Native primitives. Defaults false */
   globalClassNamePolyfill?: boolean;
   hexColors?: boolean;
+  /** How native builds print the compiler's warnings. Defaults "summary" */
+  warnings?: WarningLevel;
 }
 
+export type { WarningLevel } from "./warnings";
+
 const metroOverrideResolution = {
   type: "sourceFile",
   filePath: require.resolve("./override"),

package/src/metro/metro-transformer.ts

@@ -6,6 +6,7 @@ import type {
 
 import { compile, type CompilerOptions } from "../compiler";
 import { getNativeInjectionCode } from "./injection-code";
+import { reportCompilerWarnings, type WarningLevel } from "./warnings";
 
 type TransformResponse = Awaited<
   ReturnType<typeof import("metro-transform-worker").transform>
@@ -17,7 +18,9 @@ const worker =
 
 export async function transform(
   config: JsTransformerConfig & {
-    reactNativeCSS?: CompilerOptions | undefined;
+    reactNativeCSS?:
+      | (CompilerOptions & { warnings?: WarningLevel | undefined })
+      | undefined;
   },
   projectRoot: string,
   filePath: string,
@@ -39,11 +42,23 @@ export async function transform(
 
   const css = cssFile.output[0].data.css.code.toString();
 
-  const productionJS = compile(css, {
-    ...config.reactNativeCSS,
+  const { warnings: warningLevel, ...compilerOptions } =
+    config.reactNativeCSS ?? {};
+
+  const compiled = compile(css, {
+    ...compilerOptions,
     filename: filePath,
     projectRoot: projectRoot,
-  }).stylesheet();
+  });
+
+  const productionJS = compiled.stylesheet();
+
+  // Nothing downstream of the transformer sees the compile result, so this is the one place a build can report it
+  reportCompilerWarnings(compiled.warnings(), {
+    filename: filePath,
+    projectRoot,
+    level: warningLevel,
+  });
 
   data = Buffer.from(getNativeInjectionCode([], [productionJS]));