coomer-downloader 3.4.1 → 3.4.2

package/dist/index.js

@@ -3,7 +3,7 @@
 // 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";
 
@@ -39,7 +39,7 @@ function sanitizeFilename(name) {
   return name.replace(/[<>:"/\\|?*\x00-\x1F]/g, "-").replace(/\s+/g, " ").trim().replace(/[.]+$/, "");
 }
 
-// src/services/file.ts
+// src/core/file.ts
 var CoomerFile = class _CoomerFile {
   constructor(name, url, filepath = "", size, downloaded = 0, content) {
     this.name = name;
@@ -64,7 +64,7 @@ var CoomerFile = class _CoomerFile {
   }
 };
 
-// src/services/filelist.ts
+// src/core/filelist.ts
 import os from "node:os";
 import path from "node:path";
 
@@ -124,13 +124,14 @@ function testMediaType(name, type) {
   return type === "image" ? isImage(name) : isVideo(name);
 }
 
-// src/services/filelist.ts
+// src/core/filelist.ts
 var CoomerFileList = class {
   constructor(files = []) {
     this.files = files;
   }
   dirPath;
   dirName;
+  provider;
   setDirPath(dir, dirName) {
     dirName = dirName || this.dirName;
     if (dir === "./") {
@@ -185,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",
@@ -232,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";
@@ -266,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());
@@ -332,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", {
@@ -350,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");
@@ -380,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());
@@ -404,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;
@@ -419,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);
-  }
-  if (/coomer|kemono/.test(url.origin)) {
-    return getCoomerData(url.href);
+var RedditAPI = class {
+  testURL(url) {
+    return /^\/user\/[\w-]+$/.test(url.pathname);
   }
-  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");
 }
@@ -509,208 +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.1";
-
-// 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 { useRef, useSyncExternalStore } from "react";
-var useDownloaderHook = () => {
-  const downloader = useInkStore((state) => state.downloader);
-  const versionRef = useRef(0);
-  useSyncExternalStore(
-    (onStoreChange) => {
-      if (!downloader) return () => {
-      };
-      const sub = downloader.subject.subscribe(({ type }) => {
-        const targets = [
-          "FILE_DOWNLOADING_START",
-          "FILE_DOWNLOADING_END",
-          "CHUNK_DOWNLOADING_UPDATE"
-        ];
-        if (targets.includes(type)) {
-          versionRef.current++;
-          onStoreChange();
-        }
-      });
-      return () => sub.unsubscribe();
-    },
-    () => versionRef.current
-  );
-  return downloader?.filelist;
-};
-
-// 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();
-  return /* @__PURE__ */ React8.createElement(Box7, { borderStyle: "single", flexDirection: "column", borderColor: "blue", width: 80 }, /* @__PURE__ */ React8.createElement(TitleBar, null), !(filelist instanceof CoomerFileList) ? /* @__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";
@@ -757,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;
@@ -852,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);
@@ -875,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();