nodes/DemonGatanjieu-Anomalous_Model_Browser
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Current node: where saved values came from, their picture, side by side

Browse Source 
Each saved set for the selected node is a card with the picture made with
its values (or the kept picture it came from) and a line per source: a
workflow's parameter set (with how many pictures it made, Open shows that
set), a kept picture (See it), or saved here, with the day. Changes are
drawn: numbers as two bars with an arrow, choices as old -> new; what stays
says why; Show all lists every value. Compare opens the whole workflow
against the canvas. With two sets or more, a side-by-side table (picture on
top of each column, changed values marked, Use N under each).

Backend: materials/by_node_type tells each record's origin, kept picture and
preview; parameters/by_node_type gives each set's signature; new GET
/anomalous/parameter_pictures counts the pictures of many sets in one pass,
reading each picture's signature once per file version.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
DemonGatanjieu
2026-10-11 17:41:23 +08:00
co-authored by Claude Opus 5.5
parent 20ac73a46f
commit 2777d86831
17 changed files with 882 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/modules/node_parameter_sets.js
+61 -19
View File
@@ -2,9 +2,11 @@
* The saved parameters for a node type, as one list: material blocks
* (GET /anomalous/materials/by_node_type) and recipes' parameter sets
* (GET /anomalous/parameters/by_node_type), with the same values saved twice merged into
* one entry that names both sources. For a live node, what an entry would change: every
* differing value, except seeds and how they change after a run, model files (the model
* section changes those) and choices this computer does not have, which stay. No DOM.
* one entry that names both sources, each saying where it came from (a recipe's set with its
* file and values' signature, a kept picture, or values saved in Current node). For a live
* node, what an entry would change: every differing value, except seeds and how they change
* after a run, model files (the model section changes those) and choices this computer does
* not have, which stay. And the recent pictures made with each set's values. No DOM.
*/
import { applyNodeMaterialValues, isModelFilePath, isVolatileWidget } from './node_material_actions.js';
@@ -18,8 +20,11 @@ async function fetchJson(url, signal) {
}
/**
* [{ name, role, timestamp, values, sources: [{ kind: 'material' | 'recipe', label }] }],
* newest first.
* [{ name, role, timestamp, values, sources }], newest first. A source is a material
* { kind: 'material', label, filename, timestamp, origin, image, preview } (origin: how it was
* saved, 'generated_image' or 'canvas_node'; image: the kept picture { filename, subfolder } or
* null; preview: its saved preview's URL or '') or a recipe set { kind: 'recipe', label (the
* recipe), recipeFile, setFile, setName, timestamp, signature }.
*/
export async function loadParameterSets(type, { signal } = {}) {
const query = `type=${encodeURIComponent(type)}`;
@@ -45,7 +50,11 @@ export async function loadParameterSets(type, { signal } = {}) {
name: blocks.length > 1 ? `${material.name} · ${block.title || block.type}` : material.name,
role: block.role || '',
timestamp: material.timestamp || 0,
sources: [{ kind: 'material', label: material.name, filename: material.filename }],
sources: [{
kind: 'material', label: material.name, filename: material.filename, timestamp: material.timestamp || 0,
origin: material.origin || '', image: material.source_image?.filename ? material.source_image : null,
preview: material.preview ? `/anomalous/material_asset?${new URLSearchParams({ filename: material.filename, asset: material.preview })}` : '',
}],
});
}
}
@@ -60,7 +69,10 @@ export async function loadParameterSets(type, { signal } = {}) {
name: nodes.length > 1 ? `${notebook.name} · ${node.title}` : notebook.name,
role: node.role || '',
timestamp: notebook.timestamp || 0,
sources: [{ kind: 'recipe', label: recipe }],
sources: [{
kind: 'recipe', label: recipe, recipeFile: group.recipe_filename, setFile: notebook.filename || '',
setName: notebook.name || '', timestamp: notebook.timestamp || 0, signature: notebook.signature || '',
}],
});
}
}
@@ -68,23 +80,53 @@ export async function loadParameterSets(type, { signal } = {}) {
return [...entries.values()].sort((a, b) => b.timestamp - a.timestamp);
}
/**
* Every value of `values` for `node`: [{ index, label, from, to, status }], status being
* 'change' (put in), 'same', or why the value stays: 'seed' | 'model' | 'missing'. Values of
* another type than the node's input there are left out.
*/
export function parameterRows(node, values) {
const rows = [];
values.forEach((to, index) => {
const widget = node.widgets?.[index];
if (!widget || to === undefined || to === null) return;
if (widget.value != null && typeof widget.value !== typeof to) return; // not the same input
const label = widget.label || widget.name || `#${index}`;
if (same(widget.value, to)) {
rows.push({ index, label, from: widget.value, to, status: 'same' });
return;
}
const choices = Array.isArray(widget.options?.values) ? widget.options.values : null;
const status = isVolatileWidget(node, widget, index) || widget.name === 'control_after_generate' ? 'seed'
: isModelFilePath(to) || isModelFilePath(widget.value) ? 'model'
: choices && !choices.includes(to) ? 'missing' : 'change';
rows.push({ index, label, from: widget.value, to, status });
});
return rows;
}
/**
* What putting `values` into `node` would change: [{ index, label, from, to, keep }], keep
* being '' for a change that is made, or why the value stays: 'seed' | 'model' | 'missing'.
*/
export function parameterChanges(node, values) {
const changes = [];
values.forEach((to, index) => {
const widget = node.widgets?.[index];
if (!widget || to === undefined || to === null || same(widget.value, to)) return;
if (widget.value != null && typeof widget.value !== typeof to) return; // not the same input
const choices = Array.isArray(widget.options?.values) ? widget.options.values : null;
const keep = isVolatileWidget(node, widget, index) || widget.name === 'control_after_generate' ? 'seed'
: isModelFilePath(to) || isModelFilePath(widget.value) ? 'model'
: choices && !choices.includes(to) ? 'missing' : '';
changes.push({ index, label: widget.label || widget.name || `#${index}`, from: widget.value, to, keep });
});
return changes;
return parameterRows(node, values).filter(row => row.status !== 'same')
.map(({ index, label, from, to, status }) => ({ index, label, from, to, keep: status === 'change' ? '' : status }));
}
/**
* The recent pictures made with the recipe sets' values among `entries` (one pass over the
* outputs): { signature: { count, newest: { filename, subfolder } } }; {} when none or unreadable.
*/
export async function loadSetPictures(entries, { signal } = {}) {
const signatures = [...new Set(entries.flatMap(entry => entry.sources.map(source => source.signature)).filter(Boolean))].slice(0, 64);
if (!signatures.length) return {};
try {
const data = await fetchJson(`/anomalous/parameter_pictures?signatures=${signatures.join(',')}`, signal);
return data.pictures || {};
} catch {
return {};
}
}
/** Puts the changes that are made into the node; the undoable result of node_material_actions. */