react-native-css 0.0.0-nightly.008d479

package/dist/module/compiler/compiler.js

@@ -0,0 +1,333 @@
+"use strict";
+
+/* eslint-disable */
+import { inspect } from "node:util";
+import { debug } from "debug";
+import { maybeMutateReactNativeOptions, parsePropAtRule } from "./atRules.js";
+import { parseContainerCondition } from "./container-query.js";
+import { parseDeclaration, round } from "./declarations.js";
+import { inlineVariables } from "./inline-variables.js";
+import { extractKeyFrames } from "./keyframes.js";
+import { lightningcssLoader } from "./lightningcss-loader.js";
+import { parseMediaQuery } from "./media-query.js";
+import { StylesheetBuilder } from "./stylesheet.js";
+import { supportsConditionValid } from "./supports.js";
+const defaultLogger = debug("react-native-css:compiler");
+
+/**
+ * Converts a CSS file to a collection of style declarations that can be used with the StyleSheet API
+ *
+ * @param code - The CSS file contents
+ * @param options - Compiler options
+ * @returns A `ReactNativeCssStyleSheet` that can be passed to `StyleSheet.register` or used with a custom runtime
+ */
+export function compile(code, options = {}) {
+  const {
+    logger = defaultLogger
+  } = options;
+  const isLoggerEnabled = "enabled" in logger ? logger.enabled : Boolean(logger);
+  const features = Object.assign({}, options.features);
+  if (options.selectorPrefix && options.selectorPrefix.startsWith(".")) {
+    options.selectorPrefix = options.selectorPrefix.slice(1);
+  }
+  logger(`Features ${JSON.stringify(features)}`);
+  if (process.env.NODE_ENV !== "production") {
+    if (defaultLogger.enabled) {
+      defaultLogger(code.toString());
+    }
+  }
+  const builder = new StylesheetBuilder(options);
+  const {
+    lightningcss,
+    Features
+  } = lightningcssLoader();
+  logger(`Lightningcss first pass`);
+
+  /**
+   * Use the lightningcss library to traverse the CSS AST and extract style declarations and animations
+   *
+   * devongovett on Aug 20, 2023
+   * > calc simplification happens during the initial parse phase, which is before custom visitors run. Currently there is not an additional simplification pass done after transforms, resulting in the output you see here.
+   * https://github.com/parcel-bundler/lightningcss/issues/554#issuecomment-1685143494
+   *
+   * Due to the above issue, we run lightningcss twice
+   */
+
+  const vars = new Map();
+  const firstPassVisitor = {};
+  if (options.inlineRem !== false) {
+    firstPassVisitor.Length = length => {
+      if (length.unit !== "rem" || options.inlineRem === false) {
+        return length;
+      }
+      return {
+        unit: "px",
+        value: round(length.value * (options.inlineRem ?? 14))
+      };
+    };
+  }
+  if (options.inlineVariables !== false) {
+    const exclusionList = options.inlineVariables?.exclude ?? [];
+    firstPassVisitor.Declaration = decl => {
+      if (decl.property === "custom" && decl.value.name.startsWith("--") && !exclusionList.includes(decl.value.name)) {
+        const entry = vars.get(decl.value.name) ?? {
+          count: 0,
+          value: [...decl.value.value, {
+            type: "token",
+            value: {
+              type: "white-space",
+              value: " "
+            }
+          }]
+        };
+        entry.count++;
+        vars.set(decl.value.name, entry);
+      }
+    };
+    firstPassVisitor.StyleSheetExit = sheet => {
+      return inlineVariables(sheet, vars);
+    };
+  }
+  const {
+    code: firstPass
+  } = lightningcss({
+    code: typeof code === "string" ? new TextEncoder().encode(code) : code,
+    include: Features.DoublePositionGradients | Features.ColorFunction,
+    exclude: Features.VendorPrefixes,
+    visitor: firstPassVisitor,
+    filename: options.filename ?? "style.css",
+    projectRoot: options.projectRoot ?? process.cwd()
+  });
+  if (isLoggerEnabled) {
+    const MAX_LOG_SIZE = 100 * 1024; // 100KB
+    if (firstPass.length <= MAX_LOG_SIZE) {
+      logger(firstPass.toString());
+    } else {
+      logger(`firstPass buffer too large to log in full (${firstPass.length} bytes). Preview: ` + firstPass.subarray(0, 1024).toString() + "...");
+    }
+  }
+  logger(`Lightningcss second pass`);
+  const customAtRules = {
+    "react-native": {
+      body: "declaration-list"
+    }
+  };
+  const visitor = {
+    Rule(rule) {
+      maybeMutateReactNativeOptions(rule, builder);
+      return rule;
+    },
+    StyleSheetExit(sheet) {
+      if (isLoggerEnabled) {
+        logger(`Found ${sheet.rules.length} rules to process`);
+        logger(inspect(sheet.rules, {
+          depth: null,
+          colors: true,
+          compact: false
+        }));
+      }
+      for (const rule of sheet.rules) {
+        // Extract the style declarations and animations from the current rule
+        extractRule(rule, builder);
+        // We have processed this rule, so now delete it from the AST
+      }
+      logger(`Exiting lightningcss`);
+      return sheet;
+    }
+  };
+  lightningcss({
+    code: firstPass,
+    visitor,
+    filename: options.filename ?? "style.css",
+    projectRoot: options.projectRoot ?? process.cwd()
+  });
+  return {
+    stylesheet: () => builder.getNativeStyleSheet(),
+    warnings: () => builder.getWarnings()
+  };
+}
+
+/**
+ * Extracts style declarations and animations from a given CSS rule, based on its type.
+ */
+function extractRule(rule, builder, mapping = {}) {
+  // Check the rule's type to determine which extraction function to call
+  switch (rule.type) {
+    case "keyframes":
+      {
+        // If the rule is a keyframe animation, extract it with the `extractKeyFrames` function
+        extractKeyFrames(rule.value, builder);
+        break;
+      }
+    case "container":
+      {
+        // If the rule is a container, extract it with the `extractedContainer` function
+        extractContainer(rule.value, builder, mapping);
+        break;
+      }
+    case "media":
+      {
+        // If the rule is a media query, extract it with the `extractMedia` function
+        extractMedia(rule.value, builder, mapping);
+        break;
+      }
+    case "nested-declarations":
+      {
+        const value = rule.value;
+        const declarationBlock = value.declarations;
+        if (declarationBlock) {
+          if (declarationBlock.declarations?.length) {
+            builder.newNestedRule({
+              mapping
+            });
+            for (const declaration of declarationBlock.declarations) {
+              parseDeclaration(declaration, builder);
+            }
+            builder.applyRuleToSelectors();
+          }
+          if (declarationBlock.importantDeclarations?.length) {
+            builder.newNestedRule({
+              mapping,
+              important: true
+            });
+            for (const declaration of declarationBlock.importantDeclarations) {
+              parseDeclaration(declaration, builder);
+            }
+            builder.applyRuleToSelectors();
+          }
+        }
+        break;
+      }
+    case "style":
+      {
+        const value = rule.value;
+        const declarationBlock = value.declarations;
+        mapping = {
+          ...mapping,
+          ...parsePropAtRule(value.rules)
+        };
+
+        // If the rule is a style declaration, extract it with the `getExtractedStyle` function and store it in the `declarations` map
+        builder = builder.fork("style", value.selectors);
+        if (declarationBlock) {
+          if (declarationBlock.declarations?.length) {
+            builder.newRule(mapping);
+            for (const declaration of declarationBlock.declarations) {
+              parseDeclaration(declaration, builder);
+            }
+            builder.applyRuleToSelectors();
+          }
+          if (declarationBlock.importantDeclarations?.length) {
+            builder.newRule(mapping, {
+              important: true
+            });
+            for (const declaration of declarationBlock.importantDeclarations) {
+              parseDeclaration(declaration, builder);
+            }
+            builder.applyRuleToSelectors();
+          }
+        }
+        if (value.rules) {
+          for (const nestedRule of value.rules) {
+            extractRule(nestedRule, builder, mapping);
+          }
+        }
+        break;
+      }
+    case "layer-block":
+      for (const layerRule of rule.value.rules) {
+        extractRule(layerRule, builder, mapping);
+      }
+      break;
+    case "supports":
+      if (supportsConditionValid(rule.value.condition)) {
+        for (const layerRule of rule.value.rules) {
+          extractRule(layerRule, builder, mapping);
+        }
+      }
+      break;
+    case "custom":
+    case "font-face":
+    case "font-palette-values":
+    case "font-feature-values":
+    case "namespace":
+    case "layer-statement":
+    case "property":
+    case "view-transition":
+    case "ignored":
+    case "unknown":
+    case "import":
+    case "page":
+    case "counter-style":
+    case "moz-document":
+    case "nesting":
+    case "viewport":
+    case "custom-media":
+    case "scope":
+    case "starting-style":
+      break;
+  }
+}
+
+/**
+ * This function takes in a MediaRule object, an CompilerCollection object and a CssToReactNativeRuntimeOptions object,
+ * and returns an array of MediaQuery objects representing styles extracted from screen media queries.
+ *
+ * @param mediaRule - The MediaRule object containing the media query and its rules.
+ * @param collection - The CompilerCollection object to use when extracting styles.
+ * @param parseOptions - The CssToReactNativeRuntimeOptions object to use when parsing styles.
+ *
+ * @returns undefined if no screen media queries are found in the mediaRule, else it returns the extracted styles.
+ */
+function extractMedia(mediaRule, builder, mapping) {
+  builder = builder.fork("media");
+
+  // Initialize an empty array to store screen media queries
+  const media = [];
+
+  // Iterate over all media queries in the mediaRule
+  for (const mediaQuery of mediaRule.query.mediaQueries) {
+    if (
+    // If this is only a media query
+    mediaQuery.mediaType === "print" && mediaQuery.qualifier !== "not" ||
+    // If this is a @media not print {}
+    // We can only do this if there are no conditions, as @media not print and (min-width: 100px) could be valid
+    mediaQuery.mediaType !== "print" && mediaQuery.qualifier === "not" && mediaQuery.condition === null) {
+      continue;
+    }
+    media.push(mediaQuery);
+  }
+  if (media.length === 0) {
+    return;
+  }
+  for (const m of media) {
+    parseMediaQuery(m, builder);
+  }
+
+  // Iterate over all rules in the mediaRule and extract their styles using the updated CompilerCollection
+  for (const rule of mediaRule.rules) {
+    extractRule(rule, builder, mapping);
+  }
+}
+
+/**
+ * @param containerRule - The ContainerRule object containing the container query and its rules.
+ * @param collection - The CompilerCollection object to use when extracting styles.
+ * @param parseOptions - The CssToReactNativeRuntimeOptions object to use when parsing styles.
+ */
+function extractContainer(containerRule, builder, mapping) {
+  builder = builder.fork("container");
+
+  // Iterate over all rules inside the containerRule and extract their styles using the updated CompilerCollection
+  const query = {
+    m: parseContainerCondition(containerRule.condition, builder)
+  };
+  if (containerRule.name) {
+    query.n = `c:${containerRule.name}`;
+  }
+  builder.addContainerQuery(query);
+  for (const rule of containerRule.rules) {
+    extractRule(rule, builder, mapping);
+  }
+}
+//# sourceMappingURL=compiler.js.map

