fix: stop babel appending platform to TailwindProvider

nativewind · May 23, 2022 · fc8fdc8 · fc8fdc8
1 parent 5edef66
commit fc8fdc8
Show file tree

Hide file tree

Showing 9 changed files with 8 additions and 31 deletions.
diff --git a/__tests__/visitor/allow-modules-with-content/output.tsx b/__tests__/visitor/allow-modules-with-content/output.tsx
@@ -6,7 +6,7 @@ import { MotiText } from "moti";
 import { TestComponent } from "./test";
 export function Test() {
   return (
-    <TailwindProvider platform="native">
+    <TailwindProvider>
       <StyledComponent className="font-bold" component={Text}>
         Hello world!
       </StyledComponent>

diff --git a/__tests__/visitor/allow-modules/output.tsx b/__tests__/visitor/allow-modules/output.tsx
@@ -5,7 +5,7 @@ import { TailwindProvider } from "tailwindcss-react-native";
 import { MotiText } from "moti";
 export function Test() {
   return (
-    <TailwindProvider platform="native">
+    <TailwindProvider>
       <StyledComponent className="container" component={View}>
         <StyledComponent className="font-bold" component={Text}>
           Hello world!

diff --git a/__tests__/visitor/basic-tw/output.tsx b/__tests__/visitor/basic-tw/output.tsx
@@ -4,7 +4,7 @@ import { Text, View } from "react-native";
 import { TailwindProvider } from "tailwindcss-react-native";
 export function Test() {
   return (
-    <TailwindProvider platform="native">
+    <TailwindProvider>
       <StyledComponent tw="container" component={View}>
         <StyledComponent tw="font-bold" component={Text}>
           Hello world!

diff --git a/__tests__/visitor/basic/output.tsx b/__tests__/visitor/basic/output.tsx
@@ -4,7 +4,7 @@ import { Text, View } from "react-native";
 import { TailwindProvider } from "tailwindcss-react-native";
 export function Test() {
   return (
-    <TailwindProvider platform="native">
+    <TailwindProvider>
       <StyledComponent className="container" component={View}>
         <StyledComponent className="font-bold" component={Text}>
           Hello world!

diff --git a/__tests__/visitor/className-expression/output.tsx b/__tests__/visitor/className-expression/output.tsx
@@ -7,7 +7,7 @@ export function Test({ isBold, isUnderline }) {
   if (isBold) classNames.push("font-bold");
   if (isUnderline) classNames.push("underline");
   return (
-    <TailwindProvider platform="native">
+    <TailwindProvider>
       <StyledComponent className={classNames.join(" ")} component={Text}>
         Hello world!
       </StyledComponent>

diff --git a/__tests__/visitor/empty-className/output.tsx b/__tests__/visitor/empty-className/output.tsx
@@ -4,7 +4,7 @@ import { Text } from "react-native";
 import { TailwindProvider } from "tailwindcss-react-native";
 export function Test() {
   return (
-    <TailwindProvider platform="native">
+    <TailwindProvider>
       <StyledComponent className="" component={Text}>
         Hello world!
       </StyledComponent>

diff --git a/__tests__/visitor/existing-style/output.tsx b/__tests__/visitor/existing-style/output.tsx
@@ -3,7 +3,7 @@ import { StyleSheet, Text } from "react-native";
 import { TailwindProvider } from "tailwindcss-react-native";
 export function Test() {
   return (
-    <TailwindProvider platform="native">
+    <TailwindProvider>
       <StyledComponent
         className="font-bold"
         style={styles.test}

diff --git a/src/babel/transforms/append-platform-attribute.ts b/src/babel/transforms/append-platform-attribute.ts
diff --git a/src/babel/visitor.ts b/src/babel/visitor.ts
@@ -7,7 +7,6 @@ import { getImportBlockedComponents } from "./utils/get-import-blocked-component
 import { someAttributes } from "./utils/has-attribute";
 
 import { toStyledComponent } from "./transforms/to-component";
-import { appendPlatformAttribute } from "./transforms/append-platform-attribute";
 
 import {
   AllowPathOptions,
@@ -53,15 +52,11 @@ export const visitor: Visitor<VisitorState> = {
     );
   },
   JSXElement(path, state) {
-    const { platform, blockList, canTransform } = state;
+    const { blockList, canTransform } = state;
     const name = getJSXElementName(path.node.openingElement);
 
     state.hasProvider ||= name === "TailwindProvider";
 
-    if (name === "TailwindProvider" && canTransform) {
-      appendPlatformAttribute(path, platform);
-    }
-
     if (blockList.has(name) || name[0] !== name[0].toUpperCase()) {
       return;
     }