bugfix: add Props folder after running npm i

Author: jugshaurya

README.md

@@ -32,29 +32,33 @@
 
 ![React Native Elements UI Toolkit](https://github.com/react-native-elements/playground/blob/master/public/thumbnail.png)
 
-
 ### Installation
 
-
 1. Clone the repo
+
 ```sh
 git clone  https://github.com/react-native-elements/playground.git
 cd playground
 ```
+
 2. Install NPM packages
+
 ```sh
 npm i
 ```
+
 3. Prepare (File path is UNIX based, might not work with Windows. PR Appreciated)
+
 ```sh
 npm run prepare
 ```
+
 4.  Run the development server
+
 ```sh
 npm start
 ```
 
-
 ## Releated Projects
 
  <a href="https://github.com/react-native-elements/react-native-elements">
@@ -69,19 +73,14 @@ npm start
 
 ## Documentation
 
-[View the full docs of React Native elements  here](https://reactnativeelements.com/docs/overview)
+[View the full docs of React Native elements here](https://reactnativeelements.com/docs/overview)
 
 ## Contributing
 
-
-
-
 Interested in contributing to this repo? Check out our
 [Contributing Guide](https://reactnativeelements.com/docs/contributing)
 and submit a PR for a new feature/bug fix.
 
-
-
 ### First Contributors
 
 We encourage everyone to contribute & submit PR's especially first-time
@@ -95,7 +94,6 @@ an
 or a
 [pull request](https://github.com/react-native-elements/playground/pulls).
 
-
 ### Slack Community
 
 In case you have any other question or would like to come say **Hi!** to the RNE
@@ -161,5 +159,3 @@ Do you use React Native Elements in production? If so, consider supporting this
 [![React Native Elements Backer](https://opencollective.com/react-native-elements/sponsor/17/avatar)](https://opencollective.com/react-native-elements/sponsor/17/website)
 [![React Native Elements Backer](https://opencollective.com/react-native-elements/sponsor/18/avatar)](https://opencollective.com/react-native-elements/sponsor/18/website)
 [![React Native Elements Backer](https://opencollective.com/react-native-elements/sponsor/19/avatar)](https://opencollective.com/react-native-elements/sponsor/19/website)
-
-

injectLatestProps.js

@@ -1,6 +1,10 @@
-const { exec } = require("child_process");
-exec(
-  "git clone https://github.com/react-native-elements/react-native-elements --depth=1",
+const { execSync } = require("child_process");
+const cpDir = require("copy-dir");
+
+// find and will delete any directory named react-native-elements
+// at depth 1 only (if not provided will delete react-native-elements from node_modules as well)
+execSync(
+  "find . -maxdepth 1 -type d -name react-native-elements -exec rimraf {} +",
   (err, stdout, stderr) => {
     if (err) {
       // node couldn't execute the command
@@ -12,7 +16,10 @@ exec(
     console.log(`stderr: ${stderr}`);
   }
 );
-exec("cp -r ./react-native-elements/website/docs/props ./src/content/Props"),
+
+// find and will delete any directory named Props
+execSync(
+  "find . -type d -name Props -exec rimraf {} +",
   (err, stdout, stderr) => {
     if (err) {
       // node couldn't execute the command
@@ -22,4 +29,22 @@ exec("cp -r ./react-native-elements/website/docs/props ./src/content/Props"),
     // the *entire* stdout and stderr (buffered)
     console.log(`stdout: ${stdout}`);
     console.log(`stderr: ${stderr}`);
-  };
+  }
+);
+
+// clone the react-native-elements repo
+execSync(
+  "git clone https://github.com/react-native-elements/react-native-elements --depth=1",
+  (err, stdout, stderr) => {
+    if (err) {
+      // node couldn't execute the command
+      return;
+    }
+    // the *entire* stdout and stderr (buffered)
+    console.log(`stdout: ${stdout}`);
+    console.log(`stderr: ${stderr}`);
+  }
+);
+
+// copies Props folder from clones repo into our project
+cpDir.sync("./react-native-elements/website/docs/props", "./src/content/Props");

package.json

@@ -8,6 +8,7 @@
     "@material-ui/icons": "^4.9.1",
     "@material-ui/styles": "^4.10.0",
     "@react-native-community/toolbar-android": "^0.1.0-rc.2",
+    "copy-dir": "^1.3.0",
     "history": "^5.0.0",
     "mdx.macro": "^0.2.9",
     "modal-react-native-web": "^0.2.0",
@@ -22,7 +23,8 @@
     "react-native-web-linear-gradient": "^1.1.1",
     "react-router-dom": "^5.2.0",
     "react-scripts": "3.4.1",
-    "react-view": "^2.3.2"
+    "react-view": "^2.3.2",
+    "rimraf": "^3.0.2"
   },
   "scripts": {
     "start": "react-app-rewired start",
@@ -51,6 +53,7 @@
   },
   "devDependencies": {
     "@babel/plugin-proposal-class-properties": "^7.10.4",
+    "@babel/preset-env": "^7.13.12",
     "customize-cra": "^1.0.0",
     "gh-pages": "^3.1.0",
     "patch-package": "^6.2.2",