[feat] protrait

src/lang/en.ts

@@ -440,5 +440,6 @@ export const languageEnglish = {
     additionalText: 'Additional Description',
     seed: "Seed",
     charjs: "CharacterJS",
-    depthPrompt: "Depth Prompt"
+    depthPrompt: "Depth Prompt",
+    largePortrait: "Large Portrait"
 }

src/lib/ChatScreens/Chat.svelte

@@ -10,6 +10,7 @@
     import { risuChatParser } from "src/ts/process/scripts";
     export let message = ''
     export let name = ''
+    export let largePortrait = false
     export let isLastMemory:boolean
     export let img:string|Promise<string> = ''
     export let idx = -1
@@ -80,8 +81,13 @@
             <div class="shadow-lg bg-textcolor2 mt-2" style={`height:${$DataBase.iconsize * 3.5 / 100}rem;width:${$DataBase.iconsize * 3.5 / 100}rem;min-width:${$DataBase.iconsize * 3.5 / 100}rem`}
             class:rounded-md={!$DataBase.roundIcons} class:rounded-full={$DataBase.roundIcons} />
         {:then m}
-            <div class="shadow-lg bg-textcolor2 mt-2" style={m + `height:${$DataBase.iconsize * 3.5 / 100}rem;width:${$DataBase.iconsize * 3.5 / 100}rem;min-width:${$DataBase.iconsize * 3.5 / 100}rem`}
+            {#if largePortrait && (!$DataBase.roundIcons)}
-            class:rounded-md={!$DataBase.roundIcons} class:rounded-full={$DataBase.roundIcons}  />
+                <div class="shadow-lg bg-textcolor2 mt-2" style={m + `height:${$DataBase.iconsize * 3.5 / 100 / 0.75}rem;width:${$DataBase.iconsize * 3.5 / 100}rem;min-width:${$DataBase.iconsize * 3.5 / 100}rem`}
+                class:rounded-md={!$DataBase.roundIcons} class:rounded-full={$DataBase.roundIcons}  />
+            {:else}
+                <div class="shadow-lg bg-textcolor2 mt-2" style={m + `height:${$DataBase.iconsize * 3.5 / 100}rem;width:${$DataBase.iconsize * 3.5 / 100}rem;min-width:${$DataBase.iconsize * 3.5 / 100}rem`}
+                class:rounded-md={!$DataBase.roundIcons} class:rounded-full={$DataBase.roundIcons}  />
+            {/if}
         {/await}
         <span class="flex flex-col ml-4 w-full max-w-full min-w-0">
             <div class="flexium items-center chat">

src/lib/ChatScreens/DefaultChatScreen.svelte

@@ -450,6 +450,7 @@
                             unReroll={unReroll}
                             isLastMemory={$CurrentChat.lastMemory === (chat.chatId ?? 'none') && $CurrentShowMemoryLimit}
                             character={$CurrentSimpleCharacter}
+                            largePortrait={$CurrentCharacter.largePortrait}
                         />
                     {:else}
                         <Chat
@@ -462,6 +463,7 @@
                             img={getCharImage(findCharacterbyId(chat.saying).image, 'css')}
                             isLastMemory={$CurrentChat.lastMemory === (chat.chatId ?? 'none') && $CurrentShowMemoryLimit}
                             character={chat.saying}
+                            largePortrait={findCharacterbyId(chat.saying).largePortrait}
                         />
                     {/if}
                 {:else}
@@ -485,6 +487,7 @@
                         img={getCharImage($CurrentCharacter.image, 'css')}
                         idx={-1}
                         altGreeting={$CurrentCharacter.alternateGreetings.length > 0}
+                        largePortrait={$CurrentCharacter.largePortrait}
                         onReroll={() => {
                             const cha = $CurrentCharacter
                             if(cha.type !== 'group'){

src/lib/SideBars/CharConfig.svelte

@@ -283,14 +283,20 @@
         {#if currentChar.data.image === ''}
             <div class="rounded-md h-32 w-32 shadow-lg bg-textcolor2 cursor-pointer hover:text-green-500" />
         {:else}
-            {#await getCharImage(currentChar.data.image, 'css')}
+            {#await getCharImage(currentChar.data.image, (currentChar.type === 'character' && currentChar.data.largePortrait) ? 'lgcss' : 'css')}
                 <div class="rounded-md h-32 w-32 shadow-lg bg-textcolor2 cursor-pointer hover:text-green-500"></div>
             {:then im}
-                <div class="rounded-md h-32 w-32 shadow-lg bg-textcolor2 cursor-pointer hover:text-green-500" style={im} />                
+                <div class="rounded-md h-32 w-32 shadow-lg bg-textcolor2 cursor-pointer hover:text-green-500" style={im} />     
             {/await}
         {/if}
     </button>
 
+    {#if currentChar.type === 'character' && currentChar.data.image !== ''}
+        <div class="flex items-center mt-4">
+            <Check bind:check={currentChar.data.largePortrait} name={language.largePortrait}/>
+        </div>
+    {/if}
+
     {#if currentChar.type === 'group'}
         <button
             on:click={makeGroupImage}

src/ts/characterCards.ts

@@ -360,7 +360,8 @@ async function importSpecv2(card:CharacterCardV2, img?:Uint8Array, mode?:'hub'|'
         private: data?.extensions?.risuai?.private ?? false,
         additionalText: data?.extensions?.risuai?.additionalText ?? '',
         virtualscript: data?.extensions?.risuai?.virtualscript ?? '',
-        extentions: ext ?? {}
+        extentions: ext ?? {},
+        largePortrait: data?.extensions?.risuai?.largePortrait ?? (!data?.extensions?.risuai),
     }
 
     db.characters.push(char)
@@ -442,6 +443,7 @@ async function createBaseV2(char:character) {
                     triggerscript: char.triggerscript,
                     additionalText: char.additionalText,
                     virtualscript: char.virtualscript,
+                    largePortrait: char.largePortrait,
                 },
                 depth_prompt: char.depth_prompt
             }
@@ -722,6 +724,7 @@ type CharacterCardV2 = {
                 private?:boolean
                 additionalText?:string
                 virtualscript?:string
+                largePortrait?:boolean
             }
             depth_prompt?: { depth: number, prompt: string }
         }

src/ts/characters.ts

@@ -46,7 +46,7 @@ export function createNewGroup(){
     return db.characters.length - 1
 }
 
-export async function getCharImage(loc:string, type:'plain'|'css'|'contain') {
+export async function getCharImage(loc:string, type:'plain'|'css'|'contain'|'lgcss') {
     if(!loc || loc === ''){
         if(type ==='css'){
             return ''
@@ -60,6 +60,11 @@ export async function getCharImage(loc:string, type:'plain'|'css'|'contain') {
     else if(type ==='css'){
         return `background: url("${filesrc}");background-size: cover;`
     }
+    else if(type ='lgcss'){
+        return `background: url("${filesrc}");background-size: cover;height: 10.66rem;`
+
+    }
+
     else{
         return `background: url("${filesrc}");background-size: contain;background-repeat: no-repeat;background-position: center;`
     }

src/ts/storage/database.ts

@@ -581,6 +581,7 @@ export interface character{
     scriptstate?:{[key:string]:string|number|boolean}
     depth_prompt?: { depth: number, prompt: string }
     extentions?:{[key:string]:any}
+    largePortrait?:boolean
 }