[change] babel-plugin option for style runtime

Author: necolas

packages/babel-plugin-react-native-web/src/__tests__/__snapshots__/index-test.js.snap

@@ -1,6 +1,115 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Rewrite react-native to react-native-web export from "react-native": export from "react-native" 1`] = `
+exports[`[commonjs] Rewrite react-native to react-native-web export from "react-native": export from "react-native" 1`] = `
+
+export { View } from 'react-native';
+export { StyleSheet, Text, unstable_createElement } from 'react-native';
+
+      ↓ ↓ ↓ ↓ ↓ ↓
+
+export { default as View } from 'react-native-web/dist/cjs/exports/View';
+export { default as StyleSheet } from 'react-native-web/dist/cjs/exports/StyleSheet';
+export { default as Text } from 'react-native-web/dist/cjs/exports/Text';
+export { default as unstable_createElement } from 'react-native-web/dist/cjs/exports/createElement';
+
+
+`;
+
+exports[`[commonjs] Rewrite react-native to react-native-web export from "react-native-web": export from "react-native-web" 1`] = `
+
+export { View } from 'react-native-web';
+export { StyleSheet, Text, unstable_createElement } from 'react-native-web';
+
+      ↓ ↓ ↓ ↓ ↓ ↓
+
+export { default as View } from 'react-native-web/dist/cjs/exports/View';
+export { default as StyleSheet } from 'react-native-web/dist/cjs/exports/StyleSheet';
+export { default as Text } from 'react-native-web/dist/cjs/exports/Text';
+export { default as unstable_createElement } from 'react-native-web/dist/cjs/exports/createElement';
+
+
+`;
+
+exports[`[commonjs] Rewrite react-native to react-native-web import from "react-native": import from "react-native" 1`] = `
+
+import ReactNative from 'react-native';
+import { StyleSheet, View } from 'react-native';
+import { Invalid, View as MyView } from 'react-native';
+import { useLocaleContext } from 'react-native';
+import * as ReactNativeModules from 'react-native';
+
+      ↓ ↓ ↓ ↓ ↓ ↓
+
+import ReactNative from 'react-native-web/dist/cjs/index';
+import StyleSheet from 'react-native-web/dist/cjs/exports/StyleSheet';
+import View from 'react-native-web/dist/cjs/exports/View';
+import { Invalid } from 'react-native-web/dist/cjs/index';
+import MyView from 'react-native-web/dist/cjs/exports/View';
+import useLocaleContext from 'react-native-web/dist/cjs/exports/useLocaleContext';
+import * as ReactNativeModules from 'react-native-web/dist/cjs/index';
+
+
+`;
+
+exports[`[commonjs] Rewrite react-native to react-native-web import from "react-native-web": import from "react-native-web" 1`] = `
+
+import { unstable_createElement } from 'react-native-web';
+import { StyleSheet, View, Pressable, processColor } from 'react-native-web';
+import * as ReactNativeModules from 'react-native-web';
+
+      ↓ ↓ ↓ ↓ ↓ ↓
+
+import unstable_createElement from 'react-native-web/dist/cjs/exports/createElement';
+import StyleSheet from 'react-native-web/dist/cjs/exports/StyleSheet';
+import View from 'react-native-web/dist/cjs/exports/View';
+import Pressable from 'react-native-web/dist/cjs/exports/Pressable';
+import processColor from 'react-native-web/dist/cjs/exports/processColor';
+import * as ReactNativeModules from 'react-native-web/dist/cjs/index';
+
+
+`;
+
+exports[`[commonjs] Rewrite react-native to react-native-web require "react-native": require "react-native" 1`] = `
+
+const ReactNative = require('react-native');
+const { View } = require('react-native');
+const { StyleSheet, Pressable } = require('react-native');
+
+      ↓ ↓ ↓ ↓ ↓ ↓
+
+const ReactNative = require('react-native-web/dist/cjs/index');
+const View = require('react-native-web/dist/cjs/exports/View').default;
+const StyleSheet =
+  require('react-native-web/dist/cjs/exports/StyleSheet').default;
+const Pressable =
+  require('react-native-web/dist/cjs/exports/Pressable').default;
+
+
+`;
+
+exports[`[commonjs] Rewrite react-native to react-native-web require "react-native-web": require "react-native-web" 1`] = `
+
+const ReactNative = require('react-native-web');
+const { unstable_createElement } = require('react-native-web');
+const { StyleSheet, View, Pressable, processColor } = require('react-native-web');
+
+      ↓ ↓ ↓ ↓ ↓ ↓
+
+const ReactNative = require('react-native-web/dist/cjs/index');
+const unstable_createElement =
+  require('react-native-web/dist/cjs/exports/createElement').default;
+const StyleSheet =
+  require('react-native-web/dist/cjs/exports/StyleSheet').default;
+const View = require('react-native-web/dist/cjs/exports/View').default;
+const Pressable =
+  require('react-native-web/dist/cjs/exports/Pressable').default;
+const processColor =
+  require('react-native-web/dist/cjs/exports/processColor').default;
+
+
+`;
+
+exports[`[legacy] Rewrite react-native to react-native-web export from "react-native": export from "react-native" 1`] = `
 
 export { View } from 'react-native';
 export { StyleSheet, Text, unstable_createElement } from 'react-native';
@@ -15,7 +124,7 @@ export { default as unstable_createElement } from 'react-native-web/dist/exports
 
 `;
 
