feat(archive): support multipart archives (#263)

Author: KirCute

src/pages/home/previews/index.ts

@@ -4,20 +4,20 @@ import { Obj, ObjType, UserMethods, UserPermissions } from "~/types"
 import { ext } from "~/utils"
 import { generateIframePreview } from "./iframe"
 import { useRouter } from "~/hooks"
-import { getArchiveExtensions } from "~/store/archive"
+import { isArchive } from "~/store/archive"
 
-type Ext = string[] | "*" | (() => string[])
+type Ext = string[] | "*" | ((name: string) => boolean)
 type Prior = boolean | (() => boolean)
 
-const extsContains = (exts: Ext | undefined, ext: string): boolean => {
+const extsContains = (exts: Ext | undefined, name: string): boolean => {
   if (exts === undefined) {
     return false
   } else if (exts === "*") {
     return true
   } else if (typeof exts === "function") {
-    return (exts as () => string[])().includes(ext)
+    return (exts as (name: string) => boolean)(name)
   } else {
-    return (exts as string[]).includes(ext)
+    return (exts as string[]).includes(ext(name).toLowerCase())
   }
 }
 
@@ -129,12 +129,12 @@ const previews: Preview[] = [
   },
   {
     name: "Archive Preview",
-    exts: () => {
+    exts: (name: string) => {
       const index = UserPermissions.findIndex(
         (item) => item === "read_archives",
       )
-      if (!UserMethods.can(me(), index)) return []
-      return getArchiveExtensions()
+      if (!UserMethods.can(me(), index)) return false
+      return isArchive(name)
     },
     component: lazy(() => import("./archive")),
     prior: () => getSettingBool("preview_archives_by_default"),
@@ -157,7 +157,7 @@ export const getPreviews = (
     if (
       preview.type === file.type ||
       (typeOverride && preview.type === typeOverride) ||
-      extsContains(preview.exts, ext(file.name).toLowerCase())
+      extsContains(preview.exts, file.name)
     ) {
       const r = { name: preview.name, component: preview.component }
       if (isPrior(preview.prior)) {

src/pages/home/toolbar/Center.tsx

@@ -41,7 +41,7 @@ export const Center = () => {
               backdropFilter: "blur(8px)",
             }}
           >
-            <For each={["rename", "move", "copy", "delete"]}>
+            <For each={["rename", "move", "copy", "delete", "decompress"]}>
               {(name) => {
                 return (
                   <CenterIcon

src/pages/home/toolbar/Decompress.tsx

@@ -56,10 +56,10 @@ export const Decompress = () => {
   const getPathAndName = () => {
     let path = pathname()
     if (innerPath() === "/") {
-      return { path: path, name: selectedObjs()[0].name }
+      return { path: path, name: selectedObjs().map((o) => o.name) }
     } else {
       let idx = path.lastIndexOf("/")
-      return { path: path.slice(0, idx), name: path.slice(idx + 1) }
+      return { path: path.slice(0, idx), name: [path.slice(idx + 1)] }
     }
   }
   return (

src/store/archive.ts

@@ -1,13 +1,10 @@
-import { ext } from "~/utils"
-
 let archiveExtensions: string[] = []
 
 export const setArchiveExtensions = (extensions: string[]) => {
   archiveExtensions = extensions
 }
 
-export const getArchiveExtensions = () => archiveExtensions
-
-export const isArchive = (name: string) => {
-  return archiveExtensions.indexOf(ext(name).toLowerCase()) !== -1
+export const isArchive = (name: string): boolean => {
+  name = name.toLowerCase()
+  return archiveExtensions.some((v) => name.endsWith(v))
 }

src/utils/api.ts

@@ -177,7 +177,7 @@ export const fsArchiveList = (
 export const fsArchiveDecompress = (
   src_dir: string,
   dst_dir: string,
-  name: string,
+  name: string[],
   archive_pass = "",
   inner_path = "/",
   cache_full = true,

src/utils/icon.ts

@@ -28,7 +28,7 @@ import {
   VscodeIconsFileTypePhotoshop2,
 } from "~/components"
 import { SiAsciinema } from "solid-icons/si"
-import { getArchiveExtensions } from "~/store/archive"
+import { isArchive } from "~/store/archive"
 
 const iconMap = {
   "dmg,ipa,plist,tipa": BsApple,
@@ -49,14 +49,14 @@ const iconMap = {
   cast: SiAsciinema,
 }
 
-export const getIconByTypeAndExt = (type: number, ext: string) => {
+export const getIconByTypeAndName = (type: number, name: string) => {
   if (type !== ObjType.FOLDER) {
     for (const [extensions, icon] of Object.entries(iconMap)) {
-      if (extensions.split(",").includes(ext.toLowerCase())) {
+      if (extensions.split(",").includes(ext(name).toLowerCase())) {
         return icon
       }
     }
-    if (getArchiveExtensions().includes(ext)) {
+    if (isArchive(name)) {
       return BsFileEarmarkZipFill
     }
   }
@@ -90,5 +90,5 @@ export const getIconByTypeAndExt = (type: number, ext: string) => {
 }
 
 export const getIconByObj = (obj: Pick<Obj, "type" | "name">) => {
-  return getIconByTypeAndExt(obj.type, ext(obj.name))
+  return getIconByTypeAndName(obj.type, obj.name)
 }