fix : audioBook are playable and downloadable

estd20xx · estd20xx · commit 3fcd67822873 · 2025-04-03T21:28:45.000+05:45
diff --git a/android/app/build.gradle b/android/app/build.gradle
@@ -18,8 +18,7 @@ android {
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
         versionCode 8
-        versionName "1.1.16"
-        
+        versionName "1.1.17"   
     }
     signingConfigs {
         debug {
diff --git a/src/Types/Types.ts b/src/Types/Types.ts
@@ -5,7 +5,7 @@ import {
   ChartsResponse,
   PlaylistResponse
 } from "../api/interface/module.interface"
-import { Docs } from "../screens/Home/Albums"
+import { Docs } from "../screens/Home/AudioBook"
 export interface NavigationStringsTypes {
   splash: string
   onboarding: string
diff --git a/src/api/service/Payload.service.ts b/src/api/service/Payload.service.ts
@@ -114,7 +114,6 @@ export class PayloadService extends ApiService {
       list_count: albumDetails.list_count,
       list_type: albumDetails.list_type,
       songs: albumDetails.list.map((current) => {
-
         /**
          * 
          *  id: string
diff --git a/src/components/DetailsScreen/Header.tsx b/src/components/DetailsScreen/Header.tsx
@@ -20,10 +20,13 @@ const Header: React.FC<Props> = ({ title, artwork, type, desc }) => {
         </Text>
       </View>
       <Show isVisible={desc != undefined && desc.length > 10}>
-        <Text className="px-3">
+        <Text className="px-3 mb-2">
           {desc?.slice(0, isFull ? desc.length : 150)}
           <Pressable onPress={() => setIsFull(!isFull)}>
-            <Text className="text-orange-400">...Tap to read more</Text>
+            <Text className="text-orange-400">
+              <Show isVisible={!isFull}>...Tap to read more</Show>
+              <Show isVisible={isFull}>...Tap to read less</Show>
+            </Text>
           </Pressable>
         </Text>
       </Show>
diff --git a/src/components/Player/BottomPlayer.tsx b/src/components/Player/BottomPlayer.tsx
diff --git a/src/components/audioBook/AudioBook.details.tsx b/src/components/audioBook/AudioBook.details.tsx
@@ -1,9 +1,26 @@
 import React, { memo, useEffect } from "react"
-import { View } from "react-native"
-import { audioBookImageBaseUrl } from "../../api/base/constrants"
-import { useAppDispatch } from "../../hooks/store.hook"
-import { Docs } from "../../screens/Home/Albums"
+import {
+  ActivityIndicator,
+  FlatList,
+  Image,
+  ScrollView,
+  Text,
+  TouchableOpacity,
+  View
+} from "react-native"
+import TrackPlayer from "react-native-track-player"
+import { audioBookImageBaseUrl, screens } from "../../api/base/constrants"
+import { TypedSelectorHook, useAppDispatch } from "../../hooks/store.hook"
+import { StoreSongTypes } from "../../Interfaces/tuneifySlice.interface"
+import { Docs } from "../../screens/Home/AudioBook"
 import { audioBookDetails } from "../../store/actions/audioBookDetails.action"
+import { audioBookDetailsWithChapters } from "../../store/slices/audioBookDetails.slice"
+import {
+  centralQueue,
+  SpecificQueue,
+  updateQueue
+} from "../../store/slices/Queue.slice"
+import Show from "../Common/Show"
 import Header from "../DetailsScreen/Header"
 interface AudioBookData {
   key: string
@@ -18,29 +35,112 @@ export interface AudioBookDetailsProps {
 const AudioBookDetails: React.FC<AudioBookDetailsProps> = ({ route }) => {
   const { audios } = route.params
   const dispatch = useAppDispatch()
+  const audioBookChapters = TypedSelectorHook(audioBookDetailsWithChapters)
+  const applicationQueue = TypedSelectorHook(centralQueue)
 
-  const get = async () => {
+  const changeQueueState = async (index: number, song: StoreSongTypes) => {
     try {
-      dispatch(
-        audioBookDetails.getAudioBookDetails({ identifier: audios.identifier })
-      )
+      if (audioBookChapters.data) {
+        if (applicationQueue.data.screenId != screens.favouriteScreenId) {
+          await TrackPlayer.reset()
+          await TrackPlayer.add(audioBookChapters.data)
+          await TrackPlayer.skip(index)
+          await TrackPlayer.play()
+          const newQueue: SpecificQueue = {
+            screenId: screens.audioBook,
+            isPlaying: true,
+            song: song
+          }
+          dispatch(updateQueue(newQueue))
+          return
+        }
+      }
+      await TrackPlayer.skip(index)
     } catch (error) {
       console.log(error)
     }
   }
 
   useEffect(() => {
-    get()
+    dispatch(
+      audioBookDetails.getAudioBookDetails({
+        identifier: audios.identifier,
+        creator: audios.creator
+      })
+    )
   }, [])
   return (
-    <View>
+    <ScrollView showsVerticalScrollIndicator={false}>
       <Header
         title={audios.title}
         artwork={audioBookImageBaseUrl.concat(audios.identifier)}
         type={"Audio Book"}
         desc={audios.description}
       />
-    </View>
+      <Show isVisible={audioBookChapters.isLoading}>
+        <ActivityIndicator className="mt-5" />
+      </Show>
+      <Show
+        isVisible={
+          !audioBookChapters.isLoading && audioBookChapters?.data != null
+        }
+      >
+        <FlatList
+          data={audioBookChapters.data}
+          keyExtractor={(item) => item.id}
+          initialNumToRender={3}
+          showsVerticalScrollIndicator={false}
+          maxToRenderPerBatch={4}
+          contentContainerStyle={{ paddingBottom: 80 }}
+          removeClippedSubviews={true}
+          windowSize={10}
+          scrollEnabled={false}
+          renderItem={({ item, index }) => {
+            return (
+              <TouchableOpacity
+                className="w-full h-16 mt-2 flex flex-row items-center"
+                onPress={() => changeQueueState(index, item)}
+              >
+                <View className="h-16 w-20  pl-2">
+                  <Image
+                    source={{
+                      uri: audioBookImageBaseUrl.concat(audios.identifier)
+                    }}
+                    className="h-16 w-16"
+                    style={{
+                      borderRadius: 17
+                    }}
+                  />
+                </View>
+                <View className="w-4/5 ">
+                  <Text
+                    style={{
+                      color:
+                        item.id == applicationQueue.data.song?.id
+                          ? "#16FF00"
+                          : "white",
+                      fontSize: 14,
+                      fontFamily: "400"
+                    }}
+                  >
+                    {item.title.slice(0, 50)}
+                  </Text>
+                  <Text
+                    style={{
+                      fontSize: 10,
+                      color: "#d0d0d1",
+                      fontFamily: "200"
+                    }}
+                  >
+                    {item.artist}
+                  </Text>
+                </View>
+              </TouchableOpacity>
+            )
+          }}
+        />
+      </Show>
+    </ScrollView>
   )
 }
 export default memo(AudioBookDetails)
diff --git a/src/components/audioBook/HorizonTalList.tsx b/src/components/audioBook/HorizonTalList.tsx
@@ -4,7 +4,7 @@ import React from "react"
 import { FlatList, Text, TouchableOpacity, View } from "react-native"
 import FastImage from "react-native-fast-image"
 import { audioBookImageBaseUrl } from "../../api/base/constrants"
-import { AudioBookScreenInterface } from "../../screens/Home/Albums"
+import { AudioBookScreenInterface } from "../../screens/Home/AudioBook"
 import { RootStackParamList } from "../../Types/Types"
 const HorizonTalList: React.FC<AudioBookScreenInterface> = ({
   title,
diff --git a/src/constants/screens.ts b/src/constants/screens.ts
@@ -11,8 +11,8 @@ import CTrendingSong from "../components/TrendingSong"
 import BottomNavigation from "../mainNavigation/Bottom"
 import Favourites from "../screens/Favourites"
 import Home from "../screens/Home"
-import Albums from "../screens/Home/Albums"
 import Artists from "../screens/Home/Artists"
+import Albums from "../screens/Home/AudioBook"
 import Folders from "../screens/Home/Folders"
 import Songs from "../screens/Home/Songs"
 import Suggested from "../screens/Home/Suggested"
diff --git a/src/mainNavigation/Bottom.tsx b/src/mainNavigation/Bottom.tsx
@@ -1,7 +1,7 @@
 import { createBottomTabNavigator } from "@react-navigation/bottom-tabs"
 import { CommonActions } from "@react-navigation/native"
 import React, { memo } from "react"
-import { StyleSheet, View } from "react-native"
+import { View } from "react-native"
 import { BottomNavigation } from "react-native-paper"
 import TuneifyPlayer from "../components/Player/MusicPlayer"
 import { TabItems } from "../constants/naviG"
@@ -13,7 +13,6 @@ const BottomTab = () => {
       screenOptions={{ headerShown: false }}
       tabBar={({ navigation, state, descriptors, insets }) => (
         <View>
-          {/* <BottomPlayer /> */}
           <TuneifyPlayer />
           <BottomNavigation.Bar
             theme={{ colors: { secondaryContainer: "#261221" } }}
@@ -79,20 +78,4 @@ return route.name
     </Tab.Navigator>
   )
 }
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    justifyContent: "center",
-    alignItems: "center"
-  },
-  bottomSheetContainer: {
-    backgroundColor: "white",
-    borderTopLeftRadius: 20,
-    borderTopRightRadius: 20
-  },
-  content: {
-    padding: 20
-  }
-})
 export default memo(BottomTab)
