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