karin-plugin-kkk 2.25.0 → 2.25.2

package/lib/core_chunk/{template-CsOboAFj.js → template-B7RenK2I.js}

@@ -1,10 +1,221 @@
 import { n as __esmMin, o as __toESM, r as __export } from "./rolldown-runtime-BMXAG3ag.js";
-import { $ as RiStarFill, $t as ExternalLink, A as init_locale, At as ThumbsUp, B as RiLineChartFill, Bt as QrCode, C as init_hi, Ct as init_io5, D as AiFillHeart, Dt as User, E as init_fa6, Et as Users, F as RiGroupLine, Ft as ShieldCheck, G as RiMessage3Fill, Gt as MapPin, H as RiListCheck2, Ht as Play, I as RiHashtag, It as Share2, J as RiRefreshLine, Jt as Hash, K as RiPieChart2Fill, Kt as Info, L as RiHeart2Line, Lt as ScanLine, M as RiArrowRightFill, Mt as Star, N as RiBarChartFill, Nt as Smartphone, O as AiFillStar, Ot as UserPlus, P as RiBellFill, Pt as Shield, Q as RiSparkling2Fill, Qt as Eye, R as RiHeart3Fill, Rt as Radio, S as HiOutlineMenuAlt2, St as IoSearch, T as FaCommentDots, Tt as Zap, U as RiLiveLine, Ut as Music, V as RiLinkM, Vt as Plug2, W as RiLoginCircleFill, Wt as MessageCircle, X as RiSendPlaneFill, Xt as Gamepad2, Y as RiRobot2Fill, Yt as Gift, Z as RiShareForwardFill, Zt as FileText, _ as init_md, _t as code_default, an as CircleEllipsis, at as RiVideoLine, b as TbScan, bt as HeroUIProvider, c as VictoryPie, cn as ChartColumn, ct as Markdown, d as VictoryAxis, dn as BookOpen, dt as init_date_fns, en as Crown, et as RiStarLine, f as VictoryLabel, fn as Bell, g as MdAccessTime, gn as require_react, gt as init_dist, h as rehypeHighlight, hn as require_server_node, in as CircleFadingArrowUp, it as RiUserFollowLine, j as zhCN, jt as Terminal, k as init_ai, kt as TriangleAlert, l as VictoryLine, ln as Calendar, lt as LuFullscreen, m as init_rehype_highlight, mn as init_clsx, mt as format, nn as Coins, nt as RiTiktokFill, o as init_es, on as CircleCheckBig, ot as init_ri, p as VictoryTheme, pn as clsx_default, pt as formatDistanceToNow, q as RiQuestionFill, qt as Heart, rn as Clock, rt as RiTrophyFill, s as VictoryScatter, sn as CircleAlert, st as init_react_markdown, tn as CornerDownLeft, tt as RiThumbUpFill, u as VictoryChart, un as Bookmark, ut as init_lu, v as SiBilibili, vt as chip_default, w as FaCodeBranch, wt as init_lucide_react, x as init_tb, xt as require_jsx_runtime, y as init_si, yt as button_default, z as RiHeart3Line, zt as Quote } from "./vendor-9pKTNH6x.js";
+import { $ as RiStarFill, $t as CircleEllipsis, A as init_locale, At as Share2, B as RiLineChartFill, Bt as Info, C as init_hi, Ct as TriangleAlert, D as AiFillHeart, Dt as Smartphone, E as init_fa6, Et as Star, F as RiGroupLine, Ft as Plug2, G as RiMessage3Fill, Gt as FileText, H as RiListCheck2, Ht as Hash, I as RiHashtag, It as Play, J as RiRefreshLine, Jt as Crown, K as RiPieChart2Fill, Kt as Eye, L as RiHeart2Line, Lt as Music, M as RiArrowRightFill, Mt as Radio, N as RiBarChartFill, Nt as Quote, O as AiFillStar, Ot as Shield, P as RiBellFill, Pt as QrCode, Q as RiSparkling2Fill, Qt as CircleFadingArrowUp, R as RiHeart3Fill, Rt as MessageCircle, S as HiOutlineMenuAlt2, St as UserPlus, T as FaCommentDots, Tt as Terminal, U as RiLiveLine, Ut as Gift, V as RiLinkM, Vt as Heart, W as RiLoginCircleFill, Wt as Gamepad2, X as RiSendPlaneFill, Xt as Coins, Y as RiRobot2Fill, Yt as CornerDownLeft, Z as RiShareForwardFill, Zt as Clock, _ as init_md, _t as init_io5, an as BookOpen, at as RiVideoLine, b as TbScan, bt as Users, c as VictoryPie, cn as init_dist, ct as Markdown, d as VictoryAxis, dn as button_default, dt as init_date_fns, en as CircleCheckBig, et as RiStarLine, f as VictoryLabel, fn as HeroUIProvider, g as MdAccessTime, gn as require_react, gt as IoSearch, h as rehypeHighlight, hn as init_clsx, in as Bookmark, it as RiUserFollowLine, j as zhCN, jt as ScanLine, k as init_ai, kt as ShieldCheck, l as VictoryLine, ln as code_default, lt as LuFullscreen, m as init_rehype_highlight, mn as clsx_default, mt as format, nn as ChartColumn, nt as RiTiktokFill, o as init_es, on as Bell, ot as init_ri, p as VictoryTheme, pn as require_jsx_runtime, pt as formatDistanceToNow, q as RiQuestionFill, qt as ExternalLink, rn as Calendar, rt as RiTrophyFill, s as VictoryScatter, sn as require_server_node, st as init_react_markdown, tn as CircleAlert, tt as RiThumbUpFill, u as VictoryChart, un as chip_default, ut as init_lu, v as SiBilibili, vt as init_lucide_react, w as FaCodeBranch, wt as ThumbsUp, x as init_tb, xt as User, y as init_si, yt as Zap, z as RiHeart3Line, zt as MapPin } from "./vendor-rZ5rQnq1.js";
 import { logger as logger$1 } from "node-karin";
 import fs from "node:fs";
 import path from "node:path";
 import { fileURLToPath } from "node:url";
 var init_main$1 = __esmMin(() => {});
