Max Richter
8865b9b032
All checks were successful
🚀 Lint & Test & Deploy / release (pull_request) Successful in 4m1s
61 lines
1.6 KiB
Svelte
61 lines
1.6 KiB
Svelte
<script lang="ts">
|
|
import type { NodeInput, NodeInstance } from '@nodarium/types';
|
|
import { Input } from '@nodarium/ui';
|
|
import type { GraphManager } from '../graph-manager.svelte';
|
|
|
|
type Props = {
|
|
node: NodeInstance;
|
|
input: NodeInput;
|
|
id: string;
|
|
elementId?: string;
|
|
graph?: GraphManager;
|
|
};
|
|
|
|
const {
|
|
node = $bindable(),
|
|
input,
|
|
id,
|
|
elementId = `input-${Math.random().toString(36).substring(7)}`,
|
|
graph
|
|
}: Props = $props();
|
|
|
|
function getDefaultValue() {
|
|
if (node?.props?.[id] !== undefined) return node?.props?.[id] as number;
|
|
if ('value' in input && input?.value !== undefined) {
|
|
return input?.value as number;
|
|
}
|
|
if (input.type === 'boolean') return 0;
|
|
if (input.type === 'float') return 0.5;
|
|
if (input.type === 'integer') return 0;
|
|
if (input.type === 'select') return 0;
|
|
return 0;
|
|
}
|
|
|
|
let value = $state(structuredClone($state.snapshot(getDefaultValue())));
|
|
|
|
function diffArray(a: number[], b?: number[] | number) {
|
|
if (!Array.isArray(b)) return true;
|
|
if (Array.isArray(a) !== Array.isArray(b)) return true;
|
|
if (a.length !== b.length) return true;
|
|
for (let i = 0; i < a.length; i++) {
|
|
if (a[i] !== b[i]) return true;
|
|
}
|
|
return false;
|
|
}
|
|
|
|
$effect(() => {
|
|
const a = $state.snapshot(value);
|
|
const b = $state.snapshot(node?.props?.[id]);
|
|
const isDiff = Array.isArray(a) ? diffArray(a, b) : a !== b;
|
|
if (value !== undefined && isDiff) {
|
|
node.props = { ...node.props, [id]: a };
|
|
if (graph) {
|
|
graph.save();
|
|
graph.execute();
|
|
}
|
|
}
|
|
});
|
|
</script>
|
|
|
|
<Input id="input-{elementId}" {input} bind:value />
|