From 60f1fbb4aab73095eb5772962121ff27fa2b7a54 Mon Sep 17 00:00:00 2001
From: Peaceultime <clem31470@gmail.com>
Date: Sun, 10 Nov 2024 23:10:23 +0100
Subject: [PATCH] Fix content editor performances issue by debouncing and
 removing the link search

---
 components/Markdown.vue          |   5 ++++-
 components/prose/FakeA.vue       |   3 +++
 db.sqlite-shm                    | Bin 32768 -> 32768 bytes
 db.sqlite-wal                    | Bin 387312 -> 444992 bytes
 pages/explore/edit/[...path].vue |   6 +++++-
 5 files changed, 12 insertions(+), 2 deletions(-)
 create mode 100644 components/prose/FakeA.vue

diff --git a/components/Markdown.vue b/components/Markdown.vue
index b7e0481..ad7cfc5 100644
--- a/components/Markdown.vue
+++ b/components/Markdown.vue
@@ -1,7 +1,7 @@
 <template>
     <template v-if="content && content.length > 0">
       <Suspense :timeout="0">
-        <MarkdownRenderer #default :key="key" v-if="node" :node="node"></MarkdownRenderer>
+        <MarkdownRenderer #default :key="key" v-if="node" :node="node" :proses="proses"></MarkdownRenderer>
         <template #fallback><Loading /></template>
       </Suspense>
     </template>
@@ -14,6 +14,9 @@
     content: {
       type: String,
       required: true,
+    },
+    proses: {
+      type: Object
     }
   })
   
diff --git a/components/prose/FakeA.vue b/components/prose/FakeA.vue
new file mode 100644
index 0000000..81db22f
--- /dev/null
+++ b/components/prose/FakeA.vue
@@ -0,0 +1,3 @@
+<template>
+    <span class="text-accent-blue inline-flex items-center cursor-pointer hover:text-opacity-85"><slot v-bind="$attrs"></slot></span>
+</template>
\ No newline at end of file
diff --git a/db.sqlite-shm b/db.sqlite-shm
index 9428d59b9240159a33ebf768dbe8957f0f9c217a..5124e33a17596f063fbd9288ae7df09706a751ed 100644
GIT binary patch
delta 190
zcmZo@U}|V!s+V}A%K!p=K+MR%Admy3^MH8r=IRsEd@Ltg@1Anx+r}%*-c@&VzVFhK
zBUL@nC@=t-`yUBFg_#)QHa6BXPF!HIiD{4j<S&6+q~jS97!nzh7?K%M7*ZM17}6Os
X7%~~M7_u31HZwAPmDs!^+d~8ZSLHsJ

delta 164
zcmZo@U}|V!s+V}A%K!qbK+MR%AP@(n^MF`;`L?WglV_P)@1Anx+r}%*5-YZZIw{Zd
xB~?ApC@=t-`yUBFg_#&4H#XKYZnj|B<3Blo$zt-Cz%84dm;@v@@5uHL0RX5mHZ}kN

diff --git a/db.sqlite-wal b/db.sqlite-wal
index 293de720deaf990b9f7e19b6ff3a95c6b301c34f..e88fa41052fbfb73341bcf3770cd15e4eee8e696 100644
GIT binary patch
delta 468
zcmexxQT)IZ>4p}@7N!>F7M3lnA6`f>FfgzIah~<=DM!9-yu$3a%#r__`JP9c0|fr@
zOX)pAm%q9-`S8xSV#lEJ&(P%`?ETSxa0}}#sQfE*`9)tJ&hFjd83&brjV{j~UuQq9
z^!y~K{2O%nwV8FBwRZp929^JSF7LV0!+bHv1TLujCv^EAcQm=J<(Hm=%6~_f|8QVV
zzR91pPEh$D=<;(n-dp@;%kO0nd3~TXYWTG;6?mTA@Yf0|&xkJHvp~1{Sb3x!R9+Na
gexnEX{DTWzKSAZi(B)55Z=O8S(q|f2o=IN<0P#|~DgXcg

delta 19
bcmX>wMf$@<@rD-07N!>F7M3lnA6@_eRs;xh

diff --git a/pages/explore/edit/[...path].vue b/pages/explore/edit/[...path].vue
index 5823777..0ca8d48 100644
--- a/pages/explore/edit/[...path].vue
+++ b/pages/explore/edit/[...path].vue
@@ -19,7 +19,7 @@
                     </SplitterPanel>
                     <SplitterResizeHandle class="bg-light-35 dark:bg-dark-35 w-px xl!mx-4 mx-2" />
                     <SplitterPanel asChild>
-                        <div class="flex-1 max-h-full !overflow-y-auto px-8"><Markdown :content="page.content" /></div>
+                        <div class="flex-1 max-h-full !overflow-y-auto px-8"><Markdown :content="debounced" :proses="{ 'a': FakeA }" /></div>
                     </SplitterPanel>
                 </SplitterGroup>
             </template>
@@ -41,6 +41,8 @@
 </template>
 
 <script setup lang="ts">
+import FakeA from '~/components/prose/FakeA.vue';
+
 const route = useRouter().currentRoute;
 const path = computed(() => Array.isArray(route.value.params.path) ? route.value.params.path[0] : route.value.params.path);
 const { user, loggedIn } = useUserSession();
@@ -49,6 +51,8 @@ const toaster = useToast();
 const saveStatus = ref<'idle' | 'pending' | 'success' | 'error'>('idle');
 
 const { data: page, status, error } = await useLazyFetch(`/api/file/${encodeURIComponent(path.value)}`, { watch: [ route, path ]});
+const content = computed(() => page.value?.content);
+const debounced = useDebounce(content, 250);
 
 if(!loggedIn || (page.value && page.value.owner !== user.value?.id))
 {