-exports[`Rewrite react-native to react-native-web export from "react-native-web": export from "react-native-web" 1`] = `
+exports[`[legacy] Rewrite react-native to react-native-web export from "react-native-web": export from "react-native-web" 1`] = `
 
 export { View } from 'react-native-web';
 export { StyleSheet, Text, unstable_createElement } from 'react-native-web';
@@ -30,17 +139,18 @@ export { default as unstable_createElement } from 'react-native-web/dist/exports
 
 `;
 
-exports[`Rewrite react-native to react-native-web import from "react-native": import from "react-native" 1`] = `
+exports[`[legacy] Rewrite react-native to react-native-web import from "react-native": import from "react-native" 1`] = `
 
 import ReactNative from 'react-native';
-import { View } from 'react-native';
+import { StyleSheet, View } from 'react-native';
 import { Invalid, View as MyView } from 'react-native';
 import { useLocaleContext } from 'react-native';
 import * as ReactNativeModules from 'react-native';
 
       ↓ ↓ ↓ ↓ ↓ ↓
 
 import ReactNative from 'react-native-web/dist/index';
+import StyleSheet from 'react-native-web/dist/exports/StyleSheet';
 import View from 'react-native-web/dist/exports/View';
 import { Invalid } from 'react-native-web/dist/index';
 import MyView from 'react-native-web/dist/exports/View';
@@ -50,25 +160,7 @@ import * as ReactNativeModules from 'react-native-web/dist/index';
 
 `;
 
-exports[`Rewrite react-native to react-native-web import from "react-native": import from "react-native" 2`] = `
-
-import ReactNative from 'react-native';
-import { View } from 'react-native';
-import { Invalid, View as MyView } from 'react-native';
-import * as ReactNativeModules from 'react-native';
-
-      ↓ ↓ ↓ ↓ ↓ ↓
-
-import ReactNative from 'react-native-web/dist/cjs/index';
-import View from 'react-native-web/dist/cjs/exports/View';
-import { Invalid } from 'react-native-web/dist/cjs/index';
-import MyView from 'react-native-web/dist/cjs/exports/View';
-import * as ReactNativeModules from 'react-native-web/dist/cjs/index';
-
-
-`;
-
-exports[`Rewrite react-native to react-native-web import from "react-native-web": import from "react-native-web" 1`] = `
+exports[`[legacy] Rewrite react-native to react-native-web import from "react-native-web": import from "react-native-web" 1`] = `
 
 import { unstable_createElement } from 'react-native-web';
 import { StyleSheet, View, Pressable, processColor } from 'react-native-web';
@@ -86,7 +178,7 @@ import * as ReactNativeModules from 'react-native-web/dist/index';
 
 `;
 
-exports[`Rewrite react-native to react-native-web require "react-native": require "react-native" 1`] = `
+exports[`[legacy] Rewrite react-native to react-native-web require "react-native": require "react-native" 1`] = `
 
 const ReactNative = require('react-native');
 const { View } = require('react-native');
@@ -102,20 +194,97 @@ const Pressable = require('react-native-web/dist/exports/Pressable').default;
 
 `;
 
