chore: remove unused code (#1989)
crazywoola
2 years ago
committed by
GitHub
parent
f7939c758f
commit
eed5fdd768
@ -1,79 +0,0 @@
|
|||||||
'use client'
|
|
||||||
import React, { useState } from 'react'
|
|
||||||
import useSWR from 'swr'
|
|
||||||
import {
|
|
||||||
ChevronDownIcon,
|
|
||||||
ChevronUpIcon,
|
|
||||||
} from '@heroicons/react/24/outline'
|
|
||||||
import { fetchHistories } from '@/models/history'
|
|
||||||
import type { History as HistoryItem } from '@/models/history'
|
|
||||||
import Loading from '@/app/components/base/loading'
|
|
||||||
import { mockAPI } from '@/test/test_util'
|
|
||||||
|
|
||||||
mockAPI()
|
|
||||||
|
|
||||||
export type IHistoryProps = {
|
|
||||||
dictionary: any
|
|
||||||
}
|
|
||||||
|
|
||||||
const HistoryCard = (
|
|
||||||
{ history }: { history: HistoryItem },
|
|
||||||
) => {
|
|
||||||
return (
|
|
||||||
<div className='p-4 h-32 bg-gray-50 border-gray-200 rounded-lg relative flex flex-col justify-between items-center cursor-pointer'>
|
|
||||||
<div className='text-gray-700 text-sm'>
|
|
||||||
{history.source}
|
|
||||||
</div>
|
|
||||||
<div className="absolute inset-0 flex items-center m-4" aria-hidden="true">
|
|
||||||
<div className="w-full border-t border-gray-100" />
|
|
||||||
</div>
|
|
||||||
<div className='text-gray-700 text-sm'>
|
|
||||||
{history.target}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
const History = ({
|
|
||||||
dictionary,
|
|
||||||
}: IHistoryProps) => {
|
|
||||||
const { data, error } = useSWR('http://localhost:3000/api/histories', fetchHistories)
|
|
||||||
const [showHistory, setShowHistory] = useState(false)
|
|
||||||
|
|
||||||
const DivideLine = () => {
|
|
||||||
return <div className="mt-6 relative">
|
|
||||||
{/* divider line */}
|
|
||||||
<div className="absolute inset-0 flex items-center" aria-hidden="true">
|
|
||||||
<div className="w-full border-t border-gray-300" />
|
|
||||||
</div>
|
|
||||||
<div className="relative flex justify-center flex-col items-center">
|
|
||||||
{!showHistory ? <ChevronUpIcon className="h-3 w-3 text-gray-500" aria-hidden="true" /> : <div className='h-3 w-3' />}
|
|
||||||
<span className="px-2 bg-white text-sm font-medium text-gray-600 cursor-pointer">{dictionary.app.textGeneration.history}</span>
|
|
||||||
{!showHistory ? <div className='h-3 w-3' /> : <ChevronDownIcon className="h-3 w-3 text-gray-500" aria-hidden="true" />}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
|
|
||||||
if (error)
|
|
||||||
return <div>failed to load</div>
|
|
||||||
if (!data)
|
|
||||||
return <Loading />
|
|
||||||
return showHistory
|
|
||||||
? <div className='w-1/2 block fixed bottom-0 right-0 px-10 py-4' onClick={
|
|
||||||
() => setShowHistory(v => !v)
|
|
||||||
}>
|
|
||||||
<DivideLine />
|
|
||||||
<div
|
|
||||||
className='mt-4 grid grid-cols-3 space-x-4 h-[400px] overflow-auto'
|
|
||||||
>
|
|
||||||
{data.histories.map((item: HistoryItem) =>
|
|
||||||
<HistoryCard key={item.id} history={item} />)}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
: <div className='w-1/2 block fixed bottom-0 right-0 px-10 py-4' onClick={
|
|
||||||
() => setShowHistory(true)
|
|
||||||
}>
|
|
||||||
<DivideLine />
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
export default History
|
|
||||||
@ -1,27 +0,0 @@
|
|||||||
{
|
|
||||||
"common": {
|
|
||||||
"confrim": "Confirm",
|
|
||||||
"cancel": "Cancel",
|
|
||||||
"refresh": "Refresh"
|
|
||||||
},
|
|
||||||
"index": {
|
|
||||||
"welcome": "Welcome to "
|
|
||||||
},
|
|
||||||
"signin": {},
|
|
||||||
"app": {
|
|
||||||
"overview": {
|
|
||||||
"title": "Overview",
|
|
||||||
"To get started,": "To get started,",
|
|
||||||
"enter your OpenAI API key below": "enter your OpenAI API key below",
|
|
||||||
"Get your API key from OpenAI dashboard": "Get your API key from OpenAI dashboard",
|
|
||||||
"Token Usage": "Token Usage"
|
|
||||||
},
|
|
||||||
"logs": {
|
|
||||||
"title": "Logs",
|
|
||||||
"description": "You can review and annotate the conversation and response text of the LLM, which will be used for subsequent model fine-tuning."
|
|
||||||
},
|
|
||||||
"textGeneration": {
|
|
||||||
"history": "History"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,27 +0,0 @@
|
|||||||
{
|
|
||||||
"common": {
|
|
||||||
"confrim": "确定",
|
|
||||||
"cancel": "取消",
|
|
||||||
"refresh": "刷新"
|
|
||||||
},
|
|
||||||
"index": {
|
|
||||||
"welcome": "欢迎来到 "
|
|
||||||
},
|
|
||||||
"signin": {},
|
|
||||||
"app": {
|
|
||||||
"overview": {
|
|
||||||
"title": "概览",
|
|
||||||
"To get started,": "从这里开始",
|
|
||||||
"enter your OpenAI API key below 👇": "输入你的 OpenAI API 密钥👇",
|
|
||||||
"Get your API key from OpenAI dashboard": "去 OpenAI 管理面板获取",
|
|
||||||
"Token Usage": "Token 消耗"
|
|
||||||
},
|
|
||||||
"logs": {
|
|
||||||
"title": "日志",
|
|
||||||
"description": "日志记录了应用的运行情况，包括用户的输入和 AI 的回复。"
|
|
||||||
},
|
|
||||||
"textGeneration": {
|
|
||||||
"history": "历史"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,44 +0,0 @@
|
|||||||
import { match } from '@formatjs/intl-localematcher'
|
|
||||||
import Negotiator from 'negotiator'
|
|
||||||
import { NextResponse } from 'next/server'
|
|
||||||
import type { NextRequest } from 'next/server'
|
|
||||||
import type { Locale } from './i18n'
|
|
||||||
import { i18n } from './i18n'
|
|
||||||
|
|
||||||
export const getLocale = (request: NextRequest): Locale => {
|
|
||||||
// @ts-expect-error locales are readonly
|
|
||||||
const locales: Locale[] = i18n.locales
|
|
||||||
|
|
||||||
let languages: string[] | undefined
|
|
||||||
// get locale from cookie
|
|
||||||
const localeCookie = request.cookies.get('locale')
|
|
||||||
languages = localeCookie?.value ? [localeCookie.value] : []
|
|
||||||
|
|
||||||
if (!languages.length) {
|
|
||||||
// Negotiator expects plain object so we need to transform headers
|
|
||||||
const negotiatorHeaders: Record<string, string> = {}
|
|
||||||
request.headers.forEach((value, key) => (negotiatorHeaders[key] = value))
|
|
||||||
// Use negotiator and intl-localematcher to get best locale
|
|
||||||
languages = new Negotiator({ headers: negotiatorHeaders }).languages()
|
|
||||||
}
|
|
||||||
|
|
||||||
// match locale
|
|
||||||
let matchedLocale: Locale = i18n.defaultLocale
|
|
||||||
try {
|
|
||||||
// If languages is ['*'], Error would happen in match function.
|
|
||||||
matchedLocale = match(languages, locales, i18n.defaultLocale) as Locale
|
|
||||||
}
|
|
||||||
catch (e) {}
|
|
||||||
return matchedLocale
|
|
||||||
}
|
|
||||||
|
|
||||||
export const middleware = async (request: NextRequest) => {
|
|
||||||
const pathname = request.nextUrl.pathname
|
|
||||||
if (/\.(css|js(on)?|ico|svg|png)$/.test(pathname))
|
|
||||||
return
|
|
||||||
|
|
||||||
const locale = getLocale(request)
|
|
||||||
const response = NextResponse.next()
|
|
||||||
response.cookies.set('locale', locale)
|
|
||||||
return response
|
|
||||||
}
|
|
||||||
@ -1,11 +0,0 @@
|
|||||||
export type History = {
|
|
||||||
id: string
|
|
||||||
source: string
|
|
||||||
target: string
|
|
||||||
}
|
|
||||||
export type HistoryResponse = {
|
|
||||||
histories: History[]
|
|
||||||
}
|
|
||||||
|
|
||||||
export const fetchHistories = (url: string) =>
|
|
||||||
fetch(url).then<HistoryResponse>(r => r.json())
|
|
||||||
@ -1,44 +0,0 @@
|
|||||||
import { Model, createServer } from 'miragejs'
|
|
||||||
import type { User } from '@/models/user'
|
|
||||||
import type { History } from '@/models/history'
|
|
||||||
import type { Log } from '@/models/log'
|
|
||||||
import { seedHistory, seedLog, seedUser } from '@/test/factories'
|
|
||||||
|
|
||||||
export function mockAPI() {
|
|
||||||
if (process.env.NODE_ENV === 'development') {
|
|
||||||
console.log('in development mode, starting mock server ... ')
|
|
||||||
const server = createServer({
|
|
||||||
environment: process.env.NODE_ENV,
|
|
||||||
factories: {
|
|
||||||
user: seedUser(),
|
|
||||||
history: seedHistory(),
|
|
||||||
log: seedLog(),
|
|
||||||
},
|
|
||||||
models: {
|
|
||||||
user: Model.extend<Partial<User>>({}),
|
|
||||||
history: Model.extend<Partial<History>>({}),
|
|
||||||
log: Model.extend<Partial<Log>>({}),
|
|
||||||
},
|
|
||||||
routes() {
|
|
||||||
this.namespace = '/api'
|
|
||||||
this.get('/users', () => {
|
|
||||||
return this.schema.all('user')
|
|
||||||
})
|
|
||||||
this.get('/histories', () => {
|
|
||||||
return this.schema.all('history')
|
|
||||||
})
|
|
||||||
this.get('/logs', () => {
|
|
||||||
return this.schema.all('log')
|
|
||||||
})
|
|
||||||
},
|
|
||||||
seeds(server) {
|
|
||||||
server.createList('user', 20)
|
|
||||||
server.createList('history', 50)
|
|
||||||
server.createList('log', 50)
|
|
||||||
},
|
|
||||||
})
|
|
||||||
return server
|
|
||||||
}
|
|
||||||
console.log('Not in development mode, not starting mock server ... ')
|
|
||||||
return null
|
|
||||||
}
|
|
||||||
Loading…
Reference in New Issue