coomer-downloader 3.4.0 → 3.4.2

package/dist/index.js

@@ -3,28 +3,71 @@
 // src/index.ts
 import process2 from "node:process";
 
-// src/api/bunkr.ts
+// src/api/providers/bunkr.ts
 import * as cheerio from "cheerio";
 import { fetch } from "undici";
 
-// src/services/file.ts
+// src/utils/io.ts
+import { createHash } from "node:crypto";
+import fs from "node:fs";
+import { access, constants, unlink } from "node:fs/promises";
+import { pipeline } from "node:stream/promises";
+async function getFileSize(filepath) {
+  let size = 0;
+  if (fs.existsSync(filepath)) {
+    size = (await fs.promises.stat(filepath)).size || 0;
+  }
+  return size;
+}
+async function getFileHash(filepath) {
+  const hash = createHash("sha256");
+  const filestream = fs.createReadStream(filepath);
+  await pipeline(filestream, hash);
+  return hash.digest("hex");
+}
+function mkdir(filepath) {
+  if (!fs.existsSync(filepath)) {
+    fs.mkdirSync(filepath, { recursive: true });
+  }
+}
+async function deleteFile(path2) {
+  await access(path2, constants.F_OK);
+  await unlink(path2);
+}
+function sanitizeFilename(name) {
+  if (!name) return name;
+  return name.replace(/[<>:"/\\|?*\x00-\x1F]/g, "-").replace(/\s+/g, " ").trim().replace(/[.]+$/, "");
+}
+
+// src/core/file.ts
+var CoomerFile = class _CoomerFile {
+  constructor(name, url, filepath = "", size, downloaded = 0, content) {
+    this.name = name;
+    this.url = url;
+    this.filepath = filepath;
+    this.size = size;
+    this.downloaded = downloaded;
+    this.content = content;
+  }
+  active = false;
+  hash;
+  async calcDownloadedSize() {
+    this.downloaded = await getFileSize(this.filepath);
+    return this;
+  }
+  get textContent() {
+    const text = `${this.name || ""} ${this.content || ""}`.toLowerCase();
+    return text;
+  }
+  static from(f) {
+    return new _CoomerFile(f.name, f.url, f.filepath, f.size, f.downloaded, f.content);
+  }
+};
+
+// src/core/filelist.ts
 import os from "node:os";
 import path from "node:path";
 
-// src/logger/index.ts
-import pino from "pino";
-var logger = pino(
-  {
-    level: "debug"
-  },
-  pino.destination({
-    dest: "./debug.log",
-    append: false,
-    sync: true
-  })
-);
-var logger_default = logger;
-
 // src/utils/duplicates.ts
 function collectUniquesAndDuplicatesBy(xs, k) {
   const seen = /* @__PURE__ */ new Set();
@@ -70,38 +113,6 @@ function parseSizeValue(s) {
   return Math.floor(val * mult);
 }
 
-// src/utils/io.ts
-import { createHash } from "node:crypto";
-import fs from "node:fs";
-import { access, constants, unlink } from "node:fs/promises";
-import { pipeline } from "node:stream/promises";
-async function getFileSize(filepath) {
-  let size = 0;
-  if (fs.existsSync(filepath)) {
-    size = (await fs.promises.stat(filepath)).size || 0;
-  }
-  return size;
-}
-async function getFileHash(filepath) {
-  const hash = createHash("sha256");
-  const filestream = fs.createReadStream(filepath);
-  await pipeline(filestream, hash);
-  return hash.digest("hex");
-}
-function mkdir(filepath) {
-  if (!fs.existsSync(filepath)) {
-    fs.mkdirSync(filepath, { recursive: true });
-  }
-}
-async function deleteFile(path2) {
-  await access(path2, constants.F_OK);
-  await unlink(path2);
-}
-function sanitizeFilename(name) {
-  if (!name) return name;
-  return name.replace(/[<>"/\\|?*\x00-\x1F]/g, "-").replace(/\s+/g, " ").trim().replace(/[.]+$/, "");
-}
-
 // src/utils/mediatypes.ts
 function isImage(name) {
   return /\.(jpg|jpeg|png|gif|bmp|tiff|webp|avif)$/i.test(name);
@@ -113,36 +124,14 @@ function testMediaType(name, type) {
   return type === "image" ? isImage(name) : isVideo(name);
 }
 
-// src/services/file.ts
-var CoomerFile = class _CoomerFile {
-  constructor(name, url, filepath = "", size, downloaded = 0, content) {
-    this.name = name;
-    this.url = url;
-    this.filepath = filepath;
-    this.size = size;
-    this.downloaded = downloaded;
-    this.content = content;
-  }
-  active = false;
-  hash;
-  async getDownloadedSize() {
-    this.downloaded = await getFileSize(this.filepath);
-    return this;
-  }
-  get textContent() {
-    const text = `${this.name || ""} ${this.content || ""}`.toLowerCase();
-    return text;
-  }
-  static from(f) {
-    return new _CoomerFile(f.name, f.url, f.filepath, f.size, f.downloaded, f.content);
-  }
-};
+// src/core/filelist.ts
 var CoomerFileList = class {
   constructor(files = []) {
     this.files = files;
   }
   dirPath;
   dirName;
+  provider;
   setDirPath(dir, dirName) {
     dirName = dirName || this.dirName;
     if (dir === "./") {
@@ -172,7 +161,7 @@ var CoomerFileList = class {
   }
   async calculateFileSizes() {
     for (const file of this.files) {
-      await file.getDownloadedSize();
+      await file.calcDownloadedSize();
     }
     return this;
   }
@@ -187,8 +176,6 @@ var CoomerFileList = class {
       file.hash = await getFileHash(file.filepath);
     }
     const { duplicates } = collectUniquesAndDuplicatesBy(this.files, "hash");
-    console.log({ duplicates });
-    logger_default.debug(`duplicates: ${JSON.stringify(duplicates)}`);
     duplicates.forEach((f) => {
       deleteFile(f.filepath);
     });
@@ -199,7 +186,7 @@ var CoomerFileList = class {
   }
 };
 
-// src/api/bunkr.ts
+// src/api/providers/bunkr.ts
 async function getEncryptionData(slug) {
   const response = await fetch("https://bunkr.cr/api/vs", {
     method: "POST",
@@ -212,7 +199,9 @@ function decryptEncryptedUrl(encryptionData) {
   const secretKey = `SECRET_KEY_${Math.floor(encryptionData.timestamp / 3600)}`;
   const encryptedUrlBuffer = Buffer.from(encryptionData.url, "base64");
   const secretKeyBuffer = Buffer.from(secretKey, "utf-8");
-  return Array.from(encryptedUrlBuffer).map((byte, i) => String.fromCharCode(byte ^ secretKeyBuffer[i % secretKeyBuffer.length])).join("");
+  return Array.from(encryptedUrlBuffer).map(
+    (byte, i) => String.fromCharCode(byte ^ secretKeyBuffer[i % secretKeyBuffer.length])
+  ).join("");
 }
 async function getFileData(url, name) {
   const slug = url.split("/").pop();
@@ -244,10 +233,15 @@ async function getGalleryFiles(url) {
   }
   return filelist;
 }
-async function getBunkrData(url) {
-  const filelist = await getGalleryFiles(url);
-  return filelist;
-}
+var BunkrAPI = class {
+  testURL(url) {
+    return /bunkr/.test(url.origin);
+  }
+  async getData(url) {
+    const filelist = await getGalleryFiles(url);
+    return filelist;
+  }
+};
 
 // src/utils/requests.ts
 import { CookieAgent } from "http-cookie-agent/undici";
@@ -278,20 +272,7 @@ function fetchByteRange(url, downloadedSize, signal) {
   return fetch2(url, { headers: requestHeaders, signal });
 }
 
-// src/api/coomer-api.ts
-var SERVERS = ["n1", "n2", "n3", "n4"];
-function tryFixCoomerUrl(url, attempts) {
-  if (attempts < 2 && isImage(url)) {
-    return url.replace(/\/data\//, "/thumbnail/data/").replace(/n\d\./, "img.");
-  }
-  const server = url.match(/n\d\./)?.[0].slice(0, 2);
-  const i = SERVERS.indexOf(server);
-  if (i !== -1) {
-    const newServer = SERVERS[(i + 1) % SERVERS.length];
-    return url.replace(/n\d./, `${newServer}.`);
-  }
-  return url;
-}
+// src/api/providers/coomer.ts
 async function getUserProfileData(user) {
   const url = `${user.domain}/api/v1/${user.service}/user/${user.id}/profile`;
   const result = await fetchWithGlobalHeader(url).then((r) => r.json());
@@ -344,15 +325,33 @@ async function parseUser(url) {
   const { name } = await getUserProfileData({ domain, service, id });
   return { domain, service, id, name };
 }
-async function getCoomerData(url) {
-  setGlobalHeaders({ accept: "text/css" });
-  const user = await parseUser(url);
-  const filelist = await getUserFiles(user);
-  filelist.dirName = `${user.name}-${user.service}`;
-  return filelist;
-}
+var CoomerAPI = class _CoomerAPI {
+  static SERVERS = ["n1", "n2", "n3", "n4"];
+  fixURL(url, retries) {
+    if (retries < 2 && isImage(url)) {
+      return url.replace(/\/data\//, "/thumbnail/data/").replace(/n\d\./, "img.");
+    }
+    const server = url.match(/n\d\./)?.[0].slice(0, 2);
+    const i = _CoomerAPI.SERVERS.indexOf(server);
+    if (i !== -1) {
+      const newServer = _CoomerAPI.SERVERS[(i + 1) % _CoomerAPI.SERVERS.length];
+      return url.replace(/n\d./, `${newServer}.`);
+    }
+    return url;
+  }
+  testURL(url) {
+    return /coomer|kemono/.test(url.origin);
+  }
+  async getData(url) {
+    setGlobalHeaders({ accept: "text/css" });
+    const user = await parseUser(url);
+    const filelist = await getUserFiles(user);
+    filelist.dirName = `${user.name}-${user.service}`;
+    return filelist;
+  }
+};
 
-// src/api/gofile.ts
+// src/api/providers/gofile.ts
 import { fetch as fetch3 } from "undici";
 async function getToken() {
   const response = await fetch3("https://api.gofile.io/accounts", {
@@ -362,7 +361,7 @@ async function getToken() {
   if (data.status === "ok") {
     return data.data.token;
   }
-  throw new Error("cannot get token");
+  throw new Error("Token Not Found");
 }
 async function getWebsiteToken() {
   const response = await fetch3("https://gofile.io/dist/js/global.js");
@@ -392,19 +391,54 @@ async function getFolderFiles(id, token, websiteToken) {
   );
   return new CoomerFileList(files);
 }
-async function getGofileData(url) {
-  const id = url.match(/gofile.io\/d\/(\w+)/)?.[1];
-  const token = await getToken();
-  const websiteToken = await getWebsiteToken();
-  const filelist = await getFolderFiles(id, token, websiteToken);
-  filelist.dirName = `gofile-${id}`;
-  setGlobalHeaders({ Cookie: `accountToken=${token}` });
-  return filelist;
-}
+var GofileAPI = class {
+  testURL(url) {
+    return /gofile\.io/.test(url.origin);
+  }
+  async getData(url) {
+    const id = url.match(/gofile.io\/d\/(\w+)/)?.[1];
+    const token = await getToken();
+    const websiteToken = await getWebsiteToken();
+    const filelist = await getFolderFiles(id, token, websiteToken);
+    filelist.dirName = `gofile-${id}`;
+    setGlobalHeaders({ Cookie: `accountToken=${token}` });
+    return filelist;
+  }
+};
+
+// src/api/providers/plainfile.ts
+var PlainFileAPI = class {
+  testURL(url) {
+    return /\.\w+/.test(url.pathname);
+  }
+  async getData(url) {
+    const name = url.split("/").pop();
+    const file = CoomerFile.from({ name, url });
+    const filelist = new CoomerFileList([file]);
+    filelist.dirName = "";
+    return filelist;
+  }
+};
 
-// src/api/nsfw.xxx.ts
+// src/api/providers/reddit.ts
 import * as cheerio2 from "cheerio";
 import { fetch as fetch4 } from "undici";
+
+// src/utils/logger.ts
+import pino from "pino";
+var logger = pino(
+  {
+    level: "debug"
+  },
+  pino.destination({
+    dest: "./debug.log",
+    append: false,
+    sync: true
+  })
+);
+var logger_default = logger;
+
+// src/api/providers/reddit.ts
 async function getUserPage(user, offset) {
   const url = `https://nsfw.xxx/page/${offset}?nsfw[]=0&types[]=image&types[]=video&types[]=gallery&slider=1&jsload=1&user=${user}&_=${Date.now()}`;
   return fetch4(url).then((r) => r.text());
@@ -416,6 +450,7 @@ async function getUserPosts(user) {
     if (page.length < 1) break;
     const $ = cheerio2.load(page);
     const newPosts = $("a").map((_, a) => $(a).attr("href")).get().filter((href) => href?.startsWith("https://nsfw.xxx/post"));
+    logger_default.debug({ count: posts.length });
     posts.push(...newPosts);
   }
   return posts;
@@ -431,46 +466,35 @@ async function getPostsData(posts) {
     const date = $(".sh-section .sh-section__passed").first().text().replace(/ /g, "-") || "";
     const ext = src.split(".").pop();
     const name = `${slug}-${date}.${ext}`;
+    logger_default.debug({ hehe: filelist.files.length, src });
     filelist.files.push(CoomerFile.from({ name, url: src }));
   }
   return filelist;
 }
-async function getRedditData(url) {
-  const user = url.match(/u\/(\w+)/)?.[1];
-  console.log("Fetching user posts...");
-  const posts = await getUserPosts(user);
-  console.log("Fetching posts data...");
-  const filelist = await getPostsData(posts);
-  filelist.dirName = `${user}-reddit`;
-  return filelist;
-}
-
-// src/api/plain-curl.ts
-async function getPlainFileData(url) {
-  const name = url.split("/").pop();
-  const file = CoomerFile.from({ name, url });
-  const filelist = new CoomerFileList([file]);
-  filelist.dirName = "";
-  return filelist;
-}
-
-// src/api/index.ts
-async function apiHandler(url_) {
-  const url = new URL(url_);
-  if (/^u\/\w+$/.test(url.origin)) {
-    return getRedditData(url.href);
+var RedditAPI = class {
+  testURL(url) {
+    return /^\/user\/[\w-]+$/.test(url.pathname);
   }
-  if (/coomer|kemono/.test(url.origin)) {
-    return getCoomerData(url.href);
-  }
-  if (/bunkr/.test(url.origin)) {
-    return getBunkrData(url.href);
-  }
-  if (/gofile\.io/.test(url.origin)) {
-    return getGofileData(url.href);
+  async getData(url) {
+    const user = url.match(/^\/user\/([\w-]+)/)?.[1];
+    const posts = await getUserPosts(user);
+    const filelist = await getPostsData(posts);
+    filelist.dirName = `${user}-reddit`;
+    return filelist;
   }
-  if (/\.\w+/.test(url.pathname)) {
-    return getPlainFileData(url.href);
+};
+
+// src/api/resolver.ts
+var providers = [RedditAPI, CoomerAPI, BunkrAPI, GofileAPI, PlainFileAPI];
+async function resolveAPI(url_) {
+  const url = new URL(url_);
+  for (const p of providers) {
+    const provider = new p();
+    if (provider.testURL(url)) {
+      const filelist = await provider.getData(url.toString());
+      filelist.provider = provider;
+      return filelist;
+    }
   }
   throw Error("Invalid URL");
 }
@@ -521,199 +545,13 @@ function argumentHander() {
 
 // src/cli/ui/index.tsx
 import { render } from "ink";
-import React9 from "react";
+import React10 from "react";
 
 // src/cli/ui/app.tsx
 import { Box as Box7 } from "ink";
-import React8 from "react";
-
-// src/cli/ui/components/file.tsx
-import { Box as Box2, Spacer, Text as Text2 } from "ink";
-import React3 from "react";
-
-// src/utils/strings.ts
-function b2mb(bytes) {
-  return (bytes / 1048576).toFixed(2);
-}
-
-// src/cli/ui/components/preview.tsx
-import { Box } from "ink";
-import Image, { TerminalInfoProvider } from "ink-picture";
-import React from "react";
-
-// src/cli/ui/store/index.ts
-import { create } from "zustand";
-var useInkStore = create((set) => ({
-  preview: false,
-  switchPreview: () => set((state) => ({
-    preview: !state.preview
-  })),
-  downloader: void 0,
-  setDownloader: (downloader) => set({ downloader })
-}));
-
-// src/cli/ui/components/preview.tsx
-function Preview({ file }) {
-  const previewEnabled = useInkStore((state) => state.preview);
-  const bigEnough = file.downloaded > 50 * 1024;
-  const shouldShow = previewEnabled && bigEnough && isImage(file.filepath);
-  const imgInfo = `
-    can't read partial images yet...
-    actual size: ${file.size}}
-    downloaded: ${file.downloaded}}
-  `;
-  return shouldShow && /* @__PURE__ */ React.createElement(Box, { paddingX: 1 }, /* @__PURE__ */ React.createElement(TerminalInfoProvider, null, /* @__PURE__ */ React.createElement(Box, { width: 30, height: 15 }, /* @__PURE__ */ React.createElement(Image, { src: file.filepath, alt: imgInfo }))));
-}
-
-// src/cli/ui/components/spinner.tsx
-import spinners from "cli-spinners";
-import { Text } from "ink";
-import React2, { useEffect, useState } from "react";
-function Spinner({ type = "dots" }) {
-  const spinner = spinners[type];
-  const randomFrame = spinner.frames.length * Math.random() | 0;
-  const [frame, setFrame] = useState(randomFrame);
-  useEffect(() => {
-    const timer = setInterval(() => {
-      setFrame((previousFrame) => {
-        return (previousFrame + 1) % spinner.frames.length;
-      });
-    }, spinner.interval);
-    return () => {
-      clearInterval(timer);
-    };
-  }, [spinner]);
-  return /* @__PURE__ */ React2.createElement(Text, null, spinner.frames[frame]);
-}
-
-// src/cli/ui/components/file.tsx
-function FileBox({ file }) {
-  const percentage = Number(file.downloaded / file.size * 100).toFixed(2);
-  return /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement(
-    Box2,
-    {
-      borderStyle: "single",
-      borderColor: "magentaBright",
-      borderDimColor: true,
-      paddingX: 1,
-      flexDirection: "column"
-    },
-    /* @__PURE__ */ React3.createElement(Box2, null, /* @__PURE__ */ React3.createElement(Text2, { color: "blue", dimColor: true, wrap: "truncate-middle" }, file.name)),
-    /* @__PURE__ */ React3.createElement(Box2, { flexDirection: "row-reverse" }, /* @__PURE__ */ React3.createElement(Text2, { color: "cyan", dimColor: true }, b2mb(file.downloaded), "/", file.size ? b2mb(file.size) : "\u221E", " MB"), /* @__PURE__ */ React3.createElement(Text2, { color: "redBright", dimColor: true }, file.size ? `  ${percentage}% ` : ""), /* @__PURE__ */ React3.createElement(Spacer, null), /* @__PURE__ */ React3.createElement(Text2, { color: "green", dimColor: true }, /* @__PURE__ */ React3.createElement(Spinner, null)))
-  ), /* @__PURE__ */ React3.createElement(Preview, { file }));
-}
-
-// src/cli/ui/components/filelist.tsx
-import { Box as Box3, Text as Text3 } from "ink";
-import React4 from "react";
-function FileListStateBox({ filelist }) {
-  return /* @__PURE__ */ React4.createElement(
-    Box3,
-    {
-      paddingX: 1,
-      flexDirection: "column",
-      borderStyle: "single",
-      borderColor: "magenta",
-      borderDimColor: true
-    },
-    /* @__PURE__ */ React4.createElement(Box3, null, /* @__PURE__ */ React4.createElement(Box3, { marginRight: 1 }, /* @__PURE__ */ React4.createElement(Text3, { color: "cyanBright", dimColor: true }, "Found:")), /* @__PURE__ */ React4.createElement(Text3, { color: "blue", dimColor: true, wrap: "wrap" }, filelist.files.length)),
-    /* @__PURE__ */ React4.createElement(Box3, null, /* @__PURE__ */ React4.createElement(Box3, { marginRight: 1 }, /* @__PURE__ */ React4.createElement(Text3, { color: "cyanBright", dimColor: true }, "Downloaded:")), /* @__PURE__ */ React4.createElement(Text3, { color: "blue", dimColor: true, wrap: "wrap" }, filelist.getDownloaded().length)),
-    /* @__PURE__ */ React4.createElement(Box3, null, /* @__PURE__ */ React4.createElement(Box3, { width: 9 }, /* @__PURE__ */ React4.createElement(Text3, { color: "cyanBright", dimColor: true }, "Folder:")), /* @__PURE__ */ React4.createElement(Box3, { flexGrow: 1 }, /* @__PURE__ */ React4.createElement(Text3, { color: "blue", dimColor: true, wrap: "truncate-middle" }, filelist.dirPath)))
-  );
-}
-
-// src/cli/ui/components/keyboardinfo.tsx
-import { Box as Box4, Text as Text4 } from "ink";
-import React5 from "react";
-var info = {
-  "s ": "skip current file",
-  p: "on/off image preview"
-};
-function KeyboardControlsInfo() {
-  const infoRender = Object.entries(info).map(([key, value]) => {
-    return /* @__PURE__ */ React5.createElement(Box4, { key }, /* @__PURE__ */ React5.createElement(Box4, { marginRight: 2 }, /* @__PURE__ */ React5.createElement(Text4, { color: "red", dimColor: true, bold: true }, key)), /* @__PURE__ */ React5.createElement(Text4, { dimColor: true, bold: false }, value));
-  });
-  return /* @__PURE__ */ React5.createElement(
-    Box4,
-    {
-      flexDirection: "column",
-      paddingX: 1,
-      borderStyle: "single",
-      borderColor: "gray",
-      borderDimColor: true
-    },
-    /* @__PURE__ */ React5.createElement(Box4, null, /* @__PURE__ */ React5.createElement(Text4, { color: "red", dimColor: true, bold: true }, "Keyboard controls:")),
-    infoRender
-  );
-}
-
-// src/cli/ui/components/loading.tsx
-import { Box as Box5, Text as Text5 } from "ink";
-import React6 from "react";
-function Loading() {
-  return /* @__PURE__ */ React6.createElement(Box5, { paddingX: 1, borderDimColor: true, flexDirection: "column" }, /* @__PURE__ */ React6.createElement(Box5, { alignSelf: "center" }, /* @__PURE__ */ React6.createElement(Text5, { dimColor: true, color: "redBright" }, "Fetching Data")), /* @__PURE__ */ React6.createElement(Box5, { alignSelf: "center" }, /* @__PURE__ */ React6.createElement(Text5, { color: "blueBright", dimColor: true }, /* @__PURE__ */ React6.createElement(Spinner, { type: "grenade" }))));
-}
-
-// src/cli/ui/components/titlebar.tsx
-import { Box as Box6, Spacer as Spacer2, Text as Text6 } from "ink";
-import React7 from "react";
-
-// package.json
-var version = "3.4.0";
-
-// src/cli/ui/components/titlebar.tsx
-function TitleBar() {
-  return /* @__PURE__ */ React7.createElement(Box6, null, /* @__PURE__ */ React7.createElement(Spacer2, null), /* @__PURE__ */ React7.createElement(Box6, { borderColor: "magenta", borderStyle: "arrow" }, /* @__PURE__ */ React7.createElement(Text6, { color: "cyanBright" }, "Coomer-Downloader ", version)), /* @__PURE__ */ React7.createElement(Spacer2, null));
-}
-
-// src/cli/ui/hooks/downloader.ts
-import { useEffect as useEffect2, useState as useState2 } from "react";
-var useDownloaderHook = () => {
-  const downloader = useInkStore((state) => state.downloader);
-  const filelist = downloader?.filelist;
-  const [_, setHelper] = useState2(0);
-  useEffect2(() => {
-    downloader?.subject.subscribe(({ type }) => {
-      if (type === "FILE_DOWNLOADING_START" || type === "FILE_DOWNLOADING_END" || type === "CHUNK_DOWNLOADING_UPDATE") {
-        setHelper(Date.now());
-      }
-    });
-  });
-};
-
-// src/cli/ui/hooks/input.ts
-import { useInput } from "ink";
-var useInputHook = () => {
-  const downloader = useInkStore((state) => state.downloader);
-  const switchPreview = useInkStore((state) => state.switchPreview);
-  useInput((input) => {
-    if (input === "s") {
-      downloader?.skip();
-    }
-    if (input === "p") {
-      switchPreview();
-    }
-  });
-};
-
-// src/cli/ui/app.tsx
-function App() {
-  useInputHook();
-  useDownloaderHook();
-  const downloader = useInkStore((state) => state.downloader);
-  const filelist = downloader?.filelist;
-  const isFilelist = filelist instanceof CoomerFileList;
-  return /* @__PURE__ */ React8.createElement(Box7, { borderStyle: "single", flexDirection: "column", borderColor: "blue", width: 80 }, /* @__PURE__ */ React8.createElement(TitleBar, null), !isFilelist ? /* @__PURE__ */ React8.createElement(Loading, null) : /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement(Box7, null, /* @__PURE__ */ React8.createElement(Box7, null, /* @__PURE__ */ React8.createElement(FileListStateBox, { filelist })), /* @__PURE__ */ React8.createElement(Box7, { flexBasis: 30 }, /* @__PURE__ */ React8.createElement(KeyboardControlsInfo, null))), filelist.getActiveFiles().map((file) => {
-    return /* @__PURE__ */ React8.createElement(FileBox, { file, key: file.name });
-  })));
-}
-
-// src/cli/ui/index.tsx
-function createReactInk() {
-  return render(/* @__PURE__ */ React9.createElement(App, null));
-}
+import React9 from "react";
 
-// src/services/downloader.ts
+// src/core/downloader.ts
 import fs2 from "node:fs";
 import { Readable, Transform } from "node:stream";
 import { pipeline as pipeline2 } from "node:stream/promises";
@@ -760,7 +598,7 @@ var Timer = class _Timer {
   }
 };
 
-// src/services/downloader.ts
+// src/core/downloader.ts
 var Downloader = class {
   constructor(filelist, minSize, maxSize, chunkTimeout = 3e4, chunkFetchRetries = 5, fetchRetries = 7) {
     this.filelist = filelist;
@@ -855,8 +693,8 @@ var Downloader = class {
         if (signal.reason === "FILE_SKIP") return;
       }
       if (retries > 0) {
-        if (/coomer|kemono/.test(file.url)) {
-          file.url = tryFixCoomerUrl(file.url, retries);
+        if (this.filelist.provider?.fixURL) {
+          file.url = this.filelist.provider.fixURL(file.url, retries);
         }
         await sleep(1e3);
         return await this.downloadFile(file, retries - 1);
@@ -878,11 +716,210 @@ var Downloader = class {
   }
 };
 
+// src/cli/ui/components/file.tsx
+import { Box as Box2, Spacer, Text as Text2 } from "ink";
+import React3 from "react";
+
+// src/utils/strings.ts
+function b2mb(bytes) {
+  return (bytes / 1048576).toFixed(2);
+}
+
+// src/cli/ui/hooks/downloader.ts
+import { useRef, useSyncExternalStore } from "react";
+
+// src/cli/ui/store/index.ts
+import { create } from "zustand";
+var useInkStore = create((set) => ({
+  preview: false,
+  switchPreview: () => set((state) => ({
+    preview: !state.preview
+  })),
+  downloader: void 0,
+  setDownloader: (downloader) => set({ downloader })
+}));
+
+// src/cli/ui/hooks/downloader.ts
+var useDownloaderHook = (subjectEvents) => {
+  const downloader = useInkStore((state) => state.downloader);
+  const versionRef = useRef(0);
+  useSyncExternalStore(
+    (onStoreChange) => {
+      if (!downloader) return () => {
+      };
+      const sub = downloader.subject.subscribe(({ type }) => {
+        if (subjectEvents.includes(type)) {
+          versionRef.current++;
+          onStoreChange();
+        }
+      });
+      return () => sub.unsubscribe();
+    },
+    () => versionRef.current
+  );
+  return downloader?.filelist;
+};
+
+// src/cli/ui/components/preview.tsx
+import { Box } from "ink";
+import Image, { TerminalInfoProvider } from "ink-picture";
+import React from "react";
+function Preview({ file }) {
+  const previewEnabled = useInkStore((state) => state.preview);
+  const bigEnough = file.downloaded > 50 * 1024;
+  const shouldShow = previewEnabled && bigEnough && isImage(file.filepath);
+  const imgInfo = `
+    can't read partial images yet...
+    actual size: ${file.size}}
+    downloaded: ${file.downloaded}}
+  `;
+  return shouldShow && /* @__PURE__ */ React.createElement(Box, { paddingX: 1 }, /* @__PURE__ */ React.createElement(TerminalInfoProvider, null, /* @__PURE__ */ React.createElement(Box, { width: 30, height: 15 }, /* @__PURE__ */ React.createElement(Image, { src: file.filepath, alt: imgInfo }))));
+}
+
+// src/cli/ui/components/spinner.tsx
+import spinners from "cli-spinners";
+import { Text } from "ink";
+import React2, { useEffect, useState } from "react";
+function Spinner({ type = "dots" }) {
+  const spinner = spinners[type];
+  const randomFrame = spinner.frames.length * Math.random() | 0;
+  const [frame, setFrame] = useState(randomFrame);
+  useEffect(() => {
+    const timer = setInterval(() => {
+      setFrame((previousFrame) => {
+        return (previousFrame + 1) % spinner.frames.length;
+      });
+    }, spinner.interval);
+    return () => {
+      clearInterval(timer);
+    };
+  }, [spinner]);
+  return /* @__PURE__ */ React2.createElement(Text, null, spinner.frames[frame]);
+}
+
+// src/cli/ui/components/file.tsx
+var FileBox = React3.memo(({ file }) => {
+  useDownloaderHook(["CHUNK_DOWNLOADING_UPDATE"]);
+  const percentage = Number(file.downloaded / file.size * 100).toFixed(2);
+  return /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement(
+    Box2,
+    {
+      borderStyle: "single",
+      borderColor: "magentaBright",
+      borderDimColor: true,
+      paddingX: 1,
+      flexDirection: "column"
+    },
+    /* @__PURE__ */ React3.createElement(Box2, null, /* @__PURE__ */ React3.createElement(Text2, { color: "blue", dimColor: true, wrap: "truncate-middle" }, file.name)),
+    /* @__PURE__ */ React3.createElement(Box2, { flexDirection: "row-reverse" }, /* @__PURE__ */ React3.createElement(Text2, { color: "cyan", dimColor: true }, b2mb(file.downloaded), "/", file.size ? b2mb(file.size) : "\u221E", " MB"), /* @__PURE__ */ React3.createElement(Text2, { color: "redBright", dimColor: true }, file.size ? `  ${percentage}% ` : ""), /* @__PURE__ */ React3.createElement(Spacer, null), /* @__PURE__ */ React3.createElement(Text2, { color: "green", dimColor: true }, /* @__PURE__ */ React3.createElement(Spinner, null)))
+  ), /* @__PURE__ */ React3.createElement(Preview, { file }));
+});
+
+// src/cli/ui/components/filelist.tsx
+import React4 from "react";
+function FileListBox() {
+  const filelist = useDownloaderHook(["FILE_DOWNLOADING_START", "FILE_DOWNLOADING_END"]);
+  return /* @__PURE__ */ React4.createElement(React4.Fragment, null, filelist?.getActiveFiles().map((file) => {
+    return /* @__PURE__ */ React4.createElement(FileBox, { file, key: file.name });
+  }));
+}
+
+// src/cli/ui/components/filelist-state.tsx
+import { Box as Box3, Text as Text3 } from "ink";
+import React5 from "react";
+function FileListStateBox() {
+  const filelist = useDownloaderHook(["FILE_DOWNLOADING_START", "FILE_DOWNLOADING_END"]);
+  return /* @__PURE__ */ React5.createElement(
+    Box3,
+    {
+      paddingX: 1,
+      flexDirection: "column",
+      borderStyle: "single",
+      borderColor: "magenta",
+      borderDimColor: true
+    },
+    /* @__PURE__ */ React5.createElement(Box3, null, /* @__PURE__ */ React5.createElement(Box3, { marginRight: 1 }, /* @__PURE__ */ React5.createElement(Text3, { color: "cyanBright", dimColor: true }, "Found:")), /* @__PURE__ */ React5.createElement(Text3, { color: "blue", dimColor: true, wrap: "wrap" }, filelist?.files.length)),
+    /* @__PURE__ */ React5.createElement(Box3, null, /* @__PURE__ */ React5.createElement(Box3, { marginRight: 1 }, /* @__PURE__ */ React5.createElement(Text3, { color: "cyanBright", dimColor: true }, "Downloaded:")), /* @__PURE__ */ React5.createElement(Text3, { color: "blue", dimColor: true, wrap: "wrap" })),
+    /* @__PURE__ */ React5.createElement(Box3, null, /* @__PURE__ */ React5.createElement(Box3, { width: 9 }, /* @__PURE__ */ React5.createElement(Text3, { color: "cyanBright", dimColor: true }, "Folder:")), /* @__PURE__ */ React5.createElement(Box3, { flexGrow: 1 }, /* @__PURE__ */ React5.createElement(Text3, { color: "blue", dimColor: true, wrap: "truncate-middle" }, filelist?.dirPath)))
+  );
+}
+
+// src/cli/ui/components/keyboardinfo.tsx
+import { Box as Box4, Text as Text4 } from "ink";
+import React6 from "react";
+var info = {
+  "s ": "skip current file",
+  p: "on/off image preview"
+};
+function KeyboardControlsInfo() {
+  const infoRender = Object.entries(info).map(([key, value]) => {
+    return /* @__PURE__ */ React6.createElement(Box4, { key }, /* @__PURE__ */ React6.createElement(Box4, { marginRight: 2 }, /* @__PURE__ */ React6.createElement(Text4, { color: "red", dimColor: true, bold: true }, key)), /* @__PURE__ */ React6.createElement(Text4, { dimColor: true, bold: false }, value));
+  });
+  return /* @__PURE__ */ React6.createElement(
+    Box4,
+    {
+      flexDirection: "column",
+      paddingX: 1,
+      borderStyle: "single",
+      borderColor: "gray",
+      borderDimColor: true
+    },
+    /* @__PURE__ */ React6.createElement(Box4, null, /* @__PURE__ */ React6.createElement(Text4, { color: "red", dimColor: true, bold: true }, "Keyboard controls:")),
+    infoRender
+  );
+}
+
+// src/cli/ui/components/loading.tsx
+import { Box as Box5, Text as Text5 } from "ink";
+import React7 from "react";
+function Loading() {
+  return /* @__PURE__ */ React7.createElement(Box5, { paddingX: 1, borderDimColor: true, flexDirection: "column" }, /* @__PURE__ */ React7.createElement(Box5, { alignSelf: "center" }, /* @__PURE__ */ React7.createElement(Text5, { dimColor: true, color: "redBright" }, "Fetching Data")), /* @__PURE__ */ React7.createElement(Box5, { alignSelf: "center" }, /* @__PURE__ */ React7.createElement(Text5, { color: "blueBright", dimColor: true }, /* @__PURE__ */ React7.createElement(Spinner, { type: "grenade" }))));
+}
+
+// src/cli/ui/components/titlebar.tsx
+import { Box as Box6, Spacer as Spacer2, Text as Text6 } from "ink";
+import React8 from "react";
+
+// package.json
+var version = "3.4.2";
+
+// src/cli/ui/components/titlebar.tsx
+function TitleBar() {
+  return /* @__PURE__ */ React8.createElement(Box6, null, /* @__PURE__ */ React8.createElement(Spacer2, null), /* @__PURE__ */ React8.createElement(Box6, { borderColor: "magenta", borderStyle: "arrow" }, /* @__PURE__ */ React8.createElement(Text6, { color: "cyanBright" }, "Coomer-Downloader ", version)), /* @__PURE__ */ React8.createElement(Spacer2, null));
+}
+
+// src/cli/ui/hooks/input.ts
+import { useInput } from "ink";
+var useInputHook = () => {
+  const downloader = useInkStore((state) => state.downloader);
+  const switchPreview = useInkStore((state) => state.switchPreview);
+  useInput((input) => {
+    if (input === "s") {
+      downloader?.skip();
+    }
+    if (input === "p") {
+      switchPreview();
+    }
+  });
+};
+
+// src/cli/ui/app.tsx
+function App() {
+  useInputHook();
+  const filelist = useDownloaderHook(["FILES_DOWNLOADING_START"]);
+  return /* @__PURE__ */ React9.createElement(Box7, { borderStyle: "single", flexDirection: "column", borderColor: "blue", width: 80 }, /* @__PURE__ */ React9.createElement(TitleBar, null), !(filelist instanceof CoomerFileList) ? /* @__PURE__ */ React9.createElement(Loading, null) : /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement(Box7, null, /* @__PURE__ */ React9.createElement(Box7, null, /* @__PURE__ */ React9.createElement(FileListStateBox, null)), /* @__PURE__ */ React9.createElement(Box7, { flexBasis: 30 }, /* @__PURE__ */ React9.createElement(KeyboardControlsInfo, null))), /* @__PURE__ */ React9.createElement(FileListBox, null)));
+}
+
+// src/cli/ui/index.tsx
+function createReactInk() {
+  return render(/* @__PURE__ */ React10.createElement(App, null));
+}
+
 // src/index.ts
 async function run() {
   createReactInk();
   const { url, dir, media, include, exclude, minSize, maxSize, skip, removeDupilicates } = argumentHander();
-  const filelist = await apiHandler(url);
+  const filelist = await resolveAPI(url);
   filelist.setDirPath(dir).skip(skip).filterByText(include, exclude).filterByMediaType(media);
   if (removeDupilicates) {
     filelist.removeURLDuplicates();