chore: update example

Author: osdnk

Example/app.json

@@ -2,11 +2,10 @@
   "expo": {
     "name": "Reanimated BottomSheet example",
     "slug": "reanimated-bottomsheet-example",
-    "privacy": "public",
-    "sdkVersion": "33.0.0",
     "platforms": [
       "ios",
-      "android"
+      "android",
+      "web"
     ],
     "version": "1.0.0",
     "orientation": "portrait",

Example/babel.config.js

@@ -1,16 +1,6 @@
 module.exports = function(api) {
   api.cache(true)
   return {
-    presets: ['expo'],
-    plugins: [
-      [
-        'module-resolver',
-        {
-          alias: {
-            'reanimated-bottom-sheet': '../src/index',
-          },
-        },
-      ],
-    ],
+    presets: ['babel-preset-expo'],
   }
 }

Example/metro.config.js

@@ -1,33 +1,38 @@
 const path = require('path')
+const fs = require('fs')
 const blacklist = require('metro-config/src/defaults/blacklist')
-const project = require('../package.json')
 const escape = require('escape-string-regexp')
 
-const projectDependencies = Object.keys({
-  ...project.dependencies,
-  ...project.peerDependencies,
-})
+const root = path.resolve(__dirname, '..')
+const pak = JSON.parse(fs.readFileSync(path.join(root, 'package.json'), 'utf8'))
+
+const modules = [
+  '@babel/runtime',
+  '@expo/vector-icons',
+  ...Object.keys(pak.peerDependencies),
+]
 
 module.exports = {
   projectRoot: __dirname,
-  watchFolders: [path.resolve(__dirname, '..')],
+  watchFolders: [root],
 
   resolver: {
     blacklistRE: blacklist([
-      new RegExp(
-        `^${escape(
-          path.resolve(__dirname, 'node_modules', project.name)
-        )}\\/.*$`
-      ),
-      new RegExp(
-        `^${escape(path.resolve(__dirname, '..', 'node_modules'))}\\/.*$`
-      ),
+      new RegExp(`^${escape(path.join(root, 'node_modules'))}\\/.*$`),
     ]),
 
-    providesModuleNodeModules: [
-      '@expo/vector-icons',
-      '@babel/runtime',
-      ...projectDependencies,
-    ],
+    extraNodeModules: modules.reduce((acc, name) => {
+      acc[name] = path.join(__dirname, 'node_modules', name)
+      return acc
+    }, {}),
+  },
+
+  transformer: {
+    getTransformOptions: async () => ({
+      transform: {
+        experimentalImportSupport: false,
+        inlineRequires: true,
+      },
+    }),
   },
 }

Example/package.json

@@ -4,25 +4,32 @@
     "start": "expo start",
     "android": "expo start --android",
     "ios": "expo start --ios",
+    "web": "expo start --web",
     "eject": "expo eject"
   },
   "dependencies": {
-    "expo": "^35.0.1",
-    "expo-blur": "~7.0.0",
-    "react": "16.12.0",
-    "react-native": "https://github.com/expo/react-native/archive/sdk-33.0.0.tar.gz",
-    "react-native-gesture-handler": "~1.3.0",
-    "react-native-reanimated": "~1.2.0",
-    "react-navigation": "^4.0.10",
+    "expo": "~37.0.3",
+    "expo-blur": "~8.1.0",
+    "react": "~16.9.0",
+    "react-dom": "~16.9.0",
+    "react-native": "https://github.com/expo/react-native/archive/sdk-37.0.1.tar.gz",
+    "react-native-gesture-handler": "~1.6.1",
+    "react-native-reanimated": "~1.7.0",
+    "react-native-screens": "~2.2.0",
+    "react-native-web": "~0.11.7",
+    "react-navigation": "^4.3.8",
     "react-navigation-stack": "^1.10.3",
     "scheduler": "^0.18.0"
   },
   "devDependencies": {
-    "@types/expo": "^33.0.1",
+    "@babel/core": "^7.8.6",
+    "@babel/runtime": "^7.9.2",
+    "@types/expo": "~33.0.1",
     "@types/expo__vector-icons": "^9.0.1",
-    "babel-preset-expo": "^7.1.0",
+    "babel-preset-expo": "~8.1.0",
     "escape-string-regexp": "^2.0.0",
-    "expo-cli": "^3.8.0"
+    "expo-cli": "^3.8.0",
+    "babel-plugin-module-resolver": "4.0.0"
   },
   "private": true
 }