Add TKMind platform extensions, H5/MindSpace stack, and deployment tooling.

Fork goose with custom MCP widgets, platform extensions (aider, git, web, search),
MindSpace H5 backend/frontend, Plaza/Ops UIs, and deploy scripts for tkmind.cn.

Co-authored-by: Cursor <cursoragent@cursor.com>

ui/plaza/components/post/CommentReportButton.tsx

@@ -0,0 +1,84 @@
+'use client';
+
+import { useState } from 'react';
+import { LoginPrompt } from '@/components/auth/LoginPrompt';
+import { PlazaApiError, submitCommentReport } from '@/lib/api';
+
+const REPORT_REASONS = [
+  { value: 'spam', label: '垃圾广告' },
+  { value: 'violence', label: '暴力内容' },
+  { value: 'porn', label: '色情低俗' },
+  { value: 'political', label: '政治敏感' },
+  { value: 'privacy', label: '侵犯隐私' },
+  { value: 'other', label: '其他' },
+] as const;
+
+type CommentReportButtonProps = {
+  commentId: string;
+};
+
+export function CommentReportButton({ commentId }: CommentReportButtonProps) {
+  const [open, setOpen] = useState(false);
+  const [reason, setReason] = useState<(typeof REPORT_REASONS)[number]['value']>('spam');
+  const [busy, setBusy] = useState(false);
+  const [loginOpen, setLoginOpen] = useState(false);
+
+  const submit = async () => {
+    setBusy(true);
+    try {
+      await submitCommentReport(commentId, reason);
+      setOpen(false);
+    } catch (error) {
+      if (error instanceof PlazaApiError && error.code === 'unauthorized') {
+        setLoginOpen(true);
+      }
+    } finally {
+      setBusy(false);
+    }
+  };
+
+  if (!open) {
+    return (
+      <>
+        <button
+          type="button"
+          onClick={() => setOpen(true)}
+          className="font-semibold text-[#8a928c] hover:text-red-700"
+        >
+          举报
+        </button>
+        <LoginPrompt open={loginOpen} onClose={() => setLoginOpen(false)} message="登录后可举报" />
+      </>
+    );
+  }
+
+  return (
+    <span className="inline-flex flex-wrap items-center gap-2">
+      <select
+        value={reason}
+        onChange={(event) =>
+          setReason(event.target.value as (typeof REPORT_REASONS)[number]['value'])
+        }
+        className="rounded border border-[#d6d0c3] bg-white px-2 py-0.5 text-xs"
+      >
+        {REPORT_REASONS.map((item) => (
+          <option key={item.value} value={item.value}>
+            {item.label}
+          </option>
+        ))}
+      </select>
+      <button
+        type="button"
+        disabled={busy}
+        onClick={() => void submit()}
+        className="font-semibold text-red-700"
+      >
+        提交
+      </button>
+      <button type="button" onClick={() => setOpen(false)} className="text-[#68716c]">
+        取消
+      </button>
+      <LoginPrompt open={loginOpen} onClose={() => setLoginOpen(false)} message="登录后可举报" />
+    </span>
+  );
+}

ui/plaza/components/post/PostActions.tsx

