@awesome-flow/noise 0.8.0 → 0.9.1

package/dist/chunk-4YL2V7SE.js

@@ -0,0 +1,641 @@
+// src/nodes/transformers/noise-displace-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, NodeTrackConnections } from "@awesome-flow/core/layout";
+import { Displace } from "libnoise-simplex-ts";
+
+// src/abstract/handle-types.ts
+var NoiseHandleType = /* @__PURE__ */ ((NoiseHandleType2) => {
+  NoiseHandleType2["texture"] = "texture";
+  NoiseHandleType2["noise"] = "noise";
+  NoiseHandleType2["position"] = "position";
+  NoiseHandleType2["module"] = "module";
+  return NoiseHandleType2;
+})(NoiseHandleType || {});
+var DisplacementHandle = /* @__PURE__ */ ((DisplacementHandle2) => {
+  DisplacementHandle2["sourceModule"] = "source";
+  DisplacementHandle2["xModule"] = "x-module";
+  DisplacementHandle2["yModule"] = "y-module";
+  DisplacementHandle2["zModule"] = "z-module";
+  DisplacementHandle2["output"] = "output";
+  return DisplacementHandle2;
+})(DisplacementHandle || {});
+var NoiseSourceControlHandle = /* @__PURE__ */ ((NoiseSourceControlHandle2) => {
+  NoiseSourceControlHandle2["source"] = "source";
+  NoiseSourceControlHandle2["control"] = "control";
+  NoiseSourceControlHandle2["output"] = "output";
+  return NoiseSourceControlHandle2;
+})(NoiseSourceControlHandle || {});
+
+// src/nodes/transformers/noise-displace-node.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function NoiseDisplaceNode(t0) {
+  const $ = _c(17);
+  const {
+    id,
+    selected,
+    data,
+    type
+  } = t0;
+  const updateComputedData = useUpdateNodeComputedData();
+  let t1;
+  if ($[0] !== id || $[1] !== updateComputedData) {
+    t1 = (handleData) => {
+      const sourceModule = handleData["source" /* sourceModule */];
+      const xModule = handleData["x-module" /* xModule */];
+      const yModule = handleData["y-module" /* yModule */];
+      const zModule = handleData["z-module" /* zModule */];
+      if (sourceModule && xModule && yModule && zModule) {
+        const module = new Displace(sourceModule[0].module, xModule[0].module, yModule[0].module, zModule[0].module);
+        updateComputedData(id, {
+          module
+        });
+      }
+    };
+    $[0] = id;
+    $[1] = updateComputedData;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const onDataUpdated = t1;
+  let t2;
+  if ($[3] !== data.handles || $[4] !== id || $[5] !== onDataUpdated) {
+    t2 = /* @__PURE__ */ jsx(HandlesIncomingDataStatus, { nodeId: id, handles: data.handles, handleKey: "dataId", onDataUpdated, type: "target", resetComputedData: true });
+    $[3] = data.handles;
+    $[4] = id;
+    $[5] = onDataUpdated;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  let t3;
+  if ($[7] !== data.handles || $[8] !== id) {
+    t3 = /* @__PURE__ */ jsx(NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" });
+    $[7] = data.handles;
+    $[8] = id;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  let t4;
+  if ($[10] !== data || $[11] !== id || $[12] !== selected || $[13] !== t2 || $[14] !== t3 || $[15] !== type) {
+    t4 = /* @__PURE__ */ jsxs(NodeContainer, { id, selected, data, type, children: [
+      t2,
+      t3
+    ] });
+    $[10] = data;
+    $[11] = id;
+    $[12] = selected;
+    $[13] = t2;
+    $[14] = t3;
+    $[15] = type;
+    $[16] = t4;
+  } else {
+    t4 = $[16];
+  }
+  return t4;
+}
+var noise_displace_node_default = NoiseDisplaceNode;
+
+// src/nodes/transformers/noise-rotate-point-node.tsx
+import { c as _c2 } from "react/compiler-runtime";
+import { useIncomingComputedData, useUpdateNodeComputedData as useUpdateNodeComputedData2, useUpdateNodeData } from "@awesome-flow/core/hooks";
+import { NodeContainer as NodeContainer2, NodeTrackConnections as NodeTrackConnections2 } from "@awesome-flow/core/layout";
+import { Group, NumberInput, Stack } from "@mantine/core";
+import { RotatePoint } from "libnoise-simplex-ts";
+import { useEffect, useState } from "react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function NoiseRotatePointNode(t0) {
+  const $ = _c2(32);
+  const {
+    id,
+    selected,
+    data,
+    type
+  } = t0;
+  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();
+  let t1;
+  let t2;
+  if ($[0] !== id || $[1] !== incoming || $[2] !== updateComputedData || $[3] !== updateNodeData || $[4] !== xAngle || $[5] !== yAngle || $[6] !== zAngle) {
+    t1 = () => {
+      if (incoming?.length) {
+        const module = new RotatePoint(incoming[0].module, xAngle, yAngle, zAngle);
+        updateComputedData(id, {
+          module
+        });
+      }
+      updateNodeData(id, {
+        xAngle,
+        yAngle,
+        zAngle
+      });
+    };
+    t2 = [id, updateComputedData, updateNodeData, incoming, xAngle, yAngle, zAngle];
+    $[0] = id;
+    $[1] = incoming;
+    $[2] = updateComputedData;
+    $[3] = updateNodeData;
+    $[4] = xAngle;
+    $[5] = yAngle;
+    $[6] = zAngle;
+    $[7] = t1;
+    $[8] = t2;
+  } else {
+    t1 = $[7];
+    t2 = $[8];
+  }
+  useEffect(t1, t2);
+  let t3;
+  if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = (e) => setXAngle(Number(e));
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  let t4;
+  if ($[10] !== xAngle) {
+    t4 = /* @__PURE__ */ jsxs2(Group, { children: [
+      "X Angle:",
+      /* @__PURE__ */ jsx2(NumberInput, { size: "xs", w: 100, value: xAngle, onChange: t3, step: 0.01 })
+    ] });
+    $[10] = xAngle;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  let t5;
+  if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = (e_0) => setYAngle(Number(e_0));
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  let t6;
+  if ($[13] !== yAngle) {
+    t6 = /* @__PURE__ */ jsxs2(Group, { children: [
+      "Y Angle:",
+      /* @__PURE__ */ jsx2(NumberInput, { size: "xs", w: 100, value: yAngle, onChange: t5, step: 0.01 })
+    ] });
+    $[13] = yAngle;
+    $[14] = t6;
+  } else {
+    t6 = $[14];
+  }
+  let t7;
+  if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+    t7 = (e_1) => setZAngle(Number(e_1));
+    $[15] = t7;
+  } else {
+    t7 = $[15];
+  }
+  let t8;
+  if ($[16] !== zAngle) {
+    t8 = /* @__PURE__ */ jsxs2(Group, { children: [
+      "Z Angle:",
+      /* @__PURE__ */ jsx2(NumberInput, { size: "xs", w: 100, value: zAngle, onChange: t7, step: 0.01 })
+    ] });
+    $[16] = zAngle;
+    $[17] = t8;
+  } else {
+    t8 = $[17];
+  }
+  let t9;
+  if ($[18] !== t4 || $[19] !== t6 || $[20] !== t8) {
+    t9 = /* @__PURE__ */ jsxs2(Stack, { children: [
+      t4,
+      t6,
+      t8
+    ] });
+    $[18] = t4;
+    $[19] = t6;
+    $[20] = t8;
+    $[21] = t9;
+  } else {
+    t9 = $[21];
+  }
+  let t10;
+  if ($[22] !== data.handles || $[23] !== id) {
+    t10 = /* @__PURE__ */ jsx2(NodeTrackConnections2, { handles: data.handles, nodeId: id, type: "target" });
+    $[22] = data.handles;
+    $[23] = id;
+    $[24] = t10;
+  } else {
+    t10 = $[24];
+  }
+  let t11;
+  if ($[25] !== data || $[26] !== id || $[27] !== selected || $[28] !== t10 || $[29] !== t9 || $[30] !== type) {
+    t11 = /* @__PURE__ */ jsxs2(NodeContainer2, { id, selected, data, type, children: [
+      t9,
+      t10
+    ] });
+    $[25] = data;
+    $[26] = id;
+    $[27] = selected;
+    $[28] = t10;
+    $[29] = t9;
+    $[30] = type;
+    $[31] = t11;
+  } else {
+    t11 = $[31];
+  }
+  return t11;
+}
+var noise_rotate_point_node_default = NoiseRotatePointNode;
+
+// src/nodes/transformers/noise-scale-point-node.tsx
+import { c as _c3 } from "react/compiler-runtime";
+import { useIncomingComputedData as useIncomingComputedData2, useUpdateNodeComputedData as useUpdateNodeComputedData3, useUpdateNodeData as useUpdateNodeData2 } from "@awesome-flow/core/hooks";
+import { NodeContainer as NodeContainer3, NodeTrackConnections as NodeTrackConnections3 } from "@awesome-flow/core/layout";
+import { Group as Group2, NumberInput as NumberInput2, Stack as Stack2 } from "@mantine/core";
+import { ScalePoint } from "libnoise-simplex-ts";
+import { useEffect as useEffect2, useState as useState2 } from "react";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function NoiseScalePointNode(t0) {
+  const $ = _c3(32);
+  const {
+    id,
+    selected,
+    data,
+    type
+  } = t0;
+  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();
+  let t1;
+  let t2;
+  if ($[0] !== id || $[1] !== incoming || $[2] !== updateComputedData || $[3] !== updateNodeData || $[4] !== xScale || $[5] !== yScale || $[6] !== zScale) {
+    t1 = () => {
+      if (incoming?.length) {
+        const module = new ScalePoint(incoming[0].module, xScale, yScale, zScale);
+        updateComputedData(id, {
+          module
+        });
+      }
+      updateNodeData(id, {
+        xScale,
+        yScale,
+        zScale
+      });
+    };
+    t2 = [id, incoming, updateComputedData, updateNodeData, xScale, yScale, zScale];
+    $[0] = id;
+    $[1] = incoming;
+    $[2] = updateComputedData;
+    $[3] = updateNodeData;
+    $[4] = xScale;
+    $[5] = yScale;
+    $[6] = zScale;
+    $[7] = t1;
+    $[8] = t2;
+  } else {
+    t1 = $[7];
+    t2 = $[8];
+  }
+  useEffect2(t1, t2);
+  let t3;
+  if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = (e) => setXScale(Number(e));
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  let t4;
+  if ($[10] !== xScale) {
+    t4 = /* @__PURE__ */ jsxs3(Group2, { children: [
+      "X Scale:",
+      /* @__PURE__ */ jsx3(NumberInput2, { size: "xs", w: 100, value: xScale, onChange: t3, step: 0.01 })
+    ] });
+    $[10] = xScale;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  let t5;
+  if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = (e_0) => setYScale(Number(e_0));
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  let t6;
+  if ($[13] !== yScale) {
+    t6 = /* @__PURE__ */ jsxs3(Group2, { children: [
+      "Y Scale:",
+      /* @__PURE__ */ jsx3(NumberInput2, { size: "xs", w: 100, value: yScale, onChange: t5, step: 0.01 })
+    ] });
+    $[13] = yScale;
+    $[14] = t6;
+  } else {
+    t6 = $[14];
+  }
+  let t7;
+  if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+    t7 = (e_1) => setZScale(Number(e_1));
+    $[15] = t7;
+  } else {
+    t7 = $[15];
+  }
+  let t8;
+  if ($[16] !== zScale) {
+    t8 = /* @__PURE__ */ jsxs3(Group2, { children: [
+      "Z Scale:",
+      /* @__PURE__ */ jsx3(NumberInput2, { size: "xs", w: 100, value: zScale, onChange: t7, step: 0.01 })
+    ] });
+    $[16] = zScale;
+    $[17] = t8;
+  } else {
+    t8 = $[17];
+  }
+  let t9;
+  if ($[18] !== t4 || $[19] !== t6 || $[20] !== t8) {
+    t9 = /* @__PURE__ */ jsxs3(Stack2, { children: [
+      t4,
+      t6,
+      t8
+    ] });
+    $[18] = t4;
+    $[19] = t6;
+    $[20] = t8;
+    $[21] = t9;
+  } else {
+    t9 = $[21];
+  }
+  let t10;
+  if ($[22] !== data.handles || $[23] !== id) {
+    t10 = /* @__PURE__ */ jsx3(NodeTrackConnections3, { handles: data.handles, nodeId: id, type: "target" });
+    $[22] = data.handles;
+    $[23] = id;
+    $[24] = t10;
+  } else {
+    t10 = $[24];
+  }
+  let t11;
+  if ($[25] !== data || $[26] !== id || $[27] !== selected || $[28] !== t10 || $[29] !== t9 || $[30] !== type) {
+    t11 = /* @__PURE__ */ jsxs3(NodeContainer3, { id, selected, data, type, children: [
+      t9,
+      t10
+    ] });
+    $[25] = data;
+    $[26] = id;
+    $[27] = selected;
+    $[28] = t10;
+    $[29] = t9;
+    $[30] = type;
+    $[31] = t11;
+  } else {
+    t11 = $[31];
+  }
+  return t11;
+}
+var noise_scale_point_node_default = NoiseScalePointNode;
+
+// src/nodes/transformers/noise-translate-point-node.tsx
+import { c as _c4 } from "react/compiler-runtime";
+import { useIncomingComputedData as useIncomingComputedData3, useUpdateNodeComputedData as useUpdateNodeComputedData4, useUpdateNodeData as useUpdateNodeData3 } from "@awesome-flow/core/hooks";
+import { NodeContainer as NodeContainer4, NodeTrackConnections as NodeTrackConnections4 } from "@awesome-flow/core/layout";
+import { Group as Group3, NumberInput as NumberInput3, Stack as Stack3 } from "@mantine/core";
+import { TranslatePoint } from "libnoise-simplex-ts";
+import { useEffect as useEffect3, useState as useState3 } from "react";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function NoiseTranslatePointNode(t0) {
+  const $ = _c4(32);
+  const {
+    id,
+    selected,
+    data,
+    type
+  } = t0;
+  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();
+  let t1;
+  let t2;
+  if ($[0] !== id || $[1] !== incoming || $[2] !== translateX || $[3] !== translateY || $[4] !== translateZ || $[5] !== updateComputedData || $[6] !== updateNodeData) {
+    t1 = () => {
+      if (incoming?.length) {
+        const module = new TranslatePoint(incoming[0].module, translateX, translateY, translateZ);
+        updateComputedData(id, {
+          module
+        });
+      }
+      updateNodeData(id, {
+        translateX,
+        translateY,
+        translateZ
+      });
+    };
+    t2 = [id, incoming, translateX, translateY, translateZ, updateComputedData, updateNodeData];
+    $[0] = id;
+    $[1] = incoming;
+    $[2] = translateX;
+    $[3] = translateY;
+    $[4] = translateZ;
+    $[5] = updateComputedData;
+    $[6] = updateNodeData;
+    $[7] = t1;
+    $[8] = t2;
+  } else {
+    t1 = $[7];
+    t2 = $[8];
+  }
+  useEffect3(t1, t2);
+  let t3;
+  if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = (e) => setTranslateX(Number(e));
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  let t4;
+  if ($[10] !== translateX) {
+    t4 = /* @__PURE__ */ jsxs4(Group3, { children: [
+      "Translate X:",
+      /* @__PURE__ */ jsx4(NumberInput3, { size: "xs", w: 100, value: translateX, onChange: t3, step: 1 })
+    ] });
+    $[10] = translateX;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  let t5;
+  if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = (e_0) => setTranslateY(Number(e_0));
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  let t6;
+  if ($[13] !== translateY) {
+    t6 = /* @__PURE__ */ jsxs4(Group3, { children: [
+      "Translate Y:",
+      /* @__PURE__ */ jsx4(NumberInput3, { size: "xs", w: 100, value: translateY, onChange: t5, step: 1 })
+    ] });
+    $[13] = translateY;
+    $[14] = t6;
+  } else {
+    t6 = $[14];
+  }
+  let t7;
+  if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+    t7 = (e_1) => setTranslateZ(Number(e_1));
+    $[15] = t7;
+  } else {
+    t7 = $[15];
+  }
+  let t8;
+  if ($[16] !== translateZ) {
+    t8 = /* @__PURE__ */ jsxs4(Group3, { children: [
+      "Translate Z:",
+      /* @__PURE__ */ jsx4(NumberInput3, { size: "xs", w: 100, value: translateZ, onChange: t7, step: 1 })
+    ] });
+    $[16] = translateZ;
+    $[17] = t8;
+  } else {
+    t8 = $[17];
+  }
+  let t9;
+  if ($[18] !== t4 || $[19] !== t6 || $[20] !== t8) {
+    t9 = /* @__PURE__ */ jsxs4(Stack3, { children: [
+      t4,
+      t6,
+      t8
+    ] });
+    $[18] = t4;
+    $[19] = t6;
+    $[20] = t8;
+    $[21] = t9;
+  } else {
+    t9 = $[21];
+  }
+  let t10;
+  if ($[22] !== data.handles || $[23] !== id) {
+    t10 = /* @__PURE__ */ jsx4(NodeTrackConnections4, { handles: data.handles, nodeId: id, type: "target" });
+    $[22] = data.handles;
+    $[23] = id;
+    $[24] = t10;
+  } else {
+    t10 = $[24];
+  }
+  let t11;
+  if ($[25] !== data || $[26] !== id || $[27] !== selected || $[28] !== t10 || $[29] !== t9 || $[30] !== type) {
+    t11 = /* @__PURE__ */ jsxs4(NodeContainer4, { id, selected, data, type, children: [
+      t9,
+      t10
+    ] });
+    $[25] = data;
+    $[26] = id;
+    $[27] = selected;
+    $[28] = t10;
+    $[29] = t9;
+    $[30] = type;
+    $[31] = t11;
+  } else {
+    t11 = $[31];
+  }
+  return t11;
+}
+var noise_translate_point_node_default = NoiseTranslatePointNode;
+
+// src/nodes/transformers/noise-turbulence-node.tsx
+import { c as _c5 } from "react/compiler-runtime";
+import { NodePropertyVariables } from "@awesome-flow/core/components";
+import { useIncomingComputedData as useIncomingComputedData4, useUpdateNodeComputedData as useUpdateNodeComputedData5 } from "@awesome-flow/core/hooks";
+import { NodeContainer as NodeContainer5, NodeTrackConnections as NodeTrackConnections5 } from "@awesome-flow/core/layout";
+import { Turbulence } from "libnoise-simplex-ts";
+import { useEffect as useEffect4, useState as useState4 } from "react";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function NoiseTurbulenceNode(t0) {
+  const $ = _c5(19);
+  const {
+    id,
+    selected,
+    data,
+    type
+  } = t0;
+  const [properties, setProperties] = useState4(null);
+  const incoming = useIncomingComputedData4(id);
+  const updateComputedData = useUpdateNodeComputedData5();
+  let t1;
+  let t2;
+  if ($[0] !== id || $[1] !== incoming || $[2] !== properties || $[3] !== updateComputedData) {
+    t1 = () => {
+      if (incoming?.length && properties) {
+        const module = new Turbulence(incoming[0].module, properties.frequency.value, properties.power.value, properties.roughness.value, properties.seed.value);
+        updateComputedData(id, {
+          module
+        });
+      }
+    };
+    t2 = [id, incoming, properties, updateComputedData];
+    $[0] = id;
+    $[1] = incoming;
+    $[2] = properties;
+    $[3] = updateComputedData;
+    $[4] = t1;
+    $[5] = t2;
+  } else {
+    t1 = $[4];
+    t2 = $[5];
+  }
+  useEffect4(t1, t2);
+  let t3;
+  if ($[6] !== data || $[7] !== id) {
+    t3 = /* @__PURE__ */ jsx5(NodePropertyVariables, { data, nodeId: id, onPropertiesChange: setProperties });
+    $[6] = data;
+    $[7] = id;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  let t4;
+  if ($[9] !== data.handles || $[10] !== id) {
+    t4 = /* @__PURE__ */ jsx5(NodeTrackConnections5, { handles: data.handles, nodeId: id, type: "target" });
+    $[9] = data.handles;
+    $[10] = id;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  let t5;
+  if ($[12] !== data || $[13] !== id || $[14] !== selected || $[15] !== t3 || $[16] !== t4 || $[17] !== type) {
+    t5 = /* @__PURE__ */ jsxs5(NodeContainer5, { id, selected, data, type, children: [
+      t3,
+      t4
+    ] });
+    $[12] = data;
+    $[13] = id;
+    $[14] = selected;
+    $[15] = t3;
+    $[16] = t4;
+    $[17] = type;
+    $[18] = t5;
+  } else {
+    t5 = $[18];
+  }
+  return t5;
+}
+var noise_turbulence_node_default = NoiseTurbulenceNode;
+
+export {
+  NoiseHandleType,
+  DisplacementHandle,
+  NoiseSourceControlHandle,
+  noise_displace_node_default,
+  noise_rotate_point_node_default,
+  noise_scale_point_node_default,
+  noise_translate_point_node_default,
+  noise_turbulence_node_default
+};