From 7d2860bf355d383be8d3f8c7f3447991d9e6c413 Mon Sep 17 00:00:00 2001
From: kwaroran <kwaworan@gmail.com>
Date: Fri, 21 Jul 2023 17:41:48 +0900
Subject: [PATCH] [feat] openrouter apis

---
 src/lang/en.ts                               |  1 +
 src/lib/ChatScreens/DefaultChatScreen.svelte |  2 +-
 src/lib/Setting/Pages/BotSettings.svelte     | 37 +++++++++++++-------
 src/lib/SideBars/Sidebar.svelte              |  2 +-
 src/lib/UI/GUI/Check.svelte                  |  2 +-
 src/lib/UI/Realm/RealmLicense.svelte         |  2 +-
 src/lib/UI/Realm/RealmUpload.svelte          |  2 +-
 src/ts/{copyright => creation}/creator.ts    | 10 +++++-
 src/ts/{copyright => creation}/license.ts    |  0
 src/ts/model/openrouter.ts                   | 11 ++++++
 10 files changed, 51 insertions(+), 18 deletions(-)
 rename src/ts/{copyright => creation}/creator.ts (95%)
 rename src/ts/{copyright => creation}/license.ts (100%)
 create mode 100644 src/ts/model/openrouter.ts

diff --git a/src/lang/en.ts b/src/lang/en.ts
index c73ef11b..19d65565 100644
--- a/src/lang/en.ts
+++ b/src/lang/en.ts
@@ -350,4 +350,5 @@ export const languageEnglish = {
     animationSpeed: "Animation Speed",
     screenshot: "Screenshot",
     screenshotSaved: "Screenshot Saved",
+    inputBotGenerationPrompt: "Input Bot Generation Prompt",
 }
\ No newline at end of file
diff --git a/src/lib/ChatScreens/DefaultChatScreen.svelte b/src/lib/ChatScreens/DefaultChatScreen.svelte
index f2c0f4c4..9c48a048 100644
--- a/src/lib/ChatScreens/DefaultChatScreen.svelte
+++ b/src/lib/ChatScreens/DefaultChatScreen.svelte
@@ -339,7 +339,7 @@
                     class="mr-2 bg-gray-500 flex justify-center items-center text-white w-12 h-12 rounded-md hover:bg-green-500 transition-colors"><MenuIcon />
                     </div>
             </div>
