This commit is contained in:
Gan-Xing 2023-05-14 07:34:15 +08:00
commit c73c063ad5
18 changed files with 76 additions and 38 deletions

View File

@ -1,4 +0,0 @@
#!/usr/bin/env sh
. "$(dirname -- "$0")/_/husky.sh"
npx lint-staged

View File

@ -15,7 +15,6 @@ One-Click to deploy well-designed ChatGPT web UI on Vercel.
[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FGan-Xing%2FChatGPT-Next-Web%2F&env=OPENAI_API_KEY&env=CODE&project-name=chatgpt-next-web&repository-name=ChatGPT-Next-Web)
[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/Yidadaa/ChatGPT-Next-Web)
![cover](./docs/images/cover.png)
@ -32,7 +31,7 @@ One-Click to deploy well-designed ChatGPT web UI on Vercel.
- New in v2: create, share and debug your chat tools with prompt templates (mask)
- Awesome prompts powered by [awesome-chatgpt-prompts-zh](https://github.com/PlexPt/awesome-chatgpt-prompts-zh) and [awesome-chatgpt-prompts](https://github.com/f/awesome-chatgpt-prompts)
- Automatically compresses chat history to support long conversations while also saving your tokens
- I18n: English, 简体中文, 繁体中文, 日本語, Español, Italiano, Türkçe, Deutsch
- I18n: English, 简体中文, 繁体中文, 日本語, Español, Italiano, Türkçe, Deutsch, Tiếng Việt, Русский, Čeština
## Roadmap
@ -63,7 +62,7 @@ One-Click to deploy well-designed ChatGPT web UI on Vercel.
- 预制角色功能(面具),方便地创建、分享和调试你的个性化对话
- 海量的内置 prompt 列表,来自[中文](https://github.com/PlexPt/awesome-chatgpt-prompts-zh)和[英文](https://github.com/f/awesome-chatgpt-prompts)
- 自动压缩上下文聊天记录,在节省 Token 的同时支持超长对话
- 多国语言支持English, 简体中文, 繁体中文, 日本語, Français, Español, Italiano, Türkçe, Deutsch
- 多国语言支持English, 简体中文, 繁体中文, 日本語, Français, Español, Italiano, Türkçe, Deutsch, Tiếng Việt, Русский, Čeština
- 拥有自己的域名?好上加好,绑定后即可在任何地方**无障碍**快速访问
## 开发计划
@ -266,6 +265,7 @@ bash <(curl -s https://raw.githubusercontent.com/Yidadaa/ChatGPT-Next-Web/main/s
[@jhansion](https://github.com/jhansion)
[@Sha1rholder](https://github.com/Sha1rholder)
[@AnsonHyq](https://github.com/AnsonHyq)
[@synwith](https://github.com/synwith)
### Contributor

View File

@ -16,6 +16,7 @@ import { Link, useNavigate } from "react-router-dom";
import { Path } from "../constant";
import { MaskAvatar } from "./mask";
import { Mask } from "../store/mask";
import { useRef, useEffect } from "react";
export function ChatItem(props: {
onClick?: () => void;
@ -29,6 +30,14 @@ export function ChatItem(props: {
narrow?: boolean;
mask: Mask;
}) {
const draggableRef = useRef<HTMLDivElement | null>(null);
useEffect(() => {
if (props.selected && draggableRef.current) {
draggableRef.current?.scrollIntoView({
block: "center",
});
}
}, [props.selected]);
return (
<Draggable draggableId={`${props.id}`} index={props.index}>
{(provided) => (
@ -37,7 +46,10 @@ export function ChatItem(props: {
props.selected && styles["chat-item-selected"]
}`}
onClick={props.onClick}
ref={provided.innerRef}
ref={(ele) => {
draggableRef.current = ele;
provided.innerRef(ele);
}}
{...provided.draggableProps}
{...provided.dragHandleProps}
title={`${props.title}\n${Locale.ChatItem.ChatItemCount(

View File

@ -64,17 +64,17 @@ export function useSwitchTheme() {
}
const metaDescriptionDark = document.querySelector(
'meta[name="theme-color"][media]',
'meta[name="theme-color"][media*="dark"]',
);
const metaDescriptionLight = document.querySelector(
'meta[name="theme-color"]:not([media])',
'meta[name="theme-color"][media*="light"]',
);
if (config.theme === "auto") {
metaDescriptionDark?.setAttribute("content", "#151515");
metaDescriptionLight?.setAttribute("content", "#fafafa");
} else {
const themeColor = getCSSVar("--themeColor");
const themeColor = getCSSVar("--theme-color");
metaDescriptionDark?.setAttribute("content", themeColor);
metaDescriptionLight?.setAttribute("content", themeColor);
}

View File

@ -573,9 +573,9 @@ export function Settings() {
<List>
<ModelConfigList
modelConfig={config.modelConfig}
updateConfig={(upater) => {
updateConfig={(updater) => {
const modelConfig = { ...config.modelConfig };
upater(modelConfig);
updater(modelConfig);
config.update((config) => (config.modelConfig = modelConfig));
}}
/>

View File

@ -9,11 +9,19 @@ const buildConfig = getBuildConfig();
export const metadata = {
title: "ChatGPT Next Web",
description: "Your personal ChatGPT Chat Bot.",
viewport: {
width: "device-width",
initialScale: 1,
maximumScale: 1,
},
themeColor: [
{ media: "(prefers-color-scheme: light)", color: "#fafafa" },
{ media: "(prefers-color-scheme: dark)", color: "#151515" },
],
appleWebApp: {
title: "ChatGPT Next Web",
statusBarStyle: "default",
},
viewport: "width=device-width, initial-scale=1, maximum-scale=1",
};
export default function RootLayout({
@ -24,22 +32,12 @@ export default function RootLayout({
return (
<html lang="en">
<head>
<meta
name="theme-color"
content="#fafafa"
media="(prefers-color-scheme: light)"
/>
<meta
name="theme-color"
content="#151515"
media="(prefers-color-scheme: dark)"
/>
<meta name="version" content={buildConfig.commitId} />
<link rel="manifest" href="/site.webmanifest"></link>
<link rel="preconnect" href="https://fonts.proxy.ustclug.org"></link>
<link
href="https://fonts.proxy.ustclug.org/css2?family=Noto+Sans+SC:wght@300;400;700;900&display=swap"
rel="stylesheet"
href="https://fonts.proxy.ustclug.org/css2?family=Noto+Sans+SC:wght@300;400;700;900&display=swap"
></link>
<script src="/serviceWorkerRegister.js" defer></script>
</head>

View File

@ -79,7 +79,7 @@ const cn = {
tr: "Türkçe",
jp: "日本語",
de: "Deutsch",
vi: "Vietnamese",
vi: "Tiếng Việt",
ru: "Русский",
cs: "Čeština",
},

View File

@ -81,7 +81,7 @@ const cs: LocaleType = {
tr: "Türkçe",
jp: "日本語",
de: "Deutsch",
vi: "Vietnamese",
vi: "Tiếng Việt",
ru: "Русский",
cs: "Čeština",
},

View File

@ -82,7 +82,7 @@ const de: LocaleType = {
tr: "Türkçe",
jp: "日本語",
de: "Deutsch",
vi: "Vietnamese",
vi: "Tiếng Việt",
ru: "Русский",
cs: "Čeština",
},

View File

@ -81,7 +81,7 @@ const en: LocaleType = {
tr: "Türkçe",
jp: "日本語",
de: "Deutsch",
vi: "Vietnamese",
vi: "Tiếng Việt",
ru: "Русский",
cs: "Čeština",
},

View File

@ -81,7 +81,7 @@ const es: LocaleType = {
tr: "Türkçe",
jp: "日本語",
de: "Deutsch",
vi: "Vietnamese",
vi: "Tiếng Việt",
ru: "Русский",
cs: "Čeština",
},

View File

@ -81,7 +81,7 @@ const it: LocaleType = {
tr: "Türkçe",
jp: "日本語",
de: "Deutsch",
vi: "Vietnamese",
vi: "Tiếng Việt",
ru: "Русский",
cs: "Čeština",
},

View File

@ -81,7 +81,7 @@ const jp: LocaleType = {
tr: "Türkçe",
jp: "日本語",
de: "Deutsch",
vi: "Vietnamese",
vi: "Tiếng Việt",
ru: "Русский",
cs: "Čeština",
},

View File

@ -81,7 +81,7 @@ const ru: LocaleType = {
tr: "Türkçe",
jp: "日本語",
de: "Deutsch",
vi: "Vietnamese",
vi: "Tiếng Việt",
ru: "Русский",
cs: "Čeština",
},

View File

@ -81,7 +81,7 @@ const tr: LocaleType = {
tr: "Türkçe",
jp: "日本語",
de: "Deutsch",
vi: "Vietnamese",
vi: "Tiếng Việt",
ru: "Русский",
cs: "Čeština",
},

View File

@ -79,7 +79,7 @@ const tw: LocaleType = {
tr: "Türkçe",
jp: "日本語",
de: "Deutsch",
vi: "Vietnamese",
vi: "Tiếng Việt",
ru: "Русский",
cs: "Čeština",
},

View File

@ -2,7 +2,7 @@ import { SubmitKey } from "../store/config";
import type { LocaleType } from "./index";
const vi: LocaleType = {
WIP: "Coming Soon...",
WIP: "Sắp ra mắt...",
Error: {
Unauthorized:
"Truy cập chưa xác thực, vui lòng nhập mã truy cập trong trang cài đặt.",
@ -81,7 +81,7 @@ const vi: LocaleType = {
tr: "Türkçe",
jp: "日本語",
de: "Deutsch",
vi: "Vietnamese",
vi: "Tiếng Việt",
ru: "Русский",
cs: "Čeština",
},

View File

@ -1,6 +1,38 @@
import { BuiltinMask } from "./typing";
export const CN_MASKS: BuiltinMask[] = [
export const CN_MASKS: BuiltinMask[] = [{
avatar:"gpt-bot",
name:"文生图",
context: [
{role:"system",
content:"You are a useful Assistant that won't refuse to draw picture, instead, you will output specific markdown code for picture description, but don't use code block.",
date:"",
},
{role:"user",
content:"Can you draw some pictures for me?",
date:"",
},
{role:"assistant",
content:"Sure, what do you want me to draw?",
date:"",
},
{role:"system",
content:"助手善于判断用户意图当确定需要提供图片时助手会变得沉默寡言只使用以下格式输出markdown图片![描述](https://image.pollinations.ai/prompt/描述)因为这个语法可以自动按照提示生成并渲染图片。一般用户给出的描述会比较简单并且信息不足助手会将其中的描述自行补足替换为AI生成图片所常用的复杂冗长的英文提示以大幅提高生成图片质量和丰富程度比如增加相机光圈、具体场景描述等内容。助手会避免用代码块或原始块包围markdown标记因为那样只会渲染出代码块或原始块而不是图片。",
date:"",
},
],
modelConfig:{
model:"gpt-3.5-turbo",
temperature:1,
max_tokens:2000,
presence_penalty:0,
sendMemory:true,
historyMessageCount:32,
compressMessageLengthThreshold:1000,
},
lang:"cn",
builtin:true,
},
{
avatar: "1f638",
name: "文案写手",