@awesome-flow/noise 0.1.0

package/dist/nodes/transformers/index.js

@@ -0,0 +1,459 @@
+// src/nodes/transformers/noise-displace-node.tsx
+import { NodeContainer, NodeTrackConnections } from "@awesome-flow/core/layout";
+import { useEffect, useMemo } from "react";
+import { useIncomingHandleData, useUpdateNodeComputedData } from "@awesome-flow/core/hooks";
+import { Displace } from "libnoise-ts/module/transformer";
+import { Badge, Stack } from "@mantine/core";
+import { jsx, jsxs } from "react/jsx-runtime";
+function NoiseDisplaceNode({ id, selected, data, type }) {
+  const updateComputedData = useUpdateNodeComputedData();
+  const incomingHandleData = useIncomingHandleData(id, data.handles);
+  const { sourceModule, xModule, yModule, zModule } = useMemo(() => {
+    return {
+      sourceModule: incomingHandleData["source" /* sourceModule */],
+      xModule: incomingHandleData["x-module" /* xModule */],
+      yModule: incomingHandleData["y-module" /* yModule */],
+      zModule: incomingHandleData["z-module" /* zModule */]
+    };
+  }, [incomingHandleData]);
+  useEffect(() => {
+    if (sourceModule && xModule && yModule && zModule) {
+      const module = new Displace(
+        sourceModule[0].module,
+        xModule[0].module,
+        yModule[0].module,
+        zModule[0].module
+      );
+      updateComputedData(id, { module });
+    }
+  }, [id, updateComputedData, sourceModule, xModule, yModule, zModule]);
+  const { sourceColor, xColor, yColor, zColor } = useMemo(() => {
+    return {
+      sourceColor: sourceModule ? "green" : "orange",
+      xColor: xModule ? "green" : "orange",
+      yColor: yModule ? "green" : "orange",
+      zColor: zModule ? "green" : "orange"
+    };
+  }, [sourceModule, xModule, yModule, zModule]);
+  return /* @__PURE__ */ jsxs(NodeContainer, { id, selected, data, type, children: [
+    /* @__PURE__ */ jsxs(Stack, { align: "center", children: [
+      /* @__PURE__ */ jsx(Badge, { color: sourceColor, children: "Source Module" }),
+      /* @__PURE__ */ jsx(Badge, { color: xColor, children: "X Module" }),
+      /* @__PURE__ */ jsx(Badge, { color: yColor, children: "Y Module" }),
+      /* @__PURE__ */ jsx(Badge, { color: zColor, children: "Z Module" })
+    ] }),
+    /* @__PURE__ */ jsx(NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
+  ] });
+}
+var noise_displace_node_default = NoiseDisplaceNode;
+
+// src/nodes/transformers/noise-rotate-point-node.tsx
+import { NodeContainer as NodeContainer2, NodeTrackConnections as NodeTrackConnections2 } from "@awesome-flow/core/layout";
+import { useEffect as useEffect2, useState } from "react";
+import {
+  useIncomingComputedData,
+  useUpdateNodeComputedData as useUpdateNodeComputedData2,
+  useUpdateNodeData
+} from "@awesome-flow/core/hooks";
+import { Group, NumberInput, Stack as Stack2 } from "@mantine/core";
+import { RotatePoint } from "libnoise-ts/module/transformer";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function NoiseRotatePointNode({
+  id,
+  selected,
+  data,
+  type
+}) {
+  const [xAngle, setXAngle] = useState(data.xAngle);
+  const [yAngle, setYAngle] = useState(data.yAngle);
+  const [zAngle, setZAngle] = useState(data.zAngle);
+  const incoming = useIncomingComputedData(id);
+  const updateNodeData = useUpdateNodeData();
+  const updateComputedData = useUpdateNodeComputedData2();
+  useEffect2(() => {
+    if (incoming?.length) {
+      const module = new RotatePoint(incoming[0].module, xAngle, yAngle, zAngle);
+      updateComputedData(id, { module });
+    }
+    updateNodeData(id, { xAngle, yAngle, zAngle });
+  }, [id, updateComputedData, updateNodeData, incoming, xAngle, yAngle, zAngle]);
+  return /* @__PURE__ */ jsxs2(NodeContainer2, { id, selected, data, type, children: [
+    /* @__PURE__ */ jsxs2(Stack2, { children: [
+      /* @__PURE__ */ jsxs2(Group, { children: [
+        "X Angle:",
+        /* @__PURE__ */ jsx2(
+          NumberInput,
+          {
+            size: "xs",
+            w: 100,
+            value: xAngle,
+            onChange: (e) => setXAngle(Number(e)),
+            step: 0.01
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs2(Group, { children: [
+        "Y Angle:",
+        /* @__PURE__ */ jsx2(
+          NumberInput,
+          {
+            size: "xs",
+            w: 100,
+            value: yAngle,
+            onChange: (e) => setYAngle(Number(e)),
+            step: 0.01
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs2(Group, { children: [
+        "Z Angle:",
+        /* @__PURE__ */ jsx2(
+          NumberInput,
+          {
+            size: "xs",
+            w: 100,
+            value: zAngle,
+            onChange: (e) => setZAngle(Number(e)),
+            step: 0.01
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx2(NodeTrackConnections2, { handles: data.handles, nodeId: id, type: "target" })
+  ] });
+}
+var noise_rotate_point_node_default = NoiseRotatePointNode;
+
+// src/nodes/transformers/noise-scale-point-node.tsx
+import { NodeContainer as NodeContainer3, NodeTrackConnections as NodeTrackConnections3 } from "@awesome-flow/core/layout";
+import { useEffect as useEffect3, useState as useState2 } from "react";
+import {
+  useIncomingComputedData as useIncomingComputedData2,
+  useUpdateNodeComputedData as useUpdateNodeComputedData3,
+  useUpdateNodeData as useUpdateNodeData2
+} from "@awesome-flow/core/hooks";
+import { Group as Group2, NumberInput as NumberInput2, Stack as Stack3 } from "@mantine/core";
+import { ScalePoint } from "libnoise-ts/module/transformer";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function NoiseScalePointNode({
+  id,
+  selected,
+  data,
+  type
+}) {
+  const [xScale, setXScale] = useState2(data.xScale);
+  const [yScale, setYScale] = useState2(data.yScale);
+  const [zScale, setZScale] = useState2(data.zScale);
+  const incoming = useIncomingComputedData2(id);
+  const updateNodeData = useUpdateNodeData2();
+  const updateComputedData = useUpdateNodeComputedData3();
+  useEffect3(() => {
+    if (incoming?.length) {
+      const module = new ScalePoint(incoming[0].module, xScale, yScale, zScale);
+      updateComputedData(id, { module });
+    }
+    updateNodeData(id, { xScale, yScale, zScale });
+  }, [id, incoming, updateComputedData, updateNodeData, xScale, yScale, zScale]);
+  return /* @__PURE__ */ jsxs3(NodeContainer3, { id, selected, data, type, children: [
+    /* @__PURE__ */ jsxs3(Stack3, { children: [
+      /* @__PURE__ */ jsxs3(Group2, { children: [
+        "X Scale:",
+        /* @__PURE__ */ jsx3(
+          NumberInput2,
+          {
+            size: "xs",
+            w: 100,
+            value: xScale,
+            onChange: (e) => setXScale(Number(e)),
+            step: 0.01
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs3(Group2, { children: [
+        "Y Scale:",
+        /* @__PURE__ */ jsx3(
+          NumberInput2,
+          {
+            size: "xs",
+            w: 100,
+            value: yScale,
+            onChange: (e) => setYScale(Number(e)),
+            step: 0.01
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs3(Group2, { children: [
+        "Z Scale:",
+        /* @__PURE__ */ jsx3(
+          NumberInput2,
+          {
+            size: "xs",
+            w: 100,
+            value: zScale,
+            onChange: (e) => setZScale(Number(e)),
+            step: 0.01
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx3(NodeTrackConnections3, { handles: data.handles, nodeId: id, type: "target" })
+  ] });
+}
+var noise_scale_point_node_default = NoiseScalePointNode;
+
+// src/nodes/transformers/noise-translate-point-node.tsx
+import { NodeContainer as NodeContainer4, NodeTrackConnections as NodeTrackConnections4 } from "@awesome-flow/core/layout";
+import { useEffect as useEffect4, useState as useState3 } from "react";
+import {
+  useIncomingComputedData as useIncomingComputedData3,
+  useUpdateNodeComputedData as useUpdateNodeComputedData4,
+  useUpdateNodeData as useUpdateNodeData3
+} from "@awesome-flow/core/hooks";
+import { Group as Group3, NumberInput as NumberInput3, Stack as Stack4 } from "@mantine/core";
+import { TranslatePoint } from "libnoise-ts/module/transformer";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function NoiseTranslatePointNode({
+  id,
+  selected,
+  data,
+  type
+}) {
+  const [translateX, setTranslateX] = useState3(data.translateX);
+  const [translateY, setTranslateY] = useState3(data.translateY);
+  const [translateZ, setTranslateZ] = useState3(data.translateZ);
+  const incoming = useIncomingComputedData3(id);
+  const updateNodeData = useUpdateNodeData3();
+  const updateComputedData = useUpdateNodeComputedData4();
+  useEffect4(() => {
+    if (incoming?.length) {
+      const module = new TranslatePoint(incoming[0].module, translateX, translateY, translateZ);
+      updateComputedData(id, { module });
+    }
+    updateNodeData(id, { translateX, translateY, translateZ });
+  }, [id, incoming, translateX, translateY, translateZ, updateComputedData, updateNodeData]);
+  return /* @__PURE__ */ jsxs4(NodeContainer4, { id, selected, data, type, children: [
+    /* @__PURE__ */ jsxs4(Stack4, { children: [
+      /* @__PURE__ */ jsxs4(Group3, { children: [
+        "Translate X:",
+        /* @__PURE__ */ jsx4(
+          NumberInput3,
+          {
+            size: "xs",
+            w: 100,
+            value: translateX,
+            onChange: (e) => setTranslateX(Number(e)),
+            step: 1
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs4(Group3, { children: [
+        "Translate Y:",
+        /* @__PURE__ */ jsx4(
+          NumberInput3,
+          {
+            size: "xs",
+            w: 100,
+            value: translateY,
+            onChange: (e) => setTranslateY(Number(e)),
+            step: 1
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs4(Group3, { children: [
+        "Translate Z:",
+        /* @__PURE__ */ jsx4(
+          NumberInput3,
+          {
+            size: "xs",
+            w: 100,
+            value: translateZ,
+            onChange: (e) => setTranslateZ(Number(e)),
+            step: 1
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx4(NodeTrackConnections4, { handles: data.handles, nodeId: id, type: "target" })
+  ] });
+}
+var noise_translate_point_node_default = NoiseTranslatePointNode;
+
+// src/nodes/transformers/noise-turbulence-node .tsx
+import { NodeContainer as NodeContainer5, NodeTrackConnections as NodeTrackConnections5 } from "@awesome-flow/core/layout";
+import { useCallback as useCallback2, useEffect as useEffect6, useState as useState5 } from "react";
+import { useIncomingComputedData as useIncomingComputedData4, useUpdateNodeComputedData as useUpdateNodeComputedData5 } from "@awesome-flow/core/hooks";
+import { Turbulence } from "libnoise-ts/module/transformer";
+
+// src/layout/node-property-variables.tsx
+import { useIncomingNodeData, useUpdateNodeData as useUpdateNodeData4 } from "@awesome-flow/core/hooks";
+import { useCallback, useEffect as useEffect5, useMemo as useMemo2, useState as useState4 } from "react";
+import { Group as Group4, Stack as Stack5 } from "@mantine/core";
+import { getObjectKeys } from "@awesome-flow/core/utils";
+import { nodeDataPropertyExcept } from "@awesome-flow/core/abstract";
+
+// src/layout/node-value-input.tsx
+import { Input, NumberInput as NumberInput4, Switch } from "@mantine/core";
+import { Fragment, jsx as jsx5 } from "react/jsx-runtime";
+function NodeValueInput({ value, disabled, step, onChange }) {
+  if (value === void 0 || value === null) {
+    return /* @__PURE__ */ jsx5(Fragment, {});
+  }
+  switch (typeof value) {
+    case "boolean": {
+      return /* @__PURE__ */ jsx5(
+        Switch,
+        {
+          checked: value,
+          disabled,
+          onChange: (e) => onChange(e.currentTarget.checked)
+        }
+      );
+    }
+    case "number": {
+      return /* @__PURE__ */ jsx5(NumberInput4, { value, disabled, step, onChange: (e) => onChange(e) });
+    }
+    case "string": {
+      return /* @__PURE__ */ jsx5(
+        Input,
+        {
+          value,
+          disabled,
+          onChange: (e) => onChange(e.currentTarget.value)
+        }
+      );
+    }
+    default:
+      throw new Error(`Unknown input node for value of type: ${typeof value} (${value})`);
+  }
+}
+var node_value_input_default = NodeValueInput;
+
+// src/layout/node-property-input.tsx
+import { Fragment as Fragment2, jsx as jsx6 } from "react/jsx-runtime";
+function NodePropertyInput({ property, onChange }) {
+  if (!property) {
+    return /* @__PURE__ */ jsx6(Fragment2, {});
+  }
+  return /* @__PURE__ */ jsx6(
+    node_value_input_default,
+    {
+      value: property.value,
+      disabled: property.disabled,
+      step: property.step,
+      onChange: (value) => onChange(property.name, value)
+    }
+  );
+}
+var node_property_input_default = NodePropertyInput;
+
+// src/layout/node-property-variables.tsx
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+function NodePropertyVariables({
+  data,
+  nodeId,
+  onPropertiesChange,
+  except = nodeDataPropertyExcept
+}) {
+  const [properties, setProperties] = useState4(() => {
+    const keys = getObjectKeys(data, except);
+    const dataProps = {};
+    for (const key of keys) {
+      dataProps[key] = {
+        name: key,
+        value: data[key]
+      };
+    }
+    return dataProps;
+  });
+  const updateNodeData = useUpdateNodeData4();
+  const incoming = useIncomingNodeData(nodeId);
+  const resetAllDisabled = useCallback(() => {
+    const keys = Object.keys(properties);
+    keys.forEach((k) => {
+      properties[k].disabled = false;
+    });
+    setProperties(properties);
+  }, []);
+  const updatePropertyValue = useCallback((name, value, disabled) => {
+    let property = properties[name];
+    if (property) {
+      property.value = value;
+    } else {
+      property = {
+        name,
+        value
+      };
+    }
+    property.disabled = disabled;
+    setProperties({ ...properties, [name]: property });
+    updateNodeData(nodeId, { [name]: value });
+  }, []);
+  useEffect5(() => {
+    resetAllDisabled();
+    if (incoming?.length) {
+      for (const connection of incoming) {
+        if (connection.property && properties[connection.property.name] !== void 0) {
+          updatePropertyValue(connection.property.name, connection.property.value, true);
+        }
+      }
+    }
+  }, [incoming]);
+  useEffect5(() => {
+    if (onPropertiesChange) {
+      onPropertiesChange(properties);
+    }
+  }, [onPropertiesChange, properties]);
+  const nodes = useMemo2(() => {
+    return Object.keys(properties).map((key) => {
+      const property = properties[key];
+      return /* @__PURE__ */ jsxs5(Group4, { children: [
+        property.name,
+        ":",
+        /* @__PURE__ */ jsx7(node_property_input_default, { property, onChange: updatePropertyValue })
+      ] }, key);
+    });
+  }, [properties, updatePropertyValue]);
+  return /* @__PURE__ */ jsx7(Stack5, { children: nodes });
+}
+var node_property_variables_default = NodePropertyVariables;
+
+// src/nodes/transformers/noise-turbulence-node .tsx
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+function NoiseTurbulenceNode({
+  id,
+  selected,
+  data,
+  type
+}) {
+  const [properties, setProperties] = useState5(null);
+  const incoming = useIncomingComputedData4(id);
+  const updateComputedData = useUpdateNodeComputedData5();
+  const onPropertiesChange = useCallback2((props) => {
+    setProperties(props);
+  }, []);
+  useEffect6(() => {
+    if (incoming?.length) {
+      const module = new Turbulence(
+        incoming[0].module,
+        properties.frequency.value,
+        properties.power.value,
+        properties.roughness.value,
+        properties.seed.value
+      );
+      updateComputedData(id, { module });
+    }
+  }, [id, incoming, properties, updateComputedData]);
+  return /* @__PURE__ */ jsxs6(NodeContainer5, { id, selected, data, type, children: [
+    /* @__PURE__ */ jsx8(node_property_variables_default, { data, nodeId: id, onPropertiesChange }),
+    /* @__PURE__ */ jsx8(NodeTrackConnections5, { handles: data.handles, nodeId: id, type: "target" })
+  ] });
+}
+var noise_turbulence_node_default = NoiseTurbulenceNode;
+export {
+  noise_displace_node_default as NoiseDisplaceNode,
+  noise_rotate_point_node_default as NoiseRotatePointNode,
+  noise_scale_point_node_default as NoiseScalePointNode,
+  noise_translate_point_node_default as NoiseTranslatePointNode,
+  noise_turbulence_node_default as NoiseTurbulenceNode
+};
+//# sourceMappingURL=index.js.map

package/dist/nodes/transformers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/nodes/transformers/noise-displace-node.tsx","../../../src/nodes/transformers/noise-rotate-point-node.tsx","../../../src/nodes/transformers/noise-scale-point-node.tsx","../../../src/nodes/transformers/noise-translate-point-node.tsx","../../../src/nodes/transformers/noise-turbulence-node .tsx","../../../src/layout/node-property-variables.tsx","../../../src/layout/node-value-input.tsx","../../../src/layout/node-property-input.tsx"],"sourcesContent":["import { NodeContainer, NodeTrackConnections } from '@awesome-flow/core/layout';\nimport { Node, NodeProps } from '@xyflow/react';\nimport { useEffect, useMemo } from 'react';\nimport { useIncomingHandleData, useUpdateNodeComputedData } from '@awesome-flow/core/hooks';\nimport { Displace } from 'libnoise-ts/module/transformer';\nimport { Badge, Stack } from '@mantine/core';\nimport { ComputedModuleData, NodeDisplaceNoiseData } from '../../abstract/node-props';\nimport { DisplacementModule } from '../../abstract/handle-types';\n\nfunction NoiseDisplaceNode({ id, selected, data, type }: NodeProps<Node<NodeDisplaceNoiseData>>) {\n  const updateComputedData = useUpdateNodeComputedData<ComputedModuleData>();\n  const incomingHandleData = useIncomingHandleData<ComputedModuleData>(id, data.handles);\n\n  const { sourceModule, xModule, yModule, zModule } = useMemo(() => {\n    return {\n      sourceModule: incomingHandleData[DisplacementModule.sourceModule],\n      xModule: incomingHandleData[DisplacementModule.xModule],\n      yModule: incomingHandleData[DisplacementModule.yModule],\n      zModule: incomingHandleData[DisplacementModule.zModule],\n    };\n  }, [incomingHandleData]);\n\n  useEffect(() => {\n    if (sourceModule && xModule && yModule && zModule) {\n      const module = new Displace(\n        sourceModule[0].module,\n        xModule[0].module,\n        yModule[0].module,\n        zModule[0].module\n      );\n\n      updateComputedData(id, { module });\n    }\n  }, [id, updateComputedData, sourceModule, xModule, yModule, zModule]);\n\n  const { sourceColor, xColor, yColor, zColor } = useMemo(() => {\n    return {\n      sourceColor: sourceModule ? 'green' : 'orange',\n      xColor: xModule ? 'green' : 'orange',\n      yColor: yModule ? 'green' : 'orange',\n      zColor: zModule ? 'green' : 'orange',\n    };\n  }, [sourceModule, xModule, yModule, zModule]);\n\n  return (\n    <NodeContainer id={id} selected={selected} data={data} type={type}>\n      <Stack align=\"center\">\n        <Badge color={sourceColor}>Source Module</Badge>\n        <Badge color={xColor}>X Module</Badge>\n        <Badge color={yColor}>Y Module</Badge>\n        <Badge color={zColor}>Z Module</Badge>\n      </Stack>\n      <NodeTrackConnections handles={data.handles} nodeId={id} type=\"target\" />\n    </NodeContainer>\n  );\n}\n\nexport default NoiseDisplaceNode;\n","import { NodeContainer, NodeTrackConnections } from '@awesome-flow/core/layout';\nimport { Node, NodeProps } from '@xyflow/react';\nimport { useEffect, useState } from 'react';\nimport {\n  useIncomingComputedData,\n  useUpdateNodeComputedData,\n  useUpdateNodeData,\n} from '@awesome-flow/core/hooks';\nimport { Group, NumberInput, Stack } from '@mantine/core';\nimport { RotatePoint } from 'libnoise-ts/module/transformer';\nimport { ComputedModuleData, NodeRotatePointNoiseData } from '../../abstract/node-props';\n\nfunction NoiseRotatePointNode({\n  id,\n  selected,\n  data,\n  type,\n}: NodeProps<Node<NodeRotatePointNoiseData>>) {\n  const [xAngle, setXAngle] = useState(data.xAngle);\n  const [yAngle, setYAngle] = useState(data.yAngle);\n  const [zAngle, setZAngle] = useState(data.zAngle);\n\n  const incoming = useIncomingComputedData<ComputedModuleData>(id);\n\n  const updateNodeData = useUpdateNodeData<NodeRotatePointNoiseData>();\n  const updateComputedData = useUpdateNodeComputedData<ComputedModuleData>();\n\n  useEffect(() => {\n    if (incoming?.length) {\n      const module = new RotatePoint(incoming[0].module, xAngle, yAngle, zAngle);\n      updateComputedData(id, { module });\n    }\n\n    updateNodeData(id, { xAngle, yAngle, zAngle });\n  }, [id, updateComputedData, updateNodeData, incoming, xAngle, yAngle, zAngle]);\n\n  return (\n    <NodeContainer id={id} selected={selected} data={data} type={type}>\n      <Stack>\n        <Group>\n          X Angle:\n          <NumberInput\n            size=\"xs\"\n            w={100}\n            value={xAngle}\n            onChange={(e) => setXAngle(Number(e))}\n            step={0.01}\n          />\n        </Group>\n        <Group>\n          Y Angle:\n          <NumberInput\n            size=\"xs\"\n            w={100}\n            value={yAngle}\n            onChange={(e) => setYAngle(Number(e))}\n            step={0.01}\n          />\n        </Group>\n        <Group>\n          Z Angle:\n          <NumberInput\n            size=\"xs\"\n            w={100}\n            value={zAngle}\n            onChange={(e) => setZAngle(Number(e))}\n            step={0.01}\n          />\n        </Group>\n      </Stack>\n      <NodeTrackConnections handles={data.handles} nodeId={id} type=\"target\" />\n    </NodeContainer>\n  );\n}\n\nexport default NoiseRotatePointNode;\n","import { NodeContainer, NodeTrackConnections } from '@awesome-flow/core/layout';\nimport { Node, NodeProps } from '@xyflow/react';\nimport { useEffect, useState } from 'react';\nimport {\n  useIncomingComputedData,\n  useUpdateNodeComputedData,\n  useUpdateNodeData,\n} from '@awesome-flow/core/hooks';\nimport { Group, NumberInput, Stack } from '@mantine/core';\nimport { ScalePoint } from 'libnoise-ts/module/transformer';\nimport { ComputedModuleData, NodeScalePointNoiseData } from '../../abstract/node-props';\n\nfunction NoiseScalePointNode({\n  id,\n  selected,\n  data,\n  type,\n}: NodeProps<Node<NodeScalePointNoiseData>>) {\n  const [xScale, setXScale] = useState(data.xScale);\n  const [yScale, setYScale] = useState(data.yScale);\n  const [zScale, setZScale] = useState(data.zScale);\n\n  const incoming = useIncomingComputedData<ComputedModuleData>(id);\n\n  const updateNodeData = useUpdateNodeData<NodeScalePointNoiseData>();\n  const updateComputedData = useUpdateNodeComputedData<ComputedModuleData>();\n\n  useEffect(() => {\n    if (incoming?.length) {\n      const module = new ScalePoint(incoming[0].module, xScale, yScale, zScale);\n      updateComputedData(id, { module });\n    }\n\n    updateNodeData(id, { xScale, yScale, zScale });\n  }, [id, incoming, updateComputedData, updateNodeData, xScale, yScale, zScale]);\n\n  return (\n    <NodeContainer id={id} selected={selected} data={data} type={type}>\n      <Stack>\n        <Group>\n          X Scale:\n          <NumberInput\n            size=\"xs\"\n            w={100}\n            value={xScale}\n            onChange={(e) => setXScale(Number(e))}\n            step={0.01}\n          />\n        </Group>\n        <Group>\n          Y Scale:\n          <NumberInput\n            size=\"xs\"\n            w={100}\n            value={yScale}\n            onChange={(e) => setYScale(Number(e))}\n            step={0.01}\n          />\n        </Group>\n        <Group>\n          Z Scale:\n          <NumberInput\n            size=\"xs\"\n            w={100}\n            value={zScale}\n            onChange={(e) => setZScale(Number(e))}\n            step={0.01}\n          />\n        </Group>\n      </Stack>\n      <NodeTrackConnections handles={data.handles} nodeId={id} type=\"target\" />\n    </NodeContainer>\n  );\n}\n\nexport default NoiseScalePointNode;\n","import { NodeContainer, NodeTrackConnections } from '@awesome-flow/core/layout';\nimport { Node, NodeProps } from '@xyflow/react';\nimport { useEffect, useState } from 'react';\nimport {\n  useIncomingComputedData,\n  useUpdateNodeComputedData,\n  useUpdateNodeData,\n} from '@awesome-flow/core/hooks';\nimport { Group, NumberInput, Stack } from '@mantine/core';\nimport { TranslatePoint } from 'libnoise-ts/module/transformer';\nimport { ComputedModuleData, NodeTranslatePointNoiseData } from '../../abstract/node-props';\n\nfunction NoiseTranslatePointNode({\n  id,\n  selected,\n  data,\n  type,\n}: NodeProps<Node<NodeTranslatePointNoiseData>>) {\n  const [translateX, setTranslateX] = useState(data.translateX);\n  const [translateY, setTranslateY] = useState(data.translateY);\n  const [translateZ, setTranslateZ] = useState(data.translateZ);\n\n  const incoming = useIncomingComputedData<ComputedModuleData>(id);\n\n  const updateNodeData = useUpdateNodeData<NodeTranslatePointNoiseData>();\n  const updateComputedData = useUpdateNodeComputedData<ComputedModuleData>();\n\n  useEffect(() => {\n    if (incoming?.length) {\n      const module = new TranslatePoint(incoming[0].module, translateX, translateY, translateZ);\n      updateComputedData(id, { module });\n    }\n\n    updateNodeData(id, { translateX, translateY, translateZ });\n  }, [id, incoming, translateX, translateY, translateZ, updateComputedData, updateNodeData]);\n\n  return (\n    <NodeContainer id={id} selected={selected} data={data} type={type}>\n      <Stack>\n        <Group>\n          Translate X:\n          <NumberInput\n            size=\"xs\"\n            w={100}\n            value={translateX}\n            onChange={(e) => setTranslateX(Number(e))}\n            step={1}\n          />\n        </Group>\n        <Group>\n          Translate Y:\n          <NumberInput\n            size=\"xs\"\n            w={100}\n            value={translateY}\n            onChange={(e) => setTranslateY(Number(e))}\n            step={1}\n          />\n        </Group>\n        <Group>\n          Translate Z:\n          <NumberInput\n            size=\"xs\"\n            w={100}\n            value={translateZ}\n            onChange={(e) => setTranslateZ(Number(e))}\n            step={1}\n          />\n        </Group>\n      </Stack>\n      <NodeTrackConnections handles={data.handles} nodeId={id} type=\"target\" />\n    </NodeContainer>\n  );\n}\n\nexport default NoiseTranslatePointNode;\n","import { NodeContainer, NodeTrackConnections } from '@awesome-flow/core/layout';\nimport { Node, NodeProps } from '@xyflow/react';\nimport { useCallback, useEffect, useState } from 'react';\nimport { useIncomingComputedData, useUpdateNodeComputedData } from '@awesome-flow/core/hooks';\nimport { Turbulence } from 'libnoise-ts/module/transformer';\nimport { ComputedModuleData, NodeTurbulenceNoiseData } from '../../abstract/node-props';\nimport { PropertyValue } from '../../abstract/properties';\nimport NodePropertyVariables from '../../layout/node-property-variables';\n\nfunction NoiseTurbulenceNode({\n  id,\n  selected,\n  data,\n  type,\n}: NodeProps<Node<NodeTurbulenceNoiseData>>) {\n  const [properties, setProperties] = useState(null);\n\n  const incoming = useIncomingComputedData<ComputedModuleData>(id);\n  const updateComputedData = useUpdateNodeComputedData<ComputedModuleData>();\n\n  const onPropertiesChange = useCallback((props: Record<string, PropertyValue<number>>) => {\n    setProperties(props);\n  }, []);\n\n  useEffect(() => {\n    if (incoming?.length) {\n      const module = new Turbulence(\n        incoming[0].module,\n        properties.frequency.value,\n        properties.power.value,\n        properties.roughness.value,\n        properties.seed.value\n      );\n      updateComputedData(id, { module });\n    }\n  }, [id, incoming, properties, updateComputedData]);\n\n  return (\n    <NodeContainer id={id} selected={selected} data={data} type={type}>\n      <NodePropertyVariables data={data} nodeId={id} onPropertiesChange={onPropertiesChange} />\n      <NodeTrackConnections handles={data.handles} nodeId={id} type=\"target\" />\n    </NodeContainer>\n  );\n}\n\nexport default NoiseTurbulenceNode;\n","import { useIncomingNodeData, useUpdateNodeData } from '@awesome-flow/core/hooks';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport { Group, Stack } from '@mantine/core';\nimport { getObjectKeys } from '@awesome-flow/core/utils';\nimport { nodeDataPropertyExcept } from '@awesome-flow/core/abstract';\nimport { NodeVariablePropertyData } from '../abstract/node-props';\nimport { PropertyValue, ValueType } from '../abstract/properties';\nimport NodePropertyInput from './node-property-input';\n\nexport type NodeTrackVariablesProps = {\n  nodeId: string;\n  data: Record<string, any>;\n  except?: Set<string>;\n  onPropertiesChange?: (properties: Record<string, PropertyValue>) => void;\n};\n\nfunction NodePropertyVariables({\n  data,\n  nodeId,\n  onPropertiesChange,\n  except = nodeDataPropertyExcept,\n}: Readonly<NodeTrackVariablesProps>) {\n  const [properties, setProperties] = useState<Record<string, PropertyValue>>(() => {\n    const keys = getObjectKeys(data, except);\n\n    const dataProps = {};\n\n    for (const key of keys) {\n      dataProps[key] = {\n        name: key,\n        value: data[key],\n      } satisfies PropertyValue;\n    }\n\n    return dataProps;\n  });\n\n  const updateNodeData = useUpdateNodeData();\n  const incoming = useIncomingNodeData<NodeVariablePropertyData>(nodeId);\n\n  const resetAllDisabled = useCallback(() => {\n    const keys = Object.keys(properties);\n\n    keys.forEach((k) => {\n      properties[k].disabled = false;\n    });\n\n    setProperties(properties);\n  }, []);\n\n  const updatePropertyValue = useCallback((name: string, value: ValueType, disabled?: boolean) => {\n    let property = properties[name];\n\n    if (property) {\n      property.value = value;\n    } else {\n      property = {\n        name,\n        value,\n      };\n    }\n\n    property.disabled = disabled;\n\n    setProperties({ ...properties, [name]: property });\n    updateNodeData(nodeId, { [name]: value });\n  }, []);\n\n  useEffect(() => {\n    resetAllDisabled();\n\n    if (incoming?.length) {\n      for (const connection of incoming) {\n        if (connection.property && properties[connection.property.name] !== undefined) {\n          updatePropertyValue(connection.property.name, connection.property.value, true);\n        }\n      }\n    }\n  }, [incoming]);\n\n  useEffect(() => {\n    if (onPropertiesChange) {\n      onPropertiesChange(properties);\n    }\n  }, [onPropertiesChange, properties]);\n\n  const nodes = useMemo(() => {\n    return Object.keys(properties).map((key) => {\n      const property = properties[key];\n\n      return (\n        <Group key={key}>\n          {property.name}:<NodePropertyInput property={property} onChange={updatePropertyValue} />\n        </Group>\n      );\n    });\n  }, [properties, updatePropertyValue]);\n\n  return <Stack>{nodes}</Stack>;\n}\n\nexport default NodePropertyVariables;\n","import { Input, NumberInput, Switch } from '@mantine/core';\nimport { ValueType } from '../abstract/properties';\n\nexport type NodeValueInputProps = {\n  value: ValueType;\n  disabled?: boolean;\n  step?: number;\n  onChange: (value: ValueType) => void;\n};\n\nfunction NodeValueInput({ value, disabled, step, onChange }: Readonly<NodeValueInputProps>) {\n  if (value === undefined || value === null) {\n    return <></>;\n  }\n\n  switch (typeof value) {\n    case 'boolean': {\n      return (\n        <Switch\n          checked={value}\n          disabled={disabled}\n          onChange={(e) => onChange(e.currentTarget.checked)}\n        />\n      );\n    }\n\n    case 'number': {\n      return (\n        <NumberInput value={value} disabled={disabled} step={step} onChange={(e) => onChange(e)} />\n      );\n    }\n\n    case 'string': {\n      return (\n        <Input\n          value={value}\n          disabled={disabled}\n          onChange={(e) => onChange(e.currentTarget.value)}\n        />\n      );\n    }\n\n    default:\n      throw new Error(`Unknown input node for value of type: ${typeof value} (${value})`);\n  }\n}\n\nexport default NodeValueInput;\n","import { ValueType, PropertyValue } from '../abstract/properties';\nimport NodeValueInput from './node-value-input';\n\nexport type NodePropertyInputProps = {\n  property: PropertyValue;\n  onChange: (name: string, value: ValueType) => void;\n};\n\nfunction NodePropertyInput({ property, onChange }: Readonly<NodePropertyInputProps>) {\n  if (!property) {\n    return <></>;\n  }\n\n  return (\n    <NodeValueInput\n      value={property.value}\n      disabled={property.disabled}\n      step={property.step}\n      onChange={(value) => onChange(property.name, value)}\n    />\n  );\n}\n\nexport default NodePropertyInput;\n"],"mappings":"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","names":["NodeContainer","NodeTrackConnections","useEffect","useUpdateNodeComputedData","Stack","jsx","jsxs","NodeContainer","NodeTrackConnections","useEffect","useState","useIncomingComputedData","useUpdateNodeComputedData","useUpdateNodeData","Group","NumberInput","Stack","jsx","jsxs","NodeContainer","NodeTrackConnections","useEffect","useState","useIncomingComputedData","useUpdateNodeComputedData","useUpdateNodeData","Group","NumberInput","Stack","jsx","jsxs","NodeContainer","NodeTrackConnections","useCallback","useEffect","useState","useIncomingComputedData","useUpdateNodeComputedData","useUpdateNodeData","useEffect","useMemo","useState","Group","Stack","NumberInput","jsx","Fragment","jsx","jsx","jsxs","useState","useUpdateNodeData","useEffect","useMemo","Group","Stack","jsx","jsxs","useState","useIncomingComputedData","useUpdateNodeComputedData","useCallback","useEffect","NodeContainer","NodeTrackConnections"]}

package/dist/properties-BxwtU6i9.d.cts

@@ -0,0 +1,9 @@
+type ValueType = string | number | boolean;
+type PropertyValue<TValue extends ValueType = ValueType> = {
+    name: string;
+    value: TValue;
+    step?: number;
+    disabled?: boolean;
+};
+
+export type { PropertyValue as P, ValueType as V };

package/dist/properties-BxwtU6i9.d.ts

@@ -0,0 +1,9 @@
+type ValueType = string | number | boolean;
+type PropertyValue<TValue extends ValueType = ValueType> = {
+    name: string;
+    value: TValue;
+    step?: number;
+    disabled?: boolean;
+};
+
+export type { PropertyValue as P, ValueType as V };