@@ -0,0 +1,142 @@
+'use client';
+
+import { useState } from 'react';
+import type { PlazaStats } from '@/types/plaza';
+import { LoginPrompt } from '@/components/auth/LoginPrompt';
+import { formatCount } from '@/lib/format';
+import { PlazaApiError, togglePostReaction } from '@/lib/api';
+import { plazaPath, siteOrigin } from '@/lib/site';
+
+type PostActionsProps = {
+  postId: string;
+  stats: PlazaStats;
+  viewerReacted?: { liked: boolean; collected: boolean } | null;
+};
+
+export function PostActions({ postId, stats, viewerReacted }: PostActionsProps) {
+  const [liked, setLiked] = useState(viewerReacted?.liked ?? false);
+  const [collected, setCollected] = useState(viewerReacted?.collected ?? false);
+  const [likeCount, setLikeCount] = useState(stats.like_count);
+  const [collectCount, setCollectCount] = useState(stats.collect_count);
+  const [shareHint, setShareHint] = useState('');
+  const [shareOpen, setShareOpen] = useState(false);
+  const [loginOpen, setLoginOpen] = useState(false);
+  const [busy, setBusy] = useState<'like' | 'collect' | null>(null);
+
+  const handleReaction = async (type: 'like' | 'collect') => {
+    if (busy) return;
+    const active = type === 'like' ? liked : collected;
+    setBusy(type);
+    try {
+      await togglePostReaction(postId, type, active);
+      if (type === 'like') {
+        setLiked(!active);
+        setLikeCount((value) => Math.max(0, value + (active ? -1 : 1)));
+      } else {
+        setCollected(!active);
+        setCollectCount((value) => Math.max(0, value + (active ? -1 : 1)));
+      }
+    } catch (error) {
+      if (error instanceof PlazaApiError && error.code === 'unauthorized') {
+        setLoginOpen(true);
+      }
+    } finally {
+      setBusy(null);
+    }
+  };
+
+  const shareUrl = `${siteOrigin()}${plazaPath(`p/${postId}`)}`;
+  const shareImageUrl = `${siteOrigin()}${plazaPath(`p/${postId}/opengraph-image`)}`;
+
+  const handleShare = async () => {
+    try {
+      await navigator.clipboard.writeText(shareUrl);
+      setShareHint('链接已复制');
+    } catch {
+      setShareHint(shareUrl);
+    }
+    try {
+      await togglePostReaction(postId, 'share', false);
+    } catch {
+      // 未登录时忽略 share 计数
+    }
+    window.setTimeout(() => setShareHint(''), 2500);
+  };
+
+  const handleCopyImageLink = async () => {
+    try {
+      await navigator.clipboard.writeText(shareImageUrl);
+      setShareHint('分享图链接已复制');
+    } catch {
+      setShareHint(shareImageUrl);
+    }
+    setShareOpen(false);
+    window.setTimeout(() => setShareHint(''), 2500);
+  };
+
+  return (
+    <>
+      <div className="flex flex-wrap items-center gap-3 rounded-2xl border border-[#d6d0c3] bg-[#fffdf7] px-5 py-4">
+        <button
+          type="button"
+          disabled={busy === 'like'}
+          onClick={() => handleReaction('like')}
+          className={`inline-flex items-center gap-2 rounded-full px-4 py-2 text-sm font-semibold transition ${
+            liked
+              ? 'bg-[#2f6f57] text-white'
+              : 'border border-[#d6d0c3] text-[#17221d] hover:border-[#2f6f57] hover:text-[#2f6f57]'
+          }`}
+        >
+          👍 {formatCount(likeCount)}
+        </button>
+        <button
+          type="button"
+          disabled={busy === 'collect'}
+          onClick={() => handleReaction('collect')}
+          className={`inline-flex items-center gap-2 rounded-full px-4 py-2 text-sm font-semibold transition ${
+            collected
+              ? 'bg-amber-600 text-white'
+              : 'border border-[#d6d0c3] text-[#17221d] hover:border-amber-600 hover:text-amber-700'
+          }`}
+        >
+          🔖 {formatCount(collectCount)}
+        </button>
+        <button
+          type="button"
+          onClick={() => setShareOpen((open) => !open)}
+          className="inline-flex items-center gap-2 rounded-full border border-[#d6d0c3] px-4 py-2 text-sm font-semibold text-[#17221d] transition hover:border-[#2f6f57] hover:text-[#2f6f57]"
+        >
+          📤 分享
+        </button>
+        {shareOpen ? (
+          <div className="flex w-full flex-wrap gap-2 border-t border-[#ebe4d6] pt-3">
+            <button
+              type="button"
+              onClick={() => void handleShare()}
+              className="rounded-full border border-[#d6d0c3] px-4 py-2 text-sm text-[#17221d]"
+            >
+              复制链接
+            </button>
+            <button
+              type="button"
+              onClick={() => void handleCopyImageLink()}
+              className="rounded-full border border-[#d6d0c3] px-4 py-2 text-sm text-[#17221d]"
+            >
+              复制分享图链接
+            </button>
+            <a
+              href={shareImageUrl}
+              target="_blank"
+              rel="noopener noreferrer"
+              className="rounded-full border border-[#d6d0c3] px-4 py-2 text-sm text-[#17221d]"
+            >
+              预览分享图
+            </a>
+          </div>
+        ) : null}
+        {shareHint ? <span className="text-sm text-[#2f6f57]">{shareHint}</span> : null}
+      </div>
+      <LoginPrompt open={loginOpen} onClose={() => setLoginOpen(false)} />
+    </>
+  );
+}

