react-native-css 3.0.0-nightly.8dd703d → 3.0.0-nightly.9c84741

package/dist/commonjs/compiler/compiler.js

@@ -13,6 +13,7 @@ var _declarations = require("./declarations.js");
 var _keyframes = require("./keyframes.js");
 var _mediaQuery = require("./media-query.js");
 var _stylesheet = require("./stylesheet.js");
+var _supports = require("./supports.js");
 /* eslint-disable */
 
 const defaultLogger = (0, _debug.debug)("react-native-css:compiler");
@@ -89,10 +90,10 @@ function compile(code, options = {}) {
 
   // Use the lightningcss library to traverse the CSS AST and extract style declarations and animations
   (0, _lightningcss.transform)({
-    filename: "style.css",
-    // This is ignored, but required
     code: typeof code === "string" ? new TextEncoder().encode(code) : code,
-    visitor
+    visitor,
+    filename: options.filename ?? "style.css",
+    projectRoot: options.projectRoot ?? process.cwd()
   });
   return {
     stylesheet: () => builder.getNativeStyleSheet(),
@@ -186,6 +187,13 @@ function extractRule(rule, builder) {
         extractRule(layerRule, builder);
       }
       break;
+    case "supports":
+      if ((0, _supports.supportsConditionValid)(rule.value.condition)) {
+        for (const layerRule of rule.value.rules) {
+          extractRule(layerRule, builder);
+        }
+      }
+      break;
     case "custom":
     case "font-face":
     case "font-palette-values":
@@ -198,7 +206,6 @@ function extractRule(rule, builder) {
     case "unknown":
     case "import":
     case "page":
-    case "supports":
     case "counter-style":
     case "moz-document":
     case "nesting":
@@ -264,7 +271,7 @@ function extractContainer(containerRule, builder) {
     m: (0, _containerQuery.parseContainerCondition)(containerRule.condition, builder)
   };
   if (containerRule.name) {
-    query.n = containerRule.name;
+    query.n = `c:${containerRule.name}`;
   }
   builder.addContainerQuery(query);
   for (const rule of containerRule.rules) {

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

@@ -1 +1 @@
-{"version":3,"names":["_nodeUtil","require","_debug","_lightningcss","_atRules","_containerQuery","_declarations","_keyframes","_mediaQuery","_stylesheet","defaultLogger","debug","compile","code","options","logger","isLoggerEnabled","enabled","Boolean","features","Object","assign","selectorPrefix","startsWith","slice","JSON","stringify","process","env","NODE_ENV","toString","builder","StylesheetBuilder","customAtRules","body","visitor","Rule","rule","maybeMutateReactNativeOptions","StyleSheetExit","sheet","rules","length","inspect","depth","colors","compact","extractRule","stripUnusedVariables","onVarUsage","token","type","value","arguments","forEach","varUsage","add","name","ident","fallback","fallbackValues","varObj","Declaration","decl","property","lightningcss","filename","TextEncoder","encode","stylesheet","getNativeStyleSheet","warnings","getWarnings","extractKeyFrames","extractContainer","extractMedia","declarationBlock","declarations","newNestedRule","declaration","parseDeclaration","applyRuleToSelectors","importantDeclarations","important","mapping","parsePropAtRule","fork","selectors","newRule","nestedRule","layerRule","mediaRule","media","mediaQuery","query","mediaQueries","mediaType","qualifier","condition","push","m","parseMediaQuery","containerRule","parseContainerCondition","n","addContainerQuery"],"sourceRoot":"../../../src","sources":["compiler/compiler.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_nodeUtil","require","_debug","_lightningcss","_atRules","_containerQuery","_declarations","_keyframes","_mediaQuery","_stylesheet","_supports","defaultLogger","debug","compile","code","options","logger","isLoggerEnabled","enabled","Boolean","features","Object","assign","selectorPrefix","startsWith","slice","JSON","stringify","process","env","NODE_ENV","toString","builder","StylesheetBuilder","customAtRules","body","visitor","Rule","rule","maybeMutateReactNativeOptions","StyleSheetExit","sheet","rules","length","inspect","depth","colors","compact","extractRule","stripUnusedVariables","onVarUsage","token","type","value","arguments","forEach","varUsage","add","name","ident","fallback","fallbackValues","varObj","Declaration","decl","property","lightningcss","TextEncoder","encode","filename","projectRoot","cwd","stylesheet","getNativeStyleSheet","warnings","getWarnings","extractKeyFrames","extractContainer","extractMedia","declarationBlock","declarations","newNestedRule","declaration","parseDeclaration","applyRuleToSelectors","importantDeclarations","important","mapping","parsePropAtRule","fork","selectors","newRule","nestedRule","layerRule","supportsConditionValid","condition","mediaRule","media","mediaQuery","query","mediaQueries","mediaType","qualifier","push","m","parseMediaQuery","containerRule","parseContainerCondition","n","addContainerQuery"],"sourceRoot":"../../../src","sources":["compiler/compiler.ts"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/compiler/declarations.js

@@ -112,6 +112,7 @@ const parsers = {
   "border-block-end-width": parseBorderSideWidthDeclaration,
   "border-block-start": parseBorderBlockStart,
   "border-block-start-color": parseColorDeclaration,
+  "border-block-start-style": parseBorderStyleDeclaration,
   "border-block-start-width": parseBorderSideWidthDeclaration,
   "border-block-style": parseBorderBlockStyle,
   "border-block-width": parseBorderBlockWidth,
@@ -261,6 +262,7 @@ const parsers = {
   "translate": parseTranslate,
   "user-select": parseUserSelect,
   "vertical-align": parseVerticalAlign,
+  "visibility": parseVisibility,
   "width": parseSizeDeclaration,
   "z-index": parseZIndex
 };
@@ -381,54 +383,54 @@ function parseBorderSide({
 function parseBorderBlock({
   value
 }, builder) {
-  builder.addDescriptor("border-top-color", parseColor(value.color, builder));
-  builder.addDescriptor("border-bottom-color", parseColor(value.color, builder));
-  builder.addDescriptor("border-top-width", parseBorderSideWidth(value.width, builder));
-  builder.addDescriptor("border-bottom-width", parseBorderSideWidth(value.width, builder));
+  builder.addDescriptor("border-block-color", parseColor(value.color, builder));
+  builder.addDescriptor("border-block-width", parseBorderSideWidth(value.width, builder));
+  builder.addDescriptor("border-block-style", parseBorderStyle(value.style, builder));
 }
 function parseBorderBlockStart({
   value
 }, builder) {
-  builder.addDescriptor("border-top-color", parseColor(value.color, builder));
-  builder.addDescriptor("border-top-width", parseBorderSideWidth(value.width, builder));
+  builder.addDescriptor("border-block-start-color", parseColor(value.color, builder));
+  builder.addDescriptor("border-block-start-width", parseBorderSideWidth(value.width, builder));
 }
 function parseBorderBlockEnd({
   value
 }, builder) {
-  builder.addDescriptor("border-bottom-color", parseColor(value.color, builder));
-  builder.addDescriptor("border-bottom-width", parseBorderSideWidth(value.width, builder));
+  builder.addDescriptor("border-block-end-color", parseColor(value.color, builder));
+  builder.addDescriptor("border-block-end-width", parseBorderSideWidth(value.width, builder));
 }
 function parseBorderInline({
   value
 }, builder) {
-  builder.addDescriptor("border-left-color", parseColor(value.color, builder));
-  builder.addDescriptor("border-right-color", parseColor(value.color, builder));
-  builder.addDescriptor("border-left-width", parseBorderSideWidth(value.width, builder));
-  builder.addDescriptor("border-right-width", parseBorderSideWidth(value.width, builder));
+  builder.addDescriptor("border-inline-color", parseColor(value.color, builder));
+  builder.addDescriptor("border-inline-width", parseBorderSideWidth(value.width, builder));
+  builder.addDescriptor("border-inline-style", parseBorderStyle(value.style, builder));
 }
 function parseBorderInlineStart({
   value
 }, builder) {
-  builder.addDescriptor("border-left-color", parseColor(value.color, builder));
-  builder.addDescriptor("border-left-width", parseBorderSideWidth(value.width, builder));
+  builder.addDescriptor("border-inline-start-color", parseColor(value.color, builder));
+  builder.addDescriptor("border-inline-start-width", parseBorderSideWidth(value.width, builder));
+  builder.addDescriptor("border-inline-start-style", parseBorderStyle(value.style, builder));
 }
 function parseBorderInlineEnd({
   value
 }, builder) {
-  builder.addDescriptor("border-right-color", parseColor(value.color, builder));
-  builder.addDescriptor("border-right-width", parseBorderSideWidth(value.width, builder));
+  builder.addDescriptor("border-inline-end-color", parseColor(value.color, builder));
+  builder.addDescriptor("border-inline-end-width", parseBorderSideWidth(value.width, builder));
+  builder.addDescriptor("border-inline-end-style", parseBorderStyle(value.style, builder));
 }
 function parseBorderInlineWidth(declaration, builder) {
-  builder.addDescriptor("border-left-width", parseBorderSideWidth(declaration.value.start, builder));
-  builder.addDescriptor("border-right-width", parseBorderSideWidth(declaration.value.end, builder));
+  builder.addDescriptor("border-inline-width", parseBorderSideWidth(declaration.value.start, builder));
 }
 function parseBorderInlineStyle(declaration, builder) {
   if (typeof declaration.value === "string") {
-    builder.addDescriptor("border-style", parseBorderStyle(declaration.value, builder));
+    builder.addDescriptor(declaration.property, parseBorderStyle(declaration.value, builder));
   } else if (declaration.value.start === declaration.value.end) {
-    builder.addDescriptor("border-style", parseBorderStyle(declaration.value.start, builder));
+    builder.addDescriptor(declaration.property, parseBorderStyle(declaration.value.start, builder));
   } else {
-    builder.addWarning("property", "border-inline-style");
+    builder.addDescriptor("border-inline-start-style", parseBorderStyle(declaration.value.start, builder));
+    builder.addDescriptor("border-inline-end-style", parseBorderStyle(declaration.value.end, builder));
   }
 }
 function parseFlexFlow({
@@ -678,6 +680,12 @@ function parseCustomDeclaration(declaration, builder) {
     builder.addDescriptor(property, parseUnparsed(declaration.value.value, builder, property));
   } else if (property === "-rn-ripple-style") {
     builder.addDescriptor(property, parseUnparsed(declaration.value.value, builder, property) === "borderless");
+  } else if (property === "object-fit") {
+    // https://github.com/parcel-bundler/lightningcss/issues/1046
+    parseObjectFit(declaration.value, builder);
+  } else if (property === "object-position") {
+    // https://github.com/parcel-bundler/lightningcss/issues/1047
+    parseObjectPosition(declaration.value, builder);
   } else if (validProperties.has(property) || property.startsWith("--") || property.startsWith("-rn-")) {
     builder.addDescriptor(property, parseUnparsed(declaration.value.value, builder, property));
   } else {
@@ -775,43 +783,44 @@ function parseUnparsed(tokenOrValue, builder, property, allowAuto = allowAutoPro
     case "function":
       {
         switch (tokenOrValue.value.name) {
-          case "translate":
-          case "rotate":
-          case "rotateX":
-          case "rotateY":
-          case "skewX":
-          case "skewY":
-          case "scale":
-          case "scaleX":
-          case "scaleY":
-          case "translateX":
-          case "translateY":
-            return unparsedFunction(tokenOrValue, builder, property, allowAuto);
           case "blur":
           case "brightness":
           case "contrast":
           case "cubic-bezier":
           case "drop-shadow":
           case "fontScale":
+          case "getPixelSizeForLayoutSize":
           case "grayscale":
           case "hsl":
           case "hsla":
           case "hue-rotate":
           case "invert":
-          case "linear-gradient":
           case "opacity":
           case "pixelScale":
-          case "getPixelSizeForLayoutSize":
           case "platformColor":
-          case "radial-gradient":
           case "rgb":
           case "rgba":
+          case "rotate":
+          case "rotateX":
+          case "rotateY":
           case "roundToNearestPixel":
           case "saturate":
+          case "scale":
+          case "scaleX":
+          case "scaleY":
           case "sepia":
           case "shadow":
+          case "skewX":
+          case "skewY":
           case "steps":
+          case "translate":
+          case "translateX":
+          case "translateY":
             return unparsedFunction(tokenOrValue, builder, property, allowAuto);
+          case "linear-gradient":
+          case "radial-gradient":
+            // These are special as React Native requires the '-' in their name
+            return [{}, tokenOrValue.value.name, reduceParseUnparsed(tokenOrValue.value.arguments, builder, property, allowAuto)];
           case "hairlineWidth":
             return [{}, tokenOrValue.value.name, []];
           case "calc":
@@ -840,7 +849,7 @@ function parseUnparsed(tokenOrValue, builder, property, allowAuto = allowAutoPro
               builder.addWarning("value", value);
               return;
             }
-            if (value === "inherit") {
+            if (value === "inherit" || value === "initial") {
               builder.addWarning("value", value);
               return;
             } else if (value === "currentcolor") {
@@ -1491,26 +1500,27 @@ function parseBorderStyle(value, builder) {
   return undefined;
 }
 function parseBorderBlockWidth(declaration, builder) {
-  builder.addDescriptor("border-top-width", parseBorderSideWidth(declaration.value.start, builder));
-  builder.addDescriptor("border-bottom-width", parseBorderSideWidth(declaration.value.end, builder));
+  const start = parseBorderSideWidth(declaration.value.start, builder);
+  const end = parseBorderSideWidth(declaration.value.end, builder);
+  if (start === end) {
+    builder.addDescriptor("border-block-width", start);
+  } else {
+    builder.addDescriptor("border-block-start-width", start);
+    builder.addDescriptor("border-block-end-width", end);
+  }
 }
 function parseBorderBlockStyle(declaration, builder) {
-  if (declaration.value.start === declaration.value.end) {
-    builder.addDescriptor("border-style", parseBorderStyle(declaration.value.start, builder));
+  const start = parseBorderStyle(declaration.value.start, builder);
+  const end = parseBorderStyle(declaration.value.end, builder);
+  if (start == end) {
+    builder.addDescriptor("border-block-style", start);
   } else {
-    builder.addWarning("property", "border-block-style");
+    builder.addDescriptor("border-block-start-style", start);
+    builder.addDescriptor("border-block-end-style", end);
   }
 }
 function parseBorderSideWidthDeclaration(declaration, builder) {
-  if (declaration.property.includes("block")) {
-    builder.addDescriptor(`border-${declaration.property.includes("start") ? "top" : "bottom"}-width`, parseBorderSideWidth(declaration.value, builder));
-    return;
-  } else if (declaration.property.includes("inline")) {
-    builder.addDescriptor(`border-${declaration.property.includes("start") ? "left" : "right"}-width`, parseBorderSideWidth(declaration.value, builder));
-    return;
-  } else {
-    return parseBorderSideWidth(declaration.value, builder);
-  }
+  builder.addDescriptor(declaration.property, parseBorderSideWidth(declaration.value, builder));
 }
 function parseBorderSideWidth(value, builder) {
   if (value.type === "length") {
@@ -1828,8 +1838,7 @@ function parseCalcFn(name, tokens, builder, property) {
 }
 function parseCalcArguments([...args], builder, property) {
   const parsed = [];
-  let mode;
-  for (const [currentIndex, arg] of args.entries()) {
+  for (const arg of args) {
     switch (arg.type) {
       case "env":
         {
@@ -1875,44 +1884,21 @@ function parseCalcArguments([...args], builder, property) {
             }
             break;
           case "percentage":
-            mode ??= "percentage";
-            if (mode !== "percentage") return;
-            parsed.push(`${arg.value.value * 100}%`);
+            parsed.push(`${round(arg.value.value * 100)}%`);
             break;
           case "number":
             {
-              mode ??= "number";
-              if (mode !== "number") return;
-              parsed.push(arg.value.value);
+              parsed.push(round(arg.value.value));
               break;
             }
           case "parenthesis-block":
             {
-              /**
-               * If we have a parenthesis block, we just treat it as a nested calc function
-               * Because there could be multiple parenthesis blocks, this is recursive
-               */
-              let closeParenthesisIndex = -1;
-              for (let index = args.length - 1; index > 0; index--) {
-                // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-                const value = args[index];
-                if (value.type === "token" && value.value.type === "close-parenthesis") {
-                  closeParenthesisIndex = index;
-                  break;
-                }
-              }
-              if (closeParenthesisIndex === -1) {
-                return;
-              }
-              const innerCalcArgs = args
-              // Extract the inner calcArgs including the parenthesis. This mutates args
-              .splice(currentIndex, closeParenthesisIndex - currentIndex + 1)
-              // Then drop the surrounding parenthesis
-              .slice(1, -1);
-              parsed.push(parseCalcFn("calc", innerCalcArgs, builder, property));
+              parsed.push("(");
               break;
             }
           case "close-parenthesis":
+            parsed.push(")");
+            break;
           case "string":
           case "function":
           case "ident":
@@ -2025,7 +2011,7 @@ function addTransitionValue(declaration, builder) {
       }
     case "transition-property":
       {
-        builder.addDescriptor(declaration.property, declaration.value.map(v => v.property).filter(v => v in parsers || v === "all" || v === "none").map(v => (0, _selectors.toRNProperty)(v)));
+        builder.addDescriptor(declaration.property, declaration.value.map(v => v.property).filter(v => v in parsers && !["visibility"].includes(v) || v === "all" || v === "none").map(v => (0, _selectors.toRNProperty)(v)));
         return;
       }
     case "transition-duration":
@@ -2157,6 +2143,27 @@ function parseGradientItem(item, builder) {
       return parseLength(item.value, builder);
   }
 }
+function parseObjectFit(declaration, builder) {
+  builder.addMapping({
+    "object-fit": "contentFit"
+  });
+  builder.addDescriptor("object-fit", parseUnparsed(declaration.value, builder, "object-fit"));
+}
+function parseObjectPosition(declaration, builder) {
+  builder.addMapping({
+    "object-position": "contentPosition"
+  });
+  builder.addDescriptor("object-position", [{}, "join", [parseUnparsed(declaration.value, builder, "object-position"), " "]]);
+}
+function parseVisibility(declaration, builder) {
+  if (declaration.value === "visible") {
+    builder.addDescriptor("opacity", 1);
+  } else if (declaration.value === "hidden") {
+    builder.addDescriptor("opacity", 0);
+  } else {
+    builder.addWarning("value", declaration.value);
+  }
+}
 function parseFilter(declaration, builder) {
   if (declaration.value.type === "none") {
     return "unset";