From 3007fb608f54c04a4e611f5bd8de84a0793e3da9 Mon Sep 17 00:00:00 2001
From: Elbert Ronnie <elbert.ronniep@gmail.com>
Date: Mon, 11 Nov 2024 03:07:06 +0530
Subject: [PATCH] Web formatting changes

---
 frontend/src/components/panels/Document.svelte        | 2 +-
 frontend/src/components/panels/Layers.svelte          | 2 +-
 frontend/src/components/window/workspace/Panel.svelte | 5 ++---
 frontend/src/io-managers/input.ts                     | 2 +-
 frontend/src/utility-functions/files.ts               | 4 ++--
 5 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/panels/Document.svelte b/frontend/src/components/panels/Document.svelte
index 52bd2586cf..18ea1713db 100644
--- a/frontend/src/components/panels/Document.svelte
+++ b/frontend/src/components/panels/Document.svelte
@@ -2,9 +2,9 @@
 	import { getContext, onMount, tick } from "svelte";
 
 	import type { DocumentState } from "@graphite/state-providers/document";
+	import { extractContent } from "@graphite/utility-functions/files";
 	import { textInputCleanup } from "@graphite/utility-functions/keyboard-entry";
 	import { extractPixelData, rasterizeSVGCanvas } from "@graphite/utility-functions/rasterization";
-	import { extractContent } from "@graphite/utility-functions/files";
 	import { updateBoundsOfViewports } from "@graphite/utility-functions/viewports";
 	import type { Editor } from "@graphite/wasm-communication/editor";
 	import {
diff --git a/frontend/src/components/panels/Layers.svelte b/frontend/src/components/panels/Layers.svelte
index 2bb1e7f928..cedc05e1b7 100644
--- a/frontend/src/components/panels/Layers.svelte
+++ b/frontend/src/components/panels/Layers.svelte
@@ -3,9 +3,9 @@
 
 	import { beginDraggingElement } from "@graphite/io-managers/drag";
 	import type { NodeGraphState } from "@graphite/state-providers/node-graph";
+	import { extractContent } from "@graphite/utility-functions/files";
 	import { platformIsMac } from "@graphite/utility-functions/platform";
 	import { extractPixelData } from "@graphite/utility-functions/rasterization";
-	import { extractContent } from "@graphite/utility-functions/files";
 	import type { Editor } from "@graphite/wasm-communication/editor";
 	import { defaultWidgetLayout, patchWidgetLayout, UpdateDocumentLayerDetails, UpdateDocumentLayerStructureJs, UpdateLayersPanelOptionsLayout } from "@graphite/wasm-communication/messages";
 	import type { DataBuffer, LayerPanelEntry } from "@graphite/wasm-communication/messages";
diff --git a/frontend/src/components/window/workspace/Panel.svelte b/frontend/src/components/window/workspace/Panel.svelte
index 3ada7eab6a..39d069d8f7 100644
--- a/frontend/src/components/window/workspace/Panel.svelte
+++ b/frontend/src/components/window/workspace/Panel.svelte
@@ -14,10 +14,9 @@
 <script lang="ts">
 	import { getContext, tick } from "svelte";
 
-	import { platformIsMac, isEventSupported } from "@graphite/utility-functions/platform";
-
-	import { extractPixelData } from "@graphite/utility-functions/rasterization";
 	import { extractContent } from "@graphite/utility-functions/files";
+	import { platformIsMac, isEventSupported } from "@graphite/utility-functions/platform";
+	import { extractPixelData } from "@graphite/utility-functions/rasterization";
 	import type { Editor } from "@graphite/wasm-communication/editor";
 	import { type LayoutKeysGroup, type Key } from "@graphite/wasm-communication/messages";
 
diff --git a/frontend/src/io-managers/input.ts b/frontend/src/io-managers/input.ts
index f05dc5a4d6..68de544263 100644
--- a/frontend/src/io-managers/input.ts
+++ b/frontend/src/io-managers/input.ts
@@ -4,10 +4,10 @@ import { type DialogState } from "@graphite/state-providers/dialog";
 import { type DocumentState } from "@graphite/state-providers/document";
 import { type FullscreenState } from "@graphite/state-providers/fullscreen";
 import { type PortfolioState } from "@graphite/state-providers/portfolio";
+import { extractContent } from "@graphite/utility-functions/files";
 import { makeKeyboardModifiersBitfield, textInputCleanup, getLocalizedScanCode } from "@graphite/utility-functions/keyboard-entry";
 import { platformIsMac } from "@graphite/utility-functions/platform";
 import { extractPixelData } from "@graphite/utility-functions/rasterization";
-import { extractContent } from "@graphite/utility-functions/files"
 import { stripIndents } from "@graphite/utility-functions/strip-indents";
 import { updateBoundsOfViewports } from "@graphite/utility-functions/viewports";
 import { type Editor } from "@graphite/wasm-communication/editor";
diff --git a/frontend/src/utility-functions/files.ts b/frontend/src/utility-functions/files.ts
index 98cb7516d0..a8bd8e983f 100644
--- a/frontend/src/utility-functions/files.ts
+++ b/frontend/src/utility-functions/files.ts
@@ -93,8 +93,8 @@ export async function replaceBlobURLsWithBase64(svg: string): Promise<string> {
 export async function extractContent(blob: Blob): Promise<Uint8Array> {
 	return new Promise((resolve, reject) => {
 		const reader = new FileReader();
-		reader.onload = () => resolve(new Uint8Array(reader.result));
-		reader.onerror = () => reject(new Error('Error reading the blob.'));
+		reader.onload = () => resolve(new Uint8Array(reader.result as ArrayBuffer));
+		reader.onerror = () => reject(new Error("Error reading the blob."));
 		reader.readAsArrayBuffer(blob);
 	});
 }