1
<script lang="ts">
2
  import { onMount } from "svelte";
3
  import CommentSidebarDesktop from "./CommentSidebarDesktop.svelte";
4
  import CommentSidebarMobile from "./CommentSidebarMobile.svelte";
5

6
  interface Props {
7
    serverURL: string;
8
    adminNicknames?: string[];
9
  }
10

11
  let { serverURL, adminNicknames = ["团子和蛋糕"] }: Props = $props();
12

13
  // 评论数据
14
  let comments: Comment[] = $state([]);
15
  let flatComments = $derived.by(() => {
16
    // 展平嵌套评论并按时间排序
17
  });
18

19
  // 弹窗状态
20
  let visible = $state(false);
21
  let phase = $state<"loader" | "comments">("loader");
22

23
  export function open(momentId: string, commentPath: string) {
24
    // 打开弹窗并加载评论
25
  }
26
</script>

1
// 获取评论
2
const res = await fetch(`${serverURL}/api/comment?path=${encodeURIComponent(path)}&pageSize=100`);
3
const data = await res.json();
4
comments = data.data?.data || [];
5

6
// 发送评论
7
const body = {
8
  comment: `<p>${text.replace(/\n/g, "</p><p>")}</p>`,
9
  nick: nickText,
10
  mail: mailText,
11
  link: linkText,
12
  url: commentPath,
13
  ua: navigator.userAgent,
14
};
15
await fetch(`${serverURL}/api/comment`, {
16
  method: "POST",
17
  headers: { "Content-Type": "application/json" },
18
  body: JSON.stringify(body),
19
});