Content
', + folderId: 'abc123' +}); +``` + +### Encryption + +Master password encryption is handled automatically: + +```typescript +import { + setupMasterPassword, + unlockWithMasterPassword, + hasMasterPassword +} from '@/lib/encryption'; + +// Setup (first time) +await setupMasterPassword('my-password', userId); + +// Unlock (returning user) +const success = await unlockWithMasterPassword('my-password', userId); +``` + +## Configuration + +### EAS Build Configuration + +See `eas.json` for build profiles: +- **development**: Dev client builds +- **preview**: Internal testing builds +- **production**: App Store/Play Store builds + +### App Configuration + +See `app.json` for: +- App name, bundle identifiers +- Icon and splash screen +- iOS/Android specific settings +- App version (auto-updated by semantic-release) + +## Version Management + +App versions are automatically managed by semantic-release based on conventional commits: + +- `feat(mobile):` ā Minor version bump +- `fix(mobile):` ā Patch version bump +- `refactor(mobile):` ā Patch version bump +- Breaking changes ā Major version bump + +The version is synced across: +- `package.json` +- `app.json` (expo.version) +- iOS buildNumber (auto-incremented) +- Android versionCode (auto-incremented) + +## Security + +- **Encryption**: AES-GCM with PBKDF2 (250k iterations) +- **Key Storage**: Expo SecureStore (iOS Keychain / Android Keystore) +- **Authentication**: Clerk with JWT tokens +- **Transport**: HTTPS only +- **Master Password**: Never stored, derived on-device + +## Contributing + +1. Create a feature branch from `main` +2. Use conventional commits: `feat(mobile):`, `fix(mobile):`, etc. +3. Run linting before committing: `npm run lint` +4. Test on both iOS and Android if possible +5. Create a PR with clear description + +## Resources + +- [Expo Documentation](https://docs.expo.dev/) +- [React Native Documentation](https://reactnative.dev/) +- [Clerk Documentation](https://clerk.com/docs) +- [EAS Build](https://docs.expo.dev/build/introduction/) + +## License + +See main repository LICENSE file. diff --git a/apps/mobile/v1/app.json b/apps/mobile/v1/app.json new file mode 100644 index 0000000..1878516 --- /dev/null +++ b/apps/mobile/v1/app.json @@ -0,0 +1,89 @@ +{ + "expo": { + "name": "Typelets", + "slug": "typelets", + "version": "1.0.0", + "orientation": "default", + "icon": "./assets/images/icon.png", + "scheme": "typelets", + "userInterfaceStyle": "automatic", + "description": "Secure, encrypted note-taking app with seamless sync across all your devices. Organize your thoughts with folders, encrypt sensitive content, and access your notes anywhere.", + "keywords": [ + "notes", + "notepad", + "encrypted", + "secure", + "sync", + "productivity", + "writing", + "journal", + "documents", + "typelets" + ], + "privacy": "public", + "privacyPolicyUrl": "https://typelets.com/privacy", + "platforms": [ + "ios", + "android" + ], + "ios": { + "bundleIdentifier": "com.typelets.notes", + "buildNumber": "1", + "supportsTablet": true, + "infoPlist": { + "NSCameraUsageDescription": "This app uses the camera to capture photos for your notes.", + "NSPhotoLibraryUsageDescription": "This app accesses your photo library to attach images to your notes.", + "NSMicrophoneUsageDescription": "This app uses the microphone to record audio notes." + } + }, + "android": { + "package": "com.typelets.notes", + "versionCode": 1, + "softwareKeyboardLayoutMode": "resize", + "adaptiveIcon": { + "backgroundColor": "#FFFFFF", + "foregroundImage": "./assets/images/android-icon-foreground.png", + "monochromeImage": "./assets/images/android-icon-monochrome.png" + }, + "edgeToEdgeEnabled": true, + "predictiveBackGestureEnabled": false, + "permissions": [ + "INTERNET", + "ACCESS_NETWORK_STATE" + ] + }, + "web": { + "output": "static", + "favicon": "./assets/images/favicon.png" + }, + "plugins": [ + "expo-router", + [ + "expo-splash-screen", + { + "image": "./assets/images/splash-icon.png", + "imageWidth": 200, + "resizeMode": "contain", + "backgroundColor": "#ffffff", + "dark": { + "backgroundColor": "#25262b" + } + } + ] + ], + "experiments": { + "typedRoutes": true + }, + "extra": { + "router": {}, + "eas": { + "projectId": "cf36dcdb-7234-4bf4-9b3b-8c64d31bf8e3" + } + }, + "runtimeVersion": { + "policy": "appVersion" + }, + "owner": "typelets", + "category": "productivity" + } +} diff --git a/apps/mobile/v1/app/_layout.tsx b/apps/mobile/v1/app/_layout.tsx new file mode 100644 index 0000000..8aa1ee2 --- /dev/null +++ b/apps/mobile/v1/app/_layout.tsx @@ -0,0 +1,125 @@ +import { DarkTheme, DefaultTheme, ThemeProvider as NavigationThemeProvider } from '@react-navigation/native'; +import { Stack } from 'expo-router'; +import { StatusBar } from 'expo-status-bar'; +import { View } from 'react-native'; +import 'react-native-reanimated'; +import { ClerkProvider, ClerkLoaded } from '@clerk/clerk-expo'; +import { tokenCache } from '@clerk/clerk-expo/token-cache'; +import { GestureHandlerRootView } from 'react-native-gesture-handler'; +import { BottomSheetModalProvider } from '@gorhom/bottom-sheet'; + +import { ThemeProvider, useTheme } from '@/src/theme'; +import { AppWrapper } from '@/src/components/AppWrapper'; +import ErrorBoundary from '@/src/components/ErrorBoundary'; + +const clerkPublishableKey = process.env.EXPO_PUBLIC_CLERK_PUBLISHABLE_KEY || ''; + +export const unstable_settings = { + anchor: '(tabs)', +}; + +function NavigationContent() { + const theme = useTheme(); + + // Create custom navigation theme with app colors + const customLightTheme = { + ...DefaultTheme, + colors: { + ...DefaultTheme.colors, + background: theme.colors.background, + card: theme.colors.card, + border: theme.colors.border, + primary: theme.colors.primary, + }, + }; + + const customDarkTheme = { + ...DarkTheme, + colors: { + ...DarkTheme.colors, + background: theme.colors.background, + card: theme.colors.card, + border: theme.colors.border, + primary: theme.colors.primary, + }, + }; + + return ( +This is a test - can you see the toolbar?
', + }); + + return ( +No content
'} + + + `; +} diff --git a/apps/mobile/v1/src/screens/ViewNote/index.tsx b/apps/mobile/v1/src/screens/ViewNote/index.tsx new file mode 100644 index 0000000..3fa8c91 --- /dev/null +++ b/apps/mobile/v1/src/screens/ViewNote/index.tsx @@ -0,0 +1,104 @@ +import React, { useRef, useEffect } from 'react'; +import { View, Text, StyleSheet, Animated } from 'react-native'; +import { SafeAreaView } from 'react-native-safe-area-context'; +import { useRouter, useLocalSearchParams, useFocusEffect } from 'expo-router'; +import { useTheme } from '../../theme'; +import { useViewNote } from '../../hooks/useViewNote'; +import { ViewHeader } from './ViewHeader'; +import { NoteContent } from './NoteContent'; + +export default function ViewNoteScreen() { + const theme = useTheme(); + const router = useRouter(); + const params = useLocalSearchParams(); + const { noteId } = params; + + const scrollY = useRef(new Animated.Value(0)).current; + const scrollViewRef = useRef