From ad4b21daf1d3fe7e91ab078584d08428d8d60e87 Mon Sep 17 00:00:00 2001
From: Simon Cambier <simon.cambier@protonmail.com>
Date: Fri, 24 Nov 2023 19:00:49 +0100
Subject: [PATCH] Async import of brotli

---
 src/routes/+page.svelte | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index eb3a128..5a0f43b 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
   import { onMount } from 'svelte'
-  import * as brotli from '$lib/brotli'
   import * as lzma from '$lib/lzma'
   import { unified } from 'unified'
   import remarkParse from 'remark-parse'
@@ -12,7 +11,7 @@
   import 'highlight.js/styles/nord.min.css'
   import TopBar from '../components/TopBar.svelte'
   import Icon from '@iconify/svelte'
-    import { getLangFromUrl } from '$lib/utils'
+  import { getLangFromUrl } from '$lib/utils'
 
   let decompressed: string
   let isMarkdown = false
@@ -29,7 +28,8 @@
       if (hash.startsWith('XQAAA')) {
         decompressed = await lzma.decompress(hash)
       } else {
-        decompressed = await brotli.decompress(hash)
+        const brotli = import('$lib/brotli')
+        decompressed = await (await brotli).decompress(hash)
       }
 
       // Markdown
@@ -65,7 +65,11 @@
 
 <div>
   <TopBar>
-    <a href={'/editor' + getUrlDataPart()} class="p-1 hover:bg-gray-600/50" title="Edit a copy of this note">
+    <a
+      href={'/editor' + getUrlDataPart()}
+      class="p-1 hover:bg-gray-600/50"
+      title="Edit a copy of this note"
+    >
       <Icon class="text-xl" icon="fluent:document-edit-16-regular" />
     </a>
   </TopBar>