ui/plaza/components/post/PostEmbed.tsx

@@ -0,0 +1,33 @@
+'use client';
+
+import { useEffect, useRef, useState } from 'react';
+
+export function PostEmbed({ src, title }: { src: string; title: string }) {
+  const iframeRef = useRef<HTMLIFrameElement>(null);
+  const [height, setHeight] = useState(480);
+
+  useEffect(() => {
+    const onMessage = (event: MessageEvent) => {
+      if (event.source !== iframeRef.current?.contentWindow) return;
+      const data = event.data;
+      if (data && typeof data === 'object' && data.type === 'plaza:embed-height') {
+        const next = Number(data.height);
+        if (Number.isFinite(next) && next > 0) setHeight(Math.min(next, 4000));
+      }
+    };
+    window.addEventListener('message', onMessage);
+    return () => window.removeEventListener('message', onMessage);
+  }, []);
+
+  return (
+    <iframe
+      ref={iframeRef}
+      src={src}
+      title={title}
+      sandbox="allow-scripts allow-same-origin"
+      className="w-full rounded-2xl border border-[#d6d0c3] bg-white"
+      style={{ height }}
+      loading="lazy"
+    />
+  );
+}

ui/plaza/components/post/PostMeta.tsx

@@ -0,0 +1,37 @@
+import Link from 'next/link';
+import type { PlazaPost } from '@/types/plaza';
+import { FollowButton } from '@/components/user/FollowButton';
+import { formatCount, formatRelativeTime } from '@/lib/format';
+
+export function PostMeta({ post }: { post: PlazaPost }) {
+  return (
+    <div className="flex flex-wrap items-center justify-between gap-4 border-b border-[#d6d0c3] pb-5">
+      <div>
+        <p className="text-sm text-[#68716c]">
+          {post.category.icon} {post.category.name} · {formatRelativeTime(post.published_at)}
+        </p>
+        <h1 className="mt-2 text-2xl font-bold leading-tight text-[#17221d] md:text-3xl">
+          {post.title}
+        </h1>
+        {post.summary ? <p className="mt-3 text-[#4a5751]">{post.summary}</p> : null}
+      </div>
+      <div className="flex items-center gap-3">
+        <div>
+          <Link
+            href={`/u/${post.author.slug}`}
+            className="font-semibold text-[#17221d] hover:text-[#2f6f57]"
+          >
+            {post.author.display_name}
+          </Link>
+          <p className="text-xs text-[#8a928c]">@{post.author.slug}</p>
+        </div>
+        <FollowButton slug={post.author.slug} />
+      </div>
+      <div className="flex w-full gap-4 text-sm text-[#4a5751] md:w-auto">
+        <span>👍 {formatCount(post.stats.like_count)}</span>
+        <span>👁 {formatCount(post.stats.view_count)}</span>
+        <span>💬 {formatCount(post.stats.comment_count)}</span>
+      </div>
+    </div>
+  );
+}

ui/plaza/components/post/PostReportButton.tsx

