From 72e6c807602d8dfc1be75752c555c5ea8072fcca Mon Sep 17 00:00:00 2001
From: kwaroran <amasio1234@proton.me>
Date: Thu, 5 Sep 2024 21:52:48 +0900
Subject: [PATCH] Add image cbs

---
 src/styles.css   | 8 ++++++++
 src/ts/parser.ts | 4 +++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/styles.css b/src/styles.css
index 97e87ca7..555b20bf 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -242,4 +242,12 @@ html, body{
   background-color: var(--tw-prose-pre-bg);
   padding: 0.125rem 0.25rem;
   border-radius: 0.25rem;
+}
+
+.x-risu-risu-inlay-image{
+  @apply w-full flex justify-center
+}
+
+.x-risu-risu-inlay-image > img{
+  @apply rounded-lg focus:outline-none max-w-80 w-full
 }
\ No newline at end of file
diff --git a/src/ts/parser.ts b/src/ts/parser.ts
index 432f781b..b4a4e222 100644
--- a/src/ts/parser.ts
+++ b/src/ts/parser.ts
@@ -250,7 +250,7 @@ async function renderHighlightableMarkdown(data:string) {
 }
 
 
-export const assetRegex = /{{(raw|img|video|audio|bg|emotion|asset|video-img|source)::(.+?)}}/g
+export const assetRegex = /{{(raw|img|image|video|audio|bg|emotion|asset|video-img|source)::(.+?)}}/g
 
 async function parseAdditionalAssets(data:string, char:simpleCharacterArgument|character, mode:'normal'|'back', mode2:'unset'|'pre'|'post' = 'unset'){
     const db = get(DataBase)
@@ -322,6 +322,8 @@ async function parseAdditionalAssets(data:string, char:simpleCharacterArgument|c
                 return path.path
             case 'img':
                 return `<img src="${path.path}" alt="${path.path}" style="${assetWidthString} "/>`
+            case 'image':
+                return `<div class="risu-inlay-image"><img src="${path.path}" alt="${path.path}" style="${assetWidthString}"/></div>`
             case 'video':
                 return `<video controls autoplay loop><source src="${path.path}" type="video/mp4"></video>`
             case 'video-img':