react-native-css 0.0.0-nightly.03a4e35

package/src/compiler/container-query.ts

@@ -0,0 +1,97 @@
+/* eslint-disable */
+import type {
+  ContainerCondition as CSSContainerCondition,
+  QueryFeatureFor_ContainerSizeFeatureId,
+} from "lightningcss";
+
+import type { MediaCondition } from "./compiler.types";
+import {
+  parseMediaFeatureOperator,
+  parseMediaFeatureValue,
+} from "./media-query";
+import type { StylesheetBuilder } from "./stylesheet";
+
+export function parseContainerCondition(
+  condition: CSSContainerCondition,
+  builder: StylesheetBuilder,
+) {
+  let containerQuery = parseContainerQueryCondition(condition, builder);
+
+  // If any of these are undefined, the media query is invalid
+  if (!containerQuery || containerQuery.some((v) => v === undefined)) {
+    return;
+  }
+
+  return containerQuery;
+}
+
+function parseContainerQueryCondition(
+  condition: CSSContainerCondition,
+  builder: StylesheetBuilder,
+): MediaCondition | undefined {
+  switch (condition.type) {
+    case "feature":
+      return parseFeature(condition.value, builder);
+    case "not":
+      const query = parseContainerCondition(condition.value, builder);
+      return query ? ["!", query] : undefined;
+    case "operation":
+      const conditions = condition.conditions
+        .map((c) => parseContainerQueryCondition(c, builder))
+        .filter((v): v is MediaCondition => !!v);
+
+      if (conditions.length === 0) {
+        return;
+      }
+
+      switch (condition.operator) {
+        case "and":
+          return ["&", conditions];
+        case "or":
+          return ["|", conditions];
+        default:
+          condition.operator satisfies never;
+          return;
+      }
+    case "style":
+      // We don't support these yet
+      return;
+    default:
+      condition satisfies never;
+      return;
+  }
+}
+
+function parseFeature(
+  feature: QueryFeatureFor_ContainerSizeFeatureId,
+  builder: StylesheetBuilder,
+): MediaCondition | undefined {
+  switch (feature.type) {
+    case "boolean":
+      return ["!!", feature.name];
+    case "plain":
+      return [
+        "=",
+        feature.name,
+        parseMediaFeatureValue(feature.value, builder),
+      ];
+    case "range":
+      return [
+        parseMediaFeatureOperator(feature.operator),
+        feature.name,
+        parseMediaFeatureValue(feature.value, builder),
+      ];
+    case "interval":
+      return [
+        "[]",
+        feature.name,
+        parseMediaFeatureValue(feature.start, builder),
+        parseMediaFeatureOperator(feature.startOperator),
+        parseMediaFeatureValue(feature.end, builder),
+        parseMediaFeatureOperator(feature.endOperator),
+      ];
+    default:
+      feature satisfies never;
+      return;
+  }
+}