+ Adopt to the latest html structure.

Author: LancerComet

package-lock.json

@@ -12,7 +12,7 @@
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^15.3.0",
     "@rollup/plugin-typescript": "^12.1.1",
-    "@rulia/types": "^0.6.0",
+    "@rulia/types": "^0.6.1",
     "@types/jquery": "^3.5.32",
     "archiver": "^6.0.1",
     "rollup": "^2.79.2",

package.json

@@ -2,18 +2,52 @@
 
 import $ from 'jquery'
 
-const COVER: Record<string, string> = {
-  ウェスタdeクッキング: 'https://alt.hololive.tv/wp-content/uploads/2024/11/%E3%82%AF%E3%83%83%E3%82%AD%E3%83%B3%E3%82%AF%E3%82%99.jpg',
-  'Vesta de Cooking': 'https://alt.hololive.tv/wp-content/uploads/2024/11/%E3%82%AF%E3%83%83%E3%82%AD%E3%83%B3%E3%82%AF%E3%82%99.jpg',
-
-  'それゆけ!! 魔界学校': 'https://alt.hololive.tv/wp-content/uploads/2023/06/cover_makaigakko.jpg',
-  'Underworld Academy Overload!!': 'https://alt.hololive.tv/wp-content/uploads/2023/06/cover_makaigakko.jpg',
-  'Sukaria Sekolah Alam Bawah': 'https://alt.hololive.tv/wp-content/uploads/2023/06/cover_makaigakko.jpg',
-
-  'Yamato Phantasia': 'https://alt.hololive.tv/wp-content/uploads/2023/06/holoearth_main-1.png',
-  ヤマト神想怪異譚: 'https://alt.hololive.tv/wp-content/uploads/2023/06/holoearth_main-1.png',
-  'Kisah Fantasi Yamato': 'https://alt.hololive.tv/wp-content/uploads/2023/06/holoearth_main-1.png'
-}
+const MANGA_INFO = [
+  {
+    title: {
+      en: 'Vesta de Cooking',
+      jp: 'ウェスタdeクッキング',
+      id: 'Vesta de Cooking'
+    },
+    url: {
+      en: 'https://holoearth.com/en/alt/holonometria/manga/vestadecooking',
+      jp: 'https://holoearth.com/alt/holonometria/manga/vestadecooking',
+      id: 'https://holoearth.com/id/alt/holonometria/manga/vestadecooking'
+    },
+    cover: 'https://holoearth.com/assets/img/alt/top/comic/thumb_1.jpg',
+    firstEp: 'ep0'
+  },
+
+  {
+    title: {
+      en: 'Underworld Academy Overload!!',
+      jp: 'それゆけ!! 魔界学校',
+      id: 'Sukaria Sekolah Alam Bawah'
+    },
+    url: {
+      en: 'https://holoearth.com/en/alt/holonometria/manga/soreyukemakaigakko',
+      jp: 'https://holoearth.com/alt/holonometria/manga/soreyukemakaigakko',
+      id: 'https://holoearth.com/id/alt/holonometria/manga/soreyukemakaigakko'
+    },
+    cover: 'https://holoearth.com/assets/img/alt/top/comic/thumb_2.jpg',
+    firstEp: 'ep0'
+  },
+
+  {
+    title: {
+      en: 'Yamato Phantasia',
+      jp: 'ヤマト神想怪異譚',
+      id: 'Kisah Fantasi Yamato'
+    },
+    url: {
+      en: 'https://holoearth.com/en/alt/holonometria/manga/yamatokasoukaiitan',
+      jp: 'https://holoearth.com/alt/holonometria/manga/yamatokasoukaiitan',
+      id: 'https://holoearth.com/id/alt/holonometria/manga/yamatokasoukaiitan'
+    },
+    cover: 'https://holoearth.com/assets/img/alt/top/comic/thumb_3.jpg',
+    firstEp: 'ep0'
+  }
+]
 
 function sleep (ms: number) {
   return new Promise(resolve => setTimeout(resolve, ms))
@@ -35,70 +69,34 @@ async function getMangaList (
   keyword?: string,
   rawFilterOptions?: string
 ) {
+  const result: IGetMangaListResult = {
+    list: []
+  }
+
   if (page !== '1') {
-    window.Rulia.endWithResult({
-      list: []
-    })
+    window.Rulia.endWithResult(result)
     return
   }
 
   try {
     const config = window.Rulia.getUserConfig()
     const lang = (config?.language ?? 'en').toLowerCase()
-
-    const homepages: Record<string, string> = {
-      en: 'https://alt.hololive.tv/holonometria/en/',
-      jp: 'https://alt.hololive.tv/holonometria/',
-      id: 'https://alt.hololive.tv/holonometria/id/'
-    }
-
-    const homepage = homepages[lang] || homepages.en
-    const response = await window.Rulia.httpRequest({
-      url: homepage,
-      method: 'GET'
-    })
-
-    const result: IGetMangaListResult = {
-      list: []
-    }
-
-    $(response).find('li[data-type="manga"] a').each((i, el) => {
-      const title = $(el).text()
-      const url = $(el).attr('href') ?? ''
+    for (const item of MANGA_INFO) {
+      const title = item.title[lang as keyof typeof item.title] ?? item.title.en
+      const url = item.url[lang as keyof typeof item.url] ?? item.url.en
       result.list.push({
         title,
-        url,
-        coverUrl: COVER[title] ?? ''
+        url: `${url}/${item.firstEp}?title=${encodeURIComponent(title)}`,
+        coverUrl: item.cover
       })
-    })
+    }
 
     window.Rulia.endWithResult(result)
   } catch (error) {
     window.Rulia.endWithException((error as Error).message)
   }
 }
 
-async function getChapterListFromDetailPage (detailPage: string): Promise<{ title: string, url: string }[]> {
-  const response = await window.Rulia.httpRequest({
-    url: detailPage,
-    method: 'GET'
-  })
-
-  const result: { title: string, url: string }[] = []
-  $(response).find('article.md-list__archive--lineup--block').each((i, el) => {
-    const $a = $(el).find('a')
-    const $h4 = $(el).find('h4')
-    const title = $h4.text().trim()
-    const url = $a.attr('href') ?? ''
-    result.push({
-      title,
-      url
-    })
-  })
-
-  return result
-}
-
 /**
  * Get data of a single manga.
  * This function will be invoked by Rulia when user clicks a certain manga
@@ -115,32 +113,32 @@ async function getMangaData (dataPageUrl: string) {
     })
 
     const $html = $(response)
-    const title = $html.find('h1.md-ttl__pages')?.text()?.trim() ?? ''
-    const description = $html.find('main.mangainfo--main main')?.text()?.trim() ?? ''
-    const coverUrl = $html.find('main.mangainfo--main img')?.attr('src') ?? ''
+    const title = new URL(dataPageUrl).searchParams.get('title') ?? ''
+    const description = $html.find('.manga-detail__caption')?.text()?.trim() ?? ''
+    const coverUrl = $html.find('.manga-detail__thumb img')?.attr('src') ?? ''
 
     const result: IGetMangaDataResult = {
       title,
       description,
       coverUrl,
-      chapterList: []
+      chapterList: [],
+      chapterListOptions: {
+        hasPagination: true,
+        totalPage: 1
+      }
     }
 
-    const allDetailPages = [dataPageUrl]
-    $html.find('.pagenation-list a').each((i, el) => {
-      const url = $(el).attr('href')
-      if (url) {
-        allDetailPages.push(url)
-      }
-    })
+    $html.find('.manga-detail__list-item').each((i, el) => {
+      const $el = $(el)
+      const title = $el.find('.manga-detail__list-title').text().trim()
+      const url = $el.find('.manga-detail__list-link').attr('href') ?? ''
 
-    for (const pageUrl of allDetailPages) {
-      const list = await getChapterListFromDetailPage(pageUrl)
-      result.chapterList.push(...list)
-      await sleep(300)
-    }
+      result.chapterList.push({
+        title,
+        url
+      })
+    })
 
-    result.chapterList.reverse()
     window.Rulia.endWithResult(result)
   } catch (error) {
     window.Rulia.endWithException((error as Error).message)
@@ -162,18 +160,17 @@ async function getChapterImageList (chapterUrl: string) {
     const result: IRuliaChapterImage[] = []
     const $html = $(response)
 
-    const $mangaBlocks = $html.find('.manga--viewer__block')
-    $mangaBlocks.each((i, el) => {
-      const img = $(el).find('img')[0]
-      if (img) {
-        result.push({
-          url: img.src,
-          width: 684,
-          height: 997
-        })
-      }
+    const $images = $html.find('.manga-detail__swiper-slide img')
+    $images.each((i, el) => {
+      const src = $(el).attr('src') || ''
+      result.push({
+        url: src,
+        width: 684,
+        height: 997
+      })
     })
 
+    result.reverse() // The image order in the html is reversed, so we need to reverse it back.
     window.Rulia.endWithResult(result)
   } catch (error) {
     window.Rulia.endWithException((error as Error).message)