@awesome-flow/noise 0.9.0 → 0.9.2

package/dist/{chunk-ACWBUUZ7.cjs → chunk-OLJKWO2H.cjs}

@@ -4,7 +4,7 @@
 
 
 
-var _chunkRKTZQUWRcjs = require('./chunk-RKTZQUWR.cjs');
+var _chunk36USJJC4cjs = require('./chunk-36USJJC4.cjs');
 
 
 
@@ -16,10 +16,10 @@ var _chunkRKTZQUWRcjs = require('./chunk-RKTZQUWR.cjs');
 
 
 
-var _chunkD5JM4EYQcjs = require('./chunk-D5JM4EYQ.cjs');
+var _chunkLKDSXT7Icjs = require('./chunk-LKDSXT7I.cjs');
 
 
-var _chunkM67JHEU2cjs = require('./chunk-M67JHEU2.cjs');
+var _chunkXC7VF5YCcjs = require('./chunk-XC7VF5YC.cjs');
 
 
 
@@ -30,7 +30,7 @@ var _chunkM67JHEU2cjs = require('./chunk-M67JHEU2.cjs');
 
 
 
-var _chunkTZCT2GZVcjs = require('./chunk-TZCT2GZV.cjs');
+var _chunkDQE5NXY7cjs = require('./chunk-DQE5NXY7.cjs');
 
 // src/nodes/output/noise-logger-node.tsx
 var _hooks = require('@awesome-flow/core/hooks');
@@ -38,7 +38,12 @@ var _layout = require('@awesome-flow/core/layout');
 var _core = require('@mantine/core');
 var _react = require('react');
 var _jsxruntime = require('react/jsx-runtime');
-function NoiseLoggerNode({ id, selected, data, type }) {
+function NoiseLoggerNode({
+  id,
+  selected,
+  data,
+  type
+}) {
   const incoming = _hooks.useIncomingComputedData.call(void 0, id);
   const noise = _react.useMemo.call(void 0, () => _optionalChain([incoming, 'optionalAccess', _ => _.map, 'call', _2 => _2((p) => p.noise), 'access', _3 => _3.flat, 'call', _4 => _4()]), [incoming]);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _layout.NodeContainer, { id, selected, data, type, children: [
@@ -55,13 +60,13 @@ function NoiseLoggerNode({ id, selected, data, type }) {
       _optionalChain([v, 'access', _12 => _12.position, 'optionalAccess', _13 => _13.z]),
       ": ",
       v.value
-    ] }, i))]) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _layout.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
+    ] }, i))]) })
   ] });
 }
 var noise_logger_node_default = NoiseLoggerNode;
 
 // src/nodes/output/noise-output-node.tsx
+var _compilerruntime = require('react/compiler-runtime');
 var _components = require('@awesome-flow/core/components');
 
 
@@ -72,40 +77,60 @@ var _components = require('@awesome-flow/core/components');
 
 
 
-var _libnoisesimplexts = require('libnoise-simplex-ts');
 
+var _libnoisesimplexts = require('libnoise-simplex-ts');
 
