Add Single file archive method.

pages/api/v1/archives/[linkId].ts

@@ -27,6 +27,7 @@ export default async function Index(req: NextApiRequest, res: NextApiResponse) {
   else if (format === ArchivedFormat.jpeg) suffix = ".jpeg";
   else if (format === ArchivedFormat.pdf) suffix = ".pdf";
   else if (format === ArchivedFormat.readability) suffix = "_readability.json";
+  else if (format === ArchivedFormat.singlefile) suffix = ".html";
 
   //@ts-ignore
   if (!linkId || !suffix)

pages/api/v1/links/[id]/archive/index.ts

@@ -76,6 +76,7 @@ const deleteArchivedFiles = async (link: Link & { collection: Collection }) => {
       image: null,
       pdf: null,
       readable: null,
+      singlefile: null,
       preview: null,
     },
   });
@@ -89,6 +90,9 @@ const deleteArchivedFiles = async (link: Link & { collection: Collection }) => {
   await removeFile({
     filePath: `archives/${link.collection.id}/${link.id}_readability.json`,
   });
+  await removeFile({
+    filePath: `archives/${link.collection.id}/${link.id}.html`,
+  });
   await removeFile({
     filePath: `archives/preview/${link.collection.id}/${link.id}.png`,
   });

pages/collections/[id].tsx

@@ -61,6 +61,7 @@ export default function Index() {
     username: "",
     image: "",
     archiveAsScreenshot: undefined as unknown as boolean,
+    archiveAsSinglefile: undefined as unknown as boolean,
     archiveAsPDF: undefined as unknown as boolean,
   });
 
@@ -78,6 +79,7 @@ export default function Index() {
           username: account.username as string,
           image: account.image as string,
           archiveAsScreenshot: account.archiveAsScreenshot as boolean,
+          archiveAsSinglefile: account.archiveAsScreenshot as boolean,
           archiveAsPDF: account.archiveAsPDF as boolean,
         });
       }

pages/preserved/[id].tsx

@@ -36,6 +36,12 @@ export default function Index() {
       {link && Number(router.query.format) === ArchivedFormat.readability && (
         <ReadableView link={link} />
       )}
+      {link && Number(router.query.format) === ArchivedFormat.singlefile && (
+        <iframe
+          src={`/api/v1/archives/${link.id}?format=${ArchivedFormat.singlefile}`}
+          className="w-full h-screen border-none"
+        ></iframe>
+      )}
       {link && Number(router.query.format) === ArchivedFormat.pdf && (
         <iframe
           src={`/api/v1/archives/${link.id}?format=${ArchivedFormat.pdf}`}

pages/public/collections/[id].tsx

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

pages/settings/preference.tsx

@@ -20,6 +20,8 @@ export default function Appearance() {
     useState<boolean>(false);
   const [archiveAsScreenshot, setArchiveAsScreenshot] =
     useState<boolean>(false);
+  const [archiveAsSinglefile, setArchiveAsSinglefile] =
+    useState<boolean>(false);
   const [archiveAsPDF, setArchiveAsPDF] = useState<boolean>(false);
   const [archiveAsWaybackMachine, setArchiveAsWaybackMachine] =
     useState<boolean>(false);
@@ -31,6 +33,7 @@ export default function Appearance() {
     setUser({
       ...account,
       archiveAsScreenshot,
+      archiveAsSinglefile,
       archiveAsPDF,
       archiveAsWaybackMachine,
       linksRouteTo,
@@ -39,6 +42,7 @@ export default function Appearance() {
   }, [
     account,
     archiveAsScreenshot,
+    archiveAsSinglefile,
     archiveAsPDF,
     archiveAsWaybackMachine,
     linksRouteTo,
@@ -52,6 +56,7 @@ export default function Appearance() {
   useEffect(() => {
     if (!objectIsEmpty(account)) {
       setArchiveAsScreenshot(account.archiveAsScreenshot);
+      setArchiveAsSinglefile(account.archiveAsSinglefile);
       setArchiveAsPDF(account.archiveAsPDF);
       setArchiveAsWaybackMachine(account.archiveAsWaybackMachine);
       setLinksRouteTo(account.linksRouteTo);
@@ -129,6 +134,12 @@ export default function Appearance() {
               onClick={() => setArchiveAsScreenshot(!archiveAsScreenshot)}
             />
 
+            <Checkbox
+              label="Singlefile"
+              state={archiveAsSinglefile}
+              onClick={() => setArchiveAsSinglefile(!archiveAsSinglefile)}
+            />
+
             <Checkbox
               label="PDF"
               state={archiveAsPDF}
@@ -207,6 +218,22 @@ export default function Appearance() {
               <span className="label-text">Open Readable, if available</span>
             </label>
 
+            <label
+              className="label cursor-pointer flex gap-2 justify-start w-fit"
+              tabIndex={0}
+              role="button"
+            >
+              <input
+                type="radio"
+                name="link-preference-radio"
+                className="radio checked:bg-primary"
+                value="Singlefile"
+                checked={linksRouteTo === LinksRouteTo.SINGLEFILE}
+                onChange={() => setLinksRouteTo(LinksRouteTo.SINGLEFILE)}
+              />
+              <span className="label-text">Open Singlefile, if available</span>
+            </label>
+
             <label
               className="label cursor-pointer flex gap-2 justify-start w-fit"
               tabIndex={0}