@awesome-flow/noise 0.9.4 → 0.10.0

package/dist/modifiers-BLV074OG.cjs

@@ -0,0 +1,406 @@
+let _awesome_flow_core_layout = require("@awesome-flow/core/layout");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _awesome_flow_core_hooks = require("@awesome-flow/core/hooks");
+let _mantine_core = require("@mantine/core");
+let _tabler_icons_react = require("@tabler/icons-react");
+let _awesome_flow_core_abstract = require("@awesome-flow/core/abstract");
+let _mantine_form = require("@mantine/form");
+let _mantine_hooks = require("@mantine/hooks");
+
+//#region src/nodes/modifiers/noise-abs-node.tsx
+function NoiseAbsNode({ id, selected, data, type }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_awesome_flow_core_layout.NodeContainer, {
+		id,
+		selected,
+		data,
+		type
+	});
+}
+var noise_abs_node_default = (0, react.memo)(NoiseAbsNode);
+
+//#endregion
+//#region src/nodes/modifiers/noise-clamp-node.tsx
+function NoiseClampNode({ id, selected, data, type }) {
+	const [lowerBound, setLowerBound] = (0, react.useState)(data.lowerBound);
+	const [upperBound, setUpperBound] = (0, react.useState)(data.upperBound);
+	const updateNodeData = (0, _awesome_flow_core_hooks.useUpdateNodeData)();
+	(0, react.useEffect)(() => {
+		updateNodeData(id, {
+			lowerBound,
+			upperBound
+		});
+	}, [
+		lowerBound,
+		upperBound,
+		id,
+		updateNodeData
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_awesome_flow_core_layout.NodeContainer, {
+		id,
+		selected,
+		data,
+		type,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.Stack, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mantine_core.Group, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.NumberInput, {
+			size: "xs",
+			w: 100,
+			value: lowerBound,
+			onChange: (e) => setLowerBound(Number(e)),
+			step: .1
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.NumberInput, {
+			size: "xs",
+			w: 100,
+			value: upperBound,
+			onChange: (e) => setUpperBound(Number(e)),
+			step: .1
+		})] }) })
+	});
+}
+var noise_clamp_node_default = (0, react.memo)(NoiseClampNode);
+
+//#endregion
+//#region src/nodes/modifiers/noise-combine-node.tsx
+const options = {
+	add: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconPlus, {}),
+	min: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconChevronLeft, {}),
+	max: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconChevronRight, {}),
+	multiply: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconAsterisk, {}),
+	power: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconChevronUp, {})
+};
+function NoiseCombineNode({ id, selected, data, type }) {
+	const updateNodeData = (0, _awesome_flow_core_hooks.useUpdateNodeData)();
+	const onChange = (0, react.useCallback)((operation) => {
+		updateNodeData(id, { operation });
+	}, [id, updateNodeData]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_awesome_flow_core_layout.NodeContainer, {
+		id,
+		selected,
+		data,
+		type,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_awesome_flow_core_layout.NodeCombobox, {
+			options,
+			selected: data.operation,
+			onChange,
+			width: 150
+		})
+	});
+}
+var noise_combine_node_default = (0, react.memo)(NoiseCombineNode);
+
+//#endregion
+//#region src/nodes/modifiers/noise-curve-node.tsx
+function NoiseCurveNode({ id, selected, data, type }) {
+	const updateNodeData = (0, _awesome_flow_core_hooks.useUpdateNodeData)();
+	const initialValues = (0, react.useMemo)(() => {
+		return data.points?.length ? data.points.map((v) => ({
+			input: v.input,
+			output: v.output,
+			key: (0, _mantine_hooks.randomId)()
+		})) : [
+			1,
+			2,
+			3,
+			4
+		].map(() => ({
+			input: 0,
+			output: 0,
+			key: (0, _mantine_hooks.randomId)()
+		}));
+	}, [data.points]);
+	const [values, setValues] = (0, react.useState)(initialValues);
+	const form = (0, _mantine_form.useForm)({
+		mode: "uncontrolled",
+		initialValues: { points: initialValues },
+		validateInputOnChange: [`points.${_mantine_form.FORM_INDEX}.input`],
+		clearInputErrorOnChange: true,
+		validate: { points: { input: (value, values) => {
+			const counts = {};
+			values.points.forEach((x) => {
+				counts[x.input] = (counts[x.input] || 0) + 1;
+			});
+			return counts[value] > 1;
+		} } },
+		onValuesChange: (0, react.useCallback)((values) => {
+			form.validate();
+			if (form.isValid()) {
+				setValues(values.points);
+				updateNodeData(id, { points: values.points.map((v) => ({
+					input: v.input,
+					output: v.output
+				})) });
+			}
+		}, [id, updateNodeData])
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_awesome_flow_core_layout.NodeContainer, {
+		id,
+		selected,
+		type,
+		data,
+		children: [(0, react.useMemo)(() => values.map((item, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mantine_core.Group, {
+			mt: "xs",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.NumberInput, {
+					size: "xs",
+					w: 100,
+					placeholder: "Input Value",
+					...form.getInputProps(`points.${index}.input`),
+					step: .1
+				}, form.key(`points.${index}.input`)),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.NumberInput, {
+					size: "xs",
+					w: 100,
+					placeholder: "Output Value",
+					...form.getInputProps(`points.${index}.output`),
+					step: .1
+				}, form.key(`points.${index}.output`)),
+				data.state === _awesome_flow_core_abstract.NodeState.edit && values.length > 4 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.ActionIcon, {
+					color: "red",
+					variant: "outline",
+					size: "sm",
+					onClick: () => form.removeListItem("points", index),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconX, { size: "1rem" })
+				})
+			]
+		}, item.key)), [
+			data.state,
+			values,
+			form
+		]), data.state === _awesome_flow_core_abstract.NodeState.edit && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.Space, { h: 10 }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.Button, {
+			variant: "outline",
+			size: "xs",
+			fullWidth: true,
+			onClick: () => form.insertListItem("points", {
+				input: 0,
+				output: 0,
+				key: (0, _mantine_hooks.randomId)()
+			}),
+			children: "Add control point"
+		})] })]
+	});
+}
+var noise_curve_node_default = (0, react.memo)(NoiseCurveNode);
+
+//#endregion
+//#region src/nodes/modifiers/noise-exponent-node.tsx
+function NoiseExponentNode({ id, selected, data, type }) {
+	const [exponent, setExponent] = (0, react.useState)(data.exponent);
+	const updateNodeData = (0, _awesome_flow_core_hooks.useUpdateNodeData)();
+	(0, react.useEffect)(() => {
+		updateNodeData(id, { exponent });
+	}, [
+		id,
+		exponent,
+		updateNodeData
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_awesome_flow_core_layout.NodeContainer, {
+		id,
+		selected,
+		data,
+		type,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.Stack, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mantine_core.Group, { children: ["Exponent:", /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.NumberInput, {
+			size: "xs",
+			value: exponent,
+			onChange: (e) => setExponent(Number(e)),
+			step: .1
+		})] }) })
+	});
+}
+var noise_exponent_node_default = (0, react.memo)(NoiseExponentNode);
+
+//#endregion
+//#region src/nodes/modifiers/noise-invert-node.tsx
+function NoiseInvertNode({ id, selected, data, type }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_awesome_flow_core_layout.NodeContainer, {
+		id,
+		selected,
+		data,
+		type
+	});
+}
+var noise_invert_node_default = (0, react.memo)(NoiseInvertNode);
+
+//#endregion
+//#region src/nodes/modifiers/noise-normalize-node.tsx
+function NoiseNormalizeNode({ id, selected, data, type }) {
+	const [intervalStart, setIntervalStart] = (0, react.useState)(data.intervalStart);
+	const [intervalEnd, setIntervalEnd] = (0, react.useState)(data.intervalEnd);
+	const updateNodeData = (0, _awesome_flow_core_hooks.useUpdateNodeData)();
+	(0, react.useEffect)(() => {
+		updateNodeData(id, {
+			intervalStart,
+			intervalEnd
+		});
+	}, [
+		id,
+		intervalStart,
+		intervalEnd,
+		updateNodeData
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_awesome_flow_core_layout.NodeContainer, {
+		id,
+		selected,
+		data,
+		type,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.Stack, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mantine_core.Group, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.NumberInput, {
+			size: "xs",
+			w: 100,
+			value: intervalStart,
+			onChange: (e) => setIntervalStart(Number(e))
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.NumberInput, {
+			size: "xs",
+			w: 100,
+			value: intervalEnd,
+			onChange: (e) => setIntervalEnd(Number(e))
+		})] }) })
+	});
+}
+var noise_normalize_node_default = (0, react.memo)(NoiseNormalizeNode);
+
+//#endregion
+//#region src/nodes/modifiers/noise-scale-bias-node.tsx
+function NoiseScaleBiasNode({ id, selected, data, type }) {
+	const [scale, setScale] = (0, react.useState)(data.scale);
+	const [bias, setBias] = (0, react.useState)(data.bias);
+	const updateNodeData = (0, _awesome_flow_core_hooks.useUpdateNodeData)();
+	(0, react.useEffect)(() => {
+		updateNodeData(id, {
+			scale,
+			bias
+		});
+	}, [
+		id,
+		scale,
+		bias,
+		updateNodeData
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_awesome_flow_core_layout.NodeContainer, {
+		id,
+		selected,
+		data,
+		type,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mantine_core.Stack, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mantine_core.Group, { children: ["Scale:", /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.NumberInput, {
+			size: "xs",
+			w: 100,
+			value: scale,
+			onChange: (e) => setScale(Number(e)),
+			step: .1
+		})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mantine_core.Group, { children: ["Bias:", /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.NumberInput, {
+			size: "xs",
+			w: 100,
+			value: bias,
+			onChange: (e) => setBias(Number(e)),
+			step: .1
+		})] })] })
+	});
+}
+var noise_scale_bias_node_default = (0, react.memo)(NoiseScaleBiasNode);
+
+//#endregion
+//#region src/nodes/modifiers/noise-terrace-node.tsx
+function NoiseTerraceNode({ id, selected, data, type }) {
+	const updateNodeData = (0, _awesome_flow_core_hooks.useUpdateNodeData)();
+	const form = (0, _mantine_form.useForm)({
+		mode: "uncontrolled",
+		initialValues: { points: (0, react.useMemo)(() => data.points?.length ? data.points.map((v) => ({
+			value: v,
+			key: (0, _mantine_hooks.randomId)()
+		})) : [1, 2].map(() => ({
+			value: 0,
+			key: (0, _mantine_hooks.randomId)()
+		})), [data.points]) },
+		validateInputOnChange: [`points.${_mantine_form.FORM_INDEX}.input`],
+		clearInputErrorOnChange: true
+	});
+	form.watch("points", (values) => {
+		if (form.isValid()) updateNodeData(id, { points: values.value.map((v) => v.value) });
+		form.validate();
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_awesome_flow_core_layout.NodeContainer, {
+		id,
+		selected,
+		type,
+		data,
+		children: [(0, react.useMemo)(() => form.values.points.map((_, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mantine_core.Group, {
+			mt: "xs",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.NumberInput, {
+				size: "xs",
+				placeholder: "Input Value",
+				...form.getInputProps(`points.${index}.value`),
+				step: .1
+			}, form.key(`points.${index}.value`)), data.state === _awesome_flow_core_abstract.NodeState.edit && form.values.points.length > 2 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.ActionIcon, {
+				color: "red",
+				variant: "outline",
+				size: "sm",
+				onClick: () => form.removeListItem("points", index),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconX, { size: "1rem" })
+			})]
+		}, index)), [form, data.state]), data.state === _awesome_flow_core_abstract.NodeState.edit && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.Space, { h: 10 }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.Button, {
+			variant: "outline",
+			size: "xs",
+			fullWidth: true,
+			onClick: () => form.insertListItem("points", {
+				value: 0,
+				key: (0, _mantine_hooks.randomId)()
+			}),
+			children: "Add control point"
+		})] })]
+	}) });
+}
+var noise_terrace_node_default = (0, react.memo)(NoiseTerraceNode);
+
+//#endregion
+Object.defineProperty(exports, 'noise_abs_node_default', {
+  enumerable: true,
+  get: function () {
+    return noise_abs_node_default;
+  }
+});
+Object.defineProperty(exports, 'noise_clamp_node_default', {
+  enumerable: true,
+  get: function () {
+    return noise_clamp_node_default;
+  }
+});
+Object.defineProperty(exports, 'noise_combine_node_default', {
+  enumerable: true,
+  get: function () {
+    return noise_combine_node_default;
+  }
+});
+Object.defineProperty(exports, 'noise_curve_node_default', {
+  enumerable: true,
+  get: function () {
+    return noise_curve_node_default;
+  }
+});
+Object.defineProperty(exports, 'noise_exponent_node_default', {
+  enumerable: true,
+  get: function () {
+    return noise_exponent_node_default;
+  }
+});
+Object.defineProperty(exports, 'noise_invert_node_default', {
+  enumerable: true,
+  get: function () {
+    return noise_invert_node_default;
+  }
+});
+Object.defineProperty(exports, 'noise_normalize_node_default', {
+  enumerable: true,
+  get: function () {
+    return noise_normalize_node_default;
+  }
+});
+Object.defineProperty(exports, 'noise_scale_bias_node_default', {
+  enumerable: true,
+  get: function () {
+    return noise_scale_bias_node_default;
+  }
+});
+Object.defineProperty(exports, 'noise_terrace_node_default', {
+  enumerable: true,
+  get: function () {
+    return noise_terrace_node_default;
+  }
+});
+//# sourceMappingURL=modifiers-BLV074OG.cjs.map

