react-native-css 0.0.0-nightly.d48061c → 0.0.0-nightly.da5ce0f

package/README.md

@@ -13,10 +13,12 @@ The goal of this library is to provide the most complete CSS support for React N
 ### Metro based projects
 
 > [!TIP]  
-> All Expo and React Native Community CLI projects use Metro as the bundler, so this guide applies to them.
+> Most React Native projects use Metro as the bundler.
 
 You will need to add `withReactNativeCSS` to your Metro configuration.
 
+#### Expo Projects
+
 ```ts
 import { getDefaultConfig } from "expo/metro-config";
 import { withReactNativeCSS } from "react-native-css/metro";
@@ -31,6 +33,17 @@ export default withReactNativeCSS(defaultConfig, {
 });
 ```
 
+#### Non-Expo Projects
+
+`react-native-css` relies on the bundler to process CSS files. Currently only Expo provides a CSS asset pipeline. Since the Expo SDK is modular, you can add this functionality by just using the `@expo/metro-config` package.
+
+Follow the Expo instructions, but replace the `expo` package with `@expo/metro-config`.
+
+```diff
+- import { getDefaultConfig } from "expo/metro-config";
++ import { getDefaultConfig } from "@expo/metro-config";
+```
+
 ### Other bundlers
 
 `react-native-css` officially only supports Metro as the bundler, but we welcome community contributions to support other bundlers like Webpack, Vite or Turbopack.
@@ -88,23 +101,42 @@ module.exports = withReactNativeCSS(
 );
 ```
 
-### Via hooks
+### Via `styled`
+
+You can also use the `styled` function to get styled components.
+
+```ts
+import { View } from 'react-native';
+import { styled } from 'react-native-css';
+
+import "./styles.css";
+
+const MyView = styled(View)
+
+export default function App() {
+  return (
+    <MyView className="container">
+      <MyView className="box" />
+    </MyView>
+  );
+}
+```
 
-#### `useCssElement`
+### Via hooks
 
 You can also use the `useCssElement` hook.
 
 ```ts
