From 9e8b73be62f9098934b96b7d2312585ab937e814 Mon Sep 17 00:00:00 2001
From: kwaroran <kwaworan@gmail.com>
Date: Mon, 5 Jun 2023 06:16:02 +0900
Subject: [PATCH 1/5] [fix] realm ui

---
 src/lib/UI/Hub.svelte | 44 ++++++++++++++++++++++---------------------
 1 file changed, 23 insertions(+), 21 deletions(-)

diff --git a/src/lib/UI/Hub.svelte b/src/lib/UI/Hub.svelte
index 40c31273..fe4ac19b 100644
--- a/src/lib/UI/Hub.svelte
+++ b/src/lib/UI/Hub.svelte
@@ -53,31 +53,33 @@
     </div>
 </div>
 <div class="w-full flex gap-4 p-2 flex-wrap justify-center">
-    {#each charas as chara}
-        <button class="bg-darkbg rounded-lg p-4 flex flex-col hover:bg-selected transition-colors relative lg:w-96 w-full items-start" on:click={() => {
-            openedData = chara
-        }}>
-            <div class="flex gap-2 w-full">
-                <img class="w-20 min-w-20 h-20 sm:h-28 sm:w-28 rounded-md object-top object-cover" alt={chara.name} src={`${hubURL}/resource/` + chara.img}>
-                <div class="flex flex-col flex-grow min-w-0">
-                    <span class="text-white text-lg min-w-0 max-w-full text-ellipsis whitespace-nowrap overflow-hidden text-start">{chara.name}</span>
-                    <span class="text-gray-400 text-xs min-w-0 max-w-full text-ellipsis break-words max-h-8 whitespace-nowrap overflow-hidden text-start">{chara.desc}</span>
-                    <div class="flex flex-wrap">
-                        {#each chara.tags as tag, i}
-                            {#if i < 4}
-                                <div class="text-xs p-1 text-blue-400">{tag}</div>
-                            {:else if i === 4}
-                                <div class="text-xs p-1 text-blue-400">...</div>
-                            {/if}
-                        {/each}
+    {#key charas}
+        {#each charas as chara}
+            <button class="bg-darkbg rounded-lg p-4 flex flex-col hover:bg-selected transition-colors relative lg:w-96 w-full items-start" on:click={() => {
+                openedData = chara
+            }}>
+                <div class="flex gap-2 w-full">
+                    <img class="w-20 min-w-20 h-20 sm:h-28 sm:w-28 rounded-md object-top object-cover" alt={chara.name} src={`${hubURL}/resource/` + chara.img}>
+                    <div class="flex flex-col flex-grow min-w-0">
+                        <span class="text-white text-lg min-w-0 max-w-full text-ellipsis whitespace-nowrap overflow-hidden text-start">{chara.name}</span>
+                        <span class="text-gray-400 text-xs min-w-0 max-w-full text-ellipsis break-words max-h-8 whitespace-nowrap overflow-hidden text-start">{chara.desc}</span>
+                        <div class="flex flex-wrap">
+                            {#each chara.tags as tag, i}
+                                {#if i < 4}
+                                    <div class="text-xs p-1 text-blue-400">{tag}</div>
+                                {:else if i === 4}
+                                    <div class="text-xs p-1 text-blue-400">...</div>
+                                {/if}
+                            {/each}
+                        </div>
                     </div>
                 </div>
-            </div>
-        </button>
-    {/each}
+            </button>
+        {/each}
+    {/key}
 </div>
 <div class="w-full flex justify-center">
-    <div>
+    <div class="flex">
         <button class="bg-darkbg h-14 w-14 min-w-14 rounded-lg ml-2 flex justify-center items-center hover:ring transition-shadow" on:click={() => {
             if(page > 0){
                 page -= 1

From b6afed33d3e698d246cd882445cc738c01ce7a42 Mon Sep 17 00:00:00 2001
From: kwaroran <kwaworan@gmail.com>
Date: Mon, 5 Jun 2023 06:16:29 +0900
Subject: [PATCH 2/5] [fix] realm ui 2

---
 src/lib/UI/Hub.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/UI/Hub.svelte b/src/lib/UI/Hub.svelte
index fe4ac19b..a14af35b 100644
--- a/src/lib/UI/Hub.svelte
+++ b/src/lib/UI/Hub.svelte
@@ -80,7 +80,7 @@
 </div>
 <div class="w-full flex justify-center">
     <div class="flex">
-        <button class="bg-darkbg h-14 w-14 min-w-14 rounded-lg ml-2 flex justify-center items-center hover:ring transition-shadow" on:click={() => {
+        <button class="bg-darkbg h-14 w-14 min-w-14 rounded-lg flex justify-center items-center hover:ring transition-shadow" on:click={() => {
             if(page > 0){
                 page -= 1
                 getHub()

From 631635f7a7c764886bf0775959de0dabfd7f3fd6 Mon Sep 17 00:00:00 2001
From: kwaroran <kwaworan@gmail.com>
Date: Mon, 5 Jun 2023 08:26:28 +0900
Subject: [PATCH 3/5] [feat] added mail icon

---
 src/lib/Others/GithubStars.svelte | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/lib/Others/GithubStars.svelte b/src/lib/Others/GithubStars.svelte
index b0733308..9130ded3 100644
--- a/src/lib/Others/GithubStars.svelte
+++ b/src/lib/Others/GithubStars.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import { MailIcon, WalletIcon } from "lucide-svelte";
   import { isTauri, openURL } from "src/ts/storage/globalApi";
 
 </script>
@@ -16,9 +17,14 @@
       <img src="/icon/github-mark-white.svg" width="24" alt="github" />
     </button>
   {/if}
-  <button on:click={() => {
+  <button class="text-white" on:click={() => {
     openURL("https://www.patreon.com/RisuAI")
   }}>
-    <img src="/icon/patreon.png" width="24" alt="github" />
+    <WalletIcon size={24} />
+  </button>
+  <button class="text-white" on:click={() => {
+    openURL("mailto:amasio1234@proton.me")
+  }}>
+    <MailIcon size={24} />
   </button>
 </div>
\ No newline at end of file

From a61bf24e369ef551caaf5a5a240623b8f7753d93 Mon Sep 17 00:00:00 2001
From: kwaroran <kwaworan@gmail.com>
Date: Mon, 5 Jun 2023 08:40:47 +0900
Subject: [PATCH 4/5] [feat] tag visible in realm

---
 src/lib/UI/Hub.svelte | 21 ++++++++++++++++-----
 src/ts/parser.ts      | 12 ++++++++++++
 2 files changed, 28 insertions(+), 5 deletions(-)

diff --git a/src/lib/UI/Hub.svelte b/src/lib/UI/Hub.svelte
index a14af35b..20568073 100644
--- a/src/lib/UI/Hub.svelte
+++ b/src/lib/UI/Hub.svelte
@@ -2,13 +2,15 @@
     import { downloadRisuHub, getRisuHub, hubURL } from "src/ts/characterCards";
     import { ArrowLeft, ArrowRight, DownloadIcon, FlagIcon, MenuIcon, SearchIcon, XIcon } from "lucide-svelte";
     import { alertConfirm, alertInput, alertNormal } from "src/ts/alert";
+  import { parseMarkdownSafe } from "src/ts/parser";
 
     let openedData:null|{
         name:string
         desc: string
         download: number,
         id: string,
-        img: string
+        img: string,
+        tags: string[]
     } = null
 
     let charas:{
@@ -107,12 +109,21 @@
         openedData = null
     }}>
         <div class="p-6 max-w-full bg-darkbg rounded-md flex flex-col gap-4 w-2xl overflow-y-auto">
-            <div class="w-full flex gap-4">
-                <div class="flex flex-col">
+            <div class="w-full flex gap-4 flex-col">
+                <h1 class="text-2xl font-bold max-w-full overflow-hidden whitespace-nowrap text-ellipsis">{openedData.name}</h1>
+                <div class="flex justify-start gap-4">
                     <img class="h-36 w-36 rounded-md object-top object-cover" alt={openedData.name} src={`${hubURL}/resource/` + openedData.img}>
-                    <h1 class="text-2xl font-bold max-w-full overflow-hidden whitespace-nowrap text-ellipsis mt-4">{openedData.name}</h1>
+                    <span class="text-gray-400 break-words text-base chattext prose prose-invert">
+                        {#await parseMarkdownSafe(openedData.desc) then msg}
+                            {@html msg}                        
+                        {/await}
+                    </span>
+                </div>
+                <div class="flex justify-start gap-2">
+                    {#each openedData.tags as tag, i}
+                        <div class="text-xs p-1 text-blue-400">{tag}</div>
+                    {/each}
                 </div>
-                <span class="text-gray-400 break-words text-base">{openedData.desc}</span>
             </div>
             <div class="flex flex-row-reverse gap-2">
                 <button class="text-gray-400 hover:text-red-500" on:click|stopPropagation={async () => {
diff --git a/src/ts/parser.ts b/src/ts/parser.ts
index c45c295a..c21e1fb4 100644
--- a/src/ts/parser.ts
+++ b/src/ts/parser.ts
@@ -10,6 +10,12 @@ const convertor = new showdown.Converter({
     tables: true
 })
 
+const safeConvertor = new showdown.Converter({
+    simpleLineBreaks: true,
+    strikethrough: true,
+    tables: true,
+    backslashEscapesHTMLTags: true
+})
 
 DOMPurify.addHook("uponSanitizeElement", (node: HTMLElement, data) => {
     if (data.tagName === "iframe") {
@@ -38,6 +44,12 @@ export async function ParseMarkdown(data:string, char:(character | groupChat) =
     })
 }
 
+export function parseMarkdownSafe(data:string) {
+    return DOMPurify.sanitize(safeConvertor.makeHtml(data), {
+        FORBID_TAGS: ["a", "style"]
+    })
+}
+
 export async function hasher(data:Uint8Array){
     return Buffer.from(await crypto.subtle.digest("SHA-256", data)).toString('hex');
 }
\ No newline at end of file

From 511adcb720b5df5f377035d99e5cb73d88fbd505 Mon Sep 17 00:00:00 2001
From: kwaroran <kwaworan@gmail.com>
Date: Mon, 5 Jun 2023 08:41:54 +0900
Subject: [PATCH 5/5] bump version to 1.23.3

---
 src-tauri/tauri.conf.json  | 2 +-
 src/ts/storage/database.ts | 2 +-
 version.json               | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src-tauri/tauri.conf.json b/src-tauri/tauri.conf.json
index 6fad7a9d..eed9e561 100644
--- a/src-tauri/tauri.conf.json
+++ b/src-tauri/tauri.conf.json
@@ -8,7 +8,7 @@
   },
   "package": {
     "productName": "RisuAI",
-    "version": "1.23.2"
+    "version": "1.23.3"
   },
   "tauri": {
     "allowlist": {
diff --git a/src/ts/storage/database.ts b/src/ts/storage/database.ts
index b952b24d..9384b390 100644
--- a/src/ts/storage/database.ts
+++ b/src/ts/storage/database.ts
@@ -8,7 +8,7 @@ import { defaultAutoSuggestPrompt, defaultJailbreak, defaultMainPrompt } from '.
 
 export const DataBase = writable({} as any as Database)
 export const loadedStore = writable(false)
-export let appVer = '1.23.2'
+export let appVer = '1.23.3'
 
 export function setDatabase(data:Database){
     if(checkNullish(data.characters)){
diff --git a/version.json b/version.json
index e4510f04..75bb7d98 100644
--- a/version.json
+++ b/version.json
@@ -1 +1 @@
-{"version":"1.23.2"}
\ No newline at end of file
+{"version":"1.23.3"}
\ No newline at end of file