@awesome-flow/noise 0.6.0 → 0.7.1

package/dist/nodes/transformers/index.js

@@ -1,319 +1 @@
-// src/nodes/transformers/noise-displace-node.tsx
-import { NodeContainer, NodeTrackConnections } from "@awesome-flow/core/layout";
-import { useCallback } from "react";
-import { useUpdateNodeComputedData } from "@awesome-flow/core/hooks";
-import { Displace } from "libnoise-ts/module/transformer";
-import { HandlesIncomingDataStatus } from "@awesome-flow/core/components";
-import { jsx, jsxs } from "react/jsx-runtime";
-function NoiseDisplaceNode({ id, selected, data, type }) {
-  const updateComputedData = useUpdateNodeComputedData();
-  const onDataUpdated = useCallback(
-    (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 });
-      }
-    },
-    []
-  );
-  return /* @__PURE__ */ jsxs(NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ jsx(
-      HandlesIncomingDataStatus,
-      {
-        nodeId: id,
-        handles: data.handles,
-        handleKey: "dataId",
-        onDataUpdated,
-        type: "target",
-        resetComputedData: true
-      }
-    ),
-    /* @__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, useState } from "react";
-import {
-  useIncomingComputedData,
-  useUpdateNodeComputedData as useUpdateNodeComputedData2,
-  useUpdateNodeData
-} from "@awesome-flow/core/hooks";
-import { Group, NumberInput, Stack } 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();
-  useEffect(() => {
-    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(Stack, { 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 useEffect2, 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 Stack2 } 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();
-  useEffect2(() => {
-    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(Stack2, { 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 useEffect3, 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 Stack3 } 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();
-  useEffect3(() => {
-    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(Stack3, { 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 useEffect4, useState as useState4 } from "react";
-import { useIncomingComputedData as useIncomingComputedData4, useUpdateNodeComputedData as useUpdateNodeComputedData5 } from "@awesome-flow/core/hooks";
-import { Turbulence } from "libnoise-ts/module/transformer";
-import { NodePropertyVariables } from "@awesome-flow/core/components";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-function NoiseTurbulenceNode({
-  id,
-  selected,
-  data,
-  type
-}) {
-  const [properties, setProperties] = useState4(null);
-  const incoming = useIncomingComputedData4(id);
-  const updateComputedData = useUpdateNodeComputedData5();
-  const onPropertiesChange = useCallback2((props) => {
-    setProperties(props);
-  }, []);
-  useEffect4(() => {
-    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 });
-    }
-  }, [id, incoming, properties]);
-  return /* @__PURE__ */ jsxs5(NodeContainer5, { id, selected, data, type, children: [
-    /* @__PURE__ */ jsx5(NodePropertyVariables, { data, nodeId: id, onPropertiesChange }),
-    /* @__PURE__ */ jsx5(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
-};
+import{HandlesIncomingDataStatus as v}from"@awesome-flow/core/components";import{useUpdateNodeComputedData as A}from"@awesome-flow/core/hooks";import{NodeContainer as G,NodeTrackConnections as U}from"@awesome-flow/core/layout";import{Displace as R}from"libnoise-simplex-ts";import{useCallback as X}from"react";import{jsx as w,jsxs as E}from"react/jsx-runtime";function Y({id:e,selected:m,data:o,type:l}){let t=A(),i=X(a=>{let s=a.source,r=a["x-module"],d=a["y-module"],u=a["z-module"];if(s&&r&&d&&u){let p=new R(s[0].module,r[0].module,d[0].module,u[0].module);t(e,{module:p})}},[]);return E(G,{id:e,selected:m,data:o,type:l,children:[w(v,{nodeId:e,handles:o.handles,handleKey:"dataId",onDataUpdated:i,type:"target",resetComputedData:!0}),w(U,{handles:o.handles,nodeId:e,type:"target"})]})}var Z=Y;import{useIncomingComputedData as V,useUpdateNodeComputedData as B,useUpdateNodeData as q}from"@awesome-flow/core/hooks";import{NodeContainer as K,NodeTrackConnections as F}from"@awesome-flow/core/layout";import{Group as x,NumberInput as M,Stack as J}from"@mantine/core";import{RotatePoint as L}from"libnoise-simplex-ts";import{useEffect as O,useState as S}from"react";import{jsx as D,jsxs as N}from"react/jsx-runtime";function Q({id:e,selected:m,data:o,type:l}){let[t,i]=S(o.xAngle),[a,s]=S(o.yAngle),[r,d]=S(o.zAngle),u=V(e),p=q(),c=B();return O(()=>{if(u?.length){let n=new L(u[0].module,t,a,r);c(e,{module:n})}p(e,{xAngle:t,yAngle:a,zAngle:r})},[e,c,p,u,t,a,r]),N(K,{id:e,selected:m,data:o,type:l,children:[N(J,{children:[N(x,{children:["X Angle:",D(M,{size:"xs",w:100,value:t,onChange:n=>i(Number(n)),step:.01})]}),N(x,{children:["Y Angle:",D(M,{size:"xs",w:100,value:a,onChange:n=>s(Number(n)),step:.01})]}),N(x,{children:["Z Angle:",D(M,{size:"xs",w:100,value:r,onChange:n=>d(Number(n)),step:.01})]})]}),D(F,{handles:o.handles,nodeId:e,type:"target"})]})}var W=Q;import{useIncomingComputedData as _,useUpdateNodeComputedData as $,useUpdateNodeData as H}from"@awesome-flow/core/hooks";import{NodeContainer as j,NodeTrackConnections as ee}from"@awesome-flow/core/layout";import{Group as h,NumberInput as y,Stack as oe}from"@mantine/core";import{ScalePoint as te}from"libnoise-simplex-ts";import{useEffect as ae,useState as b}from"react";import{jsx as g,jsxs as f}from"react/jsx-runtime";function ne({id:e,selected:m,data:o,type:l}){let[t,i]=b(o.xScale),[a,s]=b(o.yScale),[r,d]=b(o.zScale),u=_(e),p=H(),c=$();return ae(()=>{if(u?.length){let n=new te(u[0].module,t,a,r);c(e,{module:n})}p(e,{xScale:t,yScale:a,zScale:r})},[e,u,c,p,t,a,r]),f(j,{id:e,selected:m,data:o,type:l,children:[f(oe,{children:[f(h,{children:["X Scale:",g(y,{size:"xs",w:100,value:t,onChange:n=>i(Number(n)),step:.01})]}),f(h,{children:["Y Scale:",g(y,{size:"xs",w:100,value:a,onChange:n=>s(Number(n)),step:.01})]}),f(h,{children:["Z Scale:",g(y,{size:"xs",w:100,value:r,onChange:n=>d(Number(n)),step:.01})]})]}),g(ee,{handles:o.handles,nodeId:e,type:"target"})]})}var re=ne;import{useIncomingComputedData as ue,useUpdateNodeComputedData as de,useUpdateNodeData as se}from"@awesome-flow/core/hooks";import{NodeContainer as pe,NodeTrackConnections as me}from"@awesome-flow/core/layout";import{Group as I,NumberInput as T,Stack as le}from"@mantine/core";import{TranslatePoint as ie}from"libnoise-simplex-ts";import{useEffect as ce,useState as z}from"react";import{jsx as P,jsxs as C}from"react/jsx-runtime";function Ne({id:e,selected:m,data:o,type:l}){let[t,i]=z(o.translateX),[a,s]=z(o.translateY),[r,d]=z(o.translateZ),u=ue(e),p=se(),c=de();return ce(()=>{if(u?.length){let n=new ie(u[0].module,t,a,r);c(e,{module:n})}p(e,{translateX:t,translateY:a,translateZ:r})},[e,u,t,a,r,c,p]),C(pe,{id:e,selected:m,data:o,type:l,children:[C(le,{children:[C(I,{children:["Translate X:",P(T,{size:"xs",w:100,value:t,onChange:n=>i(Number(n)),step:1})]}),C(I,{children:["Translate Y:",P(T,{size:"xs",w:100,value:a,onChange:n=>s(Number(n)),step:1})]}),C(I,{children:["Translate Z:",P(T,{size:"xs",w:100,value:r,onChange:n=>d(Number(n)),step:1})]})]}),P(me,{handles:o.handles,nodeId:e,type:"target"})]})}var fe=Ne;import{NodePropertyVariables as Ce}from"@awesome-flow/core/components";import{useIncomingComputedData as De,useUpdateNodeComputedData as ge}from"@awesome-flow/core/hooks";import{NodeContainer as Pe,NodeTrackConnections as xe}from"@awesome-flow/core/layout";import{Turbulence as Me}from"libnoise-simplex-ts";import{useCallback as Se,useEffect as he,useState as ye}from"react";import{jsx as k,jsxs as Te}from"react/jsx-runtime";function be({id:e,selected:m,data:o,type:l}){let[t,i]=ye(null),a=De(e),s=ge(),r=Se(d=>{i(d)},[]);return he(()=>{if(a?.length&&t){let d=new Me(a[0].module,t.frequency.value,t.power.value,t.roughness.value,t.seed.value);s(e,{module:d})}},[e,a,t]),Te(Pe,{id:e,selected:m,data:o,type:l,children:[k(Ce,{data:o,nodeId:e,onPropertiesChange:r}),k(xe,{handles:o.handles,nodeId:e,type:"target"})]})}var Ie=be;export{Z as NoiseDisplaceNode,W as NoiseRotatePointNode,re as NoiseScalePointNode,fe as NoiseTranslatePointNode,Ie as NoiseTurbulenceNode};