-exports[`Rewrite react-native to react-native-web require "react-native": require "react-native" 2`] = `
+exports[`[legacy] Rewrite react-native to react-native-web require "react-native-web": require "react-native-web" 1`] = `
+
+const ReactNative = require('react-native-web');
+const { unstable_createElement } = require('react-native-web');
+const { StyleSheet, View, Pressable, processColor } = require('react-native-web');
+
+      ↓ ↓ ↓ ↓ ↓ ↓
+
+const ReactNative = require('react-native-web/dist/index');
+const unstable_createElement =
+  require('react-native-web/dist/exports/createElement').default;
+const StyleSheet = require('react-native-web/dist/exports/StyleSheet').default;
+const View = require('react-native-web/dist/exports/View').default;
+const Pressable = require('react-native-web/dist/exports/Pressable').default;
+const processColor =
+  require('react-native-web/dist/exports/processColor').default;
+
+
+`;
+
+exports[`Rewrite react-native to react-native-web export from "react-native": export from "react-native" 1`] = `
+
+export { View } from 'react-native';
+export { StyleSheet, Text, unstable_createElement } from 'react-native';
+
+      ↓ ↓ ↓ ↓ ↓ ↓
+
+export { View } from 'react-native';
+export { StyleSheet, Text, unstable_createElement } from 'react-native';
+
+
+`;
+
+exports[`Rewrite react-native to react-native-web export from "react-native-web": export from "react-native-web" 1`] = `
+
+export { View } from 'react-native-web';
+export { StyleSheet, Text, unstable_createElement } from 'react-native-web';
+
+      ↓ ↓ ↓ ↓ ↓ ↓
+
+export { View } from 'react-native-web';
+export { StyleSheet, Text, unstable_createElement } from 'react-native-web';
+
+
+`;
+
+exports[`Rewrite react-native to react-native-web import from "react-native": import from "react-native" 1`] = `
+
+import ReactNative from 'react-native';
+import { StyleSheet, View } from 'react-native';
+import { Invalid, View as MyView } from 'react-native';
+import { useLocaleContext } from 'react-native';
+import * as ReactNativeModules from 'react-native';
+
+      ↓ ↓ ↓ ↓ ↓ ↓
+
+import ReactNative from 'react-native';
+import { View } from 'react-native';
+import { Invalid, View as MyView } from 'react-native';
+import { useLocaleContext } from 'react-native';
+import * as ReactNativeModules from 'react-native';
+
+
+`;
+
+exports[`Rewrite react-native to react-native-web import from "react-native-web": import from "react-native-web" 1`] = `
+
+import { unstable_createElement } from 'react-native-web';
+import { StyleSheet, View, Pressable, processColor } from 'react-native-web';
+import * as ReactNativeModules from 'react-native-web';
+
+      ↓ ↓ ↓ ↓ ↓ ↓
+
+import { unstable_createElement } from 'react-native-web';
+import { View, Pressable, processColor } from 'react-native-web';
+import * as ReactNativeModules from 'react-native-web';
+
+
+`;
+
+exports[`Rewrite react-native to react-native-web require "react-native": require "react-native" 1`] = `
 
 const ReactNative = require('react-native');
 const { View } = require('react-native');
 const { StyleSheet, Pressable } = require('react-native');
 
       ↓ ↓ ↓ ↓ ↓ ↓
 
-const ReactNative = require('react-native-web/dist/cjs/index');
-const View = require('react-native-web/dist/cjs/exports/View').default;
-const StyleSheet =
-  require('react-native-web/dist/cjs/exports/StyleSheet').default;
-const Pressable =
-  require('react-native-web/dist/cjs/exports/Pressable').default;
+const ReactNative = require('react-native');
+const { View } = require('react-native');
+const { StyleSheet, Pressable } = require('react-native');
 
 
 `;
@@ -128,14 +297,14 @@ const { StyleSheet, View, Pressable, processColor } = require('react-native-web'
 
       ↓ ↓ ↓ ↓ ↓ ↓
 
-const ReactNative = require('react-native-web/dist/index');
-const unstable_createElement =
-  require('react-native-web/dist/exports/createElement').default;
-const StyleSheet = require('react-native-web/dist/exports/StyleSheet').default;
-const View = require('react-native-web/dist/exports/View').default;
-const Pressable = require('react-native-web/dist/exports/Pressable').default;
-const processColor =
-  require('react-native-web/dist/exports/processColor').default;
+const ReactNative = require('react-native-web');
+const { unstable_createElement } = require('react-native-web');
+const {
+  StyleSheet,
+  View,
+  Pressable,
+  processColor
+} = require('react-native-web');
 
 
 `;