-import { View as RNView } from 'react-native';
+import { View } from 'react-native';
 import { useCssElement } from 'react-native-css';
 
 export default function App() {
-  const Container = useCssElement(RNView, {
+  const Container = useCssElement(View, {
     className: "container",
   });
 
-  const Box = useCssElement(RNView, {
-    className: "container",
+  const Box = useCssElement(View, {
+    className: "box",
   });
 
   return (
@@ -116,11 +148,11 @@ export default function App() {
 ```
 
 > [!IMPORTANT]  
-> The hook returns a React Element, not a style object. The element will work on all platforms and will correctly apply the React context needed to support all features of the library
+> The hook returns a React Element, not a style object.
 
 #### `useNativeCssStyle`
 
-If you just require the style object, you can use the `useNativeCssStyle` hook:
+If you just require the style object, you can use the `useNativeCssStyle` hook
 
 ```ts
 import { View as RNView } from 'react-native';
@@ -144,15 +176,15 @@ export default function App() {
 > This hook may not support all features of the library.
 > This hooks does not support container queries or inheritance for children elements.
 
-#### `useNativeCssVariable`
+#### `useNativeVariable`
 
-If you just require a CSS variable value, you can use the `useNativeCssVariable` hook:
+If you just require a CSS variable value, you can use the `useNativeVariable` hook:
 
 ```ts
-import { useNativeCssVariable } from 'react-native-css';
+import { useNativeVariable } from 'react-native-css';
 
 export default function App() {
-  const myColor = useNativeCssVariable("my-color");
+  const myColor = useNativeVariable("--my-color");
 
   return (
     <View style={{ backgroundColor: myColor }}>
@@ -168,6 +200,102 @@ export default function App() {
 > This hook may will only work on native platforms. It will return `undefined` on web.
 > This hook may not support all features of the library.
 
+## CSS variables
+
+It is preferable that all CSS variables are set via CSS. If you need values to change dynamically, we recommend using a class to change the values.
+
+```css
+.theme-red {
+  --brand-color: red;
+}
+
+.theme-blue {
+  --brand-color: blue;
+}
+```
+
+As a last resort, you can use `VariableContext` to dynamically set CSS variables in JavaScript
+
+```ts
+import { VariableContext } from 'react-native-css';
+
+export default function App() {
+  return (
+    <VariableContext values={{ "--my-color": "red" }}>
+      <Text className="my-color-text">
+        Hello, world!
+      </Text>
+    </VariableContext>
+  )
+}
+```
+
+This API only allows for setting CSS variables as primitive values. For more complex styles, you will need to use a helper CSS class.
+
+> [!IMPORTANT]  
+> By using `VariableContext` you may need to disable the `inlineVariable` optimization
+
+## Optimizations
+
+CSS is a dynamic styling language that use highly optimized engines that are not available in React Native. Instead, we optimize the styles to improve performance
+
+These optimizations are only applied in native environments and are enabled by default.
+
+### Inline REM units
+
+All `rem` units are converted to `dp` units at build time. On native, the default dp is 14. You can change the default `rem` by passing a `inlineRem` option to the `withReactNativeCSS` function.
+
+```tsx
+export default withReactNativeCSS(defaultConfig, {
+  inlineRem: 16, // change to 16dp,
+});
+```
+
+### Inline CSS Custom Properties (variables)
+
+Custom properties (sometimes referred to as CSS variables or cascading variables) are a way to store values that can be reused throughout a CSS document. They are defined using a property name that starts with `--`, and their values can be accessed using the `var()` function.
+
+To improve performance, Custom properties that are only set **once** in the CSS file are inlined at build time.
+
+For example
+
+```css
+:root {
+  --my-var: red;
+  --var-with-two-possible-values: blue;
+}
+
+.my-class {
+  --var-with-two-possible-values: green;
+  color: var(--my-var);
+  background-color: var(--var-with-two-possible-values);
+}
+```
+
+Is converted to:
+
+```css
+:root {
+  --var-with-two-possible-values: blue;
+}
+
+.my-class {
+  color: red; /* This was inlined and the variable was removed */
+
+  /* These are preserved as there are multiple possible values */
+  --var-with-two-possible-values: green;
+  background-color: var(--var-with-two-possible-values);
+}
+```
+
+Using `VariableContext` with `inlineVariables` may have unexpected results, as rules may have been rewritten not to use a variable. You can disable this behavior by setting `inlineVariables: false`
+
+```tsx
+export default withReactNativeCSS(defaultConfig, {
+  inlineVariables: false,
+});
+```
+
 ## Contributing
 
 See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.

package/dist/commonjs/compiler/atRules.js

@@ -20,11 +20,11 @@ function maybeMutateReactNativeOptions(rule, _builder) {
 }
 
 /***********************************************
- * @prop                                       *
+ * @nativeMapping                                       *
  ***********************************************/
 
-function isPropAtRule(rule) {
-  return rule.type === "unknown" && rule.value.name === "prop";
+function isNativeMappingAtRule(rule) {
+  return rule.type === "unknown" && rule.value.name === "nativeMapping";
 }
 function parsePropAtRule(rules) {
   // Include any default mapping here
@@ -41,12 +41,12 @@ function parsePropAtRule(rules) {
   };
   if (!rules) return mapping;
   for (const rule of rules) {
-    if (!isPropAtRule(rule)) continue;
+    if (!isNativeMappingAtRule(rule)) continue;
     if (rule.value.prelude.length > 0) {
       const prelude = rule.value.prelude.filter(item => {
         return item.value.type !== "white-space";
       });
-      propAtRuleBlock(prelude, mapping);
+      nativeMappingAtRuleBlock(prelude, mapping);
     } else if (rule.value.block) {
       // Remove all whitespace tokens
       const blocks = rule.value.block.filter(item => {
@@ -58,37 +58,51 @@ function parsePropAtRule(rules) {
         return item.value.type === "semicolon";
       });
       for (const block of blockRules) {
-        propAtRuleBlock(block, mapping);
+        nativeMappingAtRuleBlock(block, mapping);
       }
     }
   }
   return mapping;
 }
-function propAtRuleBlock(token, mapping = {}) {
-  const [from, to] = (0, _splitByDelimiter.splitByDelimiter)(token, item => {
+function nativeMappingAtRuleBlock(token, mapping = {}) {
+  let [from, to] = (0, _splitByDelimiter.splitByDelimiter)(token, item => {
     return item.value.type === "colon";
   });
-  if (!from || from.length !== 1) {
+
+  // @nativeMapping <to>; (has no from value)
+  if (!to) {
+    to = from;
+    from = [{
+      type: "token",
+      value: {
+        type: "ident",
+        value: "*"
+      }
+    }];
+  }
+
+  // We can only map from a single property
+  if (!from || from.length !== 1 || !to) {
     return mapping;
   }
   const fromToken = from[0];
   if (!fromToken || fromToken.value.type !== "ident") {
     return mapping;
   }
-  if (!to) {
-    mapping["*"] = (0, _selectors.toRNProperty)(fromToken.value.value);
-    return mapping;
-  }
-  mapping[(0, _selectors.toRNProperty)(fromToken.value.value)] = to.flatMap((item, index) => {
+  let value = to.flatMap((item, index) => {
     switch (item.value.type) {
       case "delim":
-        return index === 0 && item.value.value === "*" ? ["*"] : [];
+        return index === 0 && item.value.value === "&" ? ["&"] : [];
       case "ident":
-        return [(0, _selectors.toRNProperty)(item.value.value)];
+        return item.value.value.split(".").map(part => (0, _selectors.toRNProperty)(part));
       default:
         return [];
     }
   });
+  if (value.length === 2 && value[0] === "&" && value[1]) {
+    value = value[1];
+  }
+  mapping[(0, _selectors.toRNProperty)(fromToken.value.value)] = value;
   return mapping;
 }
 //# sourceMappingURL=atRules.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_selectors","require","_splitByDelimiter","maybeMutateReactNativeOptions","rule","_builder","type","value","name","isPropAtRule","parsePropAtRule","rules","mapping","prelude","length","filter","item","propAtRuleBlock","block","blocks","blockRules","splitByDelimiter","token","from","to","fromToken","toRNProperty","flatMap","index"],"sourceRoot":"../../../src","sources":["compiler/atRules.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_selectors","require","_splitByDelimiter","maybeMutateReactNativeOptions","rule","_builder","type","value","name","isNativeMappingAtRule","parsePropAtRule","rules","mapping","prelude","length","filter","item","nativeMappingAtRuleBlock","block","blocks","blockRules","splitByDelimiter","token","from","to","fromToken","flatMap","index","split","map","part","toRNProperty"],"sourceRoot":"../../../src","sources":["compiler/atRules.ts"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/compiler/compiler.js

@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.compile = compile;
 var _nodeUtil = require("node:util");
 var _debug = require("debug");
-var _lightningcss = require("lightningcss");
 var _atRules = require("./atRules.js");
 var _containerQuery = require("./container-query.js");
 var _declarations = require("./declarations.js");
+var _inlineVariables = require("./inline-variables.js");
 var _keyframes = require("./keyframes.js");
+var _lightningcssLoader = require("./lightningcss-loader.js");
 var _mediaQuery = require("./media-query.js");
 var _stylesheet = require("./stylesheet.js");
 var _supports = require("./supports.js");
@@ -41,6 +42,10 @@ function compile(code, options = {}) {
     }
   }
   const builder = new _stylesheet.StylesheetBuilder(options);
+  const {
+    lightningcss,
+    Features
+  } = (0, _lightningcssLoader.lightningcssLoader)();
   logger(`Lightningcss first pass`);
 
   /**
@@ -52,23 +57,49 @@ function compile(code, options = {}) {
    *
    * 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: (0, _declarations.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 (0, _inlineVariables.inlineVariables)(sheet, vars);
+    };
+  }
   const {
     code: firstPass
-  } = (0, _lightningcss.transform)({
+  } = lightningcss({
     code: typeof code === "string" ? new TextEncoder().encode(code) : code,
-    include: _lightningcss.Features.DoublePositionGradients | _lightningcss.Features.ColorFunction,
-    exclude: _lightningcss.Features.VendorPrefixes,
-    visitor: {
-      Length(length) {
-        if (length.unit !== "rem" || options.inlineRem === false) {
-          return length;
-        }
-        return {
-          unit: "px",
-          value: (0, _declarations.round)(length.value * (options.inlineRem ?? 14))
-        };
-      }
-    },
+    include: Features.DoublePositionGradients | Features.ColorFunction,
+    exclude: Features.VendorPrefixes,
+    visitor: firstPassVisitor,
     filename: options.filename ?? "style.css",
     projectRoot: options.projectRoot ?? process.cwd()
   });
@@ -109,7 +140,7 @@ function compile(code, options = {}) {
       return sheet;
     }
   };
-  (0, _lightningcss.transform)({
+  lightningcss({
     code: firstPass,
     visitor,
     filename: options.filename ?? "style.css",
@@ -124,7 +155,7 @@ function compile(code, options = {}) {
 /**
  * Extracts style declarations and animations from a given CSS rule, based on its type.
  */
-function extractRule(rule, builder) {
+function extractRule(rule, builder, mapping = {}) {
   // Check the rule's type to determine which extraction function to call
   switch (rule.type) {
     case "keyframes":
@@ -136,13 +167,13 @@ function extractRule(rule, builder) {
     case "container":
       {
         // If the rule is a container, extract it with the `extractedContainer` function
-        extractContainer(rule.value, builder);
+        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);
+        extractMedia(rule.value, builder, mapping);
         break;
       }
     case "nested-declarations":
@@ -151,7 +182,9 @@ function extractRule(rule, builder) {
         const declarationBlock = value.declarations;
         if (declarationBlock) {
           if (declarationBlock.declarations?.length) {
-            builder.newNestedRule();
+            builder.newNestedRule({
+              mapping
+            });
             for (const declaration of declarationBlock.declarations) {
               (0, _declarations.parseDeclaration)(declaration, builder);
             }
@@ -159,6 +192,7 @@ function extractRule(rule, builder) {
           }
           if (declarationBlock.importantDeclarations?.length) {
             builder.newNestedRule({
+              mapping,
               important: true
             });
             for (const declaration of declarationBlock.importantDeclarations) {
@@ -173,19 +207,22 @@ function extractRule(rule, builder) {
       {
         const value = rule.value;
         const declarationBlock = value.declarations;
-        const mapping = (0, _atRules.parsePropAtRule)(value.rules);
+        mapping = {
+          ...mapping,
+          ...(0, _atRules.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) {
+          if (declarationBlock.declarations?.length) {
             builder.newRule(mapping);
             for (const declaration of declarationBlock.declarations) {
               (0, _declarations.parseDeclaration)(declaration, builder);
             }
             builder.applyRuleToSelectors();
           }
-          if (declarationBlock.importantDeclarations) {
+          if (declarationBlock.importantDeclarations?.length) {
             builder.newRule(mapping, {
               important: true
             });
@@ -197,20 +234,20 @@ function extractRule(rule, builder) {
         }
         if (value.rules) {
           for (const nestedRule of value.rules) {
-            extractRule(nestedRule, builder);
+            extractRule(nestedRule, builder, mapping);
           }
         }
         break;
       }
     case "layer-block":
       for (const layerRule of rule.value.rules) {
-        extractRule(layerRule, builder);
+        extractRule(layerRule, builder, mapping);
       }
       break;
     case "supports":
       if ((0, _supports.supportsConditionValid)(rule.value.condition)) {
         for (const layerRule of rule.value.rules) {
-          extractRule(layerRule, builder);
+          extractRule(layerRule, builder, mapping);
         }
       }
       break;
@@ -247,7 +284,7 @@ function extractRule(rule, builder) {
  *
  * @returns undefined if no screen media queries are found in the mediaRule, else it returns the extracted styles.
  */
-function extractMedia(mediaRule, builder) {
+function extractMedia(mediaRule, builder, mapping) {
   builder = builder.fork("media");
 
   // Initialize an empty array to store screen media queries
@@ -274,7 +311,7 @@ function extractMedia(mediaRule, 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);
+    extractRule(rule, builder, mapping);
   }
 }
 
@@ -283,7 +320,7 @@ function extractMedia(mediaRule, builder) {
  * @param collection - The CompilerCollection object to use when extracting styles.
  * @param parseOptions - The CssToReactNativeRuntimeOptions object to use when parsing styles.
  */
-function extractContainer(containerRule, builder) {
+function extractContainer(containerRule, builder, mapping) {
   builder = builder.fork("container");
 
   // Iterate over all rules inside the containerRule and extract their styles using the updated CompilerCollection
@@ -295,7 +332,7 @@ function extractContainer(containerRule, builder) {
   }
   builder.addContainerQuery(query);
   for (const rule of containerRule.rules) {
-    extractRule(rule, builder);
+    extractRule(rule, builder, mapping);
   }
 }
 //# sourceMappingURL=compiler.js.map

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

@@ -1 +1 @@
-{"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","firstPass","lightningcss","TextEncoder","encode","include","Features","DoublePositionGradients","ColorFunction","exclude","VendorPrefixes","visitor","Length","length","unit","inlineRem","value","round","filename","projectRoot","cwd","MAX_LOG_SIZE","subarray","customAtRules","body","Rule","rule","maybeMutateReactNativeOptions","StyleSheetExit","sheet","rules","inspect","depth","colors","compact","extractRule","stylesheet","getNativeStyleSheet","warnings","getWarnings","type","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","name","n","addContainerQuery"],"sourceRoot":"../../../src","sources":["compiler/compiler.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_nodeUtil","require","_debug","_atRules","_containerQuery","_declarations","_inlineVariables","_keyframes","_lightningcssLoader","_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","lightningcss","Features","lightningcssLoader","vars","Map","firstPassVisitor","inlineRem","Length","length","unit","value","round","inlineVariables","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","maybeMutateReactNativeOptions","rules","inspect","depth","colors","compact","extractRule","stylesheet","getNativeStyleSheet","warnings","getWarnings","mapping","extractKeyFrames","extractContainer","extractMedia","declarationBlock","declarations","newNestedRule","declaration","parseDeclaration","applyRuleToSelectors","importantDeclarations","important","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/compiler.types.js

@@ -1,4 +1,4 @@
 "use strict";
 
-var _reactivity = require("../runtime/native/reactivity.js");
+var _reactivity = require("../native/reactivity.js");
 //# sourceMappingURL=compiler.types.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_reactivity","require"],"sourceRoot":"../../../src","sources":["compiler/compiler.types.ts"],"mappings":";;AAIA,IAAAA,WAAA,GAAAC,OAAA","ignoreList":[]}
+{"version":3,"names":["_reactivity","require"],"sourceRoot":"../../../src","sources":["compiler/compiler.types.ts"],"mappings":";;AAOA,IAAAA,WAAA,GAAAC,OAAA","ignoreList":[]}