104 lines
3.4 KiB
TypeScript
104 lines
3.4 KiB
TypeScript
import '@/assets/css/pages/tools/source.scss'
|
|
import { DATABASE_NO_RECORD_FOUND, DATABASE_SELECT_SUCCESS } from '@/constants/common.constants'
|
|
import { getLoginStatus } from '@/util/auth'
|
|
import { navigateToRepository, navigateToSource } from '@/util/navigation'
|
|
import { r_tool_detail } from '@/services/tool'
|
|
import { IFiles } from '@/components/Playground/shared'
|
|
import { base64ToFiles } from '@/components/Playground/files'
|
|
import Playground from '@/components/Playground'
|
|
import FitFullscreen from '@/components/common/FitFullscreen'
|
|
import Card from '@/components/common/Card'
|
|
|
|
const Source = () => {
|
|
const navigate = useNavigate()
|
|
const { username, toolId, ver } = useParams()
|
|
const [searchParams] = useSearchParams({
|
|
platform: import.meta.env.VITE_PLATFORM
|
|
})
|
|
const [loading, setLoading] = useState(false)
|
|
const [files, setFiles] = useState<IFiles>({})
|
|
const [selectedFileName, setSelectedFileName] = useState('')
|
|
|
|
const render = (toolVo: ToolVo) => {
|
|
try {
|
|
setFiles(base64ToFiles(toolVo.source.data!))
|
|
setSelectedFileName(toolVo.entryPoint)
|
|
} catch (e) {
|
|
void message.error('载入工具失败')
|
|
}
|
|
}
|
|
|
|
const getTool = () => {
|
|
if (loading) {
|
|
return
|
|
}
|
|
setLoading(true)
|
|
void message.loading({ content: '加载中……', key: 'LOADING', duration: 0 })
|
|
|
|
void r_tool_detail(
|
|
username!,
|
|
toolId!,
|
|
ver || 'latest',
|
|
searchParams.get('platform') as Platform
|
|
)
|
|
.then((res) => {
|
|
const response = res.data
|
|
switch (response.code) {
|
|
case DATABASE_SELECT_SUCCESS:
|
|
render(response.data!)
|
|
break
|
|
case DATABASE_NO_RECORD_FOUND:
|
|
void message.error('未找到指定工具')
|
|
setTimeout(() => {
|
|
navigateToRepository(navigate)
|
|
}, 3000)
|
|
break
|
|
default:
|
|
void message.error('获取工具信息失败，请稍后重试')
|
|
}
|
|
})
|
|
.finally(() => {
|
|
setLoading(false)
|
|
message.destroy('LOADING')
|
|
})
|
|
}
|
|
|
|
useEffect(() => {
|
|
const platform = searchParams.get('platform')!
|
|
if (!['WEB', 'DESKTOP', 'ANDROID'].includes(platform)) {
|
|
navigateToRepository(navigate)
|
|
return
|
|
}
|
|
if (username === '!' && !getLoginStatus()) {
|
|
setTimeout(() => {
|
|
navigateToRepository(navigate)
|
|
}, 3000)
|
|
return
|
|
}
|
|
if (username !== '!' && ver) {
|
|
navigateToSource(navigate, username!, toolId!, platform as Platform)
|
|
return
|
|
}
|
|
if (username === '!' && !ver) {
|
|
navigateToSource(navigate, '!', toolId!, platform as Platform, 'latest')
|
|
return
|
|
}
|
|
getTool()
|
|
}, [])
|
|
|
|
return (
|
|
<FitFullscreen data-component={'tools-source'}>
|
|
<Card>
|
|
<Playground.CodeEditor
|
|
readonly
|
|
files={files}
|
|
selectedFileName={selectedFileName}
|
|
onSelectedFileChange={setSelectedFileName}
|
|
/>
|
|
</Card>
|
|
</FitFullscreen>
|
|
)
|
|
}
|
|
|
|
export default Source
|