6a7605ec33
* fix(media): 对象存储参考素材 - 协议支持 URL 时优先发送签名链接 开启对象存储后，支持 URL 的上游协议优先发送 OSS/COS/七牛/S3 签名链接；必须传字节的协议仍走 Base64 或 multipart。本地资源回退字节，签发失败直接报错，不自动重发生成。 * fix(canvas): 图片引用清理 - 取消引用时同步移除提示词引用
331 lines
16 KiB
TypeScript
331 lines
16 KiB
TypeScript
import { imageReferenceLabel } from "@/lib/image-reference-prompt";
|
||
import { canvasNodeVideoPreviewUrl, canvasVideoAssetPreviewUrl } from "@/lib/canvas/canvas-media-preview";
|
||
import { getNodeResourceKind } from "@/lib/canvas/node-registry";
|
||
import { seedanceReferenceLabel } from "@/lib/seedance-video";
|
||
import type { Skill } from "@/services/api/skills";
|
||
import type { Asset, AssetCategory } from "@/stores/use-asset-store";
|
||
import { CanvasNodeType, type CanvasConnection, type CanvasNodeData, type CanvasNodeTypeId } from "@/types/canvas";
|
||
|
||
export type CanvasResourceKind = "image" | "video" | "audio" | "text" | "skill" | "character";
|
||
|
||
export type CanvasResourceReference = {
|
||
id: string;
|
||
nodeId: string;
|
||
kind: CanvasResourceKind;
|
||
label: string;
|
||
title: string;
|
||
previewUrl?: string;
|
||
/** 仅素材库视频在没有静态封面时使用的首帧回退源。 */
|
||
mediaUrl?: string;
|
||
storageKey?: string;
|
||
/** 视频首帧是独立的图片资源，不能用视频 storageKey 解析。 */
|
||
previewStorageKey?: string;
|
||
text?: string;
|
||
active: boolean;
|
||
sourceType?: CanvasNodeTypeId;
|
||
skill?: Skill;
|
||
assetId?: string;
|
||
category?: AssetCategory;
|
||
mentionToken?: string;
|
||
};
|
||
|
||
export function canvasSkillMentionToken(skillId: string) {
|
||
return `@[skill:${skillId}]`;
|
||
}
|
||
|
||
export function canvasNodeMentionToken(nodeId: string) {
|
||
return `@[node:${nodeId}]`;
|
||
}
|
||
|
||
export function canvasResourceMentionToken(reference: CanvasResourceReference) {
|
||
if (reference.mentionToken) return reference.mentionToken;
|
||
if (reference.kind === "skill" && reference.skill?.skill_id) return canvasSkillMentionToken(reference.skill.skill_id);
|
||
if (reference.assetId) return `@[asset:${reference.assetId}]`;
|
||
return `@${reference.label}`;
|
||
}
|
||
|
||
export function normalizeCanvasNodeMentionTokens(prompt: string, references: CanvasResourceReference[]) {
|
||
return references.reduce((value, reference) => {
|
||
if (!reference.nodeId || reference.assetId || reference.kind === "skill") return value;
|
||
return value.split(canvasNodeMentionToken(reference.nodeId)).join(`@${reference.label}`);
|
||
}, prompt);
|
||
}
|
||
|
||
const CANVAS_RESOURCE_MENTION_BOUNDARY = /(?:$|\s|[,.!?;:，。！？；：、)\]}】）])/;
|
||
|
||
function canvasResourceReferenceMentionTokens(reference: CanvasResourceReference) {
|
||
const tokens = [canvasResourceMentionToken(reference), `@${reference.label}`];
|
||
if (reference.nodeId && !reference.assetId && reference.kind !== "skill") tokens.push(canvasNodeMentionToken(reference.nodeId));
|
||
return [...new Set(tokens.filter(Boolean))];
|
||
}
|
||
|
||
function removeCanvasResourceReferenceTokens(prompt: string, references: CanvasResourceReference[]) {
|
||
return compactRemovedCanvasMentionPrompt(references.reduce((value, reference) => {
|
||
let next = value;
|
||
for (const token of canvasResourceReferenceMentionTokens(reference)) {
|
||
next = removeCanvasMentionToken(next, token);
|
||
}
|
||
return next;
|
||
}, prompt));
|
||
}
|
||
|
||
function rewriteCanvasPromptAfterReferenceChange(prompt: string, previousReferences: CanvasResourceReference[], nextReferences: CanvasResourceReference[]) {
|
||
const previousCanvasReferences = canvasNodeBoundReferences(previousReferences);
|
||
const nextCanvasReferences = canvasNodeBoundReferences(nextReferences);
|
||
if (!previousCanvasReferences.length || !canvasReferenceIdentityChanged(previousCanvasReferences, nextCanvasReferences)) return prompt;
|
||
|
||
const nextByNodeId = new Map(nextCanvasReferences.map((reference) => [reference.nodeId, reference]));
|
||
let value = prompt;
|
||
previousCanvasReferences.forEach((reference) => {
|
||
const nodeToken = canvasNodeMentionToken(reference.nodeId);
|
||
canvasResourceReferenceMentionTokens(reference).forEach((token) => {
|
||
if (token !== nodeToken) value = replaceCanvasMentionToken(value, token, nodeToken);
|
||
});
|
||
});
|
||
previousCanvasReferences.filter((reference) => !nextByNodeId.has(reference.nodeId)).forEach((reference) => {
|
||
value = removeCanvasMentionToken(value, canvasNodeMentionToken(reference.nodeId));
|
||
});
|
||
value = normalizeCanvasNodeMentionTokens(value, nextCanvasReferences);
|
||
return value === prompt ? prompt : compactRemovedCanvasMentionPrompt(value);
|
||
}
|
||
|
||
export function applyCanvasConnectionPromptSync(previousNodes: CanvasNodeData[], previousConnections: CanvasConnection[], nextNodes: CanvasNodeData[], nextConnections: CanvasConnection[]) {
|
||
const previousMap = buildCanvasNodeMentionReferenceMap(previousNodes, previousConnections, nextNodes);
|
||
const nextMap = buildCanvasNodeMentionReferenceMap(nextNodes, nextConnections, nextNodes);
|
||
let changed = false;
|
||
const mapped = nextNodes.map((node) => {
|
||
const previousPrompt = node.metadata?.composerContent ?? node.metadata?.prompt ?? "";
|
||
const nextPrompt = rewriteCanvasPromptAfterReferenceChange(previousPrompt, previousMap.get(node.id) || [], nextMap.get(node.id) || []);
|
||
if (nextPrompt === previousPrompt) return node;
|
||
changed = true;
|
||
return writeCanvasNodePrompt(node, nextPrompt);
|
||
});
|
||
return changed ? mapped : nextNodes;
|
||
}
|
||
|
||
function canvasNodeBoundReferences(references: CanvasResourceReference[]) {
|
||
return references.filter((reference) => reference.nodeId && !reference.assetId && reference.kind !== "skill");
|
||
}
|
||
|
||
function canvasReferenceIdentityChanged(previousReferences: CanvasResourceReference[], nextReferences: CanvasResourceReference[]) {
|
||
if (previousReferences.length !== nextReferences.length) return true;
|
||
const nextLabelByNodeId = new Map(nextReferences.map((reference) => [reference.nodeId, reference.label]));
|
||
return previousReferences.some((reference) => nextLabelByNodeId.get(reference.nodeId) !== reference.label);
|
||
}
|
||
|
||
function writeCanvasNodePrompt(node: CanvasNodeData, prompt: string) {
|
||
const hasExistingContent = (node.type === CanvasNodeType.Text && Boolean(node.metadata?.content?.trim())) || (node.type === CanvasNodeType.Image && Boolean(node.metadata?.content));
|
||
const promptTemplateMetadata = node.metadata?.promptTemplateOperation
|
||
? { promptTemplateOperation: undefined, promptTemplateVariables: undefined }
|
||
: {};
|
||
return {
|
||
...node,
|
||
metadata: hasExistingContent
|
||
? { ...node.metadata, ...promptTemplateMetadata, composerContent: prompt }
|
||
: { ...node.metadata, ...promptTemplateMetadata, prompt, composerContent: prompt },
|
||
};
|
||
}
|
||
|
||
function removeCanvasMentionToken(value: string, token: string) {
|
||
return replaceCanvasMentionToken(value, token, "");
|
||
}
|
||
|
||
function replaceCanvasMentionToken(value: string, token: string, replacement: string) {
|
||
if (!token) return value;
|
||
const escapedToken = token.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
|
||
return value.replace(new RegExp(`${escapedToken}(?=${CANVAS_RESOURCE_MENTION_BOUNDARY.source})`, "gu"), replacement);
|
||
}
|
||
|
||
function compactRemovedCanvasMentionPrompt(value: string) {
|
||
return value
|
||
.replace(/[ \t]+\n/g, "\n")
|
||
.replace(/\n{3,}/g, "\n\n")
|
||
.replace(/[ \t]{2,}/g, " ")
|
||
.replace(/^[ \t]+|[ \t]+$/g, "")
|
||
.replace(/^\n+|\n+$/g, "");
|
||
}
|
||
|
||
export function buildAssetMentionReferences(assets: Asset[]): CanvasResourceReference[] {
|
||
return assets.flatMap((asset): CanvasResourceReference[] => {
|
||
if (asset.kind === "model") return [];
|
||
const kind: CanvasResourceKind = asset.kind === "entity" ? "character" : asset.kind;
|
||
const previewUrl = asset.kind === "image" ? asset.data.dataUrl : asset.kind === "video" ? canvasVideoAssetPreviewUrl(asset.data.url, asset.coverUrl) : asset.coverUrl;
|
||
const text = asset.kind === "text" ? asset.data.content : undefined;
|
||
return [{
|
||
id: `asset:${asset.id}`,
|
||
nodeId: "",
|
||
assetId: asset.id,
|
||
kind,
|
||
label: asset.title,
|
||
title: asset.title,
|
||
previewUrl,
|
||
mediaUrl: asset.kind === "video" && !previewUrl ? asset.data.url : undefined,
|
||
storageKey: "storageKey" in asset.data ? asset.data.storageKey : undefined,
|
||
text,
|
||
active: false,
|
||
category: asset.category || "other",
|
||
}];
|
||
});
|
||
}
|
||
|
||
export function buildCanvasResourceReferences(nodes: CanvasNodeData[], connections: CanvasConnection[], contextNodeId?: string | null, targetNodes?: CanvasNodeData[]) {
|
||
const contextNodes = contextNodeId ? getMentionResourceNodes(contextNodeId, nodes, connections) : [];
|
||
const sourceNodes = targetNodes ? uniqueCanvasNodes([...targetNodes, ...contextNodes]) : nodes;
|
||
const globalReferences = labelResourceNodes(sourceNodes.filter(isResourceNode), false);
|
||
const activeByNodeId = new Map(labelResourceNodes(contextNodes, true).map((reference) => [reference.nodeId, reference]));
|
||
return globalReferences.map((reference) => activeByNodeId.get(reference.nodeId) || reference);
|
||
}
|
||
|
||
function uniqueCanvasNodes(nodes: CanvasNodeData[]) {
|
||
const seen = new Set<string>();
|
||
return nodes.filter((node) => {
|
||
if (seen.has(node.id)) return false;
|
||
seen.add(node.id);
|
||
return true;
|
||
});
|
||
}
|
||
|
||
export function buildNodeMentionReferences(node: CanvasNodeData, nodes: CanvasNodeData[], connections: CanvasConnection[]) {
|
||
return labelResourceNodes(getMentionResourceNodes(node.id, nodes, connections), true);
|
||
}
|
||
|
||
export function buildCanvasNodeMentionReferenceMap(nodes: CanvasNodeData[], connections: CanvasConnection[], targetNodes: CanvasNodeData[] = nodes) {
|
||
const nodeById = new Map(nodes.map((node) => [node.id, node]));
|
||
const resourceInputsByTargetId = new Map<string, CanvasNodeData[]>();
|
||
const configTargetBySourceId = new Map<string, string>();
|
||
for (const connection of connections) {
|
||
const source = nodeById.get(connection.fromNodeId);
|
||
const target = nodeById.get(connection.toNodeId);
|
||
if (!source || !target) continue;
|
||
if (isResourceNode(source)) {
|
||
const inputs = resourceInputsByTargetId.get(target.id) || [];
|
||
inputs.push(source);
|
||
resourceInputsByTargetId.set(target.id, inputs);
|
||
}
|
||
if (target.type === CanvasNodeType.Config && !configTargetBySourceId.has(source.id)) {
|
||
configTargetBySourceId.set(source.id, target.id);
|
||
}
|
||
}
|
||
|
||
const referencesByNodeId = new Map<string, CanvasResourceReference[]>();
|
||
for (const node of targetNodes) {
|
||
const configTargetId = configTargetBySourceId.get(node.id);
|
||
const configInputs = configTargetId ? (resourceInputsByTargetId.get(configTargetId) || []).filter((input) => input.id !== node.id) : [];
|
||
const ownInputs = resourceInputsByTargetId.get(node.id) || [];
|
||
const inputs = configInputs.length ? configInputs : ownInputs.length ? ownInputs : isResourceNode(node) ? [node] : [];
|
||
referencesByNodeId.set(node.id, labelResourceNodes(inputs, true));
|
||
}
|
||
return referencesByNodeId;
|
||
}
|
||
|
||
export function buildOrderedCanvasResourceReferences(nodes: CanvasNodeData[], active = true) {
|
||
return labelResourceNodes(nodes.filter(isResourceNode), active);
|
||
}
|
||
|
||
export function getMentionResourceNodes(nodeId: string, nodes: CanvasNodeData[], connections: CanvasConnection[]) {
|
||
const configInputs = getConnectedConfigResourceNodes(nodeId, nodes, connections);
|
||
if (configInputs.length) return configInputs;
|
||
const ownInputs = getContextResourceNodes(nodeId, nodes, connections);
|
||
if (ownInputs.length) return ownInputs;
|
||
const node = nodes.find((item) => item.id === nodeId);
|
||
return node && isResourceNode(node) ? [node] : [];
|
||
}
|
||
|
||
export function getGenerationResourceNodes(nodeId: string, nodes: CanvasNodeData[], connections: CanvasConnection[]) {
|
||
const configInputs = getConnectedConfigResourceNodes(nodeId, nodes, connections);
|
||
if (configInputs.length) return configInputs;
|
||
const ownInputs = getContextResourceNodes(nodeId, nodes, connections);
|
||
if (ownInputs.length) return ownInputs;
|
||
return [];
|
||
}
|
||
|
||
/** 收集节点自身及其上游链路中的视频节点，用于时间线片段导入定位真正的视频源。 */
|
||
export function collectUpstreamVideoNodes(nodeId: string, nodes: CanvasNodeData[], connections: CanvasConnection[]): CanvasNodeData[] {
|
||
const queue = [nodeId];
|
||
const visited = new Set<string>();
|
||
const result: CanvasNodeData[] = [];
|
||
while (queue.length) {
|
||
const currentId = queue.shift()!;
|
||
if (visited.has(currentId)) continue;
|
||
visited.add(currentId);
|
||
const node = nodes.find((item) => item.id === currentId);
|
||
if (node?.type === CanvasNodeType.Video && Boolean(node.metadata?.content || node.metadata?.storageKey)) result.push(node);
|
||
connections.filter((connection) => connection.toNodeId === currentId).forEach((connection) => queue.push(connection.fromNodeId));
|
||
}
|
||
return result;
|
||
}
|
||
|
||
/**
|
||
* 该节点的直接上游素材节点（按连线取 fromNodeId，只保留构成素材的）。
|
||
* 扩展节点经 CanvasNodeGraphContext 复用它，不要另写一份取上游的逻辑。
|
||
*/
|
||
export function getContextResourceNodes(nodeId: string, nodes: CanvasNodeData[], connections: CanvasConnection[]) {
|
||
return connections
|
||
.filter((connection) => connection.toNodeId === nodeId)
|
||
.map((connection) => nodes.find((node) => node.id === connection.fromNodeId))
|
||
.filter((node): node is CanvasNodeData => Boolean(node && isResourceNode(node)));
|
||
}
|
||
|
||
function getConnectedConfigResourceNodes(nodeId: string, nodes: CanvasNodeData[], connections: CanvasConnection[]) {
|
||
const configConnection = connections.find((connection) => connection.fromNodeId === nodeId && nodes.find((node) => node.id === connection.toNodeId)?.type === CanvasNodeType.Config);
|
||
if (!configConnection) return [];
|
||
return getContextResourceNodes(configConnection.toNodeId, nodes, connections).filter((node) => node.id !== nodeId);
|
||
}
|
||
|
||
function labelResourceNodes(nodes: CanvasNodeData[], active: boolean) {
|
||
const counts: Record<CanvasResourceKind, number> = { image: 0, video: 0, audio: 0, text: 0, skill: 0, character: 0 };
|
||
let drawingCount = 0;
|
||
return nodes.flatMap((node): CanvasResourceReference[] => {
|
||
const kind = resourceKind(node);
|
||
if (!kind) return [];
|
||
const index = node.type === CanvasNodeType.Drawing ? drawingCount++ : counts[kind]++;
|
||
const label = node.type === CanvasNodeType.Drawing ? `绘图${index + 1}` : labelForKind(kind, index);
|
||
return [
|
||
{
|
||
id: node.id,
|
||
nodeId: node.id,
|
||
kind,
|
||
label,
|
||
title: node.title || label,
|
||
previewUrl: node.metadata?.workflowKind === "character"
|
||
? node.metadata.characterCoverUrl
|
||
: node.type === CanvasNodeType.Drawing
|
||
? node.metadata?.drawingPreviewUrl
|
||
: node.type === CanvasNodeType.Video
|
||
? canvasNodeVideoPreviewUrl(node)
|
||
: node.metadata?.previewContent || node.metadata?.content,
|
||
storageKey: node.metadata?.storageKey,
|
||
previewStorageKey: node.type === CanvasNodeType.Video ? node.metadata?.videoPreview?.storageKey : undefined,
|
||
text: node.metadata?.workflowKind === "character" ? node.metadata.characterPrompt : node.type === CanvasNodeType.Text ? node.metadata?.content || node.metadata?.prompt : node.type === CanvasNodeType.Skill ? skillResourceText(node) : undefined,
|
||
active,
|
||
sourceType: node.type,
|
||
},
|
||
];
|
||
});
|
||
}
|
||
|
||
function labelForKind(kind: CanvasResourceKind, index: number) {
|
||
if (kind === "character") return `角色${index + 1}`;
|
||
if (kind === "image") return imageReferenceLabel(index);
|
||
if (kind === "video") return seedanceReferenceLabel("video", index);
|
||
if (kind === "audio") return seedanceReferenceLabel("audio", index);
|
||
if (kind === "skill") return `技能${index + 1}`;
|
||
return `文本${index + 1}`;
|
||
}
|
||
|
||
function isResourceNode(node: CanvasNodeData) {
|
||
return Boolean(resourceKind(node));
|
||
}
|
||
|
||
function resourceKind(node: CanvasNodeData): CanvasResourceKind | null {
|
||
// 角色卡是跨类型覆盖：任何节点带上角色元数据都按角色处理，故先于按类型判定。
|
||
if (node.metadata?.workflowKind === "character" && node.metadata.characterAssetId) return "character";
|
||
return getNodeResourceKind(node);
|
||
}
|
||
|
||
function skillResourceText(node: CanvasNodeData) {
|
||
const skill = node.metadata?.skillSnapshot;
|
||
if (!skill) return node.metadata?.content || "";
|
||
return [skill.name, skill.description, skill.template, skill.outputContract].filter(Boolean).join("\n\n");
|
||
}
|