@awesome-flow/noise 0.3.0 → 0.5.0

package/dist/nodes/transformers/index.cjs

@@ -32,45 +32,40 @@ var import_layout = require("@awesome-flow/core/layout");
 var import_react = require("react");
 var import_hooks = require("@awesome-flow/core/hooks");
 var import_transformer = require("libnoise-ts/module/transformer");
-var import_core = require("@mantine/core");
+var import_components = require("@awesome-flow/core/components");
 var import_jsx_runtime = require("react/jsx-runtime");
 function NoiseDisplaceNode({ id, selected, data, type }) {
   const updateComputedData = (0, import_hooks.useUpdateNodeComputedData)();
-  const incomingHandleData = (0, import_hooks.useIncomingHandleData)(id, data.handles);
-  const { sourceModule, xModule, yModule, zModule } = (0, import_react.useMemo)(() => {
-    return {
-      sourceModule: incomingHandleData["source" /* sourceModule */],
-      xModule: incomingHandleData["x-module" /* xModule */],
-      yModule: incomingHandleData["y-module" /* yModule */],
-      zModule: incomingHandleData["z-module" /* zModule */]
-    };
-  }, [incomingHandleData]);
-  (0, import_react.useEffect)(() => {
-    if (sourceModule && xModule && yModule && zModule) {
-      const module2 = new import_transformer.Displace(
-        sourceModule[0].module,
-        xModule[0].module,
-        yModule[0].module,
-        zModule[0].module
-      );
-      updateComputedData(id, { module: module2 });
-    }
-  }, [id, updateComputedData, sourceModule, xModule, yModule, zModule]);
-  const { sourceColor, xColor, yColor, zColor } = (0, import_react.useMemo)(() => {
-    return {
-      sourceColor: sourceModule ? "green" : "orange",
-      xColor: xModule ? "green" : "orange",
-      yColor: yModule ? "green" : "orange",
-      zColor: zModule ? "green" : "orange"
-    };
-  }, [sourceModule, xModule, yModule, zModule]);
+  const onDataUpdated = (0, import_react.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 module2 = new import_transformer.Displace(
+          sourceModule[0].module,
+          xModule[0].module,
+          yModule[0].module,
+          zModule[0].module
+        );
+        updateComputedData(id, { module: module2 });
+      }
+    },
+    []
+  );
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_layout.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Stack, { align: "center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Badge, { color: sourceColor, children: "Source Module" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Badge, { color: xColor, children: "X Module" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Badge, { color: yColor, children: "Y Module" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Badge, { color: zColor, children: "Z Module" })
-    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.HandlesIncomingDataStatus,
+      {
+        nodeId: id,
+        handles: data.handles,
+        handleKey: "dataId",
+        onDataUpdated,
+        type: "target",
+        resetComputedData: true
+      }
+    ),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_layout.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
@@ -80,7 +75,7 @@ var noise_displace_node_default = NoiseDisplaceNode;
 var import_layout2 = require("@awesome-flow/core/layout");
 var import_react2 = require("react");
 var import_hooks2 = require("@awesome-flow/core/hooks");