package/dist/modifiers-BLV074OG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modifiers-BLV074OG.cjs","names":["NodeContainer","NodeContainer","Stack","Group","NumberInput","IconPlus","IconChevronLeft","IconChevronRight","IconAsterisk","IconChevronUp","NodeContainer","NodeCombobox","FORM_INDEX","NodeContainer","Group","NumberInput","NodeState","ActionIcon","IconX","Space","Button","NodeContainer","Stack","Group","NumberInput","NodeContainer","NodeContainer","Stack","Group","NumberInput","NodeContainer","Stack","Group","NumberInput","FORM_INDEX","NodeContainer","Group","NumberInput","NodeState","ActionIcon","IconX","Space","Button"],"sources":["../src/nodes/modifiers/noise-abs-node.tsx","../src/nodes/modifiers/noise-clamp-node.tsx","../src/nodes/modifiers/noise-combine-node.tsx","../src/nodes/modifiers/noise-curve-node.tsx","../src/nodes/modifiers/noise-exponent-node.tsx","../src/nodes/modifiers/noise-invert-node.tsx","../src/nodes/modifiers/noise-normalize-node.tsx","../src/nodes/modifiers/noise-scale-bias-node.tsx","../src/nodes/modifiers/noise-terrace-node.tsx"],"sourcesContent":["import { BasicNodeData } from '@awesome-flow/core/abstract';\r\nimport { NodeContainer } from '@awesome-flow/core/layout';\r\nimport { Node, NodeProps } from '@xyflow/react';\r\nimport { memo } from 'react';\r\n\r\nfunction NoiseAbsNode({ id, selected, data, type }: NodeProps<Node<BasicNodeData>>) {\r\n  return <NodeContainer id={id} selected={selected} data={data} type={type} />;\r\n}\r\n\r\nexport default memo(NoiseAbsNode);\r\n","import { useUpdateNodeData } from '@awesome-flow/core/hooks';\r\nimport { NodeContainer } from '@awesome-flow/core/layout';\r\nimport { Group, NumberInput, Stack } from '@mantine/core';\r\nimport { Node, NodeProps } from '@xyflow/react';\r\nimport { memo, useEffect, useState } from 'react';\r\nimport { NodeClampNoiseData } from '../../abstract/node-props';\r\n\r\nfunction NoiseClampNode({ id, selected, data, type }: NodeProps<Node<NodeClampNoiseData>>) {\r\n  const [lowerBound, setLowerBound] = useState(data.lowerBound);\r\n  const [upperBound, setUpperBound] = useState(data.upperBound);\r\n\r\n  const updateNodeData = useUpdateNodeData<NodeClampNoiseData>();\r\n\r\n  useEffect(() => {\r\n    updateNodeData(id, { lowerBound, upperBound });\r\n  }, [lowerBound, upperBound, id, updateNodeData]);\r\n\r\n  return (\r\n    <NodeContainer id={id} selected={selected} data={data} type={type}>\r\n      <Stack>\r\n        <Group>\r\n          <NumberInput size=\"xs\" w={100} value={lowerBound} onChange={(e) => setLowerBound(Number(e))} step={0.1} />\r\n          <NumberInput size=\"xs\" w={100} value={upperBound} onChange={(e) => setUpperBound(Number(e))} step={0.1} />\r\n        </Group>\r\n      </Stack>\r\n    </NodeContainer>\r\n  );\r\n}\r\n\r\nexport default memo(NoiseClampNode);\r\n","import { useUpdateNodeData } from '@awesome-flow/core/hooks';\r\nimport { NodeCombobox, NodeContainer } from '@awesome-flow/core/layout';\r\nimport { IconAsterisk, IconChevronLeft, IconChevronRight, IconChevronUp, IconPlus } from '@tabler/icons-react';\r\nimport { Node, NodeProps } from '@xyflow/react';\r\nimport { memo, ReactNode, useCallback } from 'react';\r\nimport { NodeCombineNoiseData } from '../../abstract/node-props';\r\nimport { NoiseCombineType } from '../../abstract/operations';\r\n\r\nconst options: Record<NoiseCombineType, ReactNode | string> = {\r\n  add: <IconPlus />,\r\n  min: <IconChevronLeft />,\r\n  max: <IconChevronRight />,\r\n  multiply: <IconAsterisk />,\r\n  power: <IconChevronUp />\r\n};\r\n\r\nfunction NoiseCombineNode({ id, selected, data, type }: NodeProps<Node<NodeCombineNoiseData>>) {\r\n  const updateNodeData = useUpdateNodeData<NodeCombineNoiseData>();\r\n\r\n  const onChange = useCallback(\r\n    (operation: NoiseCombineType) => {\r\n      updateNodeData(id, { operation });\r\n    },\r\n    [id, updateNodeData]\r\n  );\r\n\r\n  return (\r\n    <NodeContainer id={id} selected={selected} data={data} type={type}>\r\n      <NodeCombobox options={options} selected={data.operation} onChange={onChange} width={150} />\r\n    </NodeContainer>\r\n  );\r\n}\r\n\r\nexport default memo(NoiseCombineNode);\r\n","import { NodeState } from '@awesome-flow/core/abstract';\r\nimport { useUpdateNodeData } from '@awesome-flow/core/hooks';\r\nimport { NodeContainer } from '@awesome-flow/core/layout';\r\nimport { ActionIcon, Button, Group, NumberInput, Space } from '@mantine/core';\r\nimport { FORM_INDEX, useForm } from '@mantine/form';\r\nimport { randomId } from '@mantine/hooks';\r\nimport { IconX } from '@tabler/icons-react';\r\nimport { Node, NodeProps } from '@xyflow/react';\r\nimport { memo, useCallback, useMemo, useState } from 'react';\r\nimport { ControlPoint, NodeCurveNoiseData } from '../../abstract/node-props';\r\n\r\nfunction NoiseCurveNode({ id, selected, data, type }: NodeProps<Node<NodeCurveNoiseData>>) {\r\n  const updateNodeData = useUpdateNodeData<NodeCurveNoiseData>();\r\n\r\n  const initialValues = useMemo(() => {\r\n    return data.points?.length\r\n      ? data.points.map((v) => ({ input: v.input, output: v.output, key: randomId() }))\r\n      : [1, 2, 3, 4].map(() => ({ input: 0, output: 0, key: randomId() }));\r\n  }, [data.points]);\r\n\r\n  const [values, setValues] = useState(initialValues);\r\n\r\n  const form = useForm<{ points: (ControlPoint & { key: string })[] }>({\r\n    mode: 'uncontrolled',\r\n    initialValues: {\r\n      points: initialValues\r\n    },\r\n    validateInputOnChange: [`points.${FORM_INDEX}.input`],\r\n    clearInputErrorOnChange: true,\r\n    validate: {\r\n      points: {\r\n        input: (value, values) => {\r\n          const counts: Record<number, number> = {};\r\n\r\n          values.points.forEach((x) => {\r\n            counts[x.input] = (counts[x.input] || 0) + 1;\r\n          });\r\n\r\n          return counts[value] > 1;\r\n        }\r\n      }\r\n    },\r\n    onValuesChange: useCallback(\r\n      (values) => {\r\n        form.validate();\r\n\r\n        if (form.isValid()) {\r\n          setValues(values.points);\r\n          updateNodeData(id, { points: values.points.map((v) => ({ input: v.input, output: v.output })) });\r\n        }\r\n      },\r\n      // eslint-disable-next-line react-compiler/react-compiler\r\n      // eslint-disable-next-line react-hooks/exhaustive-deps\r\n      [id, updateNodeData]\r\n    )\r\n  });\r\n\r\n  const fields = useMemo(\r\n    () =>\r\n      values.map((item, index) => (\r\n        <Group mt=\"xs\" key={item.key}>\r\n          <NumberInput\r\n            size=\"xs\"\r\n            w={100}\r\n            placeholder=\"Input Value\"\r\n            key={form.key(`points.${index}.input`)}\r\n            {...form.getInputProps(`points.${index}.input`)}\r\n            step={0.1}\r\n          />\r\n          <NumberInput\r\n            size=\"xs\"\r\n            w={100}\r\n            placeholder=\"Output Value\"\r\n            key={form.key(`points.${index}.output`)}\r\n            {...form.getInputProps(`points.${index}.output`)}\r\n            step={0.1}\r\n          />\r\n          {data.state === NodeState.edit && values.length > 4 && (\r\n            <ActionIcon color=\"red\" variant=\"outline\" size=\"sm\" onClick={() => form.removeListItem('points', index)}>\r\n              <IconX size=\"1rem\" />\r\n            </ActionIcon>\r\n          )}\r\n        </Group>\r\n      )),\r\n    [data.state, values, form]\r\n  );\r\n\r\n  return (\r\n    <NodeContainer id={id} selected={selected} type={type} data={data}>\r\n      {fields}\r\n      {data.state === NodeState.edit && (\r\n        <>\r\n          <Space h={10} />\r\n          <Button\r\n            variant=\"outline\"\r\n            size=\"xs\"\r\n            fullWidth\r\n            onClick={() => form.insertListItem('points', { input: 0, output: 0, key: randomId() })}\r\n          >\r\n            Add control point\r\n          </Button>\r\n        </>\r\n      )}\r\n    </NodeContainer>\r\n  );\r\n}\r\n\r\nexport default memo(NoiseCurveNode);\r\n","import { useUpdateNodeData } from '@awesome-flow/core/hooks';\r\nimport { NodeContainer } from '@awesome-flow/core/layout';\r\nimport { Group, NumberInput, Stack } from '@mantine/core';\r\nimport { Node, NodeProps } from '@xyflow/react';\r\nimport { memo, useEffect, useState } from 'react';\r\nimport { NodeExponentNoiseData } from '../../abstract/node-props';\r\n\r\nfunction NoiseExponentNode({ id, selected, data, type }: NodeProps<Node<NodeExponentNoiseData>>) {\r\n  const [exponent, setExponent] = useState(data.exponent);\r\n\r\n  const updateNodeData = useUpdateNodeData<NodeExponentNoiseData>();\r\n\r\n  useEffect(() => {\r\n    updateNodeData(id, { exponent });\r\n  }, [id, exponent, updateNodeData]);\r\n\r\n  return (\r\n    <NodeContainer id={id} selected={selected} data={data} type={type}>\r\n      <Stack>\r\n        <Group>\r\n          Exponent:\r\n          <NumberInput\r\n            size=\"xs\"\r\n            value={exponent}\r\n            onChange={(e) => setExponent(Number(e))}\r\n            step={0.1}\r\n            // min={1}\r\n          />\r\n        </Group>\r\n      </Stack>\r\n    </NodeContainer>\r\n  );\r\n}\r\n\r\nexport default memo(NoiseExponentNode);\r\n","import { BasicNodeData } from '@awesome-flow/core/abstract';\r\nimport { NodeContainer } from '@awesome-flow/core/layout';\r\nimport { Node, NodeProps } from '@xyflow/react';\r\nimport { memo } from 'react';\r\n\r\nfunction NoiseInvertNode({ id, selected, data, type }: NodeProps<Node<BasicNodeData>>) {\r\n  return <NodeContainer id={id} selected={selected} data={data} type={type} />;\r\n}\r\n\r\nexport default memo(NoiseInvertNode);\r\n","import { useUpdateNodeData } from '@awesome-flow/core/hooks';\r\nimport { NodeContainer } from '@awesome-flow/core/layout';\r\nimport { Group, NumberInput, Stack } from '@mantine/core';\r\nimport { Node, NodeProps } from '@xyflow/react';\r\nimport { memo, useEffect, useState } from 'react';\r\nimport { NodeNormalizeNoiseData } from '../../abstract/node-props';\r\n\r\nfunction NoiseNormalizeNode({ id, selected, data, type }: NodeProps<Node<NodeNormalizeNoiseData>>) {\r\n  const [intervalStart, setIntervalStart] = useState(data.intervalStart);\r\n  const [intervalEnd, setIntervalEnd] = useState(data.intervalEnd);\r\n\r\n  const updateNodeData = useUpdateNodeData<NodeNormalizeNoiseData>();\r\n\r\n  useEffect(() => {\r\n    updateNodeData(id, { intervalStart, intervalEnd });\r\n  }, [id, intervalStart, intervalEnd, updateNodeData]);\r\n\r\n  return (\r\n    <NodeContainer id={id} selected={selected} data={data} type={type}>\r\n      <Stack>\r\n        <Group>\r\n          <NumberInput size=\"xs\" w={100} value={intervalStart} onChange={(e) => setIntervalStart(Number(e))} />\r\n          <NumberInput size=\"xs\" w={100} value={intervalEnd} onChange={(e) => setIntervalEnd(Number(e))} />\r\n        </Group>\r\n      </Stack>\r\n    </NodeContainer>\r\n  );\r\n}\r\n\r\nexport default memo(NoiseNormalizeNode);\r\n","import { useUpdateNodeData } from '@awesome-flow/core/hooks';\r\nimport { NodeContainer } from '@awesome-flow/core/layout';\r\nimport { Group, NumberInput, Stack } from '@mantine/core';\r\nimport { Node, NodeProps } from '@xyflow/react';\r\nimport { memo, useEffect, useState } from 'react';\r\nimport { NodeScaleBiasNoiseData } from '../../abstract/node-props';\r\n\r\nfunction NoiseScaleBiasNode({ id, selected, data, type }: NodeProps<Node<NodeScaleBiasNoiseData>>) {\r\n  const [scale, setScale] = useState(data.scale);\r\n  const [bias, setBias] = useState(data.bias);\r\n\r\n  const updateNodeData = useUpdateNodeData<NodeScaleBiasNoiseData>();\r\n\r\n  useEffect(() => {\r\n    updateNodeData(id, { scale, bias });\r\n  }, [id, scale, bias, updateNodeData]);\r\n\r\n  return (\r\n    <NodeContainer id={id} selected={selected} data={data} type={type}>\r\n      <Stack>\r\n        <Group>\r\n          Scale:\r\n          <NumberInput size=\"xs\" w={100} value={scale} onChange={(e) => setScale(Number(e))} step={0.1} />\r\n        </Group>\r\n        <Group>\r\n          Bias:\r\n          <NumberInput size=\"xs\" w={100} value={bias} onChange={(e) => setBias(Number(e))} step={0.1} />\r\n        </Group>\r\n      </Stack>\r\n    </NodeContainer>\r\n  );\r\n}\r\n\r\nexport default memo(NoiseScaleBiasNode);\r\n","import { NodeState } from '@awesome-flow/core/abstract';\r\nimport { useUpdateNodeData } from '@awesome-flow/core/hooks';\r\nimport { NodeContainer } from '@awesome-flow/core/layout';\r\nimport { ActionIcon, Button, Group, NumberInput, Space } from '@mantine/core';\r\nimport { FORM_INDEX, useForm } from '@mantine/form';\r\nimport { randomId } from '@mantine/hooks';\r\nimport { IconX } from '@tabler/icons-react';\r\nimport { Node, NodeProps } from '@xyflow/react';\r\nimport { memo, useMemo } from 'react';\r\nimport { NodeTerraceNoiseData } from '../../abstract/node-props';\r\n\r\nfunction NoiseTerraceNode({ id, selected, data, type }: NodeProps<Node<NodeTerraceNoiseData>>) {\r\n  const updateNodeData = useUpdateNodeData<NodeTerraceNoiseData>();\r\n\r\n  const initialValues = useMemo(\r\n    () =>\r\n      data.points?.length\r\n        ? data.points.map((v) => ({ value: v, key: randomId() }))\r\n        : [1, 2].map(() => ({ value: 0, key: randomId() })),\r\n    [data.points]\r\n  );\r\n\r\n  const form = useForm<{ points: { value: number; key: string }[] }>({\r\n    mode: 'uncontrolled',\r\n    initialValues: {\r\n      points: initialValues\r\n    },\r\n    validateInputOnChange: [`points.${FORM_INDEX}.input`],\r\n    clearInputErrorOnChange: true\r\n  });\r\n\r\n  form.watch('points', (values) => {\r\n    if (form.isValid()) {\r\n      const points = values.value.map((v) => v.value);\r\n      updateNodeData(id, { points });\r\n    }\r\n\r\n    form.validate();\r\n  });\r\n\r\n  const fields = useMemo(\r\n    () =>\r\n      form.values.points.map((_, index) => (\r\n        <Group mt=\"xs\" key={index}>\r\n          <NumberInput\r\n            size=\"xs\"\r\n            placeholder=\"Input Value\"\r\n            key={form.key(`points.${index}.value`)}\r\n            {...form.getInputProps(`points.${index}.value`)}\r\n            step={0.1}\r\n          />\r\n          {data.state === NodeState.edit && form.values.points.length > 2 && (\r\n            <ActionIcon color=\"red\" variant=\"outline\" size=\"sm\" onClick={() => form.removeListItem('points', index)}>\r\n              <IconX size=\"1rem\" />\r\n            </ActionIcon>\r\n          )}\r\n        </Group>\r\n      )),\r\n    [form, data.state]\r\n  );\r\n\r\n  return (\r\n    <>\r\n      <NodeContainer id={id} selected={selected} type={type} data={data}>\r\n        {fields}\r\n        {data.state === NodeState.edit && (\r\n          <>\r\n            <Space h={10} />\r\n            <Button\r\n              variant=\"outline\"\r\n              size=\"xs\"\r\n              fullWidth\r\n              onClick={() => form.insertListItem('points', { value: 0, key: randomId() })}\r\n            >\r\n              Add control point\r\n            </Button>\r\n          </>\r\n        )}\r\n      </NodeContainer>\r\n    </>\r\n  );\r\n}\r\n\r\nexport default memo(NoiseTerraceNode);\r\n"],"mappings":"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"}