add log exporter

dashboard/package.json

@@ -14,7 +14,6 @@
   },
   "dependencies": {
     "@types/pako": "^2.0.3",
-    "@vueuse/core": "^10.9.0",
     "axios": "^1.6.2",
     "chart.js": "^4.4.1",
     "js-sha256": "^0.11.0",

dashboard/src/api/v0.ts

@@ -413,8 +413,8 @@ export async function getLogFiles(token: string): Promise<FileInfo[]> {
 }
 
 export async function getLogFile(token: string, name: string, noEncrypt?: boolean): Promise<ArrayBuffer> {
-	const LOGFILE_URL = `${window.location.origin}/api/v0/log_file`
-	const u = new URL(name, LOGFILE_URL)
+	const LOGFILE_URL = `${window.location.origin}/api/v0/log_file/`
+	const u = new URL(name.startsWith('/') ? name.substr(1) : name, LOGFILE_URL)
 	if (noEncrypt) {
 		u.searchParams.set('no_encrypt', '1')
 	}
@@ -429,10 +429,7 @@ export async function getLogFile(token: string, name: string, noEncrypt?: boolea
 
 export async function getLogFileURL(token: string, name: string, noEncrypt?: boolean): Promise<string> {
 	const LOGFILE_URL = `${window.location.origin}/api/v0/log_file/`
-	if (name.startsWith('/')) {
-		name = name.substr(1)
-	}
-	const u = new URL(name, LOGFILE_URL)
+	const u = new URL(name.startsWith('/') ? name.substr(1) : name, LOGFILE_URL)
 	if (noEncrypt) {
 		u.searchParams.set('no_encrypt', '1')
 	}

dashboard/src/assets/lang/en-US.json

@@ -31,6 +31,9 @@
 		"i18n": "Internationalization",
 		"language": "Language",
 
+		"debugs_and_logs": "Debugs & Logs",
+		"logs": "Logs",
+
 		"notification": "Notification",
 		"notify": {
 			"when.disabled": "Notify when disabled",

dashboard/src/assets/lang/zh-CN.json

@@ -31,6 +31,9 @@
 		"i18n": "国际化",
 		"language": "语言",
 
+		"debugs_and_logs": "调试 & 日志",
+		"logs": "日志",
+
 		"notification": "推送",
 		"notify": {
 			"when.disabled": "下线时发送通知",

dashboard/src/components/FileListCard.vue

@@ -0,0 +1,79 @@
+<script setup lang="ts">
+import Card from 'primevue/card'
+import type { FileInfo } from '@/api/v0'
+import { formatNumber, formatBytes } from '@/utils'
+
+defineProps<{
+	name: string
+	files: FileInfo[] | null
+}>()
+
+defineEmits<{
+	(e: 'click', file: FileInfo, index: number): void,
+}>()
+
+</script>
+<template>
+	<Card>
+		<template #title>
+			<div class="flex-row-center">
+				<lable>{{ name }}</lable>
+			</div>
+		</template>
+		<template #content>
+			<template v-if="!files">
+				<i>Loading...</i>
+			</template>
+			<template v-else>
+				<div class="file-list-box">
+					<div v-for="(file, i) in files" v-key="file.name" class="file-elem">
+						<div class="file-name" @click="$emit('click', file, i)">
+							{{file.name}}
+						</div>
+						<div class="flex-row-center">
+							<div class="file-size">{{formatBytes(file.size)}}</div>
+							<slot :index="i" :file="file" />
+						</div>
+					</div>
+				</div>
+			</template>
+		</template>
+	</Card>
+</template>
+<style scoped>
+.file-list-box {
+	display: flex;
+	flex-direction: column;
+	width: 100%;
+}
+
+.file-elem {
+	display: flex;
+	flex-direction: row;
+	justify-content: space-between;
+	width: 100%;
+	padding: 0.5rem 0.2rem;
+	border-bottom: var(--surface-border) 1px solid;
+}
+
+.file-name {
+	width: 10rem;
+	padding-right: 0.3rem;
+	font-weight: bold;
+	cursor: pointer;
+	user-select: all;
+}
+
+.file-name:hover {
+	color: var(--surface-900);
+	text-decoration: underline;
+}
+
+.file-size {
+	width: 5rem;
+	margin-right: 0.3rem;
+	font-weight: 200;
+	user-select: none;
+}
+
+</style>

dashboard/src/router/index.ts

@@ -28,6 +28,11 @@ const router = createRouter({
 			name: 'settings',
 			component: () => import('@/views/SettingsView.vue'),
 		},
+		{
+			path: '/loglist',
+			name: 'loglist',
+			component: () => import('@/views/LogListView.vue'),
+		},
 		{
 			path: '/settings/notifications',
 			name: 'settings/notifications',

dashboard/src/views/HomeView.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import { onMounted, ref, computed, watch, inject, type Ref } from 'vue'
-import { computedAsync } from '@vueuse/core'
 import { RouterLink } from 'vue-router'
 import { useRequest } from 'vue-request'
 import Button from 'primevue/button'

dashboard/src/views/LogListView.vue

@@ -0,0 +1,60 @@
+<script setup lang="ts">
+import { ref, inject, onMounted, type Ref } from 'vue'
+import Button from 'primevue/button'
+import { useToast } from 'primevue/usetoast'
+import FileListCard from '@/components/FileListCard.vue'
+import {
+	getLogFiles,
+	getLogFile,
+	getLogFileURL,
+	type FileInfo,
+} from '@/api/v0'
+import { tr } from '@/lang'
+
+const toast = useToast()
+const token = inject('token') as Ref<string | null>
+
+const logList = ref<FileInfo[] | null>(null)
+async function refreshFileList(): Promise<void> {
+	if (!token.value) {
+		return
+	}
+	logList.value = await getLogFiles(token.value)
+}
+
+async function openFile(file: FileInfo): Promise<void> {
+	if (!token.value) {
+		return
+	}
+	const buf = await getLogFile(token.value, file.name, true)
+	console.log(buf)
+	alert('TODO: display log file content')
+}
+
+async function downloadLogFile(file: FileInfo): Promise<void> {
+	if (!token.value) {
+		return
+	}
+	const u = await getLogFileURL(token.value, file.name, false)
+	window.open(u)
+}
+
+onMounted(() => {
+	refreshFileList()
+})
+
+</script>
+<template>
+	<div>
+		<h1>
+			{{ tr('title.logs') }}
+		</h1>
+		<FileListCard class="filelist-card" :name="'logs/'" :files="logList" v-slot="{ index, file }" @click="openFile">
+			<Button icon="pi pi-file-export" @click="downloadLogFile(file)"/>
+		</FileListCard>
+	</div>
+</template>
+<style scoped>
+.filelist-card {
+}
+</style>

dashboard/src/views/SettingsView.vue

@@ -231,6 +231,20 @@ onMounted(() => {
 				</div>
 			</template>
 		</Card>
+		<Card class="settings-group">
+			<template #title>
+				<div class="flex-row-center settings-group-title">
+					<lable>{{ tr('title.debugs_and_logs') }}</lable>
+				</div>
+			</template>
+			<template #content>
+				<div class="flex-row-center settings-elem">
+					<RouterLink to="/loglist" style="color: inherit">
+						{{ tr('title.logs') }}
+					</RouterLink>
+				</div>
+			</template>
+		</Card>
 		<Card class="settings-group">
 			<template #title>
 				<div class="flex-row-center settings-group-title">

scripts/decrypt-log.go

@@ -146,10 +146,11 @@ func main() {
 func createNewFile(name string) (fd *os.File, err error) {
 	basename, _, _ := strings.Cut(name, ".")
 	fd, err = os.OpenFile(basename+".log", os.O_WRONLY|os.O_CREATE|os.O_EXCL, 0600)
-	if err != nil {
-		if !errors.Is(err, os.ErrExist) {
-			return
-		}
+	if err == nil {
+		return
+	}
+	if !errors.Is(err, os.ErrExist) {
+		return
 	}
 	for i := 2; i < 100; i++ {
 		fd, err = os.OpenFile(fmt.Sprintf("%s.%d.log", basename, i), os.O_WRONLY|os.O_CREATE|os.O_EXCL, 0600)