updated readme design and replaceAsync

Author: huffmanks

components/forms/create-playlist.tsx

@@ -40,17 +40,19 @@ interface CreatePlaylistFormProps {
   videoData: VideoData[];
 }
 
+const defaultValues = {
+  title: "",
+  description: "",
+  videos: [],
+};
+
 export default function CreatePlaylistForm({ videoData }: CreatePlaylistFormProps) {
   const [isSubmitting, setIsSubmitting] = useState(false);
   const addPlaylist = usePlaylistStore((state) => state.addPlaylist);
 
   const form = useForm<CreatePlaylistFormData>({
     resolver: zodResolver(formSchema),
-    defaultValues: {
-      title: "",
-      description: "",
-      videos: [],
-    },
+    defaultValues,
   });
 
   async function onSubmit(values: CreatePlaylistFormData) {
@@ -70,6 +72,7 @@ export default function CreatePlaylistForm({ videoData }: CreatePlaylistFormProp
       toast.error("Error creating playlist!");
     } finally {
       setIsSubmitting(false);
+      form.reset(defaultValues);
     }
   }
 

components/video-player.tsx

@@ -129,7 +129,7 @@ export default function VideoPlayer({ videoSources }: { videoSources: VideoMeta[
                     </View>
                     <View className="mr-8 flex-1">
                       <Text
-                        className="text-lg font-semibold"
+                        className="text-lg font-semibold text-white"
                         numberOfLines={1}>
                         {videoSources[currentIndex].title}
                       </Text>

assets/icons/logo.md renamed to design.md

@@ -1,6 +1,6 @@
-# App Logo Overview
+# App Design Overview
 
-This document describes the logos used for the app, their styles and how they were generated.
+This document outlines the app’s design, including themes, logos and asset generation.
 
 ---
 
@@ -64,3 +64,6 @@ iOS icons are generated in various sizes to support different device resolutions
 - **Background Color**: `#09090b`
 
 ---
+
+## App Screenshot Generation
+All app screenshots were made using [Progressier](https://progressier.com/pwa-screenshots-generator).

hooks/useVideoPlayerControls.ts

@@ -134,7 +134,7 @@ export function useVideoPlayerControls(videoSources: VideoMeta[], isThumbView?:
 
       setCurrentIndex((prev) => {
         const next = prev + 1;
-        player.replace(videoSources[next].videoUri);
+        player.replaceAsync(videoSources[next].videoUri);
         return next;
       });
     }
@@ -177,7 +177,7 @@ export function useVideoPlayerControls(videoSources: VideoMeta[], isThumbView?:
       setHasEnded(false);
 
       setCurrentIndex(0);
-      player.replace(videoSources[0].videoUri);
+      player.replaceAsync(videoSources[0].videoUri);
       player.play();
 
       updateControlsVisible(0);
@@ -200,7 +200,7 @@ export function useVideoPlayerControls(videoSources: VideoMeta[], isThumbView?:
   function changeVideoSource(inverse: number) {
     const newIndex = (currentIndex + inverse + videoSources.length) % videoSources.length;
     setCurrentIndex(newIndex);
-    player.replace(videoSources[newIndex].videoUri);
+    player.replaceAsync(videoSources[newIndex].videoUri);
   }
 
   function handleButtonPressIn() {

readme.md

@@ -1,20 +1,27 @@
 # Pocket Player
 
-A simple mobile app to locally upload, store and watch videos.
+Android app to locally store and watch videos.
 
 ## Features
 
-- Upload videos from your device.
-- Store videos locally on the device.
-- Watch videos with a custom video player.
-- Lightweight and privacy-friendly (no cloud or network usage).
+- Import videos directly from your device.
+- Store and watch videos entirely offline.
+- Custom video player with enhanced controls.
+- Thumbnail generation and metadata extraction.
+- Lightweight and privacy-friendly — no cloud or network access.
 
 ## Tech Stack
 
-- React Native with Expo.
-- Drizzle with SQLite for local storage.
-- Video player with custom video controls.
-- Thumbnail generation and metadata extraction.
+- React Native with Expo
+- Drizzle ORM with SQLite
+- State and storage: Zustand + react-native-mmkv
+- UI libraries: [RN Primitives](https://github.com/roninoss/rn-primitives), [RN Reusables](https://github.com/mrzachnugent/react-native-reusables), [Nativewind](https://github.com/nativewind/nativewind)
+
+## Notes
+
+- This app is intended for local use only. No data leaves your device.
+- Requires expo-dev-client; not compatible with Expo Go.
+- See the [app design overview](design.md) for themes, logos, and asset generation details.
 
 ## Install
 
@@ -63,11 +70,12 @@ You can generate a smaller, optimized APK for your specific device using the pro
    ./generate-device-apk.sh
    ```
 
-## Notes
+## Roadmap
 
-- This app is intended for local use only. No data leaves your device.
-- Works best with dev clients. Expo Go is not supported.
+- [ ] Save timestamp of last view of video.
+  - [key = `videoProgress:${videoId}`](lib/store.ts#L453)
+  - value = `10` (player.currentTime | number | seconds)
 
 ## License
 
-[MIT](LICENSE)
+[MIT License](LICENSE)