package/dist/module/compiler/compiler.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["inspect","debug","maybeMutateReactNativeOptions","parsePropAtRule","parseContainerCondition","parseDeclaration","round","inlineVariables","extractKeyFrames","lightningcssLoader","parseMediaQuery","StylesheetBuilder","supportsConditionValid","defaultLogger","compile","code","options","logger","isLoggerEnabled","enabled","Boolean","features","Object","assign","selectorPrefix","startsWith","slice","JSON","stringify","process","env","NODE_ENV","toString","builder","lightningcss","Features","vars","Map","firstPassVisitor","inlineRem","Length","length","unit","value","exclusionList","exclude","Declaration","decl","property","name","includes","entry","get","count","type","set","StyleSheetExit","sheet","firstPass","TextEncoder","encode","include","DoublePositionGradients","ColorFunction","VendorPrefixes","visitor","filename","projectRoot","cwd","MAX_LOG_SIZE","subarray","customAtRules","body","Rule","rule","rules","depth","colors","compact","extractRule","stylesheet","getNativeStyleSheet","warnings","getWarnings","mapping","extractContainer","extractMedia","declarationBlock","declarations","newNestedRule","declaration","applyRuleToSelectors","importantDeclarations","important","fork","selectors","newRule","nestedRule","layerRule","condition","mediaRule","media","mediaQuery","query","mediaQueries","mediaType","qualifier","push","m","containerRule","n","addContainerQuery"],"sourceRoot":"../../../src","sources":["compiler/compiler.ts"],"mappings":"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","ignoreList":[]}

