diff --git a/frontend/.prettierrc b/frontend/.prettierrc index 8103a0b..e84ae81 100644 --- a/frontend/.prettierrc +++ b/frontend/.prettierrc @@ -1,7 +1,7 @@ { "useTabs": true, "singleQuote": true, - "trailingComma": "none", + "trailingComma": "es5", "printWidth": 100, "plugins": ["prettier-plugin-svelte", "prettier-plugin-tailwindcss"], "overrides": [ diff --git a/frontend/eslint.config.js b/frontend/eslint.config.js index a962878..86eff13 100644 --- a/frontend/eslint.config.js +++ b/frontend/eslint.config.js @@ -18,13 +18,13 @@ export default ts.config( ...svelte.configs.prettier, { languageOptions: { - globals: { ...globals.browser, ...globals.node } + globals: { ...globals.browser, ...globals.node }, }, rules: { // typescript-eslint strongly recommend that you do not use the no-undef lint rule on TypeScript projects. // see: https://typescript-eslint.io/troubleshooting/faqs/eslint/#i-get-errors-from-the-no-undef-rule-about-global-variables-not-being-defined-even-though-there-are-no-typescript-errors - 'no-undef': 'off' - } + 'no-undef': 'off', + }, }, { files: ['**/*.svelte', '**/*.svelte.ts', '**/*.svelte.js'], @@ -33,8 +33,8 @@ export default ts.config( projectService: true, extraFileExtensions: ['.svelte'], parser: ts.parser, - svelteConfig - } - } + svelteConfig, + }, + }, } ); diff --git a/frontend/src/hooks.client.ts b/frontend/src/hooks.client.ts index 5745d40..af43940 100644 --- a/frontend/src/hooks.client.ts +++ b/frontend/src/hooks.client.ts @@ -19,7 +19,7 @@ Sentry.init({ replaysOnErrorSampleRate: 1.0, // If you don't want to use Session Replay, just remove the line below: - integrations: [replayIntegration()] + integrations: [replayIntegration()], }); // If you have a custom error handler, pass it to `handleErrorWithSentry` diff --git a/frontend/src/hooks.server.ts b/frontend/src/hooks.server.ts index 1e37de1..191c3d1 100644 --- a/frontend/src/hooks.server.ts +++ b/frontend/src/hooks.server.ts @@ -12,7 +12,7 @@ import { Environment } from '$lib/environment'; Sentry.init({ dsn: Environment.SENTRY_DSN, tracesSampleRate: 1, - enableLogs: true + enableLogs: true, }); export const handle: Handle = sequence(Sentry.sentryHandle(), ({ event, resolve }) => { diff --git a/frontend/src/lib/common/adapter/presenter/asyncState.ts b/frontend/src/lib/common/adapter/presenter/asyncState.ts index a058935..19e10cf 100644 --- a/frontend/src/lib/common/adapter/presenter/asyncState.ts +++ b/frontend/src/lib/common/adapter/presenter/asyncState.ts @@ -2,7 +2,7 @@ export enum StatusType { Idle, Loading, Success, - Error + Error, } export interface IdleState { diff --git a/frontend/src/lib/common/framework/ui/NavbarAction.svelte b/frontend/src/lib/common/framework/ui/NavbarAction.svelte index ae13c74..6ab5ecd 100644 --- a/frontend/src/lib/common/framework/ui/NavbarAction.svelte +++ b/frontend/src/lib/common/framework/ui/NavbarAction.svelte @@ -2,7 +2,7 @@ let { label, link, - isSelected + isSelected, }: { label: string; link: string; diff --git a/frontend/src/lib/home/framework/ui/Terminal.svelte b/frontend/src/lib/home/framework/ui/Terminal.svelte index 8a2895d..9734c0c 100644 --- a/frontend/src/lib/home/framework/ui/Terminal.svelte +++ b/frontend/src/lib/home/framework/ui/Terminal.svelte @@ -11,7 +11,7 @@ '在這裡', '我會分享我的技術筆記、開發心得', '還有各式各樣實用工具的評測與介紹', - '一起探索數位世界的無限可能吧！' + '一起探索數位世界的無限可能吧！', ]; let isReady: boolean = $state(false); diff --git a/frontend/src/lib/home/framework/ui/TerminalLastLine.svelte b/frontend/src/lib/home/framework/ui/TerminalLastLine.svelte index 45be4ce..8f16297 100644 --- a/frontend/src/lib/home/framework/ui/TerminalLastLine.svelte +++ b/frontend/src/lib/home/framework/ui/TerminalLastLine.svelte @@ -44,7 +44,7 @@ hour12: false, hour: '2-digit', minute: '2-digit', - second: '2-digit' + second: '2-digit', }); } diff --git a/frontend/src/lib/home/framework/ui/TitleScreenAnimatedTags.svelte b/frontend/src/lib/home/framework/ui/TitleScreenAnimatedTags.svelte index 5afc873..0ad014e 100644 --- a/frontend/src/lib/home/framework/ui/TitleScreenAnimatedTags.svelte +++ b/frontend/src/lib/home/framework/ui/TitleScreenAnimatedTags.svelte @@ -31,7 +31,7 @@ '資工系', '軟體工程', '遊戲', - '魷魚' + '魷魚', ]; // Initialize with placeholder to prevent flickering diff --git a/frontend/src/lib/post/adapter/gateway/colorResponseDto.ts b/frontend/src/lib/post/adapter/gateway/colorResponseDto.ts index 2ce1a01..c886e3d 100644 --- a/frontend/src/lib/post/adapter/gateway/colorResponseDto.ts +++ b/frontend/src/lib/post/adapter/gateway/colorResponseDto.ts @@ -5,7 +5,7 @@ export const ColorResponseSchema = z.object({ red: z.number().int().min(0).max(255), green: z.number().int().min(0).max(255), blue: z.number().int().min(0).max(255), - alpha: z.number().int().min(0).max(255) + alpha: z.number().int().min(0).max(255), }); export class ColorResponseDto { @@ -27,7 +27,7 @@ export class ColorResponseDto { red: parsedJson.red, green: parsedJson.green, blue: parsedJson.blue, - alpha: parsedJson.alpha + alpha: parsedJson.alpha, }); } @@ -36,7 +36,7 @@ export class ColorResponseDto { red: this.red, green: this.green, blue: this.blue, - alpha: this.alpha + alpha: this.alpha, }); } } diff --git a/frontend/src/lib/post/adapter/gateway/labelResponseDto.ts b/frontend/src/lib/post/adapter/gateway/labelResponseDto.ts index 979db0a..be070c6 100644 --- a/frontend/src/lib/post/adapter/gateway/labelResponseDto.ts +++ b/frontend/src/lib/post/adapter/gateway/labelResponseDto.ts @@ -5,7 +5,7 @@ import { z } from 'zod'; export const LabelResponseSchema = z.object({ id: z.int32(), name: z.string(), - color: ColorResponseSchema + color: ColorResponseSchema, }); export class LabelResponseDto { @@ -24,7 +24,7 @@ export class LabelResponseDto { return new LabelResponseDto({ id: parsedJson.id, name: parsedJson.name, - color: ColorResponseDto.fromJson(parsedJson.color) + color: ColorResponseDto.fromJson(parsedJson.color), }); } @@ -32,7 +32,7 @@ export class LabelResponseDto { return new Label({ id: this.id, name: this.name, - color: this.color + color: this.color, }); } } diff --git a/frontend/src/lib/post/adapter/gateway/postInfoResponseDto.ts b/frontend/src/lib/post/adapter/gateway/postInfoResponseDto.ts index 846df5d..574066d 100644 --- a/frontend/src/lib/post/adapter/gateway/postInfoResponseDto.ts +++ b/frontend/src/lib/post/adapter/gateway/postInfoResponseDto.ts @@ -9,7 +9,7 @@ export const PostInfoResponseSchema = z.object({ description: z.string(), preview_image_url: z.url(), labels: z.array(LabelResponseSchema), - published_time: z.iso.datetime({ offset: true }).nullable() + published_time: z.iso.datetime({ offset: true }).nullable(), }); export class PostInfoResponseDto { @@ -54,7 +54,7 @@ export class PostInfoResponseDto { description: parsedJson.description, previewImageUrl: new URL(parsedJson.preview_image_url), labels: parsedJson.labels.map((label) => LabelResponseDto.fromJson(label)), - publishedTime: published_time + publishedTime: published_time, }); } @@ -66,7 +66,7 @@ export class PostInfoResponseDto { description: this.description, previewImageUrl: this.previewImageUrl, labels: this.labels.map((label) => label.toEntity()), - publishedTime: this.publishedTime + publishedTime: this.publishedTime, }); } } diff --git a/frontend/src/lib/post/adapter/gateway/postResponseDto.ts b/frontend/src/lib/post/adapter/gateway/postResponseDto.ts index 00f443d..c68719d 100644 --- a/frontend/src/lib/post/adapter/gateway/postResponseDto.ts +++ b/frontend/src/lib/post/adapter/gateway/postResponseDto.ts @@ -1,6 +1,6 @@ import { PostInfoResponseDto, - PostInfoResponseSchema + PostInfoResponseSchema, } from '$lib/post/adapter/gateway/postInfoResponseDto'; import { Post } from '$lib/post/domain/entity/post'; import z from 'zod'; @@ -8,7 +8,7 @@ import z from 'zod'; export const PostResponseSchema = z.object({ id: z.int32(), info: PostInfoResponseSchema, - content: z.string() + content: z.string(), }); export class PostResponseDto { @@ -27,7 +27,7 @@ export class PostResponseDto { return new PostResponseDto({ id: parsedJson.id, info: PostInfoResponseDto.fromJson(parsedJson.info), - content: parsedJson.content + content: parsedJson.content, }); } @@ -35,7 +35,7 @@ export class PostResponseDto { return new Post({ id: this.id, info: this.info.toEntity(), - content: this.content + content: this.content, }); } } diff --git a/frontend/src/lib/post/adapter/presenter/colorViewModel.ts b/frontend/src/lib/post/adapter/presenter/colorViewModel.ts index cf08d2f..202f6ad 100644 --- a/frontend/src/lib/post/adapter/presenter/colorViewModel.ts +++ b/frontend/src/lib/post/adapter/presenter/colorViewModel.ts @@ -43,7 +43,7 @@ export class ColorViewModel { red: Math.round(r * 255), green: Math.round(g * 255), blue: Math.round(b * 255), - alpha: 255 + alpha: 255, }); } @@ -52,7 +52,7 @@ export class ColorViewModel { red: color.red, green: color.green, blue: color.blue, - alpha: color.alpha + alpha: color.alpha, }); } @@ -115,7 +115,7 @@ export class ColorViewModel { red: this.red, green: this.green, blue: this.blue, - alpha: this.alpha + alpha: this.alpha, }; } } diff --git a/frontend/src/lib/post/adapter/presenter/labelViewModel.ts b/frontend/src/lib/post/adapter/presenter/labelViewModel.ts index c4ba633..ce83376 100644 --- a/frontend/src/lib/post/adapter/presenter/labelViewModel.ts +++ b/frontend/src/lib/post/adapter/presenter/labelViewModel.ts @@ -1,6 +1,6 @@ import { ColorViewModel, - type DehydratedColorProps + type DehydratedColorProps, } from '$lib/post/adapter/presenter/colorViewModel'; import type { Label } from '$lib/post/domain/entity/label'; @@ -19,7 +19,7 @@ export class LabelViewModel { return new LabelViewModel({ id: label.id, name: label.name, - color: ColorViewModel.fromEntity(label.color) + color: ColorViewModel.fromEntity(label.color), }); } @@ -27,7 +27,7 @@ export class LabelViewModel { return new LabelViewModel({ id: props.id, name: props.name, - color: ColorViewModel.rehydrate(props.color) + color: ColorViewModel.rehydrate(props.color), }); } @@ -35,7 +35,7 @@ export class LabelViewModel { return { id: this.id, name: this.name, - color: this.color.dehydrate() + color: this.color.dehydrate(), }; } } diff --git a/frontend/src/lib/post/adapter/presenter/postBloc.ts b/frontend/src/lib/post/adapter/presenter/postBloc.ts index 584a571..a0fb224 100644 --- a/frontend/src/lib/post/adapter/presenter/postBloc.ts +++ b/frontend/src/lib/post/adapter/presenter/postBloc.ts @@ -8,7 +8,7 @@ export type PostEvent = PostLoadedEvent; export class PostBloc { private readonly state = writable({ - status: StatusType.Idle + status: StatusType.Idle, }); constructor( @@ -17,7 +17,7 @@ export class PostBloc { ) { this.state.set({ status: StatusType.Idle, - data: initialData + data: initialData, }); } @@ -44,7 +44,7 @@ export class PostBloc { const postViewModel = PostViewModel.fromEntity(post); const result: PostState = { status: StatusType.Success, - data: postViewModel + data: postViewModel, }; this.state.set(result); @@ -53,7 +53,7 @@ export class PostBloc { } export enum PostEventType { - PostLoadedEvent + PostLoadedEvent, } interface PostLoadedEvent { diff --git a/frontend/src/lib/post/adapter/presenter/postInfoViewModel.ts b/frontend/src/lib/post/adapter/presenter/postInfoViewModel.ts index 5045165..3817b13 100644 --- a/frontend/src/lib/post/adapter/presenter/postInfoViewModel.ts +++ b/frontend/src/lib/post/adapter/presenter/postInfoViewModel.ts @@ -1,6 +1,6 @@ import { LabelViewModel, - type DehydratedLabelProps + type DehydratedLabelProps, } from '$lib/post/adapter/presenter/labelViewModel'; import type { PostInfo } from '$lib/post/domain/entity/postInfo'; @@ -39,7 +39,7 @@ export class PostInfoViewModel { description: postInfo.description, previewImageUrl: postInfo.previewImageUrl, labels: postInfo.labels.map((label) => LabelViewModel.fromEntity(label)), - publishedTime: postInfo.publishedTime + publishedTime: postInfo.publishedTime, }); } @@ -56,7 +56,7 @@ export class PostInfoViewModel { description: props.description, previewImageUrl: new URL(props.previewImageUrl), labels: props.labels.map((label) => LabelViewModel.rehydrate(label)), - publishedTime: publishedTime + publishedTime: publishedTime, }); } @@ -76,7 +76,7 @@ export class PostInfoViewModel { description: this.description, previewImageUrl: this.previewImageUrl.href, labels: this.labels.map((label) => label.dehydrate()), - publishedTime: this.publishedTime?.getTime() ?? null + publishedTime: this.publishedTime?.getTime() ?? null, }; } } diff --git a/frontend/src/lib/post/adapter/presenter/postListBloc.ts b/frontend/src/lib/post/adapter/presenter/postListBloc.ts index e481e4d..829c38d 100644 --- a/frontend/src/lib/post/adapter/presenter/postListBloc.ts +++ b/frontend/src/lib/post/adapter/presenter/postListBloc.ts @@ -8,7 +8,7 @@ export type PostListEvent = PostListLoadedEvent; export class PostListBloc { private readonly state = writable({ - status: StatusType.Idle + status: StatusType.Idle, }); constructor( @@ -17,7 +17,7 @@ export class PostListBloc { ) { this.state.set({ status: StatusType.Idle, - data: initialData + data: initialData, }); } @@ -38,7 +38,7 @@ export class PostListBloc { const postViewModels = posts.map((post) => PostInfoViewModel.fromEntity(post)); const result: PostListState = { status: StatusType.Success, - data: postViewModels + data: postViewModels, }; this.state.set(result); @@ -47,7 +47,7 @@ export class PostListBloc { } export enum PostListEventType { - PostListLoadedEvent + PostListLoadedEvent, } export interface PostListLoadedEvent { diff --git a/frontend/src/lib/post/adapter/presenter/postViewModel.ts b/frontend/src/lib/post/adapter/presenter/postViewModel.ts index 24bfb31..5562fc0 100644 --- a/frontend/src/lib/post/adapter/presenter/postViewModel.ts +++ b/frontend/src/lib/post/adapter/presenter/postViewModel.ts @@ -1,6 +1,6 @@ import { PostInfoViewModel, - type DehydratedPostInfoProps + type DehydratedPostInfoProps, } from '$lib/post/adapter/presenter/postInfoViewModel'; import type { Post } from '$lib/post/domain/entity/post'; @@ -19,7 +19,7 @@ export class PostViewModel { return new PostViewModel({ id: post.id, info: PostInfoViewModel.fromEntity(post.info), - content: post.content + content: post.content, }); } @@ -27,7 +27,7 @@ export class PostViewModel { return new PostViewModel({ id: props.id, info: PostInfoViewModel.rehydrate(props.info), - content: props.content + content: props.content, }); } @@ -35,7 +35,7 @@ export class PostViewModel { return { id: this.id, info: this.info.dehydrate(), - content: this.content + content: this.content, }; } } diff --git a/frontend/src/lib/post/framework/ui/PostContentPage.svelte b/frontend/src/lib/post/framework/ui/PostContentPage.svelte index df68c42..c8f9365 100644 --- a/frontend/src/lib/post/framework/ui/PostContentPage.svelte +++ b/frontend/src/lib/post/framework/ui/PostContentPage.svelte @@ -32,7 +32,7 @@ {/if} {/if} -
+
{#if state.data}
diff --git a/frontend/src/lib/post/framework/ui/PostPreview.svelte b/frontend/src/lib/post/framework/ui/PostPreview.svelte index 050d3e1..e80b63b 100644 --- a/frontend/src/lib/post/framework/ui/PostPreview.svelte +++ b/frontend/src/lib/post/framework/ui/PostPreview.svelte @@ -17,7 +17,11 @@ } - +