koishi-plugin-kkk 3.4.2 → 3.6.0

package/lib/karin/platform/bilibili/interactive-story.js

@@ -0,0 +1,463 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.interactiveChart = exports.renderInteractiveChart = exports.forgetChoiceMessage = exports.toCardGraph = exports.findNode = exports.runInteractiveStory = exports.sendStoryTip = exports.sendInteractiveChoices = exports.buildChoiceMessage = exports.RENDER_CHART_COMMAND = exports.CHOICE_WAIT_SECONDS = void 0;
+/**
+ * 互动视频的「发选项 → 等选择 → 播下一段」这一段流程。
+ *
+ * 数据与清洗逻辑在 module/utils/InteractiveVideo.ts，这里只管**怎么问、怎么等、怎么续**：
+ *
+ *   · QQ（官方适配器）发 markdown，每个选项一个 `<qqbot-…-input>` 按钮，点一下等于发出字母；
+ *   · 其它适配器发纯文字（A / B / C 各一行），用户回字母或数字；
+ *   · 等回复用 karin.ctx（同频道同用户的下一句话），默认 180 秒，超时就体面收尾；
+ *   · 每次只留最新一条选项消息（下一条发出前撤回上一条），不给群里刷屏。
+ *
+ * 播放下一段视频交给上层注入的 play 回调（走现成的解析/下载/发送链路），
+ * 这样这里完全不依赖 bilibili 平台代码，可以用假实现直接测。
+ */
+const node_karin_1 = __importStar(require("../../../compat/node-karin.js"));
+const module_1 = require("../../module");
+const InteractiveGraph_1 = require("../../module/utils/InteractiveGraph");
+const QqPanel_1 = require("../../module/utils/QqPanel");
+const runtime_1 = require("../../../compat/runtime");
+const ErrorHandler_1 = require("../../module/utils/ErrorHandler");
+const InteractiveVideo_1 = require("../../module/utils/InteractiveVideo");
+/** 等用户选择的时间：太长会挂着等待，太短用户还没看完视频 */
+exports.CHOICE_WAIT_SECONDS = 180;
+/** 重新渲染流程图的指令（按钮点的就是它） */
+exports.RENDER_CHART_COMMAND = '渲染流程图';
+/** 每个频道最近一条「选项消息」，用于发下一条之前撤回 */
+const lastChoiceMessages = new Map();
+const platformOf = (e) => String(e?.bot?.bot?.platform ?? e?.bot?.platform ?? e?.platform ?? '');
+const channelOf = (e) => String(e?.contact?.peer ?? e?.guildId ?? '');
+/** 剧情会话 key（和 InteractiveVideo 里的口径一致） */
+const sessionKeyOf = (e) => (0, InteractiveVideo_1.interactiveKey)(platformOf(e), channelOf(e));
+/**
+ * 组装选项消息。
+ *
+ * 标题、进度、题目、B站 的提示语都会带上；QQ 走 markdown + 按钮，其它平台走纯文字。
+ *
+ * @param node 当前剧情节点
+ * @param options 标题 / 已走过的剧情 / 等待秒数 / 是否加按钮
+ * @returns 要发送的文本
+ */
+const buildChoiceMessage = (node, options) => {
+    const { title, path = [], waitSeconds = exports.CHOICE_WAIT_SECONDS, buttons, detailed = true } = options;
+    const lines = [];
+    /**
+     * **只有第一次带标题、题目和「怎么回复」的说明**。
+     *
+     * 用户要求：后面的每一次都只发选项本身 —— 一是群里不刷屏，
+     * 二是 QQ 官方适配器的被动回复窗口有限，正文越长越容易整条发不出去（40034128）。
+     */
+    if (detailed) {
+        const heading = [title || node.title || '互动视频', path.length ? '剧情：' + (0, InteractiveVideo_1.formatInteractivePath)(path) : '']
+            .filter(Boolean)
+            .join('　·　');
+        lines.push(buttons ? '**' + heading + '**' : '🎬 ' + heading);
+        lines.push('');
+        lines.push(node.question || '请选择接下来的剧情');
+        lines.push('');
+    }
+    for (const choice of node.choices) {
+        if (!buttons) {
+            lines.push(choice.label + ' ' + choice.text);
+            continue;
+        }
+        /**
+         * 按钮文案也带字母：用户看到的和「回 A」是同一套编号，不会两套编号打架。
+         * 选项文字里的引号/括号由 cmdInput 自己编码。
+         */
+        lines.push((0, QqPanel_1.cmdInput)(choice.label, choice.label + ' ' + choice.text));
+    }
+    /** 重新画一张流程图的按钮：走到图外的分支、或者想再看一眼时随手点 */
+    lines.push(buttons
+        ? (0, QqPanel_1.cmdInput)((0, runtime_1.commandInvocation)(exports.RENDER_CHART_COMMAND), '渲染流程图')
+        : '回复「' + exports.RENDER_CHART_COMMAND + '」可以重新画一张流程图');
+    if (detailed) {
+        lines.push('');
+        if (node.notice)
+            lines.push(node.notice);
+        lines.push(buttons
+            ? '点上面的按钮，或者直接回复字母（' + waitSeconds + ' 秒内有效）'
+            : '回复上面的字母或数字继续（' + waitSeconds + ' 秒内有效）');
+    }
+    return lines.join(String.fromCharCode(10));
+};
+exports.buildChoiceMessage = buildChoiceMessage;
+/** 撤掉这个频道上一条选项消息（撤不掉就算了，绝不让它影响剧情） */
+const recallLastChoices = async (e) => {
+    const key = sessionKeyOf(e);
+    const messageId = lastChoiceMessages.get(key);
+    if (!messageId)
+        return;
+    lastChoiceMessages.delete(key);
+    try {
+        await e.bot?.recallMsg?.(messageId, channelOf(e));
+    }
+    catch (error) {
+        node_karin_1.logger.debug('[互动视频] 撤回上一条选项消息失败: ' + String(error?.message ?? error));
+    }
+};
+/**
+ * 发一条剧情选项消息。
+ *
+ * QQ 上先试 markdown（能出按钮），失败就退回纯文字 —— 按钮只是体验，剧情不能因为发不出去而中断。
+ * 纯文本会被「合并转发」收集，所以统一用 withoutForwardCollect 包起来。
+ */
+const sendInteractiveChoices = async (e, node, options = {}) => {
+    await recallLastChoices(e);
+    const useButtons = (0, QqPanel_1.isQqPlatform)(e) && node.choices.length > 0;
+    const send = async (content) => (0, node_karin_1.withoutForwardCollect)(() => e.reply(content));
+    let sent;
+    try {
+        sent = await send(useButtons
+            ? node_karin_1.segment.markdown((0, exports.buildChoiceMessage)(node, { ...options, buttons: true }))
+            : (0, exports.buildChoiceMessage)(node, { ...options, buttons: false }));
+    }
+    catch (error) {
+        if (!useButtons)
+            throw error;
+        node_karin_1.logger.warn('[互动视频] markdown 按钮消息发送失败（' + String(error?.message ?? error).slice(0, 120) + '），改用文字发送');
+        sent = await send((0, exports.buildChoiceMessage)(node, { ...options, buttons: false }));
+    }
+    const messageId = String(sent?.messageId ?? '');
+    if (messageId)
+        lastChoiceMessages.set(sessionKeyOf(e), messageId);
+    return messageId || undefined;
+};
+exports.sendInteractiveChoices = sendInteractiveChoices;
+/** 发一条剧情提示（不参与合并转发、默认不撤回） */
+const sendStoryTip = async (e, text) => {
+    try {
+        await (0, node_karin_1.withoutForwardCollect)(() => e.reply(text));
+    }
+    catch (error) {
+        node_karin_1.logger.debug('[互动视频] 提示发送失败: ' + String(error?.message ?? error));
+    }
+};
+exports.sendStoryTip = sendStoryTip;
+/**
+ * 跑完一次互动剧情：把所有选项、等待、续播串起来。
+ *
+ * 这个函数是**长跑**的：它会一直等到用户选完或者超时，所以调用方应该放到后台跑
+ * （不要 await 在解析主流程里，否则解析结果要等到剧情结束才算完成）。
+ *
+ * @param options 见 {@link StoryOptions}
+ */
+const runInteractiveStory = async (options) => {
+    const { e, bvid, graphVersion, rootCid, title, notice, headers, request, play, onNode } = options;
+    const waitSeconds = options.waitSeconds ?? exports.CHOICE_WAIT_SECONDS;
+    const wait = options.wait ?? (async (seconds) => {
+        const context = await node_karin_1.default.ctx(e, { time: seconds * 1000, reply: true, throwOnTimeout: false });
+        return context ?? null;
+    });
+    /**
+     * 当前用来发消息的事件。
+     *
+     * 一开始是用户发链接那条消息；用户每回一次，就换成**那句回复** ——
+     * QQ 官方适配器只能在「用户刚说完话」的时间窗里被动回复，
+     * 一直拿最初那条链接消息去发，后面每一条都会撞 40034128（被动回复超限）然后退化成主动消息。
+     */
+    let target = e;
+    /** 只有第一组选项带标题与说明 */
+    let firstChoices = true;
+    const key = sessionKeyOf(e);
+    const path = [];
+    let nodes = 0;
+    const finish = (ended) => {
+        (0, InteractiveVideo_1.clearInteractiveSession)(key);
+        return { ended, path, nodes };
+    };
+    /**
+     * 当前所在节点的视频 cid。
+     *
+     * 注意 edgeinfo_v2 的两个 cid 不是一回事：**请求**要带你现在这一段的 cid，
+     * 而落地那一段的 cid 是选项自己带的（choice.cid）—— 一开始这里搞混了，
+     * 结果每次「下一段」都重复播了当前这一段。
+     */
+    let currentCid = rootCid;
+    /** 进入当前段的那条边（第一段没有）：剧情图里选项 id 会重复，靠它才能定位用户在哪 */
+    let entry = null;
+    let failures = 0;
+    let node = await (0, InteractiveVideo_1.fetchInteractiveNode)({ bvid, graphVersion, cid: currentCid, headers, request });
+    if (!node) {
+        node_karin_1.logger.warn('[互动视频] 取不到剧情节点（graph_version=' + graphVersion + ' cid=' + rootCid + '）');
+        return finish('unavailable');
+    }
+    while (node) {
+        nodes++;
+        (0, InteractiveVideo_1.rememberInteractiveSession)(key, {
+            bvid,
+            graphVersion,
+            cid: node.cid,
+            title: node.title || title || '',
+            choices: node.choices,
+            path: [...path],
+            notice: node.notice,
+            entry: entry ?? undefined,
+            updatedAt: Date.now()
+        });
+        if (node.isLeaf || !node.choices.length) {
+            /**
+             * 结局同样给上层一次画图的机会：用户要求「走到最后一个选项也要在当前位置渲染」，
+             * 走到结尾时把完整路径画出来，比只丢一句「走到结局了」清楚得多。
+             */
+            if (onNode) {
+                try {
+                    await onNode({ ...node, isLeaf: true }, target, path, false, entry);
+                }
+                catch (error) {
+                    node_karin_1.logger.warn('[互动视频] 结局剧情图渲染失败: ' + String(error?.message ?? error).slice(0, 160));
+                }
+            }
+            await recallLastChoices(target);
+            await (0, exports.sendStoryTip)(target, '🎬 互动视频走到结局了' + (path.length ? '\n剧情：' + (0, InteractiveVideo_1.formatInteractivePath)(path) : ''));
+            return finish('leaf');
+        }
+        /** B站 的提示语来自播放器接口，edgeinfo 里没有，所以在这里补进去 */
+        const currentNode = node.notice ? node : { ...node, notice: notice ?? '' };
+        /**
+         * 第一段额外渲染一张剧情图卡片（和作品信息卡同一套样式，页脚版本信息由 DefaultLayout 带）。
+         * 卡片发出去了，选项消息就只发选项本身；卡片没发出去，才用长文本兜底。
+         */
+        let cardSent = false;
+        if (onNode) {
+            try {
+                cardSent = (await onNode(currentNode, target, path, firstChoices, entry)) === true;
+            }
+            catch (error) {
+                node_karin_1.logger.warn('[互动视频] 剧情图卡片渲染失败: ' + String(error?.message ?? error).slice(0, 160));
+            }
+        }
+        await (0, exports.sendInteractiveChoices)(target, currentNode, {
+            title: title || node.title,
+            path,
+            waitSeconds,
+            detailed: firstChoices && !cardSent
+        });
+        firstChoices = false;
+        /**
+         * 等用户选出这一段的走向。
+         *
+         * **认不出来就什么都不发，继续等**：群里别人正常聊天、或者用户自己随便说句话，
+         * 都不该被机器人插一句「没认出你的选择」—— 之前那样做，群一热闹就一直刷提示。
+         * 也不重发选项（选项就在上面那条消息里，重复发同样是在刷屏）。
+         */
+        let choice = null;
+        while (!choice) {
+            const answer = await wait(waitSeconds);
+            /** 拿用户那句回复当新的发送目标（被动回复窗口就在它身上） */
+            const answerMessage = answer && typeof answer === 'object' ? answer : null;
+            const answerText = answerMessage ? String(answerMessage.msg ?? '') : String(answer ?? '');
+            if (answerMessage)
+                target = answerMessage;
+            if (!answerText.trim()) {
+                await recallLastChoices(target);
+                await (0, exports.sendStoryTip)(target, '互动视频先玩到这里～想接着玩就再发一次链接（等了 ' + waitSeconds + ' 秒没等到你的选择）');
+                return finish('timeout');
+            }
+            const index = (0, InteractiveVideo_1.parseChoiceInput)(answerText, node.choices);
+            if (index < 0)
+                continue;
+            choice = node.choices[index];
+        }
+        path.push(choice.text);
+        /** 用「当前节点 cid + 这条边」问下一组选项，返回的就是落地节点 */
+        const next = await (0, InteractiveVideo_1.fetchInteractiveNode)({ bvid, graphVersion, cid: currentCid, edgeId: choice.edgeId, headers, request });
+        if (!next) {
+            /**
+             * 取不到下一段时**先别结束**：实测多数是接口抖了一下。
+             * 把选项再发一次，等用户重新选（内部已经重试过一次请求）。
+             */
+            failures++;
+            if (failures > 1) {
+                await (0, exports.sendStoryTip)(target, '剧情图一直取不到下一段（可能剧情被 UP 主改过了），这次就到这里');
+                return finish('unavailable');
+            }
+            await (0, exports.sendStoryTip)(target, '刚刚没取到下一段，再选一次试试～');
+            path.pop();
+            continue;
+        }
+        /** 落地那一段的视频就是选项带的 cid */
+        entry = { fromCid: currentCid, edgeId: choice.edgeId };
+        currentCid = choice.cid;
+        if (play) {
+            try {
+                await play(currentCid, target);
+            }
+            catch (error) {
+                node_karin_1.logger.warn('[互动视频] 播放下一段失败（cid=' + currentCid + '）: ' + String(error?.message ?? error));
+            }
+        }
+        node = { ...next, cid: currentCid };
+    }
+    return finish('leaf');
+};
+exports.runInteractiveStory = runInteractiveStory;
+/**
+ * 在一张图里按「从哪条边进来」定位节点。
+ *
+ * 剧情图里选项 id / 落点会重复，所以优先用 fromCid:edgeId 这一对，
+ * 实在对不上再按 cid 兜（有重复落点时会挑第一个）。
+ */
+const findNode = (root, entry, cid) => {
+    let byCid = null;
+    const walk = (node, edgeId) => {
+        if (!node)
+            return null;
+        if (edgeId !== undefined && entry && Number(edgeId) === Number(entry.edgeId) && Number(node.cid) === Number(cid))
+            return node;
+        if (!byCid && cid !== undefined && Number(node.cid) === Number(cid))
+            byCid = node;
+        for (const choice of node.choices ?? []) {
+            for (const child of choice.children ?? []) {
+                const hit = walk(child, choice.edgeId);
+                if (hit)
+                    return hit;
+            }
+        }
+        return null;
+    };
+    const found = entry ? walk(root, undefined) : null;
+    return found ?? byCid ?? null;
+};
+exports.findNode = findNode;
+/** 卡片需要的嵌套结构（带递归上限，防止剧情图里的环把渲染卡死） */
+const toCardGraph = (node, depth = 0) => {
+    const choices = Array.isArray(node?.choices) ? node.choices : [];
+    return {
+        question: String(node?.question ?? ''),
+        isLeaf: Boolean(node?.isLeaf),
+        truncated: Boolean(node?.truncated),
+        choices: choices.map((choice) => ({
+            label: choice.label,
+            text: choice.text,
+            isDefault: choice.isDefault,
+            children: depth >= 6 || !Array.isArray(choice.children) || !choice.children.length
+                ? undefined
+                : choice.children.map((child) => (0, exports.toCardGraph)(child, depth + 1))
+        }))
+    };
+};
+exports.toCardGraph = toCardGraph;
+/** 清理某个频道的选项消息记录（解析失败等异常收尾时用） */
+const forgetChoiceMessage = (e) => {
+    lastChoiceMessages.delete(sessionKeyOf(e));
+};
+exports.forgetChoiceMessage = forgetChoiceMessage;
+/**
+ * 渲染并发送一张「剧情图」卡片。
+ *
+ * 三处会用到：第一段、走到图外分支时、以及用户点「渲染流程图」按钮时。
+ * crawlInteractiveGraph 的 rootEdge 决定「从哪一段开始画」——剧情图里选项 id 会重复，
+ * 只给 cid 不够，必须带上进入那条边。
+ *
+ * @returns 卡片是否真的发出去了
+ */
+const renderInteractiveChart = async (params) => {
+    const { e, bvid, graphVersion, cid, entry, title, path = [], notice, question, isEnding } = params;
+    /**
+     * 优先用缓存里的整张图：第一次解析就整张爬完了，
+     * 之后（结局、点渲染流程图）都是换个起点画同一份缓存，不再请求接口。
+     */
+    let whole = (0, InteractiveGraph_1.peekCachedGraph)(bvid, graphVersion);
+    if (!whole) {
+        whole = await (0, InteractiveGraph_1.crawlInteractiveGraph)({
+            bvid,
+            graphVersion,
+            rootCid: cid,
+            rootEdge: entry,
+            headers: params.headers,
+            request: params.request ?? InteractiveVideo_1.interactiveRequest
+        }).catch(() => null);
+    }
+    if (!whole)
+        return { sent: false, complete: false };
+    /** 在整张图里定位「用户现在在哪一段」：先按进来的那条边找，找不到再按 cid 兜 */
+    const located = (0, exports.findNode)(whole.root, entry, cid) ?? whole.root;
+    const graph = { root: located, nodeCount: whole.nodeCount, truncated: whole.truncated, cids: whole.cids };
+    const img = await (0, module_1.Render)(e, 'bilibili/interactive', {
+        title: title || '互动视频',
+        step: path.length + 1,
+        rootLabel: params.full
+            ? (question || '开场')
+            : (isEnding ? ('结局 · ' + (question || '完')) : ('当前 · ' + (question || '这一段'))),
+        path,
+        notice,
+        graph: (0, exports.toCardGraph)(graph.root),
+        truncated: graph.truncated
+    });
+    if (!img?.length)
+        return { sent: false, complete: !graph.truncated };
+    /**
+     * 剧情图**不是过程提示**，所以不能再用 withoutForwardCollect 把它挡在合并转发之外：
+     * 用 withForwardKind('chart', …) 标成「流程图」这一类，剩下的交给「合并转发内容」：
+     *   - 勾了「流程图」→ 它进聊天记录；
+     *   - 没勾 → 解析结束时单独直发（不会丢）；
+     *   - 根本就没开合并转发（或者剧情是解析完才在后台画的，袋子已经关掉了）→ 就是普通发送。
+     */
+    await (0, node_karin_1.withForwardKind)('chart', () => e.reply(img));
+    return { sent: true, complete: !graph.truncated };
+};
+exports.renderInteractiveChart = renderInteractiveChart;
+/**
+ * 「渲染流程图」按钮/指令：重新画一张**当前位置**的图。
+ *
+ * 关键：**不撤回选项面板** —— 用户还在选，撤了就没得点了。
+ */
+const handleRenderChart = (0, ErrorHandler_1.wrapWithErrorHandler)(async (e) => {
+    const session = (0, InteractiveVideo_1.getInteractiveSession)(sessionKeyOf(e));
+    if (!session) {
+        await (0, exports.sendStoryTip)(e, '现在没有正在进行的互动视频，发一条互动视频链接就能玩');
+        return true;
+    }
+    const sent = await (0, exports.renderInteractiveChart)({
+        e,
+        bvid: session.bvid,
+        graphVersion: session.graphVersion,
+        cid: session.cid,
+        entry: session.entry,
+        title: session.title,
+        path: session.path,
+        notice: session.notice
+    });
+    if (!sent.sent)
+        await (0, exports.sendStoryTip)(e, '流程图这次没画出来（接口没返回剧情数据），过一会儿再点一次试试');
+    return true;
+}, { businessName: '互动视频流程图' });
+exports.interactiveChart = node_karin_1.default.command(new RegExp('^#?' + exports.RENDER_CHART_COMMAND + '$'), handleRenderChart, {
+    name: 'kkk-渲染流程图'
+});