package/dist/module/compiler/compiler.types.js

@@ -0,0 +1,60 @@
+"use strict";
+
+/* eslint-disable */
+
+import { VAR_SYMBOL } from "../native/reactivity.js";
+
+/**
+ * A `react-native-css` StyleSheet
+ */
+
+/********************************    Styles    ********************************/
+
+/**
+ * The JS representation of a style object
+ *
+ * This CSS rule is a single StyleRuleSet, made up of multiple StyleRules
+ *
+ * ```css
+ * .my-class {
+ *   color: red;
+ * }
+ * ```
+ * Properties are split into normal and important properties, and then split
+ * into different StyleRules depending on their specificity, conditions, etc
+ */
+
+/******************************    Variables    *******************************/
+
+/******************************   Animations  ******************************/
+
+/******************************    Conditions    ******************************/
+
+// Data-Attribute
+
+// Case sensitivity
+
+/******************************    Containers    *****************************/
+
+/******************************    Specificity    *****************************/
+
+/**
+ * https://drafts.csswg.org/selectors/#specificity-rules
+ *
+ * This array is sorted by most common values when parsing a StyleSheet
+ */
+
+/******************************    Compiler    ********************************/
+
+/** @internal */
+
+/** @internal */
+
+/**
+ * @internal
+ */
+
+/**
+ * @internal
+ */
+//# sourceMappingURL=compiler.types.js.map