@@ -0,0 +1,108 @@
+'use client';
+
+import { useState } from 'react';
+import { LoginPrompt } from '@/components/auth/LoginPrompt';
+import { PlazaApiError, submitPostReport } from '@/lib/api';
+
+const REPORT_REASONS = [
+  { value: 'spam', label: '垃圾广告' },
+  { value: 'violence', label: '暴力内容' },
+  { value: 'porn', label: '色情低俗' },
+  { value: 'political', label: '政治敏感' },
+  { value: 'privacy', label: '侵犯隐私' },
+  { value: 'other', label: '其他' },
+] as const;
+
+type PostReportButtonProps = {
+  postId: string;
+};
+
+export function PostReportButton({ postId }: PostReportButtonProps) {
+  const [open, setOpen] = useState(false);
+  const [reason, setReason] = useState<(typeof REPORT_REASONS)[number]['value']>('spam');
+  const [detail, setDetail] = useState('');
+  const [message, setMessage] = useState('');
+  const [busy, setBusy] = useState(false);
+  const [loginOpen, setLoginOpen] = useState(false);
+
+  const submit = async () => {
+    setBusy(true);
+    setMessage('');
+    try {
+      await submitPostReport(postId, reason, detail.trim() || undefined);
+      setMessage('举报已提交，感谢反馈');
+      setOpen(false);
+      setDetail('');
+    } catch (error) {
+      if (error instanceof PlazaApiError && error.code === 'unauthorized') {
+        setLoginOpen(true);
+      } else {
+        setMessage(error instanceof Error ? error.message : '提交失败');
+      }
+    } finally {
+      setBusy(false);
+    }
+  };
+
+  return (
+    <>
+      <button
+        type="button"
+        onClick={() => setOpen((value) => !value)}
+        className="text-sm font-semibold text-[#8a928c] hover:text-red-700"
+      >
+        举报
+      </button>
+      {open ? (
+        <div className="mt-3 rounded-xl border border-[#ebe4d6] bg-[#faf7f0] p-4">
+          <p className="text-sm font-semibold text-[#17221d]">举报此帖子</p>
+          <label className="mt-3 block text-xs text-[#68716c]">
+            原因
+            <select
+              value={reason}
+              onChange={(event) =>
+                setReason(event.target.value as (typeof REPORT_REASONS)[number]['value'])
+              }
+              className="mt-1 w-full rounded-lg border border-[#d6d0c3] bg-white px-3 py-2 text-sm text-[#17221d]"
+            >
+              {REPORT_REASONS.map((item) => (
+                <option key={item.value} value={item.value}>
+                  {item.label}
+                </option>
+              ))}
+            </select>
+          </label>
+          <label className="mt-3 block text-xs text-[#68716c]">
+            补充说明（可选）
+            <textarea
+              value={detail}
+              onChange={(event) => setDetail(event.target.value)}
+              maxLength={500}
+              rows={3}
+              className="mt-1 w-full rounded-lg border border-[#d6d0c3] bg-white px-3 py-2 text-sm text-[#17221d]"
+            />
+          </label>
+          <div className="mt-3 flex gap-2">
+            <button
+              type="button"
+              disabled={busy}
+              onClick={() => void submit()}
+              className="rounded-full bg-red-700 px-4 py-2 text-sm font-semibold text-white disabled:opacity-60"
+            >
+              {busy ? '提交中…' : '提交举报'}
+            </button>
+            <button
+              type="button"
+              onClick={() => setOpen(false)}
+              className="rounded-full border border-[#d6d0c3] px-4 py-2 text-sm text-[#68716c]"
+            >
+              取消
+            </button>
+          </div>
+        </div>
+      ) : null}
+      {message ? <p className="mt-2 text-sm text-[#2f6f57]">{message}</p> : null}
+      <LoginPrompt open={loginOpen} onClose={() => setLoginOpen(false)} message="登录后可举报" />
+    </>
+  );
+}