react-native-css 3.0.0-nightly.df0f885 → 3.0.0-preview.0

package/src/runtime/native/styles/{animation.ts → shorthands/animation.ts}

@@ -1,11 +1,9 @@
 /* eslint-disable */
-import type { ComponentType } from "react";
+import { StyleCollection } from "react-native-css/style-collection";
 
-import { applyShorthand } from "../../utils";
-import { StyleCollection } from "../injection";
-import { weakFamily } from "../reactivity";
-import type { StyleFunctionResolver } from "./resolve";
-import { shorthandHandler } from "./shorthand";
+import { applyShorthand } from "../../../utils";
+import type { StyleFunctionResolver } from "../resolve";
+import { shorthandHandler } from "./_handler";
 
 const name = ["animationName", "string", "none"] as const;
 const delay = ["animationDelay", "number", 0] as const;
@@ -61,22 +59,6 @@ export const animationShorthand = shorthandHandler(
   "tuples",
 );
 
-export const animatedComponentFamily = weakFamily(
-  (component: ComponentType) => {
-    if (
-      "displayName" in component &&
-      component.displayName?.startsWith("Animated.")
-    ) {
-      return component;
-    }
-
-    const createAnimatedComponent =
-      require("react-native-reanimated").createAnimatedComponent;
-
-    return createAnimatedComponent(component);
-  },
-);
-
 export const animation: StyleFunctionResolver = (
   resolveValue,
   value,
@@ -139,43 +121,3 @@ export const animation: StyleFunctionResolver = (
 
   return applyShorthand(animationShortHandTuples);
 };
-
-const advancedTimingFunctions: Record<
-  string,
-  () => (...args: any[]) => unknown
-> = {
-  "cubic-bezier": () => {
-    return (
-      require("react-native-reanimated") as typeof import("react-native-reanimated")
-    ).cubicBezier;
-  },
-  "steps": () => {
-    return (
-      require("react-native-reanimated") as typeof import("react-native-reanimated")
-    ).steps;
-  },
-};
-
-export const timingFunctionResolver: StyleFunctionResolver = (
-  resolveValue,
-  value,
-) => {
-  const name = value[1];
-  const resolver = advancedTimingFunctions[name];
-
-  if (!resolver) {
-    return;
-  }
-
-  const args = resolveValue(value[2]);
-
-  if (!Array.isArray(args)) {
-    return;
-  }
-
-  const fn = resolver();
-
-  const result = fn(...args);
-
-  return result;
-};

package/src/runtime/native/styles/{border.ts → shorthands/border.ts}

@@ -1,4 +1,4 @@
-import { shorthandHandler } from "./shorthand";
+import { shorthandHandler } from "./_handler";
 
 const width = ["borderWidth", "number"] as const;
 const style = ["borderStyle", "string"] as const;

package/src/runtime/native/styles/shorthands/box-shadow.ts

@@ -0,0 +1,74 @@
+import { isStyleDescriptorArray } from "../../../utils";
+import type { StyleFunctionResolver } from "../resolve";
+import { shorthandHandler } from "./_handler";
+
+const color = ["color", "string"] as const;
+const offsetX = ["offsetX", "number"] as const;
+const offsetY = ["offsetY", "number"] as const;
+const blurRadius = ["blurRadius", "number"] as const;
+const spreadDistance = ["spreadDistance", "number"] as const;
+// const inset = ["inset", "string"] as const;
+
+const handler = shorthandHandler(
+  [
+    [offsetX, offsetY, blurRadius, spreadDistance, color],
+    [color, offsetX, offsetY],
+    [color, offsetX, offsetY, blurRadius],
+    [color, offsetX, offsetY, blurRadius, spreadDistance],
+    [offsetX, offsetY, color],
+    [offsetX, offsetY, blurRadius, color],
+  ],
+  [],
+  "object",
+);
+
+export const boxShadow: StyleFunctionResolver = (
+  resolveValue,
+  func,
+  get,
+  options,
+) => {
+  const args = resolveValue(func[2]);
+
+  if (!isStyleDescriptorArray(args)) {
+    return args;
+  } else {
+    return args
+      .flatMap((shadows) => {
+        if (shadows === undefined) {
+          return [];
+        } else if (isStyleDescriptorArray(shadows)) {
+          if (shadows.length === 0) {
+            return [];
+          } else if (Array.isArray(shadows[0])) {
+            return shadows
+              .map((shadow) => {
+                return omitTransparentShadows(
+                  handler(resolveValue, shadow, get, options),
+                );
+              })
+              .filter((v) => v !== undefined);
+          } else {
+            return omitTransparentShadows(
+              handler(resolveValue, shadows, get, options),
+            );
+          }
+        } else {
+          return omitTransparentShadows(
+            handler(resolveValue, shadows, get, options),
+          );
+        }
+      })
+      .filter((v) => v !== undefined);
+  }
+};
+
+function omitTransparentShadows(style: unknown) {
+  if (typeof style === "object" && style && "color" in style) {
+    if (style.color === "#0000" || style.color === "transparent") {
+      return;
+    }
+  }
+
+  return style;
+}

package/src/runtime/native/styles/shorthands/index.ts

@@ -0,0 +1,5 @@
+export * from "./animation";
+export * from "./border";
+export * from "./box-shadow";
+export * from "./text-shadow";
+export * from "./transform";

package/src/runtime/native/styles/{text-shadow.ts → shorthands/text-shadow.ts}

@@ -1,4 +1,4 @@
-import { shorthandHandler } from "./shorthand";
+import { shorthandHandler } from "./_handler";
 
 const width = [["textShadowOffset", "width"], "number"] as const;
 const height = [["textShadowOffset", "height"], "number"] as const;

package/src/runtime/native/styles/{transform.ts → shorthands/transform.ts}

@@ -1,4 +1,4 @@
-import type { StyleFunctionResolver } from "./resolve";
+import type { StyleFunctionResolver } from "../resolve";
 
 /**
  * Handle the unparsable transform property by converting its values into StyleDeclarations
@@ -11,7 +11,9 @@ export const transform: StyleFunctionResolver = (
   const transforms = resolveValue(transformDescriptor[2]);
 
   if (Array.isArray(transforms)) {
-    return transforms.filter((transform) => transform !== undefined) as unknown;
+    return transforms.filter(
+      (transform) => transform !== undefined && transform !== "initial",
+    ) as unknown;
   } else if (transforms) {
     // If it's a single transform, wrap it in an array
     return [transforms];

package/src/runtime/native/styles/units.ts

@@ -2,17 +2,21 @@
 import { rem as remObs, vh as vhObs, vw as vwObs } from "../reactivity";
 import type { StyleFunctionResolver } from "./resolve";
 
-export const em: StyleFunctionResolver = (resolve, func) => {
+export const em: StyleFunctionResolver = (resolve, func, get) => {
   let value = func[2];
 
-  if (!value) {
+  if (typeof value !== "number") {
     return;
   }
 
-  const emValue = resolve([{}, "var", ["__rn-css-em"]]);
+  let emValue = resolve([{}, "var", ["__rn-css-em"]]);
 
   if (typeof emValue !== "number") {
-    return undefined;
+    emValue = get(remObs);
+  }
+
+  if (typeof emValue !== "number") {
+    return;
   }
 
   return round(Number(value) * emValue);

package/src/runtime/native/styles/variables.ts

@@ -1,11 +1,11 @@
-import type { StyleDescriptor, StyleFunction } from "../../../compiler";
-import { isStyleDescriptorArray } from "../../utils";
 import {
   rootVariables,
   universalVariables,
-  VAR_SYMBOL,
-  type Getter,
-} from "../reactivity";
+} from "react-native-css/style-collection";
+
+import type { StyleDescriptor, StyleFunction } from "../../../compiler";
+import { isStyleDescriptorArray } from "../../utils";
+import { VAR_SYMBOL, type Getter } from "../reactivity";
 import type { ResolveValueOptions, SimpleResolveValue } from "./resolve";
 
 export function varResolver(

package/src/runtime/utils/objects.ts

@@ -23,6 +23,10 @@ export function getDeepPath(source: any, paths: string | string[] | false) {
     }
 
     return target;
+  } else if (transformKeys.has(paths)) {
+    return Array.isArray(source?.transform)
+      ? source.transform.find((t: any) => t[paths] !== undefined)
+      : source.transform;
   } else {
     return source?.[paths];
   }
@@ -49,8 +53,13 @@ export function applyValue(
   prop: string,
   value: any,
 ) {
+  // This is confusing.
+  // An undefined value means "don't set anything" (something failed while parsing)
+  // While a null value means "remove this value", which in React Native means "set to undefined"
   if (value === undefined) {
     return;
+  } else if (value === null) {
+    value = undefined;
   }
 
   if (transformKeys.has(prop)) {
@@ -58,12 +67,15 @@ export function applyValue(
       target.transform = [];
     }
 
-    const transform = target.transform.find((t: any) => t[prop] !== undefined);
+    const transformArray: Record<string, unknown>[] = target.transform;
 
-    if (transform) {
-      transform[prop] = value;
+    // Remove any existing values
+    target.transform = transformArray.filter((t) => !(prop in t));
+
+    if (Array.isArray(value)) {
+      target.transform.push(...value);
     } else {
-      target.transform.push({ [prop]: value });
+      target.transform.push(value);
     }
     return;
   } else if (typeof value === "object" && value && ShortHandSymbol in value) {

package/src/runtime/utils/specificity.ts

@@ -8,6 +8,7 @@ export const Specificity = {
   Important: 2,
   Inline: 3,
   PseudoElements: 4,
+  PseudoClass: 1,
   // Id: 0, - We don't support ID yet
   // StyleSheet: 0, - We don't support multiple stylesheets
 };

package/src/runtime/web/api.ts

@@ -66,7 +66,7 @@ export const colorScheme: ColorScheme = {
   },
 };
 
-export function vars(variables: Record<`--${string}`, string | number>) {
+export function vars(variables: Record<string, string | number>) {
   const $variables: Record<string, string> = {};
 
   for (const [key, value] of Object.entries(variables)) {

package/src/style-collection/index.ts

@@ -0,0 +1,142 @@
+import type {
+  Animation,
+  ReactNativeCssStyleSheet,
+  StyleRuleSet,
+} from "react-native-css/compiler";
+
+import { DEFAULT_CONTAINER_NAME } from "../runtime/native/conditions/container-query";
+import {
+  family,
+  observable,
+  observableBatch,
+  type Observable,
+} from "../runtime/native/reactivity";
+import { rootVariables, universalVariables } from "./root";
+
+export { rootVariables, universalVariables };
+
+interface StyleCollectionType {
+  styles: ReturnType<typeof family<string, Observable<StyleRuleSet>>>;
+  keyframes: ReturnType<typeof family<string, Observable<Animation[1]>>>;
+  inject: (options: ReactNativeCssStyleSheet) => void;
+}
+
+declare global {
+  var __react_native_css_style_collection: StyleCollectionType | undefined;
+}
+
+globalThis.__react_native_css_style_collection ??= {
+  styles: family<string, Observable<StyleRuleSet>>(() => {
+    return observable([], isDeepEqual);
+  }),
+  keyframes: family<string, Observable<Animation[1]>>(() => {
+    return observable([], isDeepEqual);
+  }),
+  inject: function (options: ReactNativeCssStyleSheet) {
+    observableBatch.current = new Set();
+
+    StyleCollection.styles("will-change-variable").set([
+      {
+        s: [0],
+        v: [],
+      },
+    ]);
+
+    StyleCollection.styles("will-change-container").set([
+      {
+        s: [0],
+        c: [DEFAULT_CONTAINER_NAME],
+      },
+    ]);
+
+    StyleCollection.styles("will-change-animation").set([
+      {
+        s: [0],
+        a: true,
+      },
+    ]);
+
+    StyleCollection.styles("will-change-pressable").set([
+      {
+        s: [0],
+        p: {
+          h: 1,
+        },
+      },
+    ]);
+
+    if (options.s) {
+      for (const style of options.s) {
+        StyleCollection.styles(style[0]).set(style[1]);
+      }
+    }
+
+    if (options.k) {
+      for (const keyframes of options.k) {
+        StyleCollection.keyframes(keyframes[0]).set(keyframes[1]);
+      }
+    }
+
+    if (options.vr) {
+      for (const entry of options.vr) {
+        rootVariables(entry[0]).set(entry[1]);
+      }
+    }
+
+    if (options.vu) {
+      for (const entry of options.vu) {
+        rootVariables(entry[0]).set(entry[1]);
+      }
+    }
+
+    for (const effect of observableBatch.current) {
+      effect.run();
+    }
+
+    observableBatch.current = undefined;
+  },
+};
+
+export const StyleCollection = globalThis.__react_native_css_style_collection;
+
+function isDeepEqual(a: unknown, b: unknown): boolean {
+  const aArray = Array.isArray(a);
+  const bArray = Array.isArray(b);
+  const requiresKeyComparison =
+    typeof a === "object" && typeof b === "object" && aArray === bArray;
+
+  // Only compare keys when both are an object or array
+  // This does not account for complex types like Date/Regex, because we don't use them
+  if (!requiresKeyComparison) return a === b;
+
+  // Make either are not null
+  if (!a || !b) {
+    return a === b;
+  }
+
+  // Shortcut for arrays
+  if (aArray && bArray && a.length !== b.length) {
+    return false;
+  }
+
+  // Compare a to b
+  for (const key in a) {
+    if (
+      !isDeepEqual(
+        (a as Record<string, unknown>)[key],
+        (b as Record<string, unknown>)[key],
+      )
+    ) {
+      return false;
+    }
+  }
+
+  // Compare b to a
+  for (const key in b) {
+    if (!(key in a)) {
+      return false;
+    }
+  }
+
+  return true;
+}

package/src/style-collection/root.ts

@@ -0,0 +1,35 @@
+import type { StyleDescriptor, VariableValue } from "react-native-css/compiler";
+
+import { testMediaQuery } from "../runtime/native/conditions/media-query";
+import {
+  family,
+  observable,
+  type Observable,
+} from "../runtime/native/reactivity";
+
+const rootVariableFamily = () => {
+  return family<string, Observable<StyleDescriptor, VariableValue[]>>(() => {
+    const obs = observable<StyleDescriptor, VariableValue[]>(
+      (read, variableValue) => {
+        if (!variableValue) return undefined;
+
+        for (const [value, mediaQuery] of variableValue) {
+          if (!mediaQuery) {
+            return value;
+          }
+
+          if (testMediaQuery(mediaQuery, read)) {
+            return value;
+          }
+        }
+
+        return undefined;
+      },
+    );
+
+    return obs;
+  });
+};
+
+export const rootVariables = rootVariableFamily();
+export const universalVariables = rootVariableFamily();

package/dist/commonjs/compiler/attributes.test.js

@@ -1,20 +0,0 @@
-"use strict";
-
-var _index = require("../compiler/index.js");
-test("multiple classes", () => {
-  const compiled = (0, _index.compile)(`
-.my-class.test {
-  color: red;
-}`);
-  expect(compiled.stylesheet()).toStrictEqual({
-    s: [["test", [{
-      aq: [["a", "className", "*=", "my-class"]],
-      d: [{
-        color: "#f00"
-      }],
-      s: [1, 2],
-      v: [["__rn-css-color", "#f00"]]
-    }]]]
-  });
-});
-//# sourceMappingURL=attributes.test.js.map

package/dist/commonjs/compiler/attributes.test.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_index","require","test","compiled","compile","expect","stylesheet","toStrictEqual","s","aq","d","color","v"],"sourceRoot":"../../../src","sources":["compiler/attributes.test.ts"],"mappings":";;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEAC,IAAI,CAAC,kBAAkB,EAAE,MAAM;EAC7B,MAAMC,QAAQ,GAAG,IAAAC,cAAO,EAAC;AAC3B;AACA;AACA,EAAE,CAAC;EAEDC,MAAM,CAACF,QAAQ,CAACG,UAAU,CAAC,CAAC,CAAC,CAACC,aAAa,CAAC;IAC1CC,CAAC,EAAE,CACD,CACE,MAAM,EACN,CACE;MACEC,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC;MAC1CC,CAAC,EAAE,CACD;QACEC,KAAK,EAAE;MACT,CAAC,CACF;MACDH,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;MACTI,CAAC,EAAE,CAAC,CAAC,gBAAgB,EAAE,MAAM,CAAC;IAChC,CAAC,CACF,CACF;EAEL,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

package/dist/commonjs/doctor/index.js

@@ -1,6 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-//# sourceMappingURL=index.js.map

package/dist/commonjs/doctor/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["doctor/index.ts"],"mappings":"","ignoreList":[]}

package/dist/commonjs/runtime/native/injection.js

@@ -1,98 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyleCollection = StyleCollection;
-exports.inlineStylesMap = void 0;
-var _reactivity = require("./reactivity.js");
-function StyleCollection() {
-  return null;
-}
-const inlineStylesMap = exports.inlineStylesMap = new WeakMap();
-StyleCollection.styles = (0, _reactivity.family)(() => {
-  return (0, _reactivity.observable)([], isDeepEqual);
-});
-StyleCollection.keyframes = (0, _reactivity.family)(() => {
-  return (0, _reactivity.observable)([], isDeepEqual);
-});
-StyleCollection.inject = function (options) {
-  _reactivity.observableBatch.current = new Set();
-  if (options.s) {
-    for (const style of options.s) {
-      StyleCollection.styles(style[0]).set(style[1]);
-    }
-  }
-  if (options.k) {
-    for (const keyframes of options.k) {
-      StyleCollection.keyframes(keyframes[0]).set(keyframes[1]);
-    }
-  }
-  if (options.vr) {
-    for (const entry of options.vr) {
-      (0, _reactivity.rootVariables)(entry[0]).set(entry[1]);
-    }
-  }
-  if (options.vu) {
-    for (const entry of options.vu) {
-      (0, _reactivity.rootVariables)(entry[0]).set(entry[1]);
-    }
-  }
-  for (const effect of _reactivity.observableBatch.current) {
-    effect.run();
-  }
-  _reactivity.observableBatch.current = undefined;
-};
-function isDeepEqual(a, b) {
-  const aArray = Array.isArray(a);
-  const bArray = Array.isArray(b);
-  const requiresKeyComparison = typeof a === "object" && typeof b === "object" && aArray === bArray;
-
-  // Only compare keys when both are an object or array
-  // This does not account for complex types like Date/Regex, because we don't use them
-  if (!requiresKeyComparison) return a === b;
-
-  // Make either are not null
-  if (!a || !b) {
-    return a === b;
-  }
-
-  // Shortcut for arrays
-  if (aArray && bArray && a.length !== b.length) {
-    return false;
-  }
-
-  // Compare a to b
-  for (const key in a) {
-    if (!isDeepEqual(a[key], b[key])) {
-      return false;
-    }
-  }
-
-  // Compare b to a
-  for (const key in b) {
-    if (!(key in a)) {
-      return false;
-    }
-  }
-  return true;
-}
-StyleCollection.styles("will-change-variable").set([{
-  s: [0],
-  v: []
-}]);
-StyleCollection.styles("will-change-container").set([{
-  s: [0],
-  c: []
-}]);
-StyleCollection.styles("will-change-animation").set([{
-  s: [0],
-  a: true
-}]);
-StyleCollection.styles("will-change-pressable").set([{
-  s: [0],
-  p: {
-    h: 1
-  }
-}]);
-//# sourceMappingURL=injection.js.map

package/dist/commonjs/runtime/native/injection.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactivity","require","StyleCollection","inlineStylesMap","exports","WeakMap","styles","family","observable","isDeepEqual","keyframes","inject","options","observableBatch","current","Set","s","style","set","k","vr","entry","rootVariables","vu","effect","run","undefined","a","b","aArray","Array","isArray","bArray","requiresKeyComparison","length","key","v","c","p","h"],"sourceRoot":"../../../../src","sources":["runtime/native/injection.ts"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/runtime/native/styles/animation.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_index","require","_injection","_reactivity","_shorthand","name","delay","duration","iteration","fill","playState","direction","timingFunction","animationShorthand","exports","shorthandHandler","animatedComponentFamily","weakFamily","component","displayName","startsWith","createAnimatedComponent","animation","resolveValue","value","get","options","animationShortHandTuples","Array","isArray","pop","nameTuple","find","tuple","keyframes","StyleCollection","progress","declarations","props","calculateProps","s","d","renderGuards","inheritedVariables","inlineVariables","normal","Object","assign","important","style","applyShorthand","advancedTimingFunctions","cubic-bezier","cubicBezier","steps","timingFunctionResolver","resolver","args","fn","result"],"sourceRoot":"../../../../../src","sources":["runtime/native/styles/animation.ts"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/runtime/native/styles/border.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_shorthand","require","width","style","color","border","exports","shorthandHandler"],"sourceRoot":"../../../../../src","sources":["runtime/native/styles/border.ts"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAEA,MAAMC,KAAK,GAAG,CAAC,aAAa,EAAE,QAAQ,CAAU;AAChD,MAAMC,KAAK,GAAG,CAAC,aAAa,EAAE,QAAQ,CAAU;AAChD,MAAMC,KAAK,GAAG,CAAC,aAAa,EAAE,OAAO,EAAE,OAAO,CAAU;AAEjD,MAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,2BAAgB,EACpC,CAAC,CAACL,KAAK,EAAEC,KAAK,EAAEC,KAAK,CAAC,EAAE,CAACD,KAAK,EAAEC,KAAK,CAAC,EAAE,CAACF,KAAK,EAAEC,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC,EAChE,EACF,CAAC","ignoreList":[]}