package/dist/module/compiler/compiler.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["VAR_SYMBOL"],"sourceRoot":"../../../src","sources":["compiler/compiler.types.ts"],"mappings":";;AAAA;;AAOA,SAASA,UAAU,QAAQ,yBAAsB;;AAmBjD;AACA;AACA;;AAgBA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAwFA;;AAqBA;;AAMA;;AAwCS;;AAMkE;;AAI3E;;AAUA;;AAEA;AACA;AACA;AACA;AACA;;AAIA;;AAKA;;AAEA;;AAGA;AACA;AACA;;AAKA;AACA;AACA","ignoreList":[]}

package/dist/module/compiler/container-query.js

@@ -0,0 +1,59 @@
+"use strict";
+
+/* eslint-disable */
+
+import { parseMediaFeatureOperator, parseMediaFeatureValue } from "./media-query.js";
+export function parseContainerCondition(condition, builder) {
+  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, builder) {
+  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);
+      if (conditions.length === 0) {
+        return;
+      }
+      switch (condition.operator) {
+        case "and":
+          return ["&", conditions];
+        case "or":
+          return ["|", conditions];
+        default:
+          condition.operator;
+          return;
+      }
+    case "style":
+      // We don't support these yet
+      return;
+    default:
+      condition;
+      return;
+  }
+}
+function parseFeature(feature, builder) {
+  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;
+      return;
+  }
+}
+//# sourceMappingURL=container-query.js.map

