DemonGatanjieuandClaude Opus 5.5
1d02d5b74d
The page held four unrelated things, so each now lives where it is used: the rail's Prompts entry (and the Ctrl+Shift+L shortcut) opens Prompt Studio beside the canvas, where saved prompts are managed; the browser comes back when the studio closes. Saved node values stay in Current node, which can now delete them; moved whole workflows are no longer offered there twice. Recent results, combos and whole workflows already have their own homes. Deleted ui_materials.js, ui_material_cards.js, ui_material_detail.js, ui_material_application.js (its receipt is ui_apply_receipt.js) and material_feedback.js, the recipe page's copy-to-library buttons and the save_parameter_material route, with about 2,000 lines of CSS and 200 locale keys. Words that said "material library" now say where things go. Material files are untouched. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
286 lines
13 KiB
JavaScript
286 lines
13 KiB
JavaScript
import { composePromptPlan } from './prompt_composition.js';
|
|
import { planPromptFill, typeTakesPrompt } from './prompt_boxes.js';
|
|
import { recordCanvasStep } from './canvas_history.js';
|
|
|
|
// Shared by Current node, Prompt Studio and prompt drops. No node creation or link edits.
|
|
const clone = value => value === undefined ? undefined : JSON.parse(JSON.stringify(value));
|
|
const same = (a, b) => JSON.stringify(a) === JSON.stringify(b);
|
|
|
|
export function selectedMaterialNode(app) {
|
|
const nodes = Object.values(app.canvas?.selected_nodes || {});
|
|
if (nodes.length !== 1 || !nodes[0]) return null;
|
|
const node = nodes[0];
|
|
const graph = app.graph?.getNodeById(node.id) === node ? app.graph : (node.graph || app.canvas?.graph || app.graph);
|
|
return graph?.getNodeById(node.id) === node ? node : null;
|
|
}
|
|
|
|
/** Seeds and the like: values that change on every run and are never applied from a material. */
|
|
export function isVolatileWidget(node, widget, index) {
|
|
return /(^|[_\s-])(seed|noise_seed|random_seed|variation_seed|last_seed)([_\s-]|$)/i.test(widget?.name || '')
|
|
|| (node.type === 'KSampler' && index === 0) || (node.type === 'KSamplerAdvanced' && index === 1);
|
|
}
|
|
|
|
function hashesFor(graph, id) {
|
|
return Object.fromEntries(Object.entries(graph.extra?.anomalous_hashes || {}).filter(([key]) => key.startsWith(`${id}_`)));
|
|
}
|
|
|
|
function replaceHashes(graph, id, records) {
|
|
if (!Object.keys(records).length && !graph.extra?.anomalous_hashes) return;
|
|
graph.extra ||= {};
|
|
graph.extra.anomalous_hashes ||= {};
|
|
for (const key of Object.keys(graph.extra.anomalous_hashes)) if (key.startsWith(`${id}_`)) delete graph.extra.anomalous_hashes[key];
|
|
Object.assign(graph.extra.anomalous_hashes, clone(records));
|
|
}
|
|
|
|
export function applyNodeMaterialValues(app, node, entries, options = {}) {
|
|
const graph = app.graph?.getNodeById(node?.id) === node ? app.graph : (node?.graph || app.canvas?.graph || app.graph);
|
|
if (!node || graph?.getNodeById(node.id) !== node || !Array.isArray(node.widgets)) throw new Error('materialTargetChanged');
|
|
const changes = entries.filter(({ index }) => !isVolatileWidget(node, node.widgets[index], index));
|
|
if (!changes.length) throw new Error('materialNoCompatibleValues');
|
|
for (const { index, value } of changes) {
|
|
const widget = node.widgets[index];
|
|
if (typeof value === 'number' && !Number.isFinite(value)) throw new Error('materialNoCompatibleValues');
|
|
if (!Number.isInteger(index) || !widget || value === undefined) throw new Error('materialNoCompatibleValues');
|
|
const choices = typeof widget.options?.values === 'function' ? widget.options.values() : widget.options?.values;
|
|
if (Array.isArray(choices) && !choices.includes(value)) throw new Error('materialValueUnavailable');
|
|
if (widget.value != null && (typeof widget.value !== typeof value || Array.isArray(widget.value) !== Array.isArray(value))) throw new Error('materialNoCompatibleValues');
|
|
}
|
|
const previous = node.widgets.map(widget => clone(widget.value));
|
|
const serialized = clone(node.widgets_values);
|
|
const hadExtra = Object.hasOwn(graph, 'extra');
|
|
const hadHashes = !!graph.extra && Object.hasOwn(graph.extra, 'anomalous_hashes');
|
|
const oldHashes = clone(hashesFor(graph, node.id));
|
|
const transportsHashes = options.sourceNodeId !== undefined;
|
|
const mapped = {};
|
|
if (transportsHashes) {
|
|
const prefix = `${options.sourceNodeId}_`;
|
|
for (const [key, value] of Object.entries(options.workflowHashes || {})) {
|
|
if (key.startsWith(prefix)) mapped[`${node.id}_${key.slice(prefix.length)}`] = clone(value);
|
|
}
|
|
}
|
|
const notify = () => {
|
|
graph.change?.();
|
|
graph.setDirtyCanvas?.(true, true);
|
|
app.canvas?.setDirty?.(true, true);
|
|
if (typeof globalThis.CustomEvent === 'function') {
|
|
globalThis.window?.dispatchEvent(new CustomEvent('graphChanged'));
|
|
}
|
|
};
|
|
const restore = () => {
|
|
node.widgets.forEach((widget, index) => { widget.value = clone(previous[index]); });
|
|
if (serialized === undefined) delete node.widgets_values;
|
|
else node.widgets_values = clone(serialized);
|
|
if (transportsHashes) {
|
|
replaceHashes(graph, node.id, oldHashes);
|
|
if (!hadHashes && graph.extra?.anomalous_hashes && !Object.keys(graph.extra.anomalous_hashes).length) delete graph.extra.anomalous_hashes;
|
|
if (!hadExtra && graph.extra && !Object.keys(graph.extra).length) delete graph.extra;
|
|
}
|
|
};
|
|
graph.beforeChange?.();
|
|
try {
|
|
for (const { index, value } of changes) {
|
|
const widget = node.widgets[index];
|
|
widget.value = clone(value);
|
|
if (Array.isArray(node.widgets_values)) node.widgets_values[index] = clone(value);
|
|
widget.callback?.call(widget, widget.value, app.canvas, node);
|
|
node.onWidgetChanged?.(widget.name, widget.value, previous[index], widget);
|
|
}
|
|
if (transportsHashes) replaceHashes(graph, node.id, mapped);
|
|
notify();
|
|
} catch (error) {
|
|
restore();
|
|
notify();
|
|
throw error;
|
|
} finally { graph.afterChange?.(); }
|
|
// `record: false`: the caller makes one Ctrl+Z step of several writes.
|
|
if (options.record !== false) recordCanvasStep(app);
|
|
const appliedSerialized = clone(node.widgets_values);
|
|
const applied = node.widgets.map(widget => clone(widget.value));
|
|
const appliedHashes = clone(hashesFor(graph, node.id));
|
|
let undone = false;
|
|
return {
|
|
widgets: changes.length,
|
|
undo() {
|
|
if (undone || app.graph !== graph || graph.getNodeById(node.id) !== node
|
|
|| !same(node.widgets.map(widget => widget.value), applied)
|
|
|| !same(node.widgets_values, appliedSerialized)
|
|
|| !same(hashesFor(graph, node.id), appliedHashes)) throw new Error('materialUndoChanged');
|
|
graph.beforeChange?.();
|
|
try { restore(); notify(); undone = true; }
|
|
finally { graph.afterChange?.(); }
|
|
if (options.record !== false) recordCanvasStep(app);
|
|
},
|
|
};
|
|
}
|
|
|
|
export const MODEL_EXTENSIONS_REGEX = /\.(safetensors|ckpt|pt|bin|pth|sft|onnx|engine|gguf)$/i;
|
|
|
|
export function isModelFilePath(value) {
|
|
if (typeof value !== 'string') return false;
|
|
const trimmed = value.trim();
|
|
if (!trimmed) return false;
|
|
const lines = trimmed.split(/[\r\n]+/).map(s => s.trim()).filter(Boolean);
|
|
return lines.length > 0 && lines.every(line => MODEL_EXTENSIONS_REGEX.test(line));
|
|
}
|
|
|
|
export function sanitizePromptText(value) {
|
|
if (typeof value !== 'string') return '';
|
|
const trimmed = value.trim();
|
|
if (!trimmed || isModelFilePath(trimmed)) return '';
|
|
return trimmed;
|
|
}
|
|
|
|
export function formatPromptEnvelope(res = {}) {
|
|
const positive = (res.positive || '').trim();
|
|
const negative = (res.negative || '').trim();
|
|
const singleText = (res.singleText || '').trim();
|
|
const primaryRole = res.primaryRole || 'none';
|
|
const hasPrompt = Boolean(positive || negative || singleText);
|
|
return {
|
|
hasPrompt,
|
|
positive,
|
|
negative,
|
|
singleText,
|
|
primaryRole,
|
|
};
|
|
}
|
|
|
|
function extractFromPlan(payload, data) {
|
|
if (data.kind === 'prompt_plan' || payload.kind === 'prompt_plan' || data.plan || payload.plan) {
|
|
const plan = data.plan || payload.plan || {};
|
|
const composed = composePromptPlan(plan);
|
|
const pos = sanitizePromptText(composed.positive);
|
|
const neg = sanitizePromptText(composed.negative);
|
|
if (pos && neg) return { positive: pos, negative: neg, singleText: pos, primaryRole: 'both' };
|
|
if (pos) return { positive: pos, negative: '', singleText: pos, primaryRole: 'positive' };
|
|
if (neg) return { positive: '', negative: neg, singleText: neg, primaryRole: 'negative' };
|
|
}
|
|
return null;
|
|
}
|
|
|
|
function extractFromNote(payload, data) {
|
|
const note = data.note || payload.note;
|
|
if (!note) return null;
|
|
const isZh = typeof window !== 'undefined' && window.anomalous_browser_lang === 'zh';
|
|
const raw = (isZh && note.promptZh) ? note.promptZh : (note.promptEn || note.promptZh || '');
|
|
const txt = sanitizePromptText(raw);
|
|
if (!txt) return null;
|
|
|
|
const lowerName = String(payload.name || note.title || '').toLowerCase();
|
|
const tags = Array.isArray(payload.tags) ? payload.tags.map(t => String(t).toLowerCase()) : [];
|
|
const isNeg = lowerName.includes('negative') || lowerName.includes('负向') || lowerName.includes('反向')
|
|
|| tags.some(t => t.includes('negative') || t.includes('负向') || t.includes('反向'));
|
|
return isNeg
|
|
? { positive: '', negative: txt, singleText: txt, primaryRole: 'negative' }
|
|
: { positive: txt, negative: '', singleText: txt, primaryRole: 'positive' };
|
|
}
|
|
|
|
function extractFromPromptGroups(payload) {
|
|
const groups = payload.prompt_groups;
|
|
if (!groups || typeof groups !== 'object') return null;
|
|
|
|
const pgPos = (Array.isArray(groups.positive) ? groups.positive : [])
|
|
.map(sanitizePromptText)
|
|
.filter(Boolean)
|
|
.join('\n\n');
|
|
const pgNeg = (Array.isArray(groups.negative) ? groups.negative : [])
|
|
.map(sanitizePromptText)
|
|
.filter(Boolean)
|
|
.join('\n\n');
|
|
|
|
if (pgPos && pgNeg) return { positive: pgPos, negative: pgNeg, singleText: pgPos, primaryRole: 'both' };
|
|
if (pgPos) return { positive: pgPos, negative: '', singleText: pgPos, primaryRole: 'positive' };
|
|
if (pgNeg) return { positive: '', negative: pgNeg, singleText: pgNeg, primaryRole: 'negative' };
|
|
return null;
|
|
}
|
|
|
|
function extractFromNodeBlocks(payload) {
|
|
const blocks = payload.node_blocks;
|
|
if (!Array.isArray(blocks) || blocks.length === 0) return null;
|
|
|
|
const promptRoles = payload.prompt_roles;
|
|
const posList = [];
|
|
const negList = [];
|
|
|
|
for (const block of blocks) {
|
|
if (!block) continue;
|
|
const blockType = String(block.type || '').toLowerCase();
|
|
const role = promptRoles?.[String(block.node_id)]?.role || block.promptRole;
|
|
const isExplicitPrompt = role === 'positive' || role === 'negative' || role === 'both';
|
|
const isPromptType = typeTakesPrompt(block.type);
|
|
|
|
if (!isExplicitPrompt && !isPromptType) continue;
|
|
|
|
const widgetValues = Array.isArray(block.widgets_values) ? block.widgets_values : [];
|
|
for (const val of widgetValues) {
|
|
const str = sanitizePromptText(val);
|
|
if (!str) continue;
|
|
|
|
if (role === 'negative') {
|
|
negList.push(str);
|
|
} else if (role === 'positive') {
|
|
posList.push(str);
|
|
} else if (role === 'both') {
|
|
posList.push(str);
|
|
negList.push(str);
|
|
} else {
|
|
const blockTitle = String(block.title || block.type || '').toLowerCase();
|
|
if (/negative|负向|反向/i.test(blockTitle)) {
|
|
negList.push(str);
|
|
} else if (/positive|正向|正面/i.test(blockTitle) || isPromptType) {
|
|
posList.push(str);
|
|
}
|
|
}
|
|
break;
|
|
}
|
|
}
|
|
|
|
const pos = [...new Set(posList)].join('\n\n');
|
|
const neg = [...new Set(negList)].join('\n\n');
|
|
if (pos && neg) return { positive: pos, negative: neg, singleText: pos, primaryRole: 'both' };
|
|
if (pos) return { positive: pos, negative: '', singleText: pos, primaryRole: 'positive' };
|
|
if (neg) return { positive: '', negative: neg, singleText: neg, primaryRole: 'negative' };
|
|
return null;
|
|
}
|
|
|
|
function extractFromSummary(payload) {
|
|
if (payload.kind === 'prompt_text') {
|
|
const raw = sanitizePromptText(payload.summary || payload.name || '');
|
|
if (raw) return { positive: raw, negative: '', singleText: raw, primaryRole: 'positive' };
|
|
}
|
|
return null;
|
|
}
|
|
|
|
export const PROMPT_EXTRACTORS = [
|
|
extractFromPlan,
|
|
extractFromNote,
|
|
extractFromPromptGroups,
|
|
extractFromNodeBlocks,
|
|
extractFromSummary,
|
|
];
|
|
|
|
export function extractMaterialPromptEnvelope(material, payload = {}) {
|
|
const effectivePayload = (payload && Object.keys(payload).length > 0) ? payload : (material || {});
|
|
const data = effectivePayload.data || effectivePayload;
|
|
|
|
for (const extractor of PROMPT_EXTRACTORS) {
|
|
const result = extractor(effectivePayload, data);
|
|
if (result && result.primaryRole !== 'none') {
|
|
return formatPromptEnvelope(result);
|
|
}
|
|
}
|
|
|
|
return formatPromptEnvelope();
|
|
}
|
|
|
|
/**
|
|
* Writes an envelope's prompt text into `node`'s prompt boxes (prompt_boxes.js decides
|
|
* which box takes which text); `box`, one of the node's boxes, limits it to that box.
|
|
*/
|
|
export function fillPrompt(app, node, envelope, box = null, options = {}) {
|
|
if (!node || !envelope?.hasPrompt) throw new Error('materialNoCompatibleValues');
|
|
const entries = planPromptFill(node, envelope, box);
|
|
if (!entries.length) throw new Error('materialNoCompatibleValues');
|
|
return applyNodeMaterialValues(app, node, entries.map(({ index, value }) => ({ index, value })), options);
|
|
}
|