Minimal online import implementation

src/lib/components/VolumeItem.svelte

@@ -24,7 +24,7 @@
       class="flex flex-row gap-5 items-center justify-between w-full"
     >
       <div>
-        <p class="font-semibold" class:text-white={!isComplete}>{volumeName}</p>
+        <p class="font-semibold" class:text-white={!isComplete}>{decodeURI(volumeName)}</p>
         <p>{progressDisplay}</p>
       </div>
       {#if isComplete}

src/lib/upload/index.ts

@@ -4,6 +4,8 @@ import { showSnackbar } from '$lib/util/snackbar';
 import { requestPersistentStorage } from '$lib/util/upload';
 import { BlobReader, ZipReader, BlobWriter, getMimeType } from '@zip.js/zip.js';
 
+export * from './web-import'
+
 const zipTypes = ['zip', 'cbz', 'ZIP', 'CBZ'];
 const imageTypes = ['image/jpeg', 'image/png', 'image/webp'];
 

src/lib/upload/web-import.ts

@@ -0,0 +1,7 @@
+export function getItems(html: string) {
+  const parser = new DOMParser();
+  const htmlDoc = parser.parseFromString(html, 'text/html');
+
+  const items = htmlDoc.getElementsByTagName('a');
+  return [...items]
+}