Chore: Upgrade dependencies in example (#122)

* Chore: Upgrade dependencies in example

* Delete dead code

* Updated circle config

* Edited flowconfig. Ignore examples node-modules

Author: adamTrz

.circleci/config.yml

@@ -1,5 +1,4 @@
 aliases:
-
   - &restore-cache
     keys:
       - dependencies-{{ checksum "package.json" }}
@@ -43,8 +42,8 @@ aliases:
 
 defaults: &defaults
   working_directory: ~/react-native-ios-kit
-  docker: 
-    - image: circleci/node:6
+  docker:
+    - image: circleci/node:10
 
 version: 2
 jobs:
@@ -85,12 +84,12 @@ jobs:
           at: ~/react-native-ios-kit
       - add_ssh_keys:
           fingerprints:
-            - "11:06:5b:a1:d0:c5:8a:49:cd:8d:05:7f:d9:7d:15:3d"
+            - '11:06:5b:a1:d0:c5:8a:49:cd:8d:05:7f:d9:7d:15:3d'
       - run: |
           echo "Deploying website..."            
           git config --global user.name "$CIRCLE_USERNAME"
           git config --global user.email "[email protected]"
-          cd website && GIT_USER="$CIRCLE_USERNAME" USE_SSH=true yarn run docusaurus-publish  
+          cd website && GIT_USER="$CIRCLE_USERNAME" USE_SSH=true yarn run docusaurus-publish
   publish-expo:
     <<: *defaults
     steps:
@@ -112,20 +111,20 @@ jobs:
 workflows:
   version: 2
 
-  website: 
+  website:
     jobs:
       - install-dependencies
       - tests:
           requires:
             - install-dependencies
           filters: *filter-ignore-gh-pages
       - deploy:
-          filters: *filter-tag  
+          filters: *filter-tag
       - deploy-website:
           requires:
             - deploy
           filters: *filter-only-master
       - publish-expo:
           requires:
             - deploy
-          filters: *filter-only-master
+          filters: *filter-only-master

.flowconfig

@@ -18,21 +18,7 @@
 .*/Libraries/polyfills/.*
 
 ; Ignore duplicate modules under example/
-.*/example/node_modules/fbjs/.*
-.*/example/node_modules/fbemitter/.*
-.*/example/node_modules/react/.*
-.*/example/node_modules/react-native/.*
-.*/example/node_modules/expo/.*
-.*/example/node_modules/xdl
-.*/example/node_modules/reqwest
-.*/example/\.buckd/
-.*/example/node_modules/react-native-tab-view
-.*/example/node_modules/react-navigation
-.*/example/node_modules/react-native-fbads
-.*/example/node_modules/react-native-gesture-handler
-.*/example/node_modules/metro-bundler
-.*/example/node_modules/exp
-.*/example/node_modules/@expo
+<PROJECT_ROOT>/example/node_modules/*
 
 ; Ignore duplicate modules under website/
 .*/website/node_modules/fbjs/.*

README.md

@@ -112,6 +112,19 @@ Example:
 ```
 This code will change icon color to `green`
 
+## Documentation
+
+Check the components and their usage in our [documentation](https://callstack.github.io/react-native-ios-kit).
+
+
+## Contributing
+
+Read the [contribution guidelines](/CONTRIBUTING.md) before contributing.
+
+## Made with ❤️ at Callstack
+
+`react-native-ios-kit` is an open source project and will always remain free to use. If you think it's cool, please star it 🌟. [Callstack][callstack-readme-with-love] is a group of React and React Native geeks, contact us at [[email protected]](mailto:[email protected]) if you need any help with these or just want to say hi!
+
 
 <!-- badges -->
 [build-badge]: https://img.shields.io/circleci/project/github/callstack/react-native-ios-kit/master.svg?style=flat-square

example/.babelrc

@@ -4,7 +4,7 @@
     "description": "An empty new project",
     "slug": "react-native-ios-kit",
     "privacy": "public",
-    "sdkVersion": "23.0.0",
+    "sdkVersion": "32.0.0",
     "version": "1.0.0",
     "orientation": "portrait",
     "primaryColor": "#cccccc",
@@ -15,7 +15,7 @@
     },
     "packagerOpts": {
       "assetExts": ["ttf", "mp4"],
-      "config": "./rn-cli.config.js",
+      "config": "./metro.config.js",
       "projectRoots": ""
     },
     "ios": {

example/app.json

@@ -0,0 +1,15 @@
+/* eslint-disable import/no-commonjs */
+module.exports = {
+  presets: ['expo'],
+  plugins: [
+    [
+      'module-resolver',
+      {
+        alias: {
+          'react-native-ios-kit': '../src/index',
+          'react-native-vector-icons': '@expo/vector-icons',
+        },
+      },
+    ],
+  ],
+};

example/babel.config.js

@@ -0,0 +1,33 @@
+/* eslint-disable import/no-commonjs */
+
+const path = require('path');
+const blacklist = require('metro-config/src/defaults/blacklist');
+const pak = require('../package.json');
+const escape = require('escape-string-regexp');
+
+const dependencies = Object.keys(pak.dependencies);
+
+module.exports = {
+  projectRoot: __dirname,
+  watchFolders: [path.resolve(__dirname, '..')],
+  resolver: {
+    blacklistRE: blacklist([
+      new RegExp(
+        `^${escape(path.resolve(__dirname, '..', 'node_modules'))}\\/.*$`
+      ),
+      new RegExp(
+        `^${escape(
+          path.resolve(__dirname, '..', 'website', 'node_modules')
+        )}\\/.*$`
+      ),
+    ]),
+    providesModuleNodeModules: [
+      'react-native',
+      'react',
+      '@expo/vector-icons',
+      '@babel/runtime',
+      'prop-types',
+      ...dependencies,
+    ],
+  },
+};

example/metro.config.js

@@ -6,23 +6,35 @@
   "private": true,
   "main": "node_modules/expo/AppEntry.js",
   "scripts": {
-    "start": "react-native-scripts start",
-    "android": "react-native-scripts android",
-    "ios": "react-native-scripts ios"
+    "start": "expo start",
+    "android": "expo android",
+    "ios": "expo ios"
   },
   "dependencies": {
     "color": "^2.0.1",
     "exp": "^47.3.17",
-    "expo": "^23.0.0",
+    "expo": "^32.0.0",
     "glob-to-regexp": "^0.3.0",
-    "prop-types": "^15.6.0",
-    "react": "^16.0.0-alpha.12",
-    "react-native": "https://github.com/expo/react-native/archive/sdk-23.0.0.tar.gz",
+    "prop-types": "15.6.0",
+    "react": "16.5.0",
+    "react-native": "https://github.com/expo/react-native/archive/sdk-32.0.0.tar.gz",
     "react-native-safe-area-view": "^0.2.0"
   },
   "devDependencies": {
-    "babel-plugin-module-resolver": "^2.7.1",
-    "babel-preset-expo": "^4.0.0",
-    "react-native-scripts": "^1.5.0"
+    "@babel/plugin-proposal-class-properties": "^7.3.0",
+    "@babel/plugin-proposal-object-rest-spread": "^7.3.1",
+    "@babel/preset-env": "^7.3.1",
+    "@babel/preset-flow": "^7.0.0",
+    "@babel/preset-react": "^7.0.0",
+    "babel-loader": "^8.0.5",
+    "babel-plugin-module-resolver": "^3.1.1",
+    "babel-preset-expo": "^5.0.0",
+    "expo-cli": "^2.3.8"
+  },
+  "resolutions": {
+    "**/react": "16.5.0",
+    "**/prop-types": "15.6.0",
+    "**/color": "2.0.1",
+    "**/lodash": "^4.17.4"
   }
 }