support for native base

flexn-io · May 25, 2019 · 374773f · 374773f
1 parent 02a7c17
commit 374773f
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -93,6 +93,7 @@
         "@babel/core": "7.1.2",
         "@babel/plugin-proposal-decorators": "7.1.2",
         "@babel/plugin-transform-runtime": "7.1.0",
+        "@babel/plugin-proposal-class-properties": "7.4.4",
         "@babel/preset-env": "7.3.4",
         "@babel/runtime": "7.1.2",
         "@react-navigation/core": "3.1.1",

diff --git a/rnv-cli/platformTemplates/_shared/configs.js b/rnv-cli/platformTemplates/_shared/configs.js
@@ -37,6 +37,12 @@ function generateConfig(config) {
           path.resolve(projectDir, 'node_modules/react-native-material-textfield'),
           path.resolve(projectDir, 'node_modules/react-native-material-ripple'),
           path.resolve(projectDir, 'node_modules/react-native-easy-grid'),
+          path.resolve(projectDir, 'node_modules/native-base-shoutem-theme'),
+          path.resolve(projectDir, 'node_modules/react-native-drawer'),
+          path.resolve(projectDir, 'node_modules/react-native-safe-area-view'),
+          path.resolve(projectDir, 'node_modules/react-native-vector-icons'),
+          path.resolve(projectDir, 'node_modules/react-native-keyboard-aware-scroll-view'),
+          path.resolve(projectDir, 'node_modules/react-native-tab-view'),
         ],
         use: {
             loader: 'babel-loader',
@@ -76,10 +82,13 @@ function generateConfig(config) {
     };
 
     const aliases = {
-      react: path.resolve(projectDir, 'node_modules/react'),
+          react: path.resolve(projectDir, 'node_modules/react'),
           'react-native': 'react-native-web',
+          'react-native/Libraries/Renderer/shims/ReactNativePropRegistry': 'react-native-web/dist/modules/ReactNativePropRegistry',
           'react-native-linear-gradient': 'react-native-web-linear-gradient',
-          'react-native-vector-icons': 'react-native-web-vector-icons',
+          // 'react-native-vector-icons': 'react-native-web-vector-icons',
+          'react-native-vector-icons': path.resolve(projectDir, 'node_modules/react-native-vector-icons'),
+          'react-native-vector-icons/Entypo': path.resolve(projectDir, 'node_modules/react-native-vector-icons/dist/Entypo'),
           svgs: path.resolve(projectDir, 'node_modules/svgs'),
           'react-navigation-tabs': path.resolve(projectDir, 'node_modules/react-navigation-tabs'),
           'react-navigation-stack': path.resolve(projectDir, 'node_modules/react-navigation-stack'),

diff --git a/rnv-cli/pluginTemplates/plugins.json b/rnv-cli/pluginTemplates/plugins.json
@@ -436,6 +436,10 @@
                     "copyEditorHtmlToAppAssets(file('../../../node_modules/react-native-zss-rich-text-editor'))"
                 ]
             }
+        },
+        "native-base": {
+            "version": "2.12.1",
+            "dependsOn": ["react-native-vector-icons"]
         }
     }
 }
diff --git a/rnv-cli/src/cli/plugin.js b/rnv-cli/src/cli/plugin.js
@@ -147,6 +147,7 @@ const _runAdd = c => new Promise((resolve, reject) => {
 
         for (const k in selectedPlugins) {
             c.files.pluginConfig.plugins[k] = selectedPlugins[k];
+            _checkAndAddDependantPlugins(c, selectedPlugins[k]);
         }
 
         fs.writeFileSync(c.paths.pluginConfigPath, JSON.stringify(c.files.pluginConfig, null, 2));
@@ -157,6 +158,18 @@ const _runAdd = c => new Promise((resolve, reject) => {
     });
 });
 
+const _checkAndAddDependantPlugins = (c, plugin) => {
+    const templatePlugins = c.files.pluginTemplatesConfig.plugins;
+    if (plugin.dependsOn) {
+        plugin.dependsOn.forEach((v) => {
+            if (templatePlugins[v]) {
+                console.log(`Added dependant plugin ${v}`);
+                c.files.pluginConfig.plugins[v] = templatePlugins[v];
+            }
+        });
+    }
+};
+
 const _runUpdate = c => new Promise((resolve, reject) => {
     logTask('_runUpdate');