use monolith instead of singlefile

components/CollectionCard.tsx

@@ -39,7 +39,7 @@ export default function CollectionCard({ collection, className }: Props) {
     username: "",
     image: "",
     archiveAsScreenshot: undefined as unknown as boolean,
-    archiveAsSinglefile: undefined as unknown as boolean,
+    archiveAsMonolith: undefined as unknown as boolean,
     archiveAsPDF: undefined as unknown as boolean,
   });
 
@@ -55,7 +55,7 @@ export default function CollectionCard({ collection, className }: Props) {
           username: account.username as string,
           image: account.image as string,
           archiveAsScreenshot: account.archiveAsScreenshot as boolean,
-          archiveAsSinglefile: account.archiveAsSinglefile as boolean,
+          archiveAsMonolith: account.archiveAsMonolith as boolean,
           archiveAsPDF: account.archiveAsPDF as boolean,
         });
       }

components/LinkViews/LinkComponents/LinkIcon.tsx

@@ -70,9 +70,14 @@ export default function LinkIcon({
           size={size}
           icon="bi-file-earmark-image"
         />
-      ) : link.type === "singlefile" ? (
-        <i className={`bi-filetype-html ${iconClasses}`}></i>
-      ) : undefined}
+      ) : // : link.type === "monolith" ? (
+      //   <LinkPlaceholderIcon
+      //     iconClasses={iconClasses + dimension}
+      //     size={size}
+      //     icon="bi-filetype-html"
+      //   />
+      // )
+      undefined}
     </>
   );
 }

components/ModalContent/EditCollectionSharingModal.tsx

@@ -68,7 +68,7 @@ export default function EditCollectionSharingModal({
     username: "",
     image: "",
     archiveAsScreenshot: undefined as unknown as boolean,
-    archiveAsSinglefile: undefined as unknown as boolean,
+    archiveAsMonolith: undefined as unknown as boolean,
     archiveAsPDF: undefined as unknown as boolean,
   });
 

components/ModalContent/NewLinkModal.tsx

@@ -30,7 +30,7 @@ export default function NewLinkModal({ onClose }: Props) {
     image: "",
     pdf: "",
     readable: "",
-    singlefile: "",
+    monolith: "",
     textContent: "",
     collection: {
       name: "",

components/ModalContent/PreservedFormatsModal.tsx

@@ -12,7 +12,7 @@ import { useSession } from "next-auth/react";
 import {
   pdfAvailable,
   readabilityAvailable,
-  singlefileAvailable,
+  monolithAvailable,
   screenshotAvailable,
 } from "@/lib/shared/getArchiveValidity";
 import PreservedFormatRow from "@/components/PreserverdFormatRow";
@@ -43,7 +43,7 @@ export default function PreservedFormatsModal({ onClose, activeLink }: Props) {
     username: "",
     image: "",
     archiveAsScreenshot: undefined as unknown as boolean,
-    archiveAsSinglefile: undefined as unknown as boolean,
+    archiveAsMonolith: undefined as unknown as boolean,
     archiveAsPDF: undefined as unknown as boolean,
   });
 
@@ -61,7 +61,7 @@ export default function PreservedFormatsModal({ onClose, activeLink }: Props) {
           username: account.username as string,
           image: account.image as string,
           archiveAsScreenshot: account.archiveAsScreenshot as boolean,
-          archiveAsSinglefile: account.archiveAsScreenshot as boolean,
+          archiveAsMonolith: account.archiveAsScreenshot as boolean,
           archiveAsPDF: account.archiveAsPDF as boolean,
         });
       }