package/dist/module/compiler/container-query.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["parseMediaFeatureOperator","parseMediaFeatureValue","parseContainerCondition","condition","builder","containerQuery","parseContainerQueryCondition","some","v","undefined","type","parseFeature","value","query","conditions","map","c","filter","length","operator","feature","name","start","startOperator","end","endOperator"],"sourceRoot":"../../../src","sources":["compiler/container-query.ts"],"mappings":";;AAAA;;AAOA,SACEA,yBAAyB,EACzBC,sBAAsB,QACjB,kBAAe;AAGtB,OAAO,SAASC,uBAAuBA,CACrCC,SAAgC,EAChCC,OAA0B,EAC1B;EACA,IAAIC,cAAc,GAAGC,4BAA4B,CAACH,SAAS,EAAEC,OAAO,CAAC;;EAErE;EACA,IAAI,CAACC,cAAc,IAAIA,cAAc,CAACE,IAAI,CAAEC,CAAC,IAAKA,CAAC,KAAKC,SAAS,CAAC,EAAE;IAClE;EACF;EAEA,OAAOJ,cAAc;AACvB;AAEA,SAASC,4BAA4BA,CACnCH,SAAgC,EAChCC,OAA0B,EACE;EAC5B,QAAQD,SAAS,CAACO,IAAI;IACpB,KAAK,SAAS;MACZ,OAAOC,YAAY,CAACR,SAAS,CAACS,KAAK,EAAER,OAAO,CAAC;IAC/C,KAAK,KAAK;MACR,MAAMS,KAAK,GAAGX,uBAAuB,CAACC,SAAS,CAACS,KAAK,EAAER,OAAO,CAAC;MAC/D,OAAOS,KAAK,GAAG,CAAC,GAAG,EAAEA,KAAK,CAAC,GAAGJ,SAAS;IACzC,KAAK,WAAW;MACd,MAAMK,UAAU,GAAGX,SAAS,CAACW,UAAU,CACpCC,GAAG,CAAEC,CAAC,IAAKV,4BAA4B,CAACU,CAAC,EAAEZ,OAAO,CAAC,CAAC,CACpDa,MAAM,CAAET,CAAC,IAA0B,CAAC,CAACA,CAAC,CAAC;MAE1C,IAAIM,UAAU,CAACI,MAAM,KAAK,CAAC,EAAE;QAC3B;MACF;MAEA,QAAQf,SAAS,CAACgB,QAAQ;QACxB,KAAK,KAAK;UACR,OAAO,CAAC,GAAG,EAAEL,UAAU,CAAC;QAC1B,KAAK,IAAI;UACP,OAAO,CAAC,GAAG,EAAEA,UAAU,CAAC;QAC1B;UACEX,SAAS,CAACgB,QAAQ;UAClB;MACJ;IACF,KAAK,OAAO;MACV;MACA;IACF;MACEhB,SAAS;MACT;EACJ;AACF;AAEA,SAASQ,YAAYA,CACnBS,OAA+C,EAC/ChB,OAA0B,EACE;EAC5B,QAAQgB,OAAO,CAACV,IAAI;IAClB,KAAK,SAAS;MACZ,OAAO,CAAC,IAAI,EAAEU,OAAO,CAACC,IAAI,CAAC;IAC7B,KAAK,OAAO;MACV,OAAO,CACL,GAAG,EACHD,OAAO,CAACC,IAAI,EACZpB,sBAAsB,CAACmB,OAAO,CAACR,KAAK,EAAER,OAAO,CAAC,CAC/C;IACH,KAAK,OAAO;MACV,OAAO,CACLJ,yBAAyB,CAACoB,OAAO,CAACD,QAAQ,CAAC,EAC3CC,OAAO,CAACC,IAAI,EACZpB,sBAAsB,CAACmB,OAAO,CAACR,KAAK,EAAER,OAAO,CAAC,CAC/C;IACH,KAAK,UAAU;MACb,OAAO,CACL,IAAI,EACJgB,OAAO,CAACC,IAAI,EACZpB,sBAAsB,CAACmB,OAAO,CAACE,KAAK,EAAElB,OAAO,CAAC,EAC9CJ,yBAAyB,CAACoB,OAAO,CAACG,aAAa,CAAC,EAChDtB,sBAAsB,CAACmB,OAAO,CAACI,GAAG,EAAEpB,OAAO,CAAC,EAC5CJ,yBAAyB,CAACoB,OAAO,CAACK,WAAW,CAAC,CAC/C;IACH;MACEL,OAAO;MACP;EACJ;AACF","ignoreList":[]}