From 366f6571136a901c8bfc2902ada677bc38522303 Mon Sep 17 00:00:00 2001
From: static <kmc7468@naver.com>
Date: Wed, 15 Jan 2025 08:34:50 +0900
Subject: [PATCH] =?UTF-8?q?heic2any=EB=A5=BC=20=EB=8F=99=EC=A0=81=EC=9C=BC?=
 =?UTF-8?q?=EB=A1=9C=20import=ED=95=98=EB=8F=84=EB=A1=9D=20=EB=B3=80?=
 =?UTF-8?q?=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/routes/(fullscreen)/file/[id]/+page.svelte  | 2 +-
 src/routes/(fullscreen)/file/[id]/+page.ts      | 2 --
 src/routes/(fullscreen)/key/export/+page.svelte | 4 ++--
 3 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/routes/(fullscreen)/file/[id]/+page.svelte b/src/routes/(fullscreen)/file/[id]/+page.svelte
index 642017a..b9fc0ff 100644
--- a/src/routes/(fullscreen)/file/[id]/+page.svelte
+++ b/src/routes/(fullscreen)/file/[id]/+page.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
   import FileSaver from "file-saver";
-  import heic2any from "heic2any";
   import { untrack } from "svelte";
   import type { Writable } from "svelte/store";
   import { TopBar } from "$lib/components";
@@ -41,6 +40,7 @@
         requestFileDownload(data.id, $info.contentIv, $info.dataKey).then(async (res) => {
           content = new Blob([res], { type: $info.contentType });
           if (content.type === "image/heic" || content.type === "image/heif") {
+            const { default: heic2any } = await import("heic2any");
             contentUrl = URL.createObjectURL(
               (await heic2any({ blob: content, toType: "image/jpeg" })) as Blob,
             );
diff --git a/src/routes/(fullscreen)/file/[id]/+page.ts b/src/routes/(fullscreen)/file/[id]/+page.ts
index 45c696e..0521107 100644
--- a/src/routes/(fullscreen)/file/[id]/+page.ts
+++ b/src/routes/(fullscreen)/file/[id]/+page.ts
@@ -2,8 +2,6 @@ import { error } from "@sveltejs/kit";
 import { z } from "zod";
 import type { PageLoad } from "./$types";
 
-export const ssr = false; // Because of heic2any
-
 export const load: PageLoad = async ({ params }) => {
   const zodRes = z
     .object({
diff --git a/src/routes/(fullscreen)/key/export/+page.svelte b/src/routes/(fullscreen)/key/export/+page.svelte
index 297d91d..6cd6ae6 100644
--- a/src/routes/(fullscreen)/key/export/+page.svelte
+++ b/src/routes/(fullscreen)/key/export/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { saveAs } from "file-saver";
+  import FileSaver from "file-saver";
   import { goto } from "$app/navigation";
   import { Button, TextButton } from "$lib/components/buttons";
   import { TitleDiv, BottomDiv } from "$lib/components/divs";
@@ -31,7 +31,7 @@
     const clientKeysBlob = new Blob([JSON.stringify(clientKeysSerialized)], {
       type: "application/json",
     });
-    saveAs(clientKeysBlob, "arkvault-clientkey.json");
+    FileSaver.saveAs(clientKeysBlob, "arkvault-clientkey.json");
 
     if (!isBeforeContinueBottomSheetOpen) {
       setTimeout(() => {