@awesome-flow/noise 0.9.0 → 0.9.2

package/dist/{chunk-BG6U3TYO.js → chunk-W4T6Q7A5.js}

@@ -4,7 +4,7 @@ import {
   noise_scale_point_node_default,
   noise_translate_point_node_default,
   noise_turbulence_node_default
-} from "./chunk-PS5VUND5.js";
+} from "./chunk-FMJZTXJQ.js";
 import {
   noise_billow_node_default,
   noise_checkerboard_node_default,
@@ -16,10 +16,10 @@ import {
   noise_voronoi_node_default,
   position_const_node_default,
   position_grid_node_default
-} from "./chunk-DWSACR65.js";
+} from "./chunk-NUA3VGOA.js";
 import {
   module_group_node_default
-} from "./chunk-KHIIB5TH.js";
+} from "./chunk-R6TU3SBX.js";
 import {
   noise_abs_node_default,
   noise_clamp_node_default,
@@ -30,15 +30,20 @@ import {
   noise_normalize_node_default,
   noise_scale_bias_node_default,
   noise_terrace_node_default
-} from "./chunk-RDQ4BOOV.js";
+} from "./chunk-M26CSOHC.js";
 
 // src/nodes/output/noise-logger-node.tsx
 import { useIncomingComputedData } from "@awesome-flow/core/hooks";
-import { NodeContainer, NodeTrackConnections } from "@awesome-flow/core/layout";
+import { NodeContainer } from "@awesome-flow/core/layout";
 import { Divider, Stack, Text } from "@mantine/core";
 import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-function NoiseLoggerNode({ id, selected, data, type }) {
+function NoiseLoggerNode({
+  id,
+  selected,
+  data,
+  type
+}) {
   const incoming = useIncomingComputedData(id);
   const noise = useMemo(() => incoming?.map((p) => p.noise).flat(), [incoming]);
   return /* @__PURE__ */ jsxs(NodeContainer, { id, selected, data, type, children: [
@@ -55,231 +60,408 @@ function NoiseLoggerNode({ id, selected, data, type }) {
       v.position?.z,
       ": ",
       v.value
-    ] }, i)) }),
-    /* @__PURE__ */ jsx(NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
+    ] }, i)) })
   ] });
 }
 var noise_logger_node_default = NoiseLoggerNode;
 
 // src/nodes/output/noise-output-node.tsx
+import { c as _c4 } from "react/compiler-runtime";
 import { HandlesIncomingDataStatus as HandlesIncomingDataStatus3 } from "@awesome-flow/core/components";
 import { useUpdateNodeComputedData as useUpdateNodeComputedData4 } from "@awesome-flow/core/hooks";
-import { NodeContainer as NodeContainer6, NodeTrackConnections as NodeTrackConnections6 } from "@awesome-flow/core/layout";
+import { NodeContainer as NodeContainer6 } from "@awesome-flow/core/layout";
 import { Text as Text3 } from "@mantine/core";
-import { useCallback as useCallback3, useState as useState3 } from "react";
+import { useState as useState3 } from "react";
 
 // src/nodes/selectors/noise-blend-node.tsx
+import { c as _c } from "react/compiler-runtime";
 import { HandlesIncomingDataStatus } from "@awesome-flow/core/components";
 import { useUpdateNodeComputedData } from "@awesome-flow/core/hooks";
-import { NodeContainer as NodeContainer2, NodeTrackConnections as NodeTrackConnections2 } from "@awesome-flow/core/layout";
+import { NodeContainer as NodeContainer2 } from "@awesome-flow/core/layout";
 import { Blend } from "libnoise-simplex-ts";