-            {#if $DataBase.useAutoTranslateInput && $DataBase.useExperimental}
+            {#if $DataBase.useAutoTranslateInput}
                 <div class="flex items-center mt-2 mb-2 w-full">
                     <label for='messageInputTranslate' class="text-neutral-200 ml-4">
                         <LanguagesIcon />
diff --git a/src/lib/Setting/Pages/BotSettings.svelte b/src/lib/Setting/Pages/BotSettings.svelte
index 721ae6a1..18265f7a 100644
--- a/src/lib/Setting/Pages/BotSettings.svelte
+++ b/src/lib/Setting/Pages/BotSettings.svelte
@@ -18,6 +18,7 @@
   import Button from "src/lib/UI/GUI/Button.svelte";
   import SelectInput from "src/lib/UI/GUI/SelectInput.svelte";
   import OptionInput from "src/lib/UI/GUI/OptionInput.svelte";
+  import { openRouterModels } from "src/ts/model/openrouter";
 
     let tokens = {
         mainPrompt: 0,
@@ -145,18 +146,30 @@
     <TextInput marginBottom={false} size={"sm"} bind:value={$DataBase.openrouterKey} />
 
     <span class="text-neutral-200 mt-4">Openrouter Model</span>
-    <SelectInput className="mt-2 mb-4" bind:value={$DataBase.openrouterRequestModel}>
-        <OptionInput value="openai/gpt-3.5-turbo">GPT 3.5</OptionInput>
-        <OptionInput value="openai/gpt-3.5-turbo-16k">GPT 3.5 16k</OptionInput>
-        <OptionInput value="openai/gpt-4">GPT-4</OptionInput>
-        <OptionInput value="openai/gpt-4-32k">GPT-4 32k</OptionInput>
-        <OptionInput value="anthropic/claude-2">Claude 2</OptionInput>
-        <OptionInput value="anthropic/claude-instant-v1">Claude Instant v1</OptionInput>
-        <OptionInput value="anthropic/claude-instant-v1-100k">Claude Instant v1 100k</OptionInput>
-        <OptionInput value="anthropic/claude-v1">Claude v1</OptionInput>
-        <OptionInput value="anthropic/claude-v1-100k">Claude v1 100k</OptionInput>
-        <OptionInput value="anthropic/claude-1.2">Claude v1.2</OptionInput>
-    </SelectInput>
+    {#await openRouterModels()}
+        <SelectInput className="mt-2 mb-4" value="">
+            <OptionInput value="">Loading..</OptionInput>
+        </SelectInput>
+    {:then m}
+        <SelectInput className="mt-2 mb-4" bind:value={$DataBase.openrouterRequestModel}>
+            {#if (!m) || (m.length === 0)}
+                <OptionInput value="openai/gpt-3.5-turbo">GPT 3.5</OptionInput>
+                <OptionInput value="openai/gpt-3.5-turbo-16k">GPT 3.5 16k</OptionInput>
+                <OptionInput value="openai/gpt-4">GPT-4</OptionInput>
+                <OptionInput value="openai/gpt-4-32k">GPT-4 32k</OptionInput>
+                <OptionInput value="anthropic/claude-2">Claude 2</OptionInput>
+                <OptionInput value="anthropic/claude-instant-v1">Claude Instant v1</OptionInput>
+                <OptionInput value="anthropic/claude-instant-v1-100k">Claude Instant v1 100k</OptionInput>
+                <OptionInput value="anthropic/claude-v1">Claude v1</OptionInput>
+                <OptionInput value="anthropic/claude-v1-100k">Claude v1 100k</OptionInput>
+                <OptionInput value="anthropic/claude-1.2">Claude v1.2</OptionInput>
+            {:else}
+                {#each m as model}
+                    <OptionInput value={model}>{model}</OptionInput>
+                {/each}
+            {/if}
+        </SelectInput>
+    {/await}
 {/if}
 {#if $DataBase.aiModel.startsWith('gpt') || $DataBase.subModel.startsWith('gpt')}
     <span class="text-neutral-200">OpenAI {language.apiKey} <Help key="oaiapikey"/></span>
diff --git a/src/lib/SideBars/Sidebar.svelte b/src/lib/SideBars/Sidebar.svelte
index 62ad413c..ea35953a 100644
--- a/src/lib/SideBars/Sidebar.svelte
+++ b/src/lib/SideBars/Sidebar.svelte
@@ -37,7 +37,7 @@
   import { v4 } from "uuid";
   import { checkCharOrder } from "src/ts/storage/globalApi";
   import { doingChat } from "src/ts/process";
-  import { BotCreator } from "src/ts/copyright/creator";
+  import { BotCreator } from "src/ts/creation/creator";
   import Button from "../UI/GUI/Button.svelte";
   import { fly } from "svelte/transition";
   let openPresetList = false;
diff --git a/src/lib/UI/GUI/Check.svelte b/src/lib/UI/GUI/Check.svelte
index 00f41f1f..9320c8b4 100644
--- a/src/lib/UI/GUI/Check.svelte
+++ b/src/lib/UI/GUI/Check.svelte
@@ -27,7 +27,7 @@
 <label 
     class="flex items-center space-x-2 cursor-pointer text-white"
     class:mr-2={margin}
-    aria-describedby="{name}"
+    aria-describedby="{name} {check ? 'abled' : 'disabled'}"
 >
     <input 
         class="hidden" 
diff --git a/src/lib/UI/Realm/RealmLicense.svelte b/src/lib/UI/Realm/RealmLicense.svelte
index 3e11a716..f46c3afc 100644
--- a/src/lib/UI/Realm/RealmLicense.svelte
+++ b/src/lib/UI/Realm/RealmLicense.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { CCLicenseData } from "src/ts/copyright/license";
+    import { CCLicenseData } from "src/ts/creation/license";
     import { tooltip } from "src/ts/gui/tooltip";
     import { openURL } from "src/ts/storage/globalApi";
 
diff --git a/src/lib/UI/Realm/RealmUpload.svelte b/src/lib/UI/Realm/RealmUpload.svelte
index 7baa071e..7b3aabee 100644
--- a/src/lib/UI/Realm/RealmUpload.svelte
+++ b/src/lib/UI/Realm/RealmUpload.svelte
@@ -85,7 +85,7 @@
     import TextAreaInput from "../GUI/TextAreaInput.svelte";
     import Button from "../GUI/Button.svelte";
     import SelectInput from "../GUI/SelectInput.svelte";
-    import { CCLicenseData } from "src/ts/copyright/license";
+    import { CCLicenseData } from "src/ts/creation/license";
     import OptionInput from "../GUI/OptionInput.svelte";
     export let close = () => {}
     export let char:character
diff --git a/src/ts/copyright/creator.ts b/src/ts/creation/creator.ts
similarity index 95%
rename from src/ts/copyright/creator.ts
rename to src/ts/creation/creator.ts
index 0b76cd59..4591a464 100644
--- a/src/ts/copyright/creator.ts
+++ b/src/ts/creation/creator.ts
@@ -200,7 +200,7 @@ async function createBotFromWebMain(prompt:string):Promise<{ ok: false; data:str
             content: rqv
         },{
             role: 'system',
-            content: "\n\n*Name*:\n*Age*:\n*gender*: \n*race*:\n*Hair style, color*:\n*color, shape of eye*:\n*Personality*:\n*Dress*:\n*Height (cm)*:\n*weight(kg)*:\n*Job*:\n*Specialty*:\n*Features*: \n*Likes*:\n*Dislikes*:\n*Character's background*: \n\n[[This is a format that you must convert to. output the latest information If there is older information. If it is unknown, output as unknown. only output the converted result. now, output the converted result.]]"
+            content: "\n\n*Name*:\n*Age*:\n*gender*: \n*race*:\n*Hair style, color*:\n*color, shape of eye*:\n*Personality*:\n*Dress*:\n*Height (cm)*:\n*weight(kg)*:\n*Job*:\n*Specialty*:\n*Features*: \n*Likes*:\n*Dislikes*:\n*Character's background*: \n*Other informations*: \n\n[[This is a format that you must convert to. output the latest information If there is older information. If it is unknown, output as unknown. only output the converted result. now, output the converted result.]]"
         }],
         maxTokens: 600,
         temperature: 0,
@@ -230,6 +230,14 @@ async function createBotFromWebMain(prompt:string):Promise<{ ok: false; data:str
     
 }
 
+async function createBotByAI() {
+    let search = await alertInput(language.inputBotGenerationPrompt)
+    if(search.length < 3){
+        return
+    }
+}
+
+
 async function createFirstMsg(charDesc:string) {
     const v = await requestChatData({
         formated: [{
diff --git a/src/ts/copyright/license.ts b/src/ts/creation/license.ts
similarity index 100%
rename from src/ts/copyright/license.ts
rename to src/ts/creation/license.ts
diff --git a/src/ts/model/openrouter.ts b/src/ts/model/openrouter.ts
new file mode 100644
index 00000000..11d719ff
--- /dev/null
+++ b/src/ts/model/openrouter.ts
@@ -0,0 +1,11 @@
+export async function openRouterModels() {
+    try {
+        const aim = fetch("https://openrouter.ai/api/v1/models")  
+        const res = await (await aim).json()
+        return res.data.map((v:any) => {
+            return v.id
+        })
+    } catch (error) {
+        return []
+    }
+}
\ No newline at end of file