Skip to content

Commit 2a05a35

Browse files
phillychi3phillychi3
committed
style: lint
1 parent 743d5cf commit 2a05a35

40 files changed

+605
-605
lines changed

‎frontend/web/.prettierrc‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@
22
"useTabs": true,
33
"singleQuote": true,
44
"trailingComma": "none",
5+
"semi": false,
56
"printWidth": 100,
67
"plugins": ["prettier-plugin-svelte", "prettier-plugin-tailwindcss"],
78
"overrides": [

‎frontend/web/eslint.config.js‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
1-
import prettier from 'eslint-config-prettier';
2-
import js from '@eslint/js';
3-
import { includeIgnoreFile } from '@eslint/compat';
4-
import svelte from 'eslint-plugin-svelte';
5-
import globals from 'globals';
6-
import { fileURLToPath } from 'node:url';
7-
import ts from 'typescript-eslint';
8-
const gitignorePath = fileURLToPath(new URL('./.gitignore', import.meta.url));
1+
import prettier from 'eslint-config-prettier'
2+
import js from '@eslint/js'
3+
import { includeIgnoreFile } from '@eslint/compat'
4+
import svelte from 'eslint-plugin-svelte'
5+
import globals from 'globals'
6+
import { fileURLToPath } from 'node:url'
7+
import ts from 'typescript-eslint'
8+
const gitignorePath = fileURLToPath(new URL('./.gitignore', import.meta.url))
99

1010
export default ts.config(
1111
includeIgnoreFile(gitignorePath),
@@ -31,4 +31,4 @@ export default ts.config(
3131
}
3232
}
3333
}
34-
);
34+
)

‎frontend/web/postcss.config.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,4 +3,4 @@ export default {
33
tailwindcss: {},
44
autoprefixer: {}
55
}
6-
};
6+
}

‎frontend/web/src/app.d.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,4 +10,4 @@ declare global {
1010
}
1111
}
1212

13-
export {};
13+
export {}

‎frontend/web/src/lib/components/Filepreview.svelte‎

Lines changed: 19 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,40 +1,40 @@
11
<script lang="ts">
2-
import { onMount } from 'svelte';
2+
import { onMount } from 'svelte'
33
4-
export let filePath: string;
5-
export let fileType: string;
6-
export let fileId: number;
7-
export let onClose: () => void;
4+
export let filePath: string
5+
export let fileType: string
6+
export let fileId: number
7+
export let onClose: () => void
88
9-
let content: string = '';
10-
let loading: boolean = true;
11-
let error: string = '';
9+
let content: string = ''
10+
let loading: boolean = true
11+
let error: string = ''
1212
1313
async function loadFile() {
1414
try {
15-
const response = await fetch(`http://localhost:8000/stream/file/${fileId}`);
16-
if (!response.ok) throw new Error('檔案載入失敗');
15+
const response = await fetch(`http://localhost:8000/stream/file/${fileId}`)
16+
if (!response.ok) throw new Error('檔案載入失敗')
1717
1818
if (fileType === 'txt') {
19-
content = await response.text();
19+
content = await response.text()
2020
} else {
21-
content = URL.createObjectURL(await response.blob());
21+
content = URL.createObjectURL(await response.blob())
2222
}
2323
} catch (e) {
24-
error = (e as Error).message;
24+
error = (e as Error).message
2525
} finally {
26-
loading = false;
26+
loading = false
2727
}
2828
}
2929
3030
onMount(() => {
31-
loadFile();
31+
loadFile()
3232
return () => {
3333
if (content && fileType !== 'txt') {
34-
URL.revokeObjectURL(content);
34+
URL.revokeObjectURL(content)
3535
}
36-
};
37-
});
36+
}
37+
})
3838
</script>
3939

4040
<div class="fixed inset-0 z-50 flex items-center justify-center bg-black/50">
@@ -45,7 +45,7 @@
4545
<div class="loading-spinner text-primary">載入中...</div>
4646
</div>
4747
{:else if error}
48-
<div class="text-error flex flex-1 items-center justify-center">
48+
<div class="flex flex-1 items-center justify-center text-error">
4949
<p>{error}</p>
5050
</div>
5151
{:else}

‎frontend/web/src/lib/components/musicplayer.svelte‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
<script lang="ts">
2-
import 'vidstack/bundle';
3-
import 'vidstack/player';
4-
import 'vidstack/player/layouts/default';
5-
import 'vidstack/player/ui';
6-
import type { MediaPlayerElement } from 'vidstack/elements';
7-
let player = $state<MediaPlayerElement | null>(null);
2+
import 'vidstack/bundle'
3+
import 'vidstack/player'
4+
import 'vidstack/player/layouts/default'
5+
import 'vidstack/player/ui'
6+
import type { MediaPlayerElement } from 'vidstack/elements'
7+
let player = $state<MediaPlayerElement | null>(null)
88
</script>
99