package/lib/karin/platform/bilibili/push.js

@@ -757,14 +757,21 @@ class Bilibilipush extends module_1.Base {
                                     const infoData = await this.amagi.bilibili.fetcher.fetchVideoInfo({
                                         bvid: data[dynamicId].Dynamic_Data.modules.module_dynamic.major.archive.bvid
                                     });
-                                    const mp4File = await (0, module_1.downloadFile)(playUrlData.data?.data?.dash?.video[0].base_url, {
+                                    /** 直链候选：base_url（可能是 mcdn/PCDN 节点）+ backup_url 镜像，坏源由下载器自动换 */
+                                    const videoUrls = (0, bilibili_1.buildDashUrlCandidates)(playUrlData.data?.data?.dash?.video[0]);
+                                    const audioUrls = (0, bilibili_1.buildDashUrlCandidates)(playUrlData.data?.data?.dash?.audio?.[0]);
+                                    if (videoUrls.length === 0)
+                                        break;
+                                    const mp4File = await (0, module_1.downloadFile)(videoUrls[0], {
                                         title: `Bil_V_${infoData.data.data.bvid}.mp4`,
-                                        headers: bilibiliBaseHeaders
+                                        headers: bilibiliBaseHeaders,
+                                        backupUrls: videoUrls.slice(1)
                                     });
-                                    const mp3File = audioUrl
-                                        ? await (0, module_1.downloadFile)(audioUrl, {
+                                    const mp3File = audioUrls.length > 0
+                                        ? await (0, module_1.downloadFile)(audioUrls[0], {
                                             title: `Bil_A_${infoData.data.data.bvid}.mp3`,
-                                            headers: bilibiliBaseHeaders
+                                            headers: bilibiliBaseHeaders,
+                                            backupUrls: audioUrls.slice(1)
                                         })
                                         : undefined;
                                     if (mp4File.filepath && (!mp3File || mp3File.filepath)) {

package/lib/ktr/registry.js

@@ -44,6 +44,7 @@ exports.templateRegistry = {
     'bilibili/dynamic/DYNAMIC_TYPE_FORWARD': () => Promise.resolve().then(() => __importStar(require('./template/bilibili/dynamic/DYNAMIC_TYPE_FORWARD'))),
     'bilibili/dynamic/DYNAMIC_TYPE_LIVE_RCMD': () => Promise.resolve().then(() => __importStar(require('./template/bilibili/dynamic/DYNAMIC_TYPE_LIVE_RCMD'))),
     'bilibili/dynamic/DYNAMIC_TYPE_WORD': () => Promise.resolve().then(() => __importStar(require('./template/bilibili/dynamic/DYNAMIC_TYPE_WORD'))),
+    'bilibili/interactive': () => Promise.resolve().then(() => __importStar(require('./template/bilibili/interactive'))),
     'bilibili/qrcodeImg': () => Promise.resolve().then(() => __importStar(require('./template/bilibili/qrcodeImg'))),
     'bilibili/userlist': () => Promise.resolve().then(() => __importStar(require('./template/bilibili/userlist'))),
     'bilibili/videoInfo': () => Promise.resolve().then(() => __importStar(require('./template/bilibili/videoInfo'))),

package/lib/ktr/template/bilibili/interactive/components/interactive.js

@@ -0,0 +1,137 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BilibiliInteractive = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * 互动视频的「剧情图」思维导图卡片。
+ *
+ * 用户要的是**全部剧情流程**一张图看完（像 markmap 那种），不是只列眼前这几个选项。
+ * 所以这里把爬下来的整张图铺成思维导图：根节点在最左，右侧逐层展开分支，用贝塞尔曲线连起来，
+ * 顶层分支各自一种颜色；已经走过的选项加粗高亮。
+ *
+ * 样式全部写行内 / SVG 属性：卡片用的是预编译的 tailwind 产物，新模板的任意值类不存在。
+ */
+const react_1 = __importDefault(require("react"));
+const DefaultLayout_1 = require("../../../components/DefaultLayout");
+const BILI_BLUE = '#00aeec';
+/** 顶层分支配色，和思维导图常见做法一致：一条主枝一个颜色 */
+const BRANCH_COLORS = ['#ff7a45', '#3fbf6f', '#22a6b3', '#a259ff', '#f0b429', '#5a8dee', '#e8608d', '#7f8c8d'];
+const COL_WIDTH = 260;
+const ROW_HEIGHT = 62;
+const PAD_LEFT = 8;
+const PAD_TOP = 20;
+/** 把剧情图摊平成「一行一项」的列表，并算好每个叶子占用的行号 */
+const flatten = (root, path, rootLabel) => {
+    const items = [];
+    let cursor = 0;
+    const seen = new Set();
+    const walk = (node, depth, parent, color, id) => {
+        const label = node.question || (node.isLeaf ? '结局' : '继续剧情');
+        const self = { id, label, depth, row: 0, color, parent, kind: parent ? 'node' : 'root' };
+        items.push(self);
+        const choices = Array.isArray(node.choices) ? node.choices : [];
+        if (!choices.length) {
+            self.row = cursor++;
+            return;
+        }
+        let firstRow = -1;
+        choices.forEach((choice, index) => {
+            const childId = id + '.' + index;
+            const choiceItem = {
+                id: childId,
+                label: choice.label + ' ' + choice.text,
+                depth: depth + 1,
+                row: 0,
+                color,
+                parent: id,
+                kind: 'choice',
+                isDefault: choice.isDefault,
+                walked: path.includes(choice.text)
+            };
+            items.push(choiceItem);
+            const children = Array.isArray(choice.children) ? choice.children : [];
+            if (!children.length) {
+                choiceItem.row = cursor++;
+            }
+            else {
+                children.forEach((child, childIndex) => walk(child, depth + 2, childId, color, childId + '.' + childIndex));
+                choiceItem.row = choiceItem.row || cursor - 1;
+            }
+            if (firstRow < 0)
+                firstRow = choiceItem.row;
+        });
+        /** 父节点对齐到自己第一个分支那一行，和思维导图的观感一致 */
+        self.row = firstRow >= 0 ? firstRow : cursor++;
+    };
+    const topChoices = Array.isArray(root.choices) ? root.choices : [];
+    const rootItem = { id: 'root', label: rootLabel || root.question || '开场', depth: 0, row: 0, color: BILI_BLUE, kind: 'root' };
+    items.push(rootItem);
+    if (!topChoices.length) {
+        rootItem.row = cursor++;
+    }
+    else {
+        topChoices.forEach((choice, index) => {
+            const color = BRANCH_COLORS[index % BRANCH_COLORS.length];
+            const childId = 'root.' + index;
+            const choiceItem = {
+                id: childId,
+                label: choice.label + ' ' + choice.text,
+                depth: 1,
+                row: 0,
+                color,
+                parent: 'root',
+                kind: 'choice',
+                isDefault: choice.isDefault,
+                walked: path.includes(choice.text)
+            };
+            items.push(choiceItem);
+            const children = Array.isArray(choice.children) ? choice.children : [];
+            if (!children.length) {
+                choiceItem.row = cursor++;
+            }
+            else {
+                children.forEach((child, childIndex) => walk(child, 3, childId, color, childId + '.' + childIndex));
+                choiceItem.row = choiceItem.row || cursor - 1;
+            }
+        });
+        rootItem.row = items[1]?.row ?? 0;
+    }
+    seen.clear();
+    return { items, rows: Math.max(cursor, 1) };
+};
+exports.BilibiliInteractive = react_1.default.memo((props) => {
+    const { data } = props;
+    const path = Array.isArray(data.path) ? data.path.filter(Boolean) : [];
+    const graph = data.graph;
+    const flat = graph ? flatten(graph, path, data.rootLabel) : null;
+    const depth = flat ? flat.items.reduce((max, item) => Math.max(max, item.depth), 0) : 0;
+    const width = PAD_LEFT * 2 + (depth + 1) * COL_WIDTH;
+    const height = PAD_TOP * 2 + (flat ? flat.rows : 1) * ROW_HEIGHT;
+    const byId = new Map();
+    if (flat)
+        for (const item of flat.items)
+            byId.set(item.id, item);
+    const rowY = (row) => PAD_TOP + row * ROW_HEIGHT + ROW_HEIGHT / 2;
+    const colX = (item) => PAD_LEFT + item.depth * COL_WIDTH;
+    return ((0, jsx_runtime_1.jsx)(DefaultLayout_1.DefaultLayout, { ...props, children: (0, jsx_runtime_1.jsxs)("div", { style: { position: 'relative', zIndex: 10, padding: '64px 56px 48px' }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', alignItems: 'center', gap: 24 }, children: [(0, jsx_runtime_1.jsx)("span", { style: { borderRadius: 999, padding: '12px 28px', fontSize: 26, fontWeight: 900, letterSpacing: '0.18em', background: 'rgba(0,174,236,0.14)', color: BILI_BLUE }, children: "\u4E92\u52A8\u89C6\u9891" }), (0, jsx_runtime_1.jsxs)("span", { style: { fontSize: 26, fontWeight: 700, opacity: 0.42 }, children: ["\u7B2C ", data.step, " \u6BB5 \u00B7 \u5168\u90E8\u5267\u60C5\u6D41\u7A0B"] })] }), (0, jsx_runtime_1.jsx)("h1", { style: { margin: '28px 0 0', fontSize: 48, fontWeight: 900, lineHeight: 1.3, wordBreak: 'break-word' }, children: data.title }), path.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { style: { marginTop: 18, fontSize: 27, fontWeight: 600, opacity: 0.5, wordBreak: 'break-word' }, children: ["\u5DF2\u9009\uFF1A", path.join(' → ')] })), flat && ((0, jsx_runtime_1.jsxs)("svg", { viewBox: '0 0 ' + width + ' ' + height, width: '100%', style: { marginTop: 26, display: 'block', overflow: 'visible' }, role: 'img', children: [flat.items.map((item) => {
+                            if (!item.parent)
+                                return null;
+                            const parent = byId.get(item.parent);
+                            if (!parent)
+                                return null;
+                            const x1 = colX(parent) + 8;
+                            const x2 = colX(item) - 6;
+                            const mid = (x1 + x2) / 2;
+                            const d = 'M ' + x1 + ' ' + rowY(parent.row) + ' C ' + mid + ' ' + rowY(parent.row) + ', ' + mid + ' ' + rowY(item.row) + ', ' + x2 + ' ' + rowY(item.row);
+                            return (0, jsx_runtime_1.jsx)("path", { d: d, fill: 'none', stroke: item.color, strokeWidth: item.walked ? 5 : 3, strokeLinecap: 'round', opacity: item.walked ? 1 : 0.75 }, 'edge-' + item.id);
+                        }), flat.items.map((item) => {
+                            const x = colX(item);
+                            const y = rowY(item.row);
+                            const isChoice = item.kind === 'choice';
+                            return ((0, jsx_runtime_1.jsxs)("g", { children: [(0, jsx_runtime_1.jsx)("circle", { cx: x, cy: y, r: isChoice ? 9 : 13, fill: item.walked || item.kind === 'root' ? item.color : '#ffffff', stroke: item.color, strokeWidth: 4 }), (0, jsx_runtime_1.jsxs)("text", { x: x + (isChoice ? 22 : 26), y: y + 9, fontSize: isChoice ? 27 : 29, fontWeight: item.walked || item.kind === 'root' ? 900 : 600, fill: item.walked ? item.color : 'currentColor', opacity: item.walked || item.kind === 'root' ? 1 : 0.82, children: [item.label.length > 14 ? item.label.slice(0, 14) + '…' : item.label, item.isDefault ? '（默认）' : ''] })] }, 'node-' + item.id));
+                        })] })), !flat && (data.choices ?? []).map((choice, index) => ((0, jsx_runtime_1.jsxs)("div", { style: { marginTop: index === 0 ? 30 : 18, fontSize: 36, fontWeight: 800 }, children: [choice.label, " ", choice.text, choice.isDefault ? '（默认）' : ''] }, choice.label + index))), (data.truncated || graph?.truncated) && ((0, jsx_runtime_1.jsx)("div", { style: { marginTop: 26, fontSize: 25, fontWeight: 600, opacity: 0.55 }, children: "\u5267\u60C5\u592A\u957F\uFF0C\u56FE\u4E0A\u53EA\u753B\u4E86\u524D\u534A\u90E8\u5206\u5206\u652F" })), (0, jsx_runtime_1.jsxs)("div", { style: { marginTop: 22, display: 'flex', alignItems: 'center', gap: 14, fontSize: 25, fontWeight: 600, opacity: 0.52 }, children: [(0, jsx_runtime_1.jsx)("span", { style: { display: 'inline-block', width: 26, height: 5, borderRadius: 999, background: BILI_BLUE } }), "\u9AD8\u4EAE\u7684\u662F\u4F60\u5DF2\u7ECF\u8D70\u8FC7\u7684\u8DEF"] }), data.notice && ((0, jsx_runtime_1.jsx)("div", { style: { marginTop: 18, borderRadius: 20, padding: '16px 28px', fontSize: 25, fontWeight: 600, opacity: 0.62, background: 'rgba(127,127,127,0.12)' }, children: data.notice }))] }) }));
+});
+exports.BilibiliInteractive.displayName = 'BilibiliInteractive';

package/lib/ktr/template/bilibili/interactive/components/types.js

@@ -0,0 +1,3 @@
+"use strict";
+/** 互动视频「剧情图」卡片的数据（路由 index.tsx 与 components/ 共用）。 */
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/ktr/template/bilibili/interactive/index.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const template_react_1 = require("../../../../compat/template-react.js");
+const interactive_1 = require("./components/interactive");
+exports.default = (0, template_react_1.defineTemplate)({
+    name: '互动视频剧情图',
+    description: 'B站互动视频的剧情分支与选项',
+    component: interactive_1.BilibiliInteractive,
+    validate: (data) => typeof data === 'object' &&
+        data !== null &&
+        typeof data.title === 'string' &&
+        (data.graph !== undefined || Array.isArray(data.choices))
+});