-var import_core2 = require("@mantine/core");
+var import_core = require("@mantine/core");
 var import_transformer2 = require("libnoise-ts/module/transformer");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 function NoiseRotatePointNode({
@@ -103,11 +98,11 @@ function NoiseRotatePointNode({
     updateNodeData(id, { xAngle, yAngle, zAngle });
   }, [id, updateComputedData, updateNodeData, incoming, xAngle, yAngle, zAngle]);
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_layout2.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_core2.Stack, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_core2.Group, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_core.Stack, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_core.Group, { children: [
         "X Angle:",
         /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          import_core2.NumberInput,
+          import_core.NumberInput,
           {
             size: "xs",
             w: 100,
@@ -117,10 +112,10 @@ function NoiseRotatePointNode({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_core2.Group, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_core.Group, { children: [
         "Y Angle:",
         /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          import_core2.NumberInput,
+          import_core.NumberInput,
           {
             size: "xs",
             w: 100,
@@ -130,10 +125,10 @@ function NoiseRotatePointNode({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_core2.Group, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_core.Group, { children: [
         "Z Angle:",
         /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          import_core2.NumberInput,
+          import_core.NumberInput,
           {
             size: "xs",
             w: 100,
@@ -153,7 +148,7 @@ var noise_rotate_point_node_default = NoiseRotatePointNode;
 var import_layout3 = require("@awesome-flow/core/layout");
 var import_react3 = require("react");
 var import_hooks3 = require("@awesome-flow/core/hooks");
-var import_core3 = require("@mantine/core");
+var import_core2 = require("@mantine/core");
 var import_transformer3 = require("libnoise-ts/module/transformer");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 function NoiseScalePointNode({
@@ -176,11 +171,11 @@ function NoiseScalePointNode({
     updateNodeData(id, { xScale, yScale, zScale });
   }, [id, incoming, updateComputedData, updateNodeData, xScale, yScale, zScale]);
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_layout3.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_core3.Stack, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_core3.Group, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_core2.Stack, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_core2.Group, { children: [
         "X Scale:",
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          import_core3.NumberInput,
+          import_core2.NumberInput,
           {
             size: "xs",
             w: 100,
@@ -190,10 +185,10 @@ function NoiseScalePointNode({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_core3.Group, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_core2.Group, { children: [
         "Y Scale:",
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          import_core3.NumberInput,
+          import_core2.NumberInput,
           {
             size: "xs",
             w: 100,
@@ -203,10 +198,10 @@ function NoiseScalePointNode({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_core3.Group, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_core2.Group, { children: [
         "Z Scale:",
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          import_core3.NumberInput,
+          import_core2.NumberInput,
           {
             size: "xs",
             w: 100,
@@ -226,7 +221,7 @@ var noise_scale_point_node_default = NoiseScalePointNode;
 var import_layout4 = require("@awesome-flow/core/layout");
 var import_react4 = require("react");
 var import_hooks4 = require("@awesome-flow/core/hooks");
-var import_core4 = require("@mantine/core");
+var import_core3 = require("@mantine/core");
 var import_transformer4 = require("libnoise-ts/module/transformer");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 function NoiseTranslatePointNode({
@@ -249,11 +244,11 @@ function NoiseTranslatePointNode({
     updateNodeData(id, { translateX, translateY, translateZ });
   }, [id, incoming, translateX, translateY, translateZ, updateComputedData, updateNodeData]);
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_layout4.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_core4.Stack, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_core4.Group, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_core3.Stack, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_core3.Group, { children: [
         "Translate X:",
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-          import_core4.NumberInput,
+          import_core3.NumberInput,
           {
             size: "xs",
             w: 100,
@@ -263,10 +258,10 @@ function NoiseTranslatePointNode({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_core4.Group, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_core3.Group, { children: [
         "Translate Y:",
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-          import_core4.NumberInput,
+          import_core3.NumberInput,
           {
             size: "xs",
             w: 100,
@@ -276,10 +271,10 @@ function NoiseTranslatePointNode({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_core4.Group, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_core3.Group, { children: [
         "Translate Z:",
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-          import_core4.NumberInput,
+          import_core3.NumberInput,
           {
             size: "xs",
             w: 100,
@@ -297,159 +292,25 @@ var noise_translate_point_node_default = NoiseTranslatePointNode;
 
 // src/nodes/transformers/noise-turbulence-node .tsx
 var import_layout5 = require("@awesome-flow/core/layout");
-var import_react6 = require("react");
-var import_hooks6 = require("@awesome-flow/core/hooks");
-var import_transformer5 = require("libnoise-ts/module/transformer");
-
-// src/layout/node-property-variables.tsx
-var import_hooks5 = require("@awesome-flow/core/hooks");
 var import_react5 = require("react");
-var import_core6 = require("@mantine/core");
-var import_utils = require("@awesome-flow/core/utils");
-var import_abstract = require("@awesome-flow/core/abstract");
-
-// src/layout/node-value-input.tsx
-var import_core5 = require("@mantine/core");
+var import_hooks5 = require("@awesome-flow/core/hooks");
+var import_transformer5 = require("libnoise-ts/module/transformer");
+var import_components2 = require("@awesome-flow/core/components");
 var import_jsx_runtime5 = require("react/jsx-runtime");
-function NodeValueInput({ value, disabled, step, onChange }) {
-  if (value === void 0 || value === null) {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, {});
-  }
-  switch (typeof value) {
-    case "boolean": {
-      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        import_core5.Switch,
-        {
-          checked: value,
-          disabled,
-          onChange: (e) => onChange(e.currentTarget.checked)
-        }
-      );
-    }
-    case "number": {
-      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_core5.NumberInput, { value, disabled, step, onChange: (e) => onChange(e) });
-    }
-    case "string": {
-      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        import_core5.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
-var import_jsx_runtime6 = require("react/jsx-runtime");
-function NodePropertyInput({ property, onChange }) {
-  if (!property) {
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, {});
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-    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
-var import_jsx_runtime7 = require("react/jsx-runtime");
-function NodePropertyVariables({
-  data,
-  nodeId,
-  onPropertiesChange,
-  except = import_abstract.nodeDataPropertyExcept
-}) {
-  const [properties, setProperties] = (0, import_react5.useState)(() => {
-    const keys = (0, import_utils.getObjectKeys)(data, except);
-    const dataProps = {};
-    for (const key of keys) {
-      dataProps[key] = {
-        name: key,
-        value: data[key]
-      };
-    }
-    return dataProps;
-  });
-  const updateNodeData = (0, import_hooks5.useUpdateNodeData)();
-  const incoming = (0, import_hooks5.useIncomingNodeData)(nodeId);
-  const resetAllDisabled = (0, import_react5.useCallback)(() => {
-    const keys = Object.keys(properties);
-    keys.forEach((k) => {
-      properties[k].disabled = false;
-    });
-    setProperties(properties);
-  }, []);
-  const updatePropertyValue = (0, import_react5.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 });
-  }, []);
-  (0, import_react5.useEffect)(() => {
-    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]);
-  (0, import_react5.useEffect)(() => {
-    if (onPropertiesChange) {
-      onPropertiesChange(properties);
-    }
-  }, [onPropertiesChange, properties]);
-  const nodes = (0, import_react5.useMemo)(() => {
-    return Object.keys(properties).map((key) => {
-      const property = properties[key];
-      return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_core6.Group, { children: [
-        property.name,
-        ":",
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(node_property_input_default, { property, onChange: updatePropertyValue })
-      ] }, key);
-    });
-  }, [properties, updatePropertyValue]);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Stack, { children: nodes });
-}
-var node_property_variables_default = NodePropertyVariables;
-
-// src/nodes/transformers/noise-turbulence-node .tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
 function NoiseTurbulenceNode({
   id,
   selected,
   data,
   type
 }) {
-  const [properties, setProperties] = (0, import_react6.useState)(null);
-  const incoming = (0, import_hooks6.useIncomingComputedData)(id);
-  const updateComputedData = (0, import_hooks6.useUpdateNodeComputedData)();
-  const onPropertiesChange = (0, import_react6.useCallback)((props) => {
+  const [properties, setProperties] = (0, import_react5.useState)(null);
+  const incoming = (0, import_hooks5.useIncomingComputedData)(id);
+  const updateComputedData = (0, import_hooks5.useUpdateNodeComputedData)();
+  const onPropertiesChange = (0, import_react5.useCallback)((props) => {
     setProperties(props);
   }, []);
-  (0, import_react6.useEffect)(() => {
-    if (incoming?.length) {
+  (0, import_react5.useEffect)(() => {
+    if (incoming?.length && properties) {
       const module2 = new import_transformer5.Turbulence(
         incoming[0].module,
         properties.frequency.value,
@@ -459,10 +320,10 @@ function NoiseTurbulenceNode({
       );
       updateComputedData(id, { module: module2 });
     }
-  }, [id, incoming, properties, updateComputedData]);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_layout5.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(node_property_variables_default, { data, nodeId: id, onPropertiesChange }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_layout5.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
+  }, [id, incoming, properties]);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_layout5.NodeContainer, { id, selected, data, type, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_components2.NodePropertyVariables, { data, nodeId: id, onPropertiesChange }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_layout5.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_turbulence_node_default = NoiseTurbulenceNode;
@@ -474,4 +335,3 @@ var noise_turbulence_node_default = NoiseTurbulenceNode;
   NoiseTranslatePointNode,
   NoiseTurbulenceNode
 });
-//# sourceMappingURL=index.cjs.map

package/dist/nodes/transformers/index.d.cts

@@ -1,15 +1,13 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { NodeProps, Node } from '@xyflow/react';
-import { x as NodeDisplaceNoiseData, y as NodeRotatePointNoiseData, z as NodeScalePointNoiseData, A as NodeTranslatePointNoiseData, B as NodeTurbulenceNoiseData } from '../../node-props-hKW-_KOU.cjs';
-import '@awesome-flow/core/abstract';
+import { BasicNodeData } from '@awesome-flow/core/abstract';
+import { u as NodeRotatePointNoiseData, v as NodeScalePointNoiseData, w as NodeTranslatePointNoiseData, x as NodeTurbulenceNoiseData } from '../../node-props-BbqbXDXn.cjs';
 import 'libnoise-ts/module/generator';
 import 'libnoise-ts/noisegen';
 import 'libnoise-ts/module/Module';
-import '../../handle-types-D-v5S53h.cjs';
 import 'libnoise-ts/module/combiner';
-import '../../properties-BxwtU6i9.cjs';
 
-declare function NoiseDisplaceNode({ id, selected, data, type }: NodeProps<Node<NodeDisplaceNoiseData>>): react_jsx_runtime.JSX.Element;
+declare function NoiseDisplaceNode({ id, selected, data, type }: NodeProps<Node<BasicNodeData>>): react_jsx_runtime.JSX.Element;
 
 declare function NoiseRotatePointNode({ id, selected, data, type, }: NodeProps<Node<NodeRotatePointNoiseData>>): react_jsx_runtime.JSX.Element;
 

package/dist/nodes/transformers/index.d.ts

@@ -1,15 +1,13 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { NodeProps, Node } from '@xyflow/react';
-import { x as NodeDisplaceNoiseData, y as NodeRotatePointNoiseData, z as NodeScalePointNoiseData, A as NodeTranslatePointNoiseData, B as NodeTurbulenceNoiseData } from '../../node-props-CeZ8Oshz.js';
-import '@awesome-flow/core/abstract';
+import { BasicNodeData } from '@awesome-flow/core/abstract';
+import { u as NodeRotatePointNoiseData, v as NodeScalePointNoiseData, w as NodeTranslatePointNoiseData, x as NodeTurbulenceNoiseData } from '../../node-props-BbqbXDXn.js';
 import 'libnoise-ts/module/generator';
 import 'libnoise-ts/noisegen';
 import 'libnoise-ts/module/Module';
-import '../../handle-types-D-v5S53h.js';
 import 'libnoise-ts/module/combiner';
-import '../../properties-BxwtU6i9.js';
 
-declare function NoiseDisplaceNode({ id, selected, data, type }: NodeProps<Node<NodeDisplaceNoiseData>>): react_jsx_runtime.JSX.Element;
+declare function NoiseDisplaceNode({ id, selected, data, type }: NodeProps<Node<BasicNodeData>>): react_jsx_runtime.JSX.Element;
 
 declare function NoiseRotatePointNode({ id, selected, data, type, }: NodeProps<Node<NodeRotatePointNoiseData>>): react_jsx_runtime.JSX.Element;