-function NoiseBlendNode({ id, selected, data, type }) {
+function NoiseBlendNode(t0) {
+  const $ = _compilerruntime.c.call(void 0, 13);
+  const {
+    id,
+    selected,
+    data,
+    type
+  } = t0;
   const updateComputedData = _hooks.useUpdateNodeComputedData.call(void 0, );
-  const onDataUpdated = _react.useCallback.call(void 0, 
-    (incomingData) => {
+  let t1;
+  if ($[0] !== id || $[1] !== updateComputedData) {
+    t1 = (incomingData) => {
       const incomingSources = incomingData["source" /* source */];
       const incomingControl = incomingData["control" /* control */];
       if (_optionalChain([incomingSources, 'optionalAccess', _14 => _14.length]) >= 2 && _optionalChain([incomingControl, 'optionalAccess', _15 => _15.length])) {
-        const module = new (0, _libnoisesimplexts.Blend)(
-          incomingSources[0].module,
-          incomingSources[1].module,
-          incomingControl[0].module
-        );
-        updateComputedData(id, { module });
-      }
-    },
-    []
-  );
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _layout.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _components.HandlesIncomingDataStatus,
-      {
-        nodeId: id,
-        handles: data.handles,
-        handleKey: "dataId",
-        onDataUpdated,
-        type: "target",
-        resetComputedData: true
+        const module = new (0, _libnoisesimplexts.Blend)(incomingSources[0].module, incomingSources[1].module, incomingControl[0].module);
+        updateComputedData(id, {
+          module
+        });
       }
-    ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _layout.NodeTrackConnections, { 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__ */ _jsxruntime.jsx.call(void 0, _components.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__ */ _jsxruntime.jsx.call(void 0, _layout.NodeContainer, { 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;
 
@@ -117,88 +142,158 @@ var noise_blend_node_default = NoiseBlendNode;
 
 
 
-function NoiseSelectNode({ id, selected, data, type }) {
+
+function NoiseSelectNode(t0) {
+  const $ = _compilerruntime.c.call(void 0, 37);
+  const {
+    id,
+    selected,
+    data,
+    type
+  } = t0;
   const [edgeFalloff, setEdgeFalloff] = _react.useState.call(void 0, data.edgeFalloff);
   const [lowerBound, setLowerBound] = _react.useState.call(void 0, data.lowerBound);
   const [upperBound, setUpperBound] = _react.useState.call(void 0, data.upperBound);
   const updateNodeData = _hooks.useUpdateNodeData.call(void 0, );
   const updateComputedData = _hooks.useUpdateNodeComputedData.call(void 0, );
-  _react.useEffect.call(void 0, () => {
-    updateNodeData(id, { edgeFalloff, lowerBound, upperBound });
-  }, [edgeFalloff, lowerBound, upperBound]);
-  const onDataUpdated = _react.useCallback.call(void 0, 
-    (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];
+  }
+  _react.useEffect.call(void 0, 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 (_optionalChain([incomingSources, 'optionalAccess', _16 => _16.length]) >= 2 && _optionalChain([incomingControl, 'optionalAccess', _17 => _17.length])) {
-        const module = new (0, _libnoisesimplexts.Select)(
-          incomingSources[0].module,
-          incomingSources[1].module,
-          incomingControl[0].module,
-          edgeFalloff,
-          lowerBound,
-          upperBound
-        );
-        updateComputedData(id, { module });
+        const module = new (0, _libnoisesimplexts.Select)(incomingSources[0].module, incomingSources[1].module, incomingControl[0].module, edgeFalloff, lowerBound, upperBound);
+        updateComputedData(id, {
+          module
+        });
       }
-    },
-    []
-  );
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _layout.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _core.Stack, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _core.Group, { children: [
-        "Edge Falloff:",
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _core.NumberInput,
-          {
-            size: "xs",
-            w: 100,
-            value: edgeFalloff,
-            onChange: (e) => setEdgeFalloff(Number(e)),
-            step: 0.1
-          }
-        )
-      ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _core.Group, { children: [
-        "Lower Bound:",
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _core.NumberInput,
-          {
-            size: "xs",
-            w: 100,
-            value: lowerBound,
-            onChange: (e) => setLowerBound(Number(e)),
-            step: 0.1
-          }
-        )
-      ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _core.Group, { children: [
-        "Upper Bound:",
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _core.NumberInput,
-          {
-            size: "xs",
-            w: 100,
-            value: upperBound,
-            onChange: (e) => setUpperBound(Number(e)),
-            step: 0.1
-          }
-        )
-      ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _components.HandlesIncomingDataStatus,
-        {
-          nodeId: id,
-          handles: data.handles,
-          handleKey: "dataId",
-          onDataUpdated,
-          type: "target",
-          resetComputedData: true
-        }
-      )
-    ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _layout.NodeTrackConnections, { 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__ */ _jsxruntime.jsxs.call(void 0, _core.Group, { children: [
+      "Edge Falloff:",
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _core.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__ */ _jsxruntime.jsxs.call(void 0, _core.Group, { children: [
+      "Lower Bound:",
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _core.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__ */ _jsxruntime.jsxs.call(void 0, _core.Group, { children: [
+      "Upper Bound:",
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _core.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__ */ _jsxruntime.jsx.call(void 0, _components.HandlesIncomingDataStatus, { 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__ */ _jsxruntime.jsxs.call(void 0, _core.Stack, { 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__ */ _jsxruntime.jsx.call(void 0, _layout.NodeContainer, { 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;
 
@@ -208,50 +303,133 @@ var noise_select_node_default = NoiseSelectNode;
 
 
 
-function NoiseRawTextureNode({ id, selected, data, type }) {
+
+function NoiseRawTextureNode(t0) {
+  const $ = _compilerruntime.c.call(void 0, 24);
+  const {
+    id,
+    selected,
+    data,
+    type
+  } = t0;
   const updateComputedData = _hooks.useUpdateNodeComputedData.call(void 0, );
   const [dataLength, setDataLength] = _react.useState.call(void 0, 0);
   const [resolution, setResolution] = _react.useState.call(void 0, 0);
   const incoming = _hooks.useIncomingComputedData.call(void 0, id);
-  const noise = _react.useMemo.call(void 0, () => _optionalChain([incoming, 'optionalAccess', _18 => _18.map, 'call', _19 => _19((p) => p.noise), 'access', _20 => _20.flat, 'call', _21 => _21()]), [incoming]);
-  _react.useEffect.call(void 0, () => {
-    if (_optionalChain([noise, 'optionalAccess', _22 => _22.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__ */ _jsxruntime.jsxs.call(void 0, _layout.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _core.Stack, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _core.Group, { children: [
-        "Resolution: ",
-        resolution,
-        "x",
-        resolution
-      ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _core.Group, { children: [
-        "Input Length: ",
-        _optionalChain([noise, 'optionalAccess', _23 => _23.length]) || 0
-      ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _core.Group, { children: [
-        "Output Length (",
-        resolution,
-        "*",
-        resolution,
-        "*4): ",
-        dataLength
-      ] })
-    ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _layout.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
-  ] });
+  let t1;
+  let t2;
+  if ($[0] !== incoming) {
+    t2 = _optionalChain([incoming, 'optionalAccess', _18 => _18.map, 'call', _19 => _19(_temp), 'access', _20 => _20.flat, 'call', _21 => _21()]);
+    $[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 (_optionalChain([noise, 'optionalAccess', _22 => _22.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];
+  }
+  _react.useEffect.call(void 0, t3, t4);
+  let t5;
+  if ($[7] !== resolution) {
+    t5 = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _core.Group, { children: [
+      "Resolution: ",
+      resolution,
+      "x",
+      resolution
+    ] });
+    $[7] = resolution;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  const t6 = _optionalChain([noise, 'optionalAccess', _23 => _23.length]) || 0;
+  let t7;
+  if ($[9] !== t6) {
+    t7 = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _core.Group, { children: [
+      "Input Length: ",
+      t6
+    ] });
+    $[9] = t6;
+    $[10] = t7;
+  } else {
+    t7 = $[10];
+  }
+  let t8;
+  if ($[11] !== dataLength || $[12] !== resolution) {
+    t8 = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _core.Group, { 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__ */ _jsxruntime.jsxs.call(void 0, _core.Stack, { 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__ */ _jsxruntime.jsx.call(void 0, _layout.NodeContainer, { 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;
 
@@ -261,7 +439,12 @@ var noise_raw_texture_node_default = NoiseRawTextureNode;
 
 
 
-function PositionsLoggerNode({ id, selected, data, type }) {
+function PositionsLoggerNode({
+  id,
+  selected,
+  data,
+  type
+}) {
   const incoming = _hooks.useIncomingComputedData.call(void 0, id);
   const positions = _react.useMemo.call(void 0, () => {
     return _optionalChain([incoming, 'optionalAccess', _24 => _24.map, 'call', _25 => _25((p) => p.positions), 'access', _26 => _26.flat, 'call', _27 => _27()]);
@@ -278,8 +461,7 @@ function PositionsLoggerNode({ id, selected, data, type }) {
       v.y,
       ":",
       v.z
-    ] }, i))]) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _layout.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
+    ] }, i))]) })
   ] });
 }
 var positions_logger_node_default = PositionsLoggerNode;
@@ -688,11 +870,6 @@ var NoiseCurveNodeTemplateFactory = (_class15 = class {constructor() { _class15.
         connection: "target",
         maxConnections: 1
       },
-      // {
-      //   position: Position.Left,
-      //   dataType: CoreHandleType.variableProperty,
-      //   connection: 'target',
-      // },
       {
         position: _system.Position.Right,
         dataType: "module" /* module */,
@@ -1217,37 +1394,37 @@ var NoiseNodeType = /* @__PURE__ */ ((NoiseNodeType2) => {
   return NoiseNodeType2;
 })(NoiseNodeType || {});
 var noiseNodeTypes = {
-  ["group-module" /* groupModule */]: _chunkM67JHEU2cjs.module_group_node_default,
-  ["position" /* position */]: _chunkD5JM4EYQcjs.position_const_node_default,
-  ["grid" /* grid */]: _chunkD5JM4EYQcjs.position_grid_node_default,
+  ["group-module" /* groupModule */]: _chunkXC7VF5YCcjs.module_group_node_default,
+  ["position" /* position */]: _chunkLKDSXT7Icjs.position_const_node_default,
+  ["grid" /* grid */]: _chunkLKDSXT7Icjs.position_grid_node_default,
   ["noise-output" /* noiseOutput */]: noise_output_node_default,
   ["texture-data" /* textureData */]: noise_raw_texture_node_default,
   ["noise-logger" /* noiseLogger */]: noise_logger_node_default,
   ["position-logger" /* positionLogger */]: positions_logger_node_default,
-  ["noise-constant" /* noiseConst */]: _chunkD5JM4EYQcjs.noise_const_node_default,
-  ["noise-billow" /* noiseBillow */]: _chunkD5JM4EYQcjs.noise_billow_node_default,
-  ["noise-checkerboard" /* noiseCheckerboard */]: _chunkD5JM4EYQcjs.noise_checkerboard_node_default,
-  ["noise-cylinders" /* noiseCylinders */]: _chunkD5JM4EYQcjs.noise_cylinders_node_default,
-  ["noise-perlin" /* noisePerlin */]: _chunkD5JM4EYQcjs.noise_perlin_node_default,
-  ["noise-ridged-multi" /* noiseRidgedMulti */]: _chunkD5JM4EYQcjs.noise_ridgedmulti_node_default,
-  ["noise-spheres" /* noiseSpheres */]: _chunkD5JM4EYQcjs.noise_spheres_node_default,
-  ["noise-voronoi" /* noiseVoronoi */]: _chunkD5JM4EYQcjs.noise_voronoi_node_default,
-  ["noise-combiner" /* noiseCombine */]: _chunkTZCT2GZVcjs.noise_combine_node_default,
-  ["noise-clamp" /* noiseClamp */]: _chunkTZCT2GZVcjs.noise_clamp_node_default,
-  ["noise-abs" /* noiseAbs */]: _chunkTZCT2GZVcjs.noise_abs_node_default,
-  ["noise-normalize" /* noiseNormalize */]: _chunkTZCT2GZVcjs.noise_normalize_node_default,
-  ["noise-curve" /* noiseCurve */]: _chunkTZCT2GZVcjs.noise_curve_node_default,
-  ["noise-exponent" /* noiseExponent */]: _chunkTZCT2GZVcjs.noise_exponent_node_default,
-  ["noise-invert" /* noiseInvert */]: _chunkTZCT2GZVcjs.noise_invert_node_default,
-  ["noise-scale-bias" /* noiseScaleBias */]: _chunkTZCT2GZVcjs.noise_scale_bias_node_default,
-  ["noise-terrace" /* noiseTerrace */]: _chunkTZCT2GZVcjs.noise_terrace_node_default,
+  ["noise-constant" /* noiseConst */]: _chunkLKDSXT7Icjs.noise_const_node_default,
+  ["noise-billow" /* noiseBillow */]: _chunkLKDSXT7Icjs.noise_billow_node_default,
+  ["noise-checkerboard" /* noiseCheckerboard */]: _chunkLKDSXT7Icjs.noise_checkerboard_node_default,
+  ["noise-cylinders" /* noiseCylinders */]: _chunkLKDSXT7Icjs.noise_cylinders_node_default,
+  ["noise-perlin" /* noisePerlin */]: _chunkLKDSXT7Icjs.noise_perlin_node_default,
+  ["noise-ridged-multi" /* noiseRidgedMulti */]: _chunkLKDSXT7Icjs.noise_ridgedmulti_node_default,
+  ["noise-spheres" /* noiseSpheres */]: _chunkLKDSXT7Icjs.noise_spheres_node_default,
+  ["noise-voronoi" /* noiseVoronoi */]: _chunkLKDSXT7Icjs.noise_voronoi_node_default,
+  ["noise-combiner" /* noiseCombine */]: _chunkDQE5NXY7cjs.noise_combine_node_default,
+  ["noise-clamp" /* noiseClamp */]: _chunkDQE5NXY7cjs.noise_clamp_node_default,
+  ["noise-abs" /* noiseAbs */]: _chunkDQE5NXY7cjs.noise_abs_node_default,
+  ["noise-normalize" /* noiseNormalize */]: _chunkDQE5NXY7cjs.noise_normalize_node_default,
+  ["noise-curve" /* noiseCurve */]: _chunkDQE5NXY7cjs.noise_curve_node_default,
+  ["noise-exponent" /* noiseExponent */]: _chunkDQE5NXY7cjs.noise_exponent_node_default,
+  ["noise-invert" /* noiseInvert */]: _chunkDQE5NXY7cjs.noise_invert_node_default,
+  ["noise-scale-bias" /* noiseScaleBias */]: _chunkDQE5NXY7cjs.noise_scale_bias_node_default,
+  ["noise-terrace" /* noiseTerrace */]: _chunkDQE5NXY7cjs.noise_terrace_node_default,
   ["noise-blend" /* noiseBlend */]: noise_blend_node_default,
   ["noise-select" /* noiseSelect */]: noise_select_node_default,
-  ["noise-displace" /* noiseDisplace */]: _chunkRKTZQUWRcjs.noise_displace_node_default,
-  ["noise-rotate-point" /* noiseRotatePoint */]: _chunkRKTZQUWRcjs.noise_rotate_point_node_default,
-  ["noise-scale-point" /* noiseScalePoint */]: _chunkRKTZQUWRcjs.noise_scale_point_node_default,
-  ["noise-translate-point" /* noiseTranslatePoint */]: _chunkRKTZQUWRcjs.noise_translate_point_node_default,
-  ["noise-turbulence" /* noiseTurbulence */]: _chunkRKTZQUWRcjs.noise_turbulence_node_default
+  ["noise-displace" /* noiseDisplace */]: _chunk36USJJC4cjs.noise_displace_node_default,
+  ["noise-rotate-point" /* noiseRotatePoint */]: _chunk36USJJC4cjs.noise_rotate_point_node_default,
+  ["noise-scale-point" /* noiseScalePoint */]: _chunk36USJJC4cjs.noise_scale_point_node_default,
+  ["noise-translate-point" /* noiseTranslatePoint */]: _chunk36USJJC4cjs.noise_translate_point_node_default,
+  ["noise-turbulence" /* noiseTurbulence */]: _chunk36USJJC4cjs.noise_turbulence_node_default
 };
 var noiseNodeTemplates = {
   ["noise-output" /* noiseOutput */]: new NoiseOutputNodeTemplateFactory(),
@@ -1285,15 +1462,25 @@ var noiseNodeTemplates = {
 
 // src/nodes/output/noise-output-node.tsx
 
-function NoiseOutputNode({ id, selected, data, type }) {
+function NoiseOutputNode(t0) {
+  const $ = _compilerruntime.c.call(void 0, 16);
+  const {
+    id,
+    selected,
+    data,
+    type
+  } = t0;
   const [size, setSize] = _react.useState.call(void 0, 0);
   const updateComputedData = _hooks.useUpdateNodeComputedData.call(void 0, );
-  const onDataUpdated = _react.useCallback.call(void 0, 
-    (handleData) => {
+  let t1;
+  if ($[0] !== id || $[1] !== updateComputedData) {
+    t1 = (handleData) => {
       const incomingPositions = handleData["position" /* position */];
       const incomingModule = handleData["module" /* module */];
       if (_optionalChain([incomingPositions, 'optionalAccess', _31 => _31.length]) && _optionalChain([incomingModule, 'optionalAccess', _32 => _32.length]) && _optionalChain([incomingModule, 'access', _33 => _33[0], 'optionalAccess', _34 => _34.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__ */ _jsxruntime.jsxs.call(void 0, _layout.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _components.HandlesIncomingDataStatus,
-      {
-        nodeId: id,
-        handles: data.handles,
-        handleKey: "dataType",
-        onDataUpdated,
-        type: "target",
-        resetComputedData: true
-      }
-    ),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _core.Text, { 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__ */ _jsxruntime.jsx.call(void 0, _components.HandlesIncomingDataStatus, { 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__ */ _jsxruntime.jsxs.call(void 0, _core.Text, { mt: 5, children: [
       "Noise points: ",
       size
-    ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _layout.NodeTrackConnections, { 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__ */ _jsxruntime.jsxs.call(void 0, _layout.NodeContainer, { 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;