fix: make sure only one version of the library is imported

closes #1432

Author: satya164

package.json

@@ -4,6 +4,7 @@
   "description": "Material design for React Native",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
+  "react-native": "lib/module/index.js",
   "types": "lib/typescript/src/index.d.ts",
   "files": [
     "lib",

scripts/generate-mappings.js

@@ -20,8 +20,9 @@ const ast = parser.parse(source, {
   ],
 });
 
+const index = path.dirname(packageJson.module);
 const relative = (value /* : string */) =>
-  path.relative(root, path.resolve(path.dirname(packageJson.module), value));
+  path.relative(root, path.resolve(index, value));
 
 const mappings = ast.program.body.reduce((acc, declaration, index, self) => {
   if (types.isExportNamedDeclaration(declaration)) {
@@ -59,4 +60,4 @@ const mappings = ast.program.body.reduce((acc, declaration, index, self) => {
 }, {});
 
 fs.existsSync(path.dirname(output)) || fs.mkdirSync(path.dirname(output));
-fs.writeFileSync(output, JSON.stringify(mappings, null, 2));
+fs.writeFileSync(output, JSON.stringify({ index, mappings }, null, 2));

src/babel/__fixtures__/rewrite-imports/code.js

@@ -12,4 +12,5 @@ import {
   NonExistentSecond as Stuff,
   ThemeProvider,
   withTheme,
+  Theme
 } from 'react-native-paper';

src/babel/__fixtures__/rewrite-imports/output.js

@@ -6,6 +6,6 @@ import Button from "react-native-paper/lib/module/components/Button";
 import FAB from "react-native-paper/lib/module/components/FAB/FAB";
 import Appbar from "react-native-paper/lib/module/components/Appbar/Appbar";
 import * as Colors from "react-native-paper/lib/module/styles/colors";
-import { NonExistent, NonExistentSecond as Stuff } from 'react-native-paper';
+import { NonExistent, NonExistentSecond as Stuff, Theme } from "react-native-paper/lib/module";
 import { ThemeProvider } from "react-native-paper/lib/module/core/theming";
 import { withTheme } from "react-native-paper/lib/module/core/theming";

src/babel/index.js

@@ -1,8 +1,5 @@
-const mappingsPath =
-  process.env.NODE_ENV === 'test'
-    ? `../../lib/mappings.json`
-    : `../../mappings.json`;
-const mappings = require(mappingsPath);
+const { index, mappings } = require('../../lib/mappings.json');
+const { name } = require('../../package.json');
 
 const SKIP = Symbol('SKIP');
 
@@ -11,19 +8,17 @@ module.exports = function rewire(babel) {
   return {
     visitor: {
       ImportDeclaration(path) {
-        if (
-          path.node.source.value !== 'react-native-paper' ||
-          path.node[SKIP]
-        ) {
+        if (path.node.source.value !== name || path.node[SKIP]) {
           return;
         }
 
+        path.node.source.value = `${name}/${index}`;
         path.replaceWithMultiple(
           path.node.specifiers.reduce((declarations, specifier) => {
             const mapping = mappings[specifier.imported.name];
 
             if (mapping) {
-              const alias = `${path.node.source.value}/${mapping.path}`;
+              const alias = `${name}/${mapping.path}`;
               const identifier = t.identifier(specifier.local.name);
 
               let s;