1010
<media-player

‎frontend/web/src/lib/components/navbar.svelte‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,21 @@
11
<script>
2-
import { AlignJustify } from 'lucide-svelte';
3-
import { Search } from 'lucide-svelte';
4-
import { ListChecks } from 'lucide-svelte';
2+
import { AlignJustify } from 'lucide-svelte'
3+
import { Search } from 'lucide-svelte'
4+
import { ListChecks } from 'lucide-svelte'
55
6-
let { onToggle = () => {} } = $props();
7-
let expanded = $state(false);
6+
let { onToggle = () => {} } = $props()
7+
let expanded = $state(false)
88
99
function handleToggle() {
10-
expanded = !expanded;
11-
onToggle(expanded);
10+
expanded = !expanded
11+
onToggle(expanded)
1212
}
1313
</script>
1414

15-
<nav class="border-base-300 fixed top-0 z-50 w-full border-b bg-white">
15+
<nav class="fixed top-0 z-50 w-full border-b border-base-300 bg-white">
1616
<div class="navbar bg-base-100">
1717
<div class="navbar-start">
18-
<button type="button" class="btn btn-ghost btn-circle" onclick={handleToggle}>
18+
<button type="button" class="btn btn-circle btn-ghost" onclick={handleToggle}>
1919
<AlignJustify />
2020
</button>
2121
</div>
@@ -26,10 +26,10 @@
2626
</label>
2727
</div>
2828
<div class="navbar-end">
29-
<button class="btn btn-ghost btn-circle">
29+
<button class="btn btn-circle btn-ghost">
3030
<div class="indicator">
3131
<ListChecks />
32-
<span class="badge badge-xs badge-primary indicator-item"></span>
32+
<span class="badge indicator-item badge-primary badge-xs"></span>
3333
</div>
3434
</button>
3535
</div>

‎frontend/web/src/lib/components/sidebar.svelte‎

Lines changed: 25 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -1,35 +1,35 @@
11
<script>
2-
import { crossfade } from 'svelte/transition';
3-
import { Music } from 'lucide-svelte';
4-
import { File } from 'lucide-svelte';
5-
import { FileVideo } from 'lucide-svelte';
6-
import { House } from 'lucide-svelte';
7-
import { Settings2 } from 'lucide-svelte';
2+
import { crossfade } from 'svelte/transition'
3+
import { Music } from 'lucide-svelte'
4+
import { File } from 'lucide-svelte'
5+
import { FileVideo } from 'lucide-svelte'
6+
import { House } from 'lucide-svelte'
7+
import { Settings2 } from 'lucide-svelte'
88
9-
export let isExpanded = true;
9+
export let isExpanded = true
1010
1111
const [send, receive] = crossfade({
1212
duration: 160
13-
});
13+
})
1414
</script>
1515