@@ -76,8 +76,8 @@ export default function PreservedFormatsModal({ onClose, activeLink }: Props) {
       (collectionOwner.archiveAsScreenshot === true
         ? link.pdf && link.pdf !== "pending"
         : true) &&
-      (collectionOwner.archiveAsSinglefile === true
-        ? link.singlefile && link.singlefile !== "pending"
+      (collectionOwner.archiveAsMonolith === true
+        ? link.monolith && link.monolith !== "pending"
         : true) &&
       (collectionOwner.archiveAsPDF === true
         ? link.pdf && link.pdf !== "pending"
@@ -92,7 +92,7 @@ export default function PreservedFormatsModal({ onClose, activeLink }: Props) {
       screenshotAvailable(link) ||
       pdfAvailable(link) ||
       readabilityAvailable(link) ||
-      singlefileAvailable(link)
+      monolithAvailable(link)
     );
   };
 
@@ -124,7 +124,7 @@ export default function PreservedFormatsModal({ onClose, activeLink }: Props) {
         clearInterval(interval);
       }
     };
-  }, [link?.singlefile]);
+  }, [link?.monolith]);
 
   const updateArchive = async () => {
     const load = toast.loading(t("sending_request"));
@@ -152,18 +152,18 @@ export default function PreservedFormatsModal({ onClose, activeLink }: Props) {
       {screenshotAvailable(link) ||
       pdfAvailable(link) ||
       readabilityAvailable(link) ||
-      singlefileAvailable(link) ? (
+      monolithAvailable(link) ? (
         <p className="mb-3">{t("available_formats")}</p>
       ) : (
         ""
       )}
 
       <div className={`flex flex-col gap-3`}>
-        {singlefileAvailable(link) ? (
+        {monolithAvailable(link) ? (
           <PreservedFormatRow
             name={t("webpage")}
             icon={"bi-filetype-html"}
-            format={ArchivedFormat.singlefile}
+            format={ArchivedFormat.monolith}
             activeLink={link}
             downloadable={true}
           />

components/ModalContent/UploadFileModal.tsx

@@ -33,7 +33,7 @@ export default function UploadFileModal({ onClose }: Props) {
     image: "",
     pdf: "",
     readable: "",
-    singlefile: "",
+    monolith: "",
     textContent: "",
     collection: {
       name: "",
@@ -97,7 +97,7 @@ export default function UploadFileModal({ onClose }: Props) {
   const submit = async () => {
     if (!submitLoader && file) {
       let fileType: ArchivedFormat | null = null;
-      let linkType: "url" | "image" | "singlefile" | "pdf" | null = null;
+      let linkType: "url" | "image" | "monolith" | "pdf" | null = null;
 
       if (file?.type === "image/jpg" || file.type === "image/jpeg") {
         fileType = ArchivedFormat.jpeg;
@@ -105,13 +105,14 @@ export default function UploadFileModal({ onClose }: Props) {
       } else if (file.type === "image/png") {
         fileType = ArchivedFormat.png;
         linkType = "image";
-      } else if (file.type === "text/html") {
-        fileType = ArchivedFormat.singlefile;
-        linkType = "singlefile";
       } else if (file.type === "application/pdf") {
         fileType = ArchivedFormat.pdf;
         linkType = "pdf";
       }
+      // else if (file.type === "text/html") {
+      //   fileType = ArchivedFormat.monolith;
+      //   linkType = "monolith";
+      // }
 
       setSubmitLoader(true);
       const load = toast.loading(t("creating"));

components/PreserverdFormatRow.tsx

@@ -61,7 +61,7 @@ export default function PreservedFormatRow({
         clearInterval(interval);
       }
     };
-  }, [link?.image, link?.pdf, link?.readable, link?.singlefile]);
+  }, [link?.image, link?.pdf, link?.readable, link?.monolith]);
 
   const handleDownload = () => {
     const path = `/api/v1/archives/${link?.id}?format=${format}`;
@@ -72,7 +72,7 @@ export default function PreservedFormatRow({
           const anchorElement = document.createElement("a");
           anchorElement.href = path;
           anchorElement.download =
-            format === ArchivedFormat.singlefile
+            format === ArchivedFormat.monolith
               ? "Webpage"
               : format === ArchivedFormat.pdf
                 ? "PDF"

components/ReadableView.tsx

@@ -81,11 +81,11 @@ export default function ReadableView({ link }: Props) {
       (link?.image === "pending" ||
         link?.pdf === "pending" ||
         link?.readable === "pending" ||
-        link?.singlefile === "pending" ||
+        link?.monolith === "pending" ||
         !link?.image ||
         !link?.pdf ||
         !link?.readable ||
-        !link?.singlefile)
+        !link?.monolith)
     ) {
       interval = setInterval(() => getLink(link.id as number), 5000);
     } else {
@@ -99,7 +99,7 @@ export default function ReadableView({ link }: Props) {
         clearInterval(interval);
       }
     };
-  }, [link?.image, link?.pdf, link?.readable, link?.singlefile]);
+  }, [link?.image, link?.pdf, link?.readable, link?.monolith]);
 
   const rgbToHex = (r: number, g: number, b: number): string =>
     "#" +