feat: openStorybook method & remove async storage & add expo dev me…

…nu item (#3)

README.md

@@ -15,7 +15,7 @@ To integrate Sherlo with your React Native app and run tests via CLI or GitHub A
 1. **Install `@sherlo/react-native-storybook`** to enable Sherlo's visual testing with Storybook in your React Native application.
 
    ```bash
-   yarn add @sherlo/react-native-storybook @react-native-async-storage/async-storage
+   yarn add @sherlo/react-native-storybook
    ```
 
 2. **Wrap Your Application with `withStorybook`** to toggle between your app and Storybook based on Sherlo's testing environment.

examples/expo-example/.gitignore

@@ -7,7 +7,7 @@ node_modules/
 .expo/
 dist/
 web-build/
-builds/sherloexpoexample.app
+sherloexpoexample.app
 
 # Native
 *.orig.*

examples/expo-example/App.tsx

@@ -1,7 +1,7 @@
 import Storybook from './.storybook';
 
 import { useCallback } from 'react';
-import { View, Text, StyleSheet } from 'react-native';
+import { View, Text, StyleSheet, Button } from 'react-native';
 import {
   useFonts,
   Urbanist_400Regular,
@@ -10,7 +10,7 @@ import {
   Urbanist_700Bold,
 } from '@expo-google-fonts/urbanist';
 import * as SplashScreen from 'expo-splash-screen';
-import { withStorybook } from '@sherlo/react-native-storybook';
+import { withStorybook, useSherlo } from '@sherlo/react-native-storybook';
 
 SplashScreen.preventAutoHideAsync();
 
@@ -33,18 +33,25 @@ export default function App() {
   }
 
   // eslint-disable-next-line react/no-unstable-nested-components
-  const App = () => (
-    <View
-      style={{
-        flex: 1,
-        backgroundColor: '#fff',
-        alignItems: 'center',
-        justifyContent: 'center',
-      }}
-    >
-      <Text>Open dev menu and toggle storybook</Text>
-    </View>
-  );
+  const App = () => {
+    const { openStorybook } = useSherlo();
+
+    return (
+      <View
+        style={{
+          flex: 1,
+          backgroundColor: '#fff',
+          alignItems: 'center',
+          justifyContent: 'center',
+        }}
+      >
+        <Text style={{ textAlign: 'center' }}>
+          {'Open Dev Menu and select "Toggle Storybook" \nor click the button below'}
+        </Text>
+        <Button title="Open Storybook" onPress={openStorybook} />
+      </View>
+    );
+  };
 
   const AppWithStorybook = withStorybook(App, Storybook);
 

examples/expo-example/sherlo.config.json

@@ -1,5 +1,4 @@
 {
-  "projectToken": "<YOUR_PROJECT_TOKEN>",
   "android": {
     "path": "builds/preview/android.apk",
     "packageName": "com.sherlo.example",