1616
{#if isExpanded}
1717
<aside
1818
in:receive={{ key: 'sidebar' }}
1919
out:send={{ key: 'sidebar' }}
20-
class="border-base-300 bg-base-100 fixed left-0 top-0 z-40 h-screen w-64 border-r pt-20 transition-transform sm:translate-x-0"
20+
class="fixed left-0 top-0 z-40 h-screen w-64 border-r border-base-300 bg-base-100 pt-20 transition-transform sm:translate-x-0"
2121
aria-label="Sidebar"
2222
>
23-
<div class="bg-base-100 flex h-full flex-col justify-between overflow-y-auto px-3 pb-4">
23+
<div class="flex h-full flex-col justify-between overflow-y-auto bg-base-100 px-3 pb-4">
2424
<div class="flex flex-col space-y-2 font-medium">
25-
<a href="/app" class="text-base-content hover:bg-base-100 flex items-center rounded-lg p-2">
25+
<a href="/app" class="flex items-center rounded-lg p-2 text-base-content hover:bg-base-100">
2626
<House />
2727
<span class="ms-3">Overview</span>
2828
</a>
29-
<div class="collapse-arrow collapse">
29+
<div class="collapse collapse-arrow">
3030
<input type="checkbox" />
3131
<div
32-
class="collapse-title hover:bg-base-100 flex min-h-0 items-center rounded-lg px-2 py-1.5"
32+
class="collapse-title flex min-h-0 items-center rounded-lg px-2 py-1.5 hover:bg-base-100"
3333
>
3434
<Music />
3535
<span class="ms-3">Music</span>
@@ -39,15 +39,15 @@
3939
<li>
4040
<a
4141
href="/app/music"
42-
class="hover:bg-base-100 flex items-center rounded-lg px-2 py-1.5"
42+
class="flex items-center rounded-lg px-2 py-1.5 hover:bg-base-100"
4343
>
4444
<span class="ms-3">音樂</span>
4545
</a>
4646
</li>
4747
<li>
4848
<a
4949
href="/app/albums"
50-
class="hover:bg-base-100 flex items-center rounded-lg px-2 py-1.5"
50+
class="flex items-center rounded-lg px-2 py-1.5 hover:bg-base-100"
5151
>
5252
<span class="ms-3">專輯</span>
5353
</a>
@@ -57,14 +57,14 @@
5757
</div>
5858
<a
5959
href="/app/video"
60-
class="text-base-content hover:bg-base-100 flex items-center rounded-lg p-2"
60+
class="flex items-center rounded-lg p-2 text-base-content hover:bg-base-100"
6161
>
6262
<FileVideo />
6363
<span class="ms-3">Video</span>
6464
</a>
6565
<a
6666
href="/app/file"
67-
class="text-base-content hover:bg-base-100 flex items-center rounded-lg p-2"
67+
class="flex items-center rounded-lg p-2 text-base-content hover:bg-base-100"
6868
>
6969
<File />
7070
<span class="ms-3">File</span>
@@ -73,7 +73,7 @@
7373
<div class="mt-auto pt-4">
7474
<a
7575
href="/app/setting"
76-
class="text-base-content hover:bg-base-100 flex items-center rounded-lg p-2"
76+
class="flex items-center rounded-lg p-2 text-base-content hover:bg-base-100"
7777
>
7878
<Settings2 />
7979
<span class="ms-3">設定</span>
@@ -85,37 +85,37 @@
8585
<aside
8686
in:receive={{ key: 'sidebar' }}
8787
out:send={{ key: 'sidebar' }}
88-
class="border-base-300 bg-base-100 fixed left-0 top-0 z-40 h-screen w-16 border-r pt-20 transition-transform sm:translate-x-0"
88+
class="fixed left-0 top-0 z-40 h-screen w-16 border-r border-base-300 bg-base-100 pt-20 transition-transform sm:translate-x-0"
8989
aria-label="Sidebar"
9090
>
91-
<div class="bg-base-100 flex h-full flex-col items-center overflow-hidden px-3 pb-4">
91+
<div class="flex h-full flex-col items-center overflow-hidden bg-base-100 px-3 pb-4">
9292
<div class="space-y-2 font-medium">
93-
<a href="/app" class="text-base-content hover:bg-base-100 flex items-center rounded-lg p-2">
93+
<a href="/app" class="flex items-center rounded-lg p-2 text-base-content hover:bg-base-100">
9494
<House />
9595
</a>
9696
<a
9797
href="/app/albums"
98-
class="text-base-content hover:bg-base-100 flex items-center rounded-lg p-2"
98+
class="flex items-center rounded-lg p-2 text-base-content hover:bg-base-100"
9999
>
100100
<Music />
101101
</a>
102102
<a
103103
href="/app/video"
104-
class="text-base-content hover:bg-base-100 flex items-center rounded-lg p-2"
104+
class="flex items-center rounded-lg p-2 text-base-content hover:bg-base-100"
105105
>
106106
<FileVideo />
107107
</a>
108108
<a
109109
href="/app/file"
110-
class="text-base-content hover:bg-base-100 flex items-center rounded-lg p-2"
110+
class="flex items-center rounded-lg p-2 text-base-content hover:bg-base-100"
111111
>
112112
<File />
113113
</a>
114114
</div>
115115
<div class="mt-auto pt-4">
116116
<a
117117
href="/app/setting"
118-
class="text-base-content hover:bg-base-100 flex items-center rounded-lg p-2"
118+
class="flex items-center rounded-lg p-2 text-base-content hover:bg-base-100"
119119
>
120120
<Settings2 />
121121
</a>

‎frontend/web/src/lib/image/album.svelte‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
<script lang="ts">
2-
let className = '';
3-
export { className as class };
2+
let className = ''
3+
export { className as class }
44
</script>
55

66
<div class="flex items-center justify-center {className}">
77
<svg
8-
class="text-base-content h-full w-full fill-none stroke-current"
8+
class="h-full w-full fill-none stroke-current text-base-content"
99
viewBox="0 0 24 24"
1010
xmlns="http://www.w3.org/2000/svg"
1111
>

‎frontend/web/src/lib/image/cd.svelte‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
<script lang="ts">
2-
let className = '';
3-
export { className as class };
2+
let className = ''
3+
export { className as class }
44
</script>
55

66
<div class="flex items-center justify-center {className}">
77
<svg
8-
class="text-base-content h-full w-full fill-current"
8+
class="h-full w-full fill-current text-base-content"
99
enable-background="new 0 0 72 72"
1010
viewBox="0 0 72 72"
1111
xmlns="http://www.w3.org/2000/svg"

0 commit comments

Comments
 (0)