diff --git a/src/screens/Home/AudioBook.tsx b/src/screens/Home/AudioBook.tsx
@@ -27,7 +27,6 @@ export interface AudioBookScreenInterface {
 
 const Albums = () => {
   const audioData = TypedSelectorHook(audioBooks)
-  console.log(audioData.data[0].audios[0])
   const dispatch = useAppDispatch()
   useEffect(() => {
     dispatch(getAudioBooks())
diff --git a/src/store/actions/audioBook.action.ts b/src/store/actions/audioBook.action.ts
@@ -5,7 +5,7 @@ import {
   mostDownloadedOfAllTime,
   mostViewedInThisWeek
 } from "../../api/base/constrants"
-import { AudioBookScreenInterface } from "../../screens/Home/Albums"
+import { AudioBookScreenInterface } from "../../screens/Home/AudioBook"
 export const getAudioBooks = createAsyncThunk(
   "@getAsyncBooks",
   async (_, Async) => {
diff --git a/src/store/actions/audioBookDetails.action.ts b/src/store/actions/audioBookDetails.action.ts
@@ -1,41 +1,62 @@
-import { createAsyncThunk } from "@reduxjs/toolkit";
-import axios from "axios";
-import { PayloadService } from "../../api/service/Payload.service";
+import { createAsyncThunk } from "@reduxjs/toolkit"
+import axios from "axios"
+import {
+  audioBaseApiAudio,
+  audioBookImageBaseUrl,
+  audioMetaDataFileType,
+  baseApiMetaData
+} from "../../api/base/constrants"
+import { PayloadService } from "../../api/service/Payload.service"
 type Prop = {
-    identifier: string
+  identifier: string
+  creator: string
 }
 interface AudioDetails {
-    name: string;
-    source: string;
-    creator: string;
-    title: string;
-    track: string;
-    album: string;
-    genre: string;
-    bitrate: string;
-    length: string;
-    format: string;
-    original: string;
-    mtime: string;
-    size: string;
-    md5: string;
-    crc32: string;
-    sha1: string;
+  name: string
+  source: string
+  creator: string
+  title: string
+  track: string
+  album: string
+  genre: string
+  bitrate: string
+  length: string
+  format: string
+  original: string
+  mtime: string
+  size: string
+  md5: string
+  crc32: string
+  sha1: string
 }
 type AudioDetailsResponse = {
-    result: Array<AudioDetails>
+  result: Array<AudioDetails>
 }
 class AudioBookeDetails extends PayloadService {
-    public getAudioBookDetails = createAsyncThunk("/audioBookeDetails", async (prop: Prop, ASYNC) => {
-        try {
-            const response = await axios.get<AudioDetailsResponse>(`https://archive.org/metadata/${prop.identifier}/files?output=json`)
-            const responseData = response.data.result.filter((current) => current.source == "original" && current.track != null)
-            console.log(prop.identifier)
-            console.log(responseData[0].name)
-        } catch (error: any) {
-            return ASYNC.rejectWithValue(error?.message)
-        }
-    })
+  public getAudioBookDetails = createAsyncThunk(
+    "/audioBookeDetails",
+    async (prop: Prop, ASYNC) => {
+      try {
+        const response = await axios.get<AudioDetailsResponse>(
+          `${baseApiMetaData}${prop.identifier}${audioMetaDataFileType}`
+        )
+        return response.data.result
+          .filter(
+            (current) => current.source == "original" && current.track != null
+          )
+          .map((after) => {
+            return {
+              id: prop.identifier.concat(after.name),
+              title: after.title || "not found",
+              artist: prop.creator,
+              artwork: audioBookImageBaseUrl.concat(prop.identifier),
+              url: `${audioBaseApiAudio}${prop.identifier}/${after.name}`
+            }
+          })
+      } catch (error: any) {
+        return ASYNC.rejectWithValue(error?.message)
+      }
+    }
+  )
 }
-
-export const audioBookDetails = new AudioBookeDetails()
+export const audioBookDetails = new AudioBookeDetails()
diff --git a/src/store/slices/audioBook.slice.ts b/src/store/slices/audioBook.slice.ts
@@ -3,7 +3,7 @@ import {
   createSlice,
   PayloadAction
 } from "@reduxjs/toolkit"
-import { AudioBookScreenInterface } from "../../screens/Home/Albums"
+import { AudioBookScreenInterface } from "../../screens/Home/AudioBook"
 import { getAudioBooks } from "../actions/audioBook.action"
 import { RootState } from "../store"
 
diff --git a/src/store/slices/audioBookDetails.slice.ts b/src/store/slices/audioBookDetails.slice.ts
diff --git a/src/store/store.ts b/src/store/store.ts

Original file line number	Diff line number	Diff line change
`@@ -114,7 +114,6 @@ export class PayloadService extends ApiService {`
`114`	`114`	`list_count: albumDetails.list_count,`
`115`	`115`	`list_type: albumDetails.list_type,`
`116`	`116`	`songs: albumDetails.list.map((current) => {`
`117`		`-`
`118`	`117`	`/**`
`119`	`118`	`*`
`120`	`119`	`* id: string`