[feat] new year

src/lib/UI/Title.svelte

@@ -1,20 +1,62 @@
 <script lang="ts">
+  import { alertMd, alertNormal } from "src/ts/alert";
+  import { DataBase } from "src/ts/storage/database";
     import { openURL } from "src/ts/storage/globalApi";
 
     let specialDay = ''
+    specialDay = 'newYear' // for testing
     const today = new Date()
     if (today.getMonth() === 11 && today.getDate() >= 19 && today.getDate() <= 25) {
         specialDay = 'christmas'
     }
+    if( today.getMonth() === 1 && today.getDate() < 4){
+        specialDay = 'newYear'
+    }
     let iconAnimation = 0
     let clicks = 0
     let score = 0
     let time = 20
     let miniGameStart = false
 
+    const onClick = () => {
+        if(specialDay === 'newYear'){
+            const db = $DataBase
+            let messages = 0
+            let chats = 0
+            if(db.statistics?.newYear2024){
+                const markdown = `
+# Happy New Year!
+You've had:
+- Sent over ${db.statistics.newYear2024.messages} messages
+- Played over ${db.statistics.newYear2024.chats} chats
+                `
+                alertMd(markdown)
+                return
+            }
+            db.characters.map((c) => {
+                c.chats.map((chat) => {
+                    messages += chat.message.length
+                })
+                chats += c.chats.length
+            })
+            const markdown = `
+# Happy New Year!
+You've had:
+- Sent over ${messages} messages
+- Played over ${chats} chats
+            `
+            db.statistics.newYear2024 = {
+                messages,
+                chats
+            }
+            alertMd(markdown)
+        }
+    }
+
 </script>
 
-<h2 class="text-4xl text-textcolor mb-0 mt-6 font-black relative">RisuAI
+<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
+<h2 class="text-4xl text-textcolor mb-0 mt-6 font-black relative" class:text-bordered={specialDay === 'newYear'} on:click={onClick}>RisuAI
     {#if specialDay === 'christmas'}
         <!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
         {#if clicks < 5}
@@ -31,6 +73,14 @@
             >
         {/if}
     {/if}
+    {#if specialDay === 'newYear'}
+        <!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
+        <img src="./sun.webp" alt="sun" class="absolute -z-10"
+            style:top={'-50px'}
+            style:right={'0px'}
+            on:click={onClick}
+        >
+    {/if}
 </h2>
 
 {#if clicks >= 5}

src/styles.css

@@ -158,4 +158,8 @@ html, body{
 
 .bgc{
   border-top: 1px solid rgba(98, 114, 164, 0.7);
+}
+
+.text-bordered{
+  -webkit-text-stroke: 1px #000;
 }

src/ts/storage/database.ts

@@ -348,6 +348,7 @@ export function setDatabase(data:Database){
     data.newOAIHandle ??= true
     data.gptVisionQuality ??= 'low'
     data.huggingfaceKey ??= ''
+    data.statistics ??= {}
     data.reverseProxyOobaArgs ??= {
         mode: 'instruct'
     }
@@ -575,6 +576,12 @@ export interface Database{
     genTime:number
     proomptSettings: ProomptSettings
     keiServerURL:string
+    statistics: {
+        newYear2024?: {
+            messages: number
+            chats: number
+        }
+    }
 }
 
 export interface customscript{