-import { useCallback } from "react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function NoiseBlendNode({ id, selected, data, type }) {
+import { jsx as jsx2 } from "react/jsx-runtime";
+function NoiseBlendNode(t0) {
+  const $ = _c(13);
+  const {
+    id,
+    selected,
+    data,
+    type
+  } = t0;
   const updateComputedData = useUpdateNodeComputedData();
-  const onDataUpdated = useCallback(
-    (incomingData) => {
+  let t1;
+  if ($[0] !== id || $[1] !== updateComputedData) {
+    t1 = (incomingData) => {
       const incomingSources = incomingData["source" /* source */];
       const incomingControl = incomingData["control" /* control */];
       if (incomingSources?.length >= 2 && incomingControl?.length) {
-        const module = new Blend(
-          incomingSources[0].module,
-          incomingSources[1].module,
-          incomingControl[0].module
-        );
-        updateComputedData(id, { module });
+        const module = new Blend(incomingSources[0].module, incomingSources[1].module, incomingControl[0].module);
+        updateComputedData(id, {
+          module
+        });
       }
-    },
-    []
-  );
-  return /* @__PURE__ */ jsxs2(NodeContainer2, { id, selected, data, type, children: [
-    /* @__PURE__ */ jsx2(
-      HandlesIncomingDataStatus,
-      {
-        nodeId: id,
-        handles: data.handles,
-        handleKey: "dataId",
-        onDataUpdated,
-        type: "target",
-        resetComputedData: true
-      }
-    ),
-    /* @__PURE__ */ jsx2(NodeTrackConnections2, { handles: data.handles, nodeId: id, type: "target" })
-  ] });
+    };
+    $[0] = id;
+    $[1] = updateComputedData;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const onDataUpdated = t1;
+  let t2;
+  if ($[3] !== data.handles || $[4] !== id || $[5] !== onDataUpdated) {
+    t2 = /* @__PURE__ */ jsx2(HandlesIncomingDataStatus, { nodeId: id, handles: data.handles, groupBy: "dataId", onDataUpdated, type: "target", resetComputedData: true });
+    $[3] = data.handles;
+    $[4] = id;
+    $[5] = onDataUpdated;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  let t3;
+  if ($[7] !== data || $[8] !== id || $[9] !== selected || $[10] !== t2 || $[11] !== type) {
+    t3 = /* @__PURE__ */ jsx2(NodeContainer2, { id, selected, data, type, children: t2 });
+    $[7] = data;
+    $[8] = id;
+    $[9] = selected;
+    $[10] = t2;
+    $[11] = type;
+    $[12] = t3;
+  } else {
+    t3 = $[12];
+  }
+  return t3;
 }
 var noise_blend_node_default = NoiseBlendNode;
 
 // src/nodes/selectors/noise-select-node.tsx
+import { c as _c2 } from "react/compiler-runtime";
 import { HandlesIncomingDataStatus as HandlesIncomingDataStatus2 } from "@awesome-flow/core/components";
 import { useUpdateNodeComputedData as useUpdateNodeComputedData2, useUpdateNodeData } from "@awesome-flow/core/hooks";
-import { NodeContainer as NodeContainer3, NodeTrackConnections as NodeTrackConnections3 } from "@awesome-flow/core/layout";
+import { NodeContainer as NodeContainer3 } from "@awesome-flow/core/layout";
 import { Group, NumberInput, Stack as Stack2 } from "@mantine/core";
 import { Select } from "libnoise-simplex-ts";
-import { useCallback as useCallback2, useEffect, useState } from "react";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-function NoiseSelectNode({ id, selected, data, type }) {
+import { useEffect, useState } from "react";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+function NoiseSelectNode(t0) {
+  const $ = _c2(37);
+  const {
+    id,
+    selected,
+    data,
+    type
+  } = t0;
   const [edgeFalloff, setEdgeFalloff] = useState(data.edgeFalloff);
   const [lowerBound, setLowerBound] = useState(data.lowerBound);
   const [upperBound, setUpperBound] = useState(data.upperBound);
   const updateNodeData = useUpdateNodeData();
   const updateComputedData = useUpdateNodeComputedData2();
-  useEffect(() => {
-    updateNodeData(id, { edgeFalloff, lowerBound, upperBound });
-  }, [edgeFalloff, lowerBound, upperBound]);
-  const onDataUpdated = useCallback2(
-    (incomingData) => {
+  let t1;
+  let t2;
+  if ($[0] !== edgeFalloff || $[1] !== id || $[2] !== lowerBound || $[3] !== updateNodeData || $[4] !== upperBound) {
+    t1 = () => {
+      updateNodeData(id, {
+        edgeFalloff,
+        lowerBound,
+        upperBound
+      });
+    };
+    t2 = [edgeFalloff, lowerBound, upperBound, id, updateNodeData];
+    $[0] = edgeFalloff;
+    $[1] = id;
+    $[2] = lowerBound;
+    $[3] = updateNodeData;
+    $[4] = upperBound;
+    $[5] = t1;
+    $[6] = t2;
+  } else {
+    t1 = $[5];
+    t2 = $[6];
+  }
+  useEffect(t1, t2);
+  let t3;
+  if ($[7] !== edgeFalloff || $[8] !== id || $[9] !== lowerBound || $[10] !== updateComputedData || $[11] !== upperBound) {
+    t3 = (incomingData) => {
       const incomingSources = incomingData["source" /* source */];
       const incomingControl = incomingData["control" /* control */];
       if (incomingSources?.length >= 2 && incomingControl?.length) {
-        const module = new Select(
-          incomingSources[0].module,
-          incomingSources[1].module,
-          incomingControl[0].module,
-          edgeFalloff,
-          lowerBound,
-          upperBound
-        );
-        updateComputedData(id, { module });
+        const module = new Select(incomingSources[0].module, incomingSources[1].module, incomingControl[0].module, edgeFalloff, lowerBound, upperBound);
+        updateComputedData(id, {
+          module
+        });
       }
-    },
-    []
-  );
-  return /* @__PURE__ */ jsxs3(NodeContainer3, { id, selected, data, type, children: [
-    /* @__PURE__ */ jsxs3(Stack2, { children: [
-      /* @__PURE__ */ jsxs3(Group, { children: [
-        "Edge Falloff:",
-        /* @__PURE__ */ jsx3(
-          NumberInput,
-          {
-            size: "xs",
-            w: 100,
-            value: edgeFalloff,
-            onChange: (e) => setEdgeFalloff(Number(e)),
-            step: 0.1
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs3(Group, { children: [
-        "Lower Bound:",
-        /* @__PURE__ */ jsx3(
-          NumberInput,
-          {
-            size: "xs",
-            w: 100,
-            value: lowerBound,
-            onChange: (e) => setLowerBound(Number(e)),
-            step: 0.1
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs3(Group, { children: [
-        "Upper Bound:",
-        /* @__PURE__ */ jsx3(
-          NumberInput,
-          {
-            size: "xs",
-            w: 100,
-            value: upperBound,
-            onChange: (e) => setUpperBound(Number(e)),
-            step: 0.1
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx3(
-        HandlesIncomingDataStatus2,
-        {
-          nodeId: id,
-          handles: data.handles,
-          handleKey: "dataId",
-          onDataUpdated,
-          type: "target",
-          resetComputedData: true
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx3(NodeTrackConnections3, { handles: data.handles, nodeId: id, type: "target" })
-  ] });
+    };
+    $[7] = edgeFalloff;
+    $[8] = id;
+    $[9] = lowerBound;
+    $[10] = updateComputedData;
+    $[11] = upperBound;
+    $[12] = t3;
+  } else {
+    t3 = $[12];
+  }
+  const onDataUpdated = t3;
+  let t4;
+  if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = (e) => setEdgeFalloff(Number(e));
+    $[13] = t4;
+  } else {
+    t4 = $[13];
+  }
+  let t5;
+  if ($[14] !== edgeFalloff) {
+    t5 = /* @__PURE__ */ jsxs2(Group, { children: [
+      "Edge Falloff:",
+      /* @__PURE__ */ jsx3(NumberInput, { size: "xs", w: 100, value: edgeFalloff, onChange: t4, step: 0.1 })
+    ] });
+    $[14] = edgeFalloff;
+    $[15] = t5;
+  } else {
+    t5 = $[15];
+  }
+  let t6;
+  if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = (e_0) => setLowerBound(Number(e_0));
+    $[16] = t6;
+  } else {
+    t6 = $[16];
+  }
+  let t7;
+  if ($[17] !== lowerBound) {
+    t7 = /* @__PURE__ */ jsxs2(Group, { children: [
+      "Lower Bound:",
+      /* @__PURE__ */ jsx3(NumberInput, { size: "xs", w: 100, value: lowerBound, onChange: t6, step: 0.1 })
+    ] });
+    $[17] = lowerBound;
+    $[18] = t7;
+  } else {
+    t7 = $[18];
+  }
+  let t8;
+  if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
+    t8 = (e_1) => setUpperBound(Number(e_1));
+    $[19] = t8;
+  } else {
+    t8 = $[19];
+  }
+  let t9;
+  if ($[20] !== upperBound) {
+    t9 = /* @__PURE__ */ jsxs2(Group, { children: [
+      "Upper Bound:",
+      /* @__PURE__ */ jsx3(NumberInput, { size: "xs", w: 100, value: upperBound, onChange: t8, step: 0.1 })
+    ] });
+    $[20] = upperBound;
+    $[21] = t9;
+  } else {
+    t9 = $[21];
+  }
+  let t10;
+  if ($[22] !== data.handles || $[23] !== id || $[24] !== onDataUpdated) {
+    t10 = /* @__PURE__ */ jsx3(HandlesIncomingDataStatus2, { nodeId: id, handles: data.handles, groupBy: "dataId", onDataUpdated, type: "target", resetComputedData: true });
+    $[22] = data.handles;
+    $[23] = id;
+    $[24] = onDataUpdated;
+    $[25] = t10;
+  } else {
+    t10 = $[25];
+  }
+  let t11;
+  if ($[26] !== t10 || $[27] !== t5 || $[28] !== t7 || $[29] !== t9) {
+    t11 = /* @__PURE__ */ jsxs2(Stack2, { children: [
+      t5,
+      t7,
+      t9,
+      t10
+    ] });
+    $[26] = t10;
+    $[27] = t5;
+    $[28] = t7;
+    $[29] = t9;
+    $[30] = t11;
+  } else {
+    t11 = $[30];
+  }
+  let t12;
+  if ($[31] !== data || $[32] !== id || $[33] !== selected || $[34] !== t11 || $[35] !== type) {
+    t12 = /* @__PURE__ */ jsx3(NodeContainer3, { id, selected, data, type, children: t11 });
+    $[31] = data;
+    $[32] = id;
+    $[33] = selected;
+    $[34] = t11;
+    $[35] = type;
+    $[36] = t12;
+  } else {
+    t12 = $[36];
+  }
+  return t12;
 }
 var noise_select_node_default = NoiseSelectNode;
 
 // src/nodes/output/noise-raw-texture-node.tsx
+import { c as _c3 } from "react/compiler-runtime";
 import { useIncomingComputedData as useIncomingComputedData2, useUpdateNodeComputedData as useUpdateNodeComputedData3 } from "@awesome-flow/core/hooks";
-import { NodeContainer as NodeContainer4, NodeTrackConnections as NodeTrackConnections4 } from "@awesome-flow/core/layout";
+import { NodeContainer as NodeContainer4 } from "@awesome-flow/core/layout";
 import { Group as Group2, Stack as Stack3 } from "@mantine/core";
-import { useEffect as useEffect2, useMemo as useMemo2, useState as useState2 } from "react";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-function NoiseRawTextureNode({ id, selected, data, type }) {
+import { useEffect as useEffect2, useState as useState2 } from "react";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+function NoiseRawTextureNode(t0) {
+  const $ = _c3(24);
+  const {
+    id,
+    selected,
+    data,
+    type
+  } = t0;
   const updateComputedData = useUpdateNodeComputedData3();
   const [dataLength, setDataLength] = useState2(0);
   const [resolution, setResolution] = useState2(0);
   const incoming = useIncomingComputedData2(id);
-  const noise = useMemo2(() => incoming?.map((p) => p.noise).flat(), [incoming]);
-  useEffect2(() => {
-    if (noise?.length) {
-      const size = Math.ceil(Math.sqrt(noise.length));
-      const colors = noise.map((n) => [n.value * 255, n.value * 255, n.value * 255, 255]).flat();
-      const dataArray = new Uint8Array(size * size * 4);
-      dataArray.set(colors);
-      setResolution(size);
-      setDataLength(dataArray.length);
-      updateComputedData(id, {
-        textureData: dataArray,
-        textureResolutionX: size,
-        textureResolutionY: size
-      });
-    }
-  }, [noise]);
-  return /* @__PURE__ */ jsxs4(NodeContainer4, { id, selected, data, type, children: [
-    /* @__PURE__ */ jsxs4(Stack3, { children: [
-      /* @__PURE__ */ jsxs4(Group2, { children: [
-        "Resolution: ",
-        resolution,
-        "x",
-        resolution
-      ] }),
-      /* @__PURE__ */ jsxs4(Group2, { children: [
-        "Input Length: ",
-        noise?.length || 0
-      ] }),
-      /* @__PURE__ */ jsxs4(Group2, { children: [
-        "Output Length (",
-        resolution,
-        "*",
-        resolution,
-        "*4): ",
-        dataLength
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx4(NodeTrackConnections4, { handles: data.handles, nodeId: id, type: "target" })
-  ] });
+  let t1;
+  let t2;
+  if ($[0] !== incoming) {
+    t2 = incoming?.map(_temp).flat();
+    $[0] = incoming;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  t1 = t2;
+  const noise = t1;
+  let t3;
+  let t4;
+  if ($[2] !== id || $[3] !== noise || $[4] !== updateComputedData) {
+    t3 = () => {
+      if (noise?.length) {
+        const size = Math.ceil(Math.sqrt(noise.length));
+        const colors = noise.map(_temp2).flat();
+        const dataArray = new Uint8Array(size * size * 4);
+        dataArray.set(colors);
+        setResolution(size);
+        setDataLength(dataArray.length);
+        updateComputedData(id, {
+          textureData: dataArray,
+          textureResolutionX: size,
+          textureResolutionY: size
+        });
+      }
+    };
+    t4 = [noise, updateComputedData, id];
+    $[2] = id;
+    $[3] = noise;
+    $[4] = updateComputedData;
+    $[5] = t3;
+    $[6] = t4;
+  } else {
+    t3 = $[5];
+    t4 = $[6];
+  }
+  useEffect2(t3, t4);
+  let t5;
+  if ($[7] !== resolution) {
+    t5 = /* @__PURE__ */ jsxs3(Group2, { children: [
+      "Resolution: ",
+      resolution,
+      "x",
+      resolution
+    ] });
+    $[7] = resolution;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  const t6 = noise?.length || 0;
+  let t7;
+  if ($[9] !== t6) {
+    t7 = /* @__PURE__ */ jsxs3(Group2, { children: [
+      "Input Length: ",
+      t6
+    ] });
+    $[9] = t6;
+    $[10] = t7;
+  } else {
+    t7 = $[10];
+  }
+  let t8;
+  if ($[11] !== dataLength || $[12] !== resolution) {
+    t8 = /* @__PURE__ */ jsxs3(Group2, { children: [
+      "Output Length (",
+      resolution,
+      "*",
+      resolution,
+      "*4): ",
+      dataLength
+    ] });
+    $[11] = dataLength;
+    $[12] = resolution;
+    $[13] = t8;
+  } else {
+    t8 = $[13];
+  }
+  let t9;
+  if ($[14] !== t5 || $[15] !== t7 || $[16] !== t8) {
+    t9 = /* @__PURE__ */ jsxs3(Stack3, { children: [
+      t5,
+      t7,
+      t8
+    ] });
+    $[14] = t5;
+    $[15] = t7;
+    $[16] = t8;
+    $[17] = t9;
+  } else {
+    t9 = $[17];
+  }
+  let t10;
+  if ($[18] !== data || $[19] !== id || $[20] !== selected || $[21] !== t9 || $[22] !== type) {
+    t10 = /* @__PURE__ */ jsx4(NodeContainer4, { id, selected, data, type, children: t9 });
+    $[18] = data;
+    $[19] = id;
+    $[20] = selected;
+    $[21] = t9;
+    $[22] = type;
+    $[23] = t10;
+  } else {
+    t10 = $[23];
+  }
+  return t10;
+}
+function _temp2(n) {
+  return [n.value * 255, n.value * 255, n.value * 255, 255];
+}
+function _temp(p) {
+  return p.noise;
 }
 var noise_raw_texture_node_default = NoiseRawTextureNode;
 
 // src/nodes/output/positions-logger-node.tsx
 import { useIncomingComputedData as useIncomingComputedData3 } from "@awesome-flow/core/hooks";
-import { NodeContainer as NodeContainer5, NodeTrackConnections as NodeTrackConnections5 } from "@awesome-flow/core/layout";
+import { NodeContainer as NodeContainer5 } from "@awesome-flow/core/layout";
 import { Divider as Divider2, Stack as Stack4, Text as Text2 } from "@mantine/core";
 import { useMemo as useMemo3 } from "react";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-function PositionsLoggerNode({ id, selected, data, type }) {
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+function PositionsLoggerNode({
+  id,
+  selected,
+  data,
+  type
+}) {
   const incoming = useIncomingComputedData3(id);
   const positions = useMemo3(() => {
     return incoming?.map((p) => p.positions).flat();
   }, [incoming]);
-  return /* @__PURE__ */ jsxs5(NodeContainer5, { id, selected, data, type, children: [
-    /* @__PURE__ */ jsxs5(Text2, { children: [
+  return /* @__PURE__ */ jsxs4(NodeContainer5, { id, selected, data, type, children: [
+    /* @__PURE__ */ jsxs4(Text2, { children: [
       "Size: ",
       positions?.length || 0
     ] }),
     /* @__PURE__ */ jsx5(Divider2, { h: 5 }),
-    /* @__PURE__ */ jsx5(Stack4, { children: positions?.map((v, i) => /* @__PURE__ */ jsxs5(Text2, { children: [
+    /* @__PURE__ */ jsx5(Stack4, { children: positions?.map((v, i) => /* @__PURE__ */ jsxs4(Text2, { children: [
       v.x,
       ":",
       v.y,
       ":",
       v.z
-    ] }, i)) }),
-    /* @__PURE__ */ jsx5(NodeTrackConnections5, { handles: data.handles, nodeId: id, type: "target" })
+    ] }, i)) })
   ] });
 }
 var positions_logger_node_default = PositionsLoggerNode;
@@ -688,11 +870,6 @@ var NoiseCurveNodeTemplateFactory = class {
         connection: "target",
         maxConnections: 1
       },
-      // {
-      //   position: Position.Left,
-      //   dataType: CoreHandleType.variableProperty,
-      //   connection: 'target',
-      // },
       {
         position: Position15.Right,
         dataType: "module" /* module */,
@@ -1284,16 +1461,26 @@ var noiseNodeTemplates = {
 };
 
 // src/nodes/output/noise-output-node.tsx
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-function NoiseOutputNode({ id, selected, data, type }) {
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+function NoiseOutputNode(t0) {
+  const $ = _c4(16);
+  const {
+    id,
+    selected,
+    data,
+    type
+  } = t0;
   const [size, setSize] = useState3(0);
   const updateComputedData = useUpdateNodeComputedData4();
-  const onDataUpdated = useCallback3(
-    (handleData) => {
+  let t1;
+  if ($[0] !== id || $[1] !== updateComputedData) {
+    t1 = (handleData) => {
       const incomingPositions = handleData["position" /* position */];
       const incomingModule = handleData["module" /* module */];
       if (incomingPositions?.length && incomingModule?.length && incomingModule[0]?.module) {
-        const { module } = incomingModule[0];
+        const {
+          module
+        } = incomingModule[0];
         const noise = [];
         for (const input of incomingPositions) {
           for (const position of input.positions) {
@@ -1304,30 +1491,58 @@ function NoiseOutputNode({ id, selected, data, type }) {
             });
           }
         }
-        updateComputedData(id, { noise, module });
+        updateComputedData(id, {
+          noise,
+          module
+        });
         setSize(noise.length);
       }
-    },
-    []
-  );
-  return /* @__PURE__ */ jsxs6(NodeContainer6, { id, selected, data, type, children: [
-    /* @__PURE__ */ jsx6(
-      HandlesIncomingDataStatus3,
-      {
-        nodeId: id,
-        handles: data.handles,
-        handleKey: "dataType",
-        onDataUpdated,
-        type: "target",
-        resetComputedData: true
-      }
-    ),
-    /* @__PURE__ */ jsxs6(Text3, { mt: 5, children: [
+    };
+    $[0] = id;
+    $[1] = updateComputedData;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const onDataUpdated = t1;
+  let t2;
+  if ($[3] !== data.handles || $[4] !== id || $[5] !== onDataUpdated) {
+    t2 = /* @__PURE__ */ jsx6(HandlesIncomingDataStatus3, { nodeId: id, handles: data.handles, groupBy: "dataType", onDataUpdated, type: "target", resetComputedData: true });
+    $[3] = data.handles;
+    $[4] = id;
+    $[5] = onDataUpdated;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  let t3;
+  if ($[7] !== size) {
+    t3 = /* @__PURE__ */ jsxs5(Text3, { mt: 5, children: [
       "Noise points: ",
       size
-    ] }),
-    /* @__PURE__ */ jsx6(NodeTrackConnections6, { handles: data.handles, nodeId: id, type: "target" })
-  ] });
+    ] });
+    $[7] = size;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  let t4;
+  if ($[9] !== data || $[10] !== id || $[11] !== selected || $[12] !== t2 || $[13] !== t3 || $[14] !== type) {
+    t4 = /* @__PURE__ */ jsxs5(NodeContainer6, { id, selected, data, type, children: [
+      t2,
+      t3
+    ] });
+    $[9] = data;
+    $[10] = id;
+    $[11] = selected;
+    $[12] = t2;
+    $[13] = t3;
+    $[14] = type;
+    $[15] = t4;
+  } else {
+    t4 = $[15];
+  }
+  return t4;
 }
 var noise_output_node_default = NoiseOutputNode;