ci

README.md

@@ -7,6 +7,7 @@ Free and ad-free private online Manga, manhua, manhwa reading app!
 > The app is in development
 
 The app currently supports:
+
 - Android APK (native app)
 - SPA
 - PWA

src/components/ImageView.vue

@@ -19,7 +19,7 @@ const srcImage = ref("")
 watch(srcImage, (n, o) => {
  if (o?.startsWith("blob:")) URL.revokeObjectURL(o)
 })
-function onLoad(event: Event) {
+function onLoad() {
  if (srcImage.value.startsWith("blob:")) URL.revokeObjectURL(srcImage.value)
 }
 

src/components/library/LibraryTabOffline.vue

@@ -51,9 +51,9 @@
  <li v-for="item in list" :key="item.ref.ep_id" class="py-2">
  <EpControl
  :data="item.ref"
- :downloading="item.downloading"
- @stop="item.stop"
- @resume="IDMStore.resumeDownload(item)"
+ :downloading="(item as unknown as TaskDownload).downloading"
+ @stop=";(item as unknown as TaskDownload).stop"
+ @resume="IDMStore.resumeDownload(metaMangaShowInfo, item)"
  />
  </li>
  </ul>
@@ -63,6 +63,10 @@
 </template>
 
 <script lang="ts" setup>
+import type { UnwrapRef } from "vue"
+
+type TaskDownload = ReturnType<typeof createTaskDownloadEpisode>
+
 const IDMStore = useIDMStore()
 
 IDMStore.runLoadInMemory()
@@ -86,7 +90,9 @@ const listEpDownloading = computed(() => {
 
 const list = computed(() => {
  return [
- ...(listEpDownloading.value?.values() ?? []),
+ ...((listEpDownloading.value?.values() ?? []) as UnwrapRef<
+ ReturnType<typeof createTaskDownloadEpisode>
+ >[]),
  ...(listEpDownloaded.value?.map((ref) => ({ ref })) ?? []),
  ].sort((a, b) => b.ref.start_download_at - a.ref.start_download_at)
 })

src/logic/download-manager.ts

@@ -1,3 +1,4 @@
+/* eslint-disable functional/no-throw-statement */
 /* eslint-disable camelcase */
 import hashSum from "hash-sum"
 
@@ -82,6 +83,8 @@ async function downloadFiles(
  await downloadFile(src, path, downloading)
 
  onprogress(index, sources.length, PROTOCOL_OFFLINE + path)
+
+ return false
  },
  5
  )
@@ -106,7 +109,9 @@ async function saveMetaManga(metaManga: MetaManga): Promise<MetaMangaOnDisk> {
  } catch {}
 
  const pathPoster = `${DIR_POSTER}/${hash_id}`
- await downloadFile(metaManga.manga_image, pathPoster)
+ await downloadFile(metaManga.manga_image, pathPoster, {
+ value: true,
+ } as Ref<boolean>)
 
  const metaOnDisk: MetaMangaOnDisk = {
  ...metaManga,
@@ -126,7 +131,14 @@ async function saveMetaManga(metaManga: MetaManga): Promise<MetaMangaOnDisk> {
 export function createTaskDownloadEpisode(
  metaMannga: MetaManga,
  metaEp: MetaEpisode
-) {
+): {
+ ref: Ref<MetaEpisodeRunning>
+ startSaveMetaManga: () => Promise<MetaMangaOnDisk>
+ downloading: Ref<boolean>
+ start: () => Promise<void>
+ stop: () => void
+ resume: () => Promise<void>
+} {
  const hashIDEp = hashSum(metaEp.ep_id)
 
  const downloading = ref(false)
@@ -203,7 +215,6 @@ export function createTaskDownloadEpisode(
  ).catch(async (err) => {
  await saveMeta()
  downloading.value = false
- // eslint-disable-next-line functional/no-throw-statement
  throw err
  })
 
@@ -245,7 +256,8 @@ export async function getListManga() {
 
  return list
  } catch (err) {
- if (err?.message === "Folder does not exist.") return []
+ if ((err as Error | undefined)?.message === "Folder does not exist.")
+ return []
 
  throw err
  }
@@ -262,7 +274,8 @@ export async function getCountEpisodes(manga_id: number) {
 
  return files.length
  } catch (err) {
- if (err?.message === "Folder does not exist.") return 0
+ if ((err as Error | undefined)?.message === "Folder does not exist.")
+ return 0
 
  throw err
  }

src/pages/truyen-tranh/[zlug]/index.vue

@@ -18,7 +18,7 @@ meta:
  v-if="isCapacitor && $q.screen.lt.md"
  class="fixed top-0 left-0 w-full h-full z--1"
  :class="{
- 'before-filter-blur': data?.image
+ 'before-filter-blur': data?.image,
  }"
  :style="{
  '--data-src': `url('${data?.image}')`,

src/stores/IDM.ts

@@ -5,17 +5,30 @@ import type {
  MetaManga,
  MetaMangaOnDisk,
 } from "src/logic/download-manager"
+import type { ShallowReactive } from "vue"
 
 export const useIDMStore = defineStore("IDM", () => {
  const loadingDataInMemory = ref(false)
 
- const mapMetaManga = reactive<Map<number, MetaEpisodeOnDisk>>(new Map())
+ const mapMetaManga = reactive<
+ Map<
+ number,
+ ShallowReactive<
+ MetaMangaOnDisk & {
+ count_ep: number
+ }
+ >
+ >
+ >(new Map())
  const queue = reactive<
  Map<number, Map<number, ReturnType<typeof createTaskDownloadEpisode>>>
  >(new Map())
- const listMangaSorted = reactive<MetaEpisodeOnDisk[]>([])
+ const listMangaSorted = reactive<
+ (MetaMangaOnDisk & {
+ count_ep: number
+ })[]
+ >([])
 
- let gettedList = false
  async function runLoadInMemory() {
  let gettedList = false
  if (!gettedList) {
@@ -24,8 +37,14 @@ export const useIDMStore = defineStore("IDM", () => {
  getListManga().then(async (list) => {
  await Promise.all(
  list.map(async (item) => {
- const itemReactive = shallowReactive(item)
- item.count_ep = await getCountEpisodes(item.manga_id)
+ const itemReactive = shallowReactive<
+ MetaMangaOnDisk & {
+ count_ep: number
+ }
+ >({
+ ...item,
+ count_ep: await getCountEpisodes(item.manga_id),
+ })
  mapMetaManga.set(item.manga_id, itemReactive)
  listMangaSorted.push(itemReactive)
  })
@@ -41,30 +60,50 @@ export const useIDMStore = defineStore("IDM", () => {
  const task = createTaskDownloadEpisode(metaManga, metaEp)
 
  if (!mapMetaManga.has(metaManga.manga_id)) {
- const manga = shallowReactive(await task.startSaveMetaManga())
- manga.count_ep = 0
+ const manga = shallowReactive({
+ ...(await task.startSaveMetaManga()),
+ count_ep: 0,
+ })
  mapMetaManga.set(manga.manga_id, manga)
  listMangaSorted.unshift(manga)
  }
 
  let store = queue.get(metaManga.manga_id)
  if (store) {
  store.set(metaEp.ep_id, task)
- } else queue.set(metaManga.manga_id,store= new Map([[metaEp.ep_id, task]]))
+ } else
+ queue.set(metaManga.manga_id, (store = new Map([[metaEp.ep_id, task]])))
 
  await task.start()
- mapMetaManga.get(metaManga.manga_id).count_ep++
+ // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+ mapMetaManga.get(metaManga.manga_id)!.count_ep++
  store.delete(metaEp.ep_id)
 
  return task
  }
 
- async function resumeDownload(metaManga: MetaManga, task: Awaited<ReturnType<typeof download>> | {
- ref: MetaEpisodeOnDisk
- }) {
- if (typeof task.resume === "function") return task.resume()
+ async function resumeDownload(
+ metaManga: MetaManga,
+ task:
+ | Awaited<ReturnType<typeof download>>
+ | {
+ ref: MetaEpisodeOnDisk
+ }
+ ) {
+ if (
+ typeof (task as Awaited<ReturnType<typeof download>>).resume ===
+ "function"
+ )
+ return (task as Awaited<ReturnType<typeof download>>).resume()
 
- return download(metaManga, task)
+ return download(
+ metaManga,
+ (
+ task as {
+ ref: MetaEpisodeOnDisk
+ }
+ ).ref
+ )
  }
 
  return {
@@ -74,5 +113,6 @@ export const useIDMStore = defineStore("IDM", () => {
  queue,
  runLoadInMemory,
  download,
+ resumeDownload,
  }
 })