Merge pull request #1 from Renegades-Studio/feat/composer

Feat/composer

Author: AlirezaHadjar

example/app.json

@@ -3,13 +3,14 @@
     "name": "Haptix Studio",
     "scheme": "haptixstudio",
     "userInterfaceStyle": "automatic",
+    "orientation": "portrait",
     "icon": "./assets/app-icon.png",
     "android": {
       "package": "com.renegades.ahaps"
     },
     "ios": {
       "bundleIdentifier": "com.renegades.ahaps",
-      "appleTeamId": "LYW59CWY29",
+      "appleTeamId": "5SJXK598L4",
       "infoPlist": {
         "ITSAppUsesNonExemptEncryption": false
       }

example/app/_layout.tsx

@@ -2,6 +2,7 @@ import { Stack } from 'expo-router';
 import { HapticProvider } from 'react-native-ahaps';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import { RecorderProvider } from '../src/contexts/RecorderContext';
+import { ComposerProvider } from '../src/contexts/ComposerContext';
 import { ThemeProvider } from '../src/contexts/ThemeContext';
 import { KeyboardProvider } from 'react-native-keyboard-controller';
 
@@ -12,22 +13,43 @@ export default function RootLayout() {
         <ThemeProvider>
           <GestureHandlerRootView style={{ flex: 1 }}>
             <RecorderProvider>
-              <Stack
-                screenOptions={{
-                  headerShown: false,
-                  contentStyle: { backgroundColor: 'transparent' },
-                }}
-              >
-                <Stack.Screen name="index" />
-                <Stack.Screen name="playground" />
-                <Stack.Screen name="recorder" />
-                <Stack.Screen
-                  name="import-modal"
-                  options={{
-                    presentation: 'formSheet',
+              <ComposerProvider>
+                <Stack
+                  screenOptions={{
+                    headerShown: false,
+                    contentStyle: { backgroundColor: 'transparent' },
                   }}
-                />
-              </Stack>
+                >
+                  <Stack.Screen name="index" />
+                  <Stack.Screen name="playground" />
+                  <Stack.Screen name="recorder" />
+                  <Stack.Screen name="composer" />
+                  <Stack.Screen
+                    name="import-modal"
+                    options={{
+                      presentation: 'formSheet',
+                    }}
+                  />
+                  <Stack.Screen
+                    name="composer-import-modal"
+                    options={{
+                      presentation: 'formSheet',
+                    }}
+                  />
+                  <Stack.Screen
+                    name="compositions-list"
+                    options={{
+                      presentation: 'modal',
+                    }}
+                  />
+                  <Stack.Screen
+                    name="library-modal"
+                    options={{
+                      presentation: 'modal',
+                    }}
+                  />
+                </Stack>
+              </ComposerProvider>
             </RecorderProvider>
           </GestureHandlerRootView>
         </ThemeProvider>

example/app/composer-import-modal.tsx

@@ -0,0 +1,6 @@
+import { ComposerImportModal } from '../src/screens/ComposerImportModal';
+
+export default function ComposerImportModalRoute() {
+  return <ComposerImportModal />;
+}
+

example/app/composer.tsx

@@ -0,0 +1,6 @@
+import { Composer } from '../src/screens/Composer';
+
+export default function ComposerRoute() {
+  return <Composer />;
+}
+

example/app/compositions-list.tsx

@@ -0,0 +1,6 @@
+import { CompositionsList } from '../src/screens/CompositionsList';
+
+export default function CompositionsListRoute() {
+  return <CompositionsList />;
+}
+

example/app/library-modal.tsx

@@ -0,0 +1,4 @@
+import { LibraryModal } from '../src/screens/LibraryModal';
+
+export default LibraryModal;
+