Ewald
50d3ce5a98
- Implement corner pin controls for composition layers - Add functions to handle corner pin normalization and validation - Update composition layer serialization and deserialization to include corner pin data - Modify comp layer rect calculation to support corner pin - Add utility functions for link handling in the graph
32 lines
1.2 KiB
JavaScript
32 lines
1.2 KiB
JavaScript
import { findWidget, setWidgetStringValue } from "../shared/widgets.js";
|
|
import { isNode, syncPreviewWidgets } from "../nodes/preview.js";
|
|
function attachInteractions(node, ctx) {
|
|
if (!isNode(node)) return;
|
|
const st = node.__imageops_state ?? null;
|
|
const root = st?.canvas?.parentElement;
|
|
if (!st || !root || root.dataset.previewInteractiveHooked === "1") return;
|
|
root.dataset.previewInteractiveHooked = "1";
|
|
for (const button of Array.from(root.querySelectorAll("button[data-preview-target]"))) {
|
|
button.addEventListener("click", (event) => {
|
|
event.preventDefault();
|
|
const target = String(button.dataset.previewTarget ?? "auto");
|
|
setWidgetStringValue(findWidget(node, "preview_target"), target);
|
|
syncPreviewWidgets(node);
|
|
st.nativeDirty = true;
|
|
ctx.markCanvasDirty();
|
|
ctx.schedule(node, () => ctx.startLoopIfVideo(node), 0);
|
|
});
|
|
}
|
|
const modeSelect = root.querySelector("select[data-preview-mode]");
|
|
modeSelect?.addEventListener("change", () => {
|
|
setWidgetStringValue(findWidget(node, "mode"), modeSelect.value);
|
|
syncPreviewWidgets(node);
|
|
st.nativeDirty = true;
|
|
ctx.schedule(node, () => ctx.startLoopIfVideo(node), 0);
|
|
});
|
|
syncPreviewWidgets(node);
|
|
}
|
|
export {
|
|
attachInteractions
|
|
};
|