+var formatDuration$2;
+var init_time = __esmMin(() => {
+	formatDuration$2 = (ms) => {
+		const totalSeconds = Math.max(Math.floor(ms / 1e3), 0);
+		const hours = Math.floor(totalSeconds / 3600);
+		const minutes = Math.floor(totalSeconds % 3600 / 60);
+		const seconds = totalSeconds % 60;
+		const pad = (value) => String(value).padStart(2, "0");
+		return hours > 0 ? `${pad(hours)}:${pad(minutes)}:${pad(seconds)}` : `${pad(minutes)}:${pad(seconds)}`;
+	};
+});
+var buildStatus;
+var init_status = __esmMin(() => {
+	init_time();
+	buildStatus = (state) => {
+		const filePath = state.filePath || state.filename;
+		if (!state.removeCache) return {
+			statusText: `文件 ${filePath} 不会自动删除`,
+			countdownText: "不删除"
+		};
+		if (state.removed) return {
+			statusText: `文件 ${filePath} 已删除`,
+			countdownText: "00:00"
+		};
+		if (state.remainingMs === null) return {
+			statusText: `文件 ${filePath} 将在未知时间后删除`,
+			countdownText: "--:--"
+		};
+		const countdownText = formatDuration$2(state.remainingMs);
+		return {
+			statusText: `文件 ${filePath} 将在 ${countdownText} 后删除`,
+			countdownText
+		};
+	};
+}), import_jsx_runtime$42, PreviewInfoCard;
+var init_PreviewInfoCard = __esmMin(() => {
+	__toESM(require_react(), 1);
+	init_status();
+	import_jsx_runtime$42 = __toESM(require_jsx_runtime(), 1);
+	PreviewInfoCard = ({ state }) => {
+		const status = buildStatus(state);
+		return (0, import_jsx_runtime$42.jsxs)("div", {
+			className: "relative z-10 mt-12 flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between",
+			style: {
+				mixBlendMode: "difference",
+				color: "#ffffff"
+			},
+			children: [(0, import_jsx_runtime$42.jsxs)("div", { children: [(0, import_jsx_runtime$42.jsx)("div", {
+				className: "text-xs uppercase tracking-[0.2em]",
+				children: "删除倒计时"
+			}), (0, import_jsx_runtime$42.jsx)("div", {
+				className: "mt-2 text-5xl font-semibold",
+				id: "preview-countdown",
+				children: status.countdownText
+			})] }), (0, import_jsx_runtime$42.jsx)("a", {
+				className: "inline-flex h-10 items-center justify-center rounded-full border border-white/50 px-4 text-sm font-medium text-white backdrop-blur",
+				href: state.videoUrl,
+				download: true,
+				children: "下载视频"
+			})]
+		});
+	};
+}), import_jsx_runtime$41, PreviewVideoCard;
+var init_PreviewVideoCard = __esmMin(() => {
+	__toESM(require_react(), 1);
+	import_jsx_runtime$41 = __toESM(require_jsx_runtime(), 1);
+	PreviewVideoCard = ({ videoUrl }) => (0, import_jsx_runtime$41.jsx)("div", {
+		className: "relative z-10 mt-10 w-full",
+		children: (0, import_jsx_runtime$41.jsx)("video", {
+			className: "w-full max-h-[86vh] rounded-2xl bg-black shadow-2xl",
+			controls: true,
+			preload: "metadata",
+			autoPlay: true,
+			loop: true,
+			muted: true,
+			playsInline: true,
+			src: videoUrl
+		})
+	});
+}), import_jsx_runtime$40, PreviewLayout;
+var init_PreviewLayout = __esmMin(() => {
+	__toESM(require_react(), 1);
+	init_PreviewInfoCard();
+	init_PreviewVideoCard();
+	import_jsx_runtime$40 = __toESM(require_jsx_runtime(), 1);
+	PreviewLayout = ({ state }) => (0, import_jsx_runtime$40.jsxs)("div", {
+		className: "relative min-h-screen bg-(--preview-bg) text-(--preview-fg)",
+		children: [(0, import_jsx_runtime$40.jsxs)("div", {
+			className: "absolute inset-0 overflow-hidden",
+			children: [
+				(0, import_jsx_runtime$40.jsx)("video", {
+					className: "h-full w-full object-cover blur-3xl scale-110 saturate-150 contrast-125",
+					autoPlay: true,
+					loop: true,
+					muted: true,
+					playsInline: true,
+					preload: "metadata",
+					src: state.videoUrl
+				}),
+				(0, import_jsx_runtime$40.jsx)("div", {
+					className: "absolute inset-0 pointer-events-none opacity-[0.35] mix-blend-overlay dark:mix-blend-soft-light",
+					children: (0, import_jsx_runtime$40.jsxs)("svg", {
+						className: "h-full w-full",
+						xmlns: "http://www.w3.org/2000/svg",
+						children: [(0, import_jsx_runtime$40.jsxs)("defs", { children: [(0, import_jsx_runtime$40.jsxs)("filter", {
+							id: "previewNoise",
+							children: [
+								(0, import_jsx_runtime$40.jsx)("feTurbulence", {
+									type: "fractalNoise",
+									baseFrequency: "1.2",
+									numOctaves: "3",
+									stitchTiles: "stitch"
+								}),
+								(0, import_jsx_runtime$40.jsx)("feColorMatrix", {
+									type: "saturate",
+									values: "0"
+								}),
+								(0, import_jsx_runtime$40.jsxs)("feComponentTransfer", { children: [
+									(0, import_jsx_runtime$40.jsx)("feFuncR", {
+										type: "discrete",
+										tableValues: "0 1"
+									}),
+									(0, import_jsx_runtime$40.jsx)("feFuncG", {
+										type: "discrete",
+										tableValues: "0 1"
+									}),
+									(0, import_jsx_runtime$40.jsx)("feFuncB", {
+										type: "discrete",
+										tableValues: "0 1"
+									})
+								] }),
+								(0, import_jsx_runtime$40.jsx)("feComponentTransfer", { children: (0, import_jsx_runtime$40.jsx)("feFuncA", {
+									type: "linear",
+									slope: "2",
+									intercept: "-0.5"
+								}) })
+							]
+						}), (0, import_jsx_runtime$40.jsxs)("mask", {
+							id: "previewNoiseMask",
+							children: [(0, import_jsx_runtime$40.jsxs)("linearGradient", {
+								id: "previewNoiseGradient",
+								x1: "0%",
+								y1: "0%",
+								x2: "0%",
+								y2: "100%",
+								children: [
+									(0, import_jsx_runtime$40.jsx)("stop", {
+										offset: "0%",
+										stopColor: "white",
+										stopOpacity: "1"
+									}),
+									(0, import_jsx_runtime$40.jsx)("stop", {
+										offset: "15%",
+										stopColor: "white",
+										stopOpacity: "0.6"
+									}),
+									(0, import_jsx_runtime$40.jsx)("stop", {
+										offset: "50%",
+										stopColor: "white",
+										stopOpacity: "0.15"
+									}),
+									(0, import_jsx_runtime$40.jsx)("stop", {
+										offset: "85%",
+										stopColor: "white",
+										stopOpacity: "0.6"
+									}),
+									(0, import_jsx_runtime$40.jsx)("stop", {
+										offset: "100%",
+										stopColor: "white",
+										stopOpacity: "1"
+									})
+								]
+							}), (0, import_jsx_runtime$40.jsx)("rect", {
+								width: "100%",
+								height: "100%",
+								fill: "url(#previewNoiseGradient)"
+							})]
+						})] }), (0, import_jsx_runtime$40.jsx)("rect", {
+							width: "100%",
+							height: "100%",
+							filter: "url(#previewNoise)",
+							mask: "url(#previewNoiseMask)",
+							fill: "white"
+						})]
+					})
+				}),
+				(0, import_jsx_runtime$40.jsx)("div", { className: "absolute inset-0 bg-black/35" })
+			]
+		}), (0, import_jsx_runtime$40.jsxs)("div", {
+			className: "relative z-10 w-full px-4 py-16 sm:px-6",
+			children: [
+				(0, import_jsx_runtime$40.jsxs)("div", {
+					className: "flex flex-col gap-2",
+					style: {
+						mixBlendMode: "difference",
+						color: "#ffffff"
+					},
+					children: [(0, import_jsx_runtime$40.jsx)("h1", {
+						className: "text-2xl font-semibold",
+						children: "临时预览"
+					}), (0, import_jsx_runtime$40.jsx)("p", {
+						className: "text-sm",
+						children: "查看视频内容与删除时间"
+					})]
+				}),
+				(0, import_jsx_runtime$40.jsx)(PreviewVideoCard, { videoUrl: state.videoUrl }),
+				(0, import_jsx_runtime$40.jsx)(PreviewInfoCard, { state })
+			]
+		})]
+	});
+});
 var PlatformType;
 var init_platforms = __esmMin(() => {
 	PlatformType = function(PlatformType$1) {
@@ -13574,7 +13785,7 @@ var init_DevDataManager = __esmMin(() => {
 	init_logger();
 	try {
 		if (process.env.NODE_ENV === "development") {
-			const __dirname = fileURLToPath(new URL("data:video/mp2t;base64,ZXhwb3J0ICogZnJvbSAnLi9tYWluJwpleHBvcnQgeyByZWFjdFNlcnZlclJlbmRlciBhcyBkZWZhdWx0IH0gZnJvbSAnLi9tYWluJwpleHBvcnQgKiBmcm9tICcuL3R5cGVzJwo=", "" + import.meta.url));
+			const __dirname = fileURLToPath(new URL("data:video/mp2t;base64,ZXhwb3J0ICogZnJvbSAnLi9tYWluJwpleHBvcnQgeyByZWFjdFNlcnZlclJlbmRlciBhcyBkZWZhdWx0IH0gZnJvbSAnLi9tYWluJwpleHBvcnQgeyByZW5kZXJWaWRlb1ByZXZpZXdQYWdlIH0gZnJvbSAnLi9tYWluJwpleHBvcnQgKiBmcm9tICcuL3R5cGVzJwo=", "" + import.meta.url));
 			devDataDir = path.resolve(__dirname, "../dev-data");
 		} else devDataDir = "";
 	} catch {
@@ -13699,10 +13910,12 @@ var init_DevDataManager = __esmMin(() => {
 		}
 	};
 });
-var import_react, import_server_node, PluginContainer, ComponentRendererFactory, ResourcePathManager, HtmlWrapper, SSRRender, reactServerRender;
+var import_react, import_server_node, PluginContainer, ComponentRendererFactory, ResourcePathManager, HtmlWrapper, SSRRender, reactServerRender, VideoPreviewApp, escapeVideoPreviewJson, renderVideoPreviewPage;
 var init_main = __esmMin(() => {
+	init_dist();
 	import_react = __toESM(require_react(), 1);
 	import_server_node = require_server_node();
+	init_PreviewLayout();
 	init_ComponentAutoRegistry();
 	init_DevDataManager();
 	init_logger();
@@ -14008,6 +14221,24 @@ var init_main = __esmMin(() => {
 		if (process.env.NODE_ENV === "development") DevDataManager.saveRenderData(request.templateType, request.templateName, request.data);
 		return result;
 	};
+	VideoPreviewApp = ({ state }) => import_react.createElement(HeroUIProvider, null, import_react.createElement(PreviewLayout, { state }));
+	escapeVideoPreviewJson = (data) => JSON.stringify(data).replace(/</g, "\\u003c");
+	renderVideoPreviewPage = (options) => {
+		const serverNow = Date.now();
+		const remainingMs = options.removeCache && options.expireAt ? Math.max(options.expireAt - serverNow, 0) : null;
+		const state = {
+			...options,
+			eventsUrl: options.eventsUrl ?? "",
+			serverNow,
+			remainingMs,
+			removed: false
+		};
+		const appHtml = (0, import_server_node.renderToString)(import_react.createElement(VideoPreviewApp, { state }));
+		const serializedState = escapeVideoPreviewJson(state);
+		const { cssDir } = new ResourcePathManager().getResourcePaths();
+		const cssFilePath = path.join(cssDir, "karin-plugin-kkk.css");
+		return `<!DOCTYPE html>\n<html lang="zh-CN">\n<head>\n  <meta charset="UTF-8" />\n  <meta name="viewport" content="width=device-width, initial-scale=1.0" />\n  <title>临时预览</title>\n  <style>\n    * { box-sizing: border-box; }\n    :root { --preview-bg: #ffffff; --preview-fg: #0f172a; --preview-muted: #64748b; }\n    @media (prefers-color-scheme: dark) {\n      :root { --preview-bg: #050505; --preview-fg: #e2e8f0; --preview-muted: #94a3b8; }\n    }\n    body { margin: 0; font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; background: var(--preview-bg); color: var(--preview-fg); }\n    .preview-noise { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.25'/%3E%3C/svg%3E"); mix-blend-mode: soft-light; opacity: 0.8; }\n    @media (max-width: 720px) {\n      .max-w-6xl { padding-left: 16px; padding-right: 16px; }\n    }\n  </style>\n  <style>${fs.existsSync(cssFilePath) ? fs.readFileSync(cssFilePath, "utf-8") : ""}</style>\n</head>\n<body>\n  <div id="app">${appHtml}</div>\n  <script>\n    window.__VIDEO_PREVIEW__=${serializedState};\n    (() => {\n      const state = window.__VIDEO_PREVIEW__ || {};\n      const countdownEl = document.getElementById('preview-countdown');\n      if (!countdownEl) return;\n      const format = (ms) => {\n        const totalSeconds = Math.max(Math.floor(ms / 1000), 0);\n        const hours = Math.floor(totalSeconds / 3600);\n        const minutes = Math.floor((totalSeconds % 3600) / 60);\n        const seconds = totalSeconds % 60;\n        const pad = (value) => String(value).padStart(2, '0');\n        return hours > 0 ? pad(hours) + ':' + pad(minutes) + ':' + pad(seconds) : pad(minutes) + ':' + pad(seconds);\n      };\n      const update = (payload) => {\n        if (!payload.removeCache) {\n          countdownEl.textContent = '不删除';\n          return;\n        }\n        if (payload.removed) {\n          countdownEl.textContent = '00:00';\n          return;\n        }\n        const remainingMs = typeof payload.remainingMs === 'number'\n          ? payload.remainingMs\n          : (payload.expireAt ? Math.max(payload.expireAt - (payload.serverNow || Date.now()), 0) : null);\n        if (remainingMs === null) {\n          countdownEl.textContent = '--:--';\n          return;\n        }\n        countdownEl.textContent = format(remainingMs);\n      };\n      update(state);\n      if (state.eventsUrl) {\n        const source = new EventSource(state.eventsUrl);\n        source.onmessage = (event) => {\n          try {\n            update(JSON.parse(event.data));\n          } catch {}\n        };\n      }\n    })();\n  <\/script>\n</body>\n</html>`;
+	};
 });
 var init_types = __esmMin(() => {});
 var init_client = __esmMin(() => {
@@ -14019,4 +14250,4 @@ var init_client = __esmMin(() => {
 init_client();
 init_client();
 var template_default = reactServerRender;
-export { init_client as n, reactServerRender as r, template_default as t };
+export { renderVideoPreviewPage as i, init_client as n, reactServerRender as r, template_default as t };

package/lib/core_chunk/template.d.mts

@@ -2082,5 +2082,15 @@ interface ReactServerRenderOptions<K extends keyof DataTypeMap> {
  * ```
  */
 declare const reactServerRender: <K extends keyof DataTypeMap>(options: ReactServerRenderOptions<K>) => Promise<RenderResponse>;
+type VideoPreviewRenderOptions = {
+  filename: string;
+  filePath: string;
+  videoUrl: string;
+  removeCache: boolean;
+  createdAt: number;
+  expireAt?: number;
+  eventsUrl?: string;
+};
+declare const renderVideoPreviewPage: (options: VideoPreviewRenderOptions) => string;
 //#endregion
-export { BaseComponentProps, type DataTypeMap, DynamicRenderPath, ExtractDataTypeFromPath, type Plugin, type PluginContext, type PluginFactory, QRCodeSectionProps, type ReactServerRenderOptions, RenderRequest, RenderResponse, type TypedRenderRequest, reactServerRender as default, reactServerRender };
+export { BaseComponentProps, type DataTypeMap, DynamicRenderPath, ExtractDataTypeFromPath, type Plugin, type PluginContext, type PluginFactory, QRCodeSectionProps, type ReactServerRenderOptions, RenderRequest, RenderResponse, type TypedRenderRequest, reactServerRender as default, reactServerRender, renderVideoPreviewPage };

package/lib/core_chunk/template.js

@@ -1,4 +1,4 @@
 import "./rolldown-runtime-BMXAG3ag.js";
-import "./vendor-9pKTNH6x.js";
-import { r as reactServerRender, t as template_default } from "./template-CsOboAFj.js";
-export { template_default as default, reactServerRender };
+import "./vendor-rZ5rQnq1.js";
+import { i as renderVideoPreviewPage, r as reactServerRender, t as template_default } from "./template-B7RenK2I.js";
+export { template_default as default, reactServerRender, renderVideoPreviewPage };