@awesome-flow/noise 0.3.0 → 0.5.0

package/dist/nodes/groups/index.cjs

@@ -19,17 +19,17 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/nodes/groups/index.ts
 var groups_exports = {};
 __export(groups_exports, {
-  ModuleGroupNode: () => node_module_group_default
+  ModuleGroupNode: () => module_group_node_default
 });
 module.exports = __toCommonJS(groups_exports);
 
-// src/nodes/groups/node-module-group.tsx
+// src/nodes/groups/module-group-node.tsx
 var import_layout = require("@awesome-flow/core/layout");
 var import_react = require("@xyflow/react");
-var import_abstract = require("@awesome-flow/core/abstract");
 var import_react2 = require("react");
 var import_shallow = require("zustand/shallow");
 var import_core = require("@mantine/core");
+var import_hooks = require("@awesome-flow/core/hooks");
 var import_jsx_runtime = require("react/jsx-runtime");
 function ModuleGroupNode({
   id,
@@ -39,16 +39,15 @@ function ModuleGroupNode({
   width,
   height
 }) {
-  const context = (0, import_react2.useContext)(import_abstract.FlowContext);
   const updateNodeInternals = (0, import_react.useUpdateNodeInternals)();
   const triggerNodeChanges = (0, import_react.useStore)((s) => s.triggerNodeChanges);
-  const { groupNodes, setGroupCollapsed } = context.useFlowStore(
+  const { groupNodes, setGroupCollapsed } = (0, import_hooks.useFlowStore)(
     (0, import_react2.useCallback)(
       (state) => ({ groupNodes: state.groups[id], setGroupCollapsed: state.setGroupCollapsed }),
       []
     )
   );
-  const intersectingNode = context.useInteractivityStore(
+  const intersectingNode = (0, import_hooks.useInteractiveStore)(
     (0, import_react2.useCallback)((state) => state.nodeIntersectionTargets[id], [id]),
     import_shallow.shallow
   );
@@ -73,7 +72,15 @@ function ModuleGroupNode({
       height: data.initialSize?.height || 50
     };
   }, [data.initialSize]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  const incomingModules = (0, import_hooks.useIncomingComputedData)(id);
+  const updateComputedData = (0, import_hooks.useUpdateNodeComputedData)();
+  (0, import_react2.useEffect)(() => {
+    if (incomingModules?.length) {
+      const { module: module2 } = incomingModules[0];
+      updateComputedData(id, { module: module2 });
+    }
+  }, [incomingModules]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     import_layout.NodeContainer,
     {
       id,
@@ -84,21 +91,23 @@ function ModuleGroupNode({
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_layout.NodeCollapse, { nodeId: id, isCollapsed: data.isCollapsed, onCollapsed })
       ] }) }),
       type,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_react.NodeResizer,
-        {
-          nodeId: id,
-          minWidth: size.width,
-          minHeight: size.height,
-          isVisible: selected && !data.isCollapsed
-        }
-      )
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_react.NodeResizer,
+          {
+            nodeId: id,
+            minWidth: size.width,
+            minHeight: size.height,
+            isVisible: selected && !data.isCollapsed
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_layout.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
+      ]
     }
   );
 }
-var node_module_group_default = ModuleGroupNode;
+var module_group_node_default = ModuleGroupNode;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ModuleGroupNode
 });
-//# sourceMappingURL=index.cjs.map

package/dist/nodes/groups/index.js

@@ -1,10 +1,15 @@
-// src/nodes/groups/node-module-group.tsx
-import { NodeContainer, NodeCollapse } from "@awesome-flow/core/layout";
+// src/nodes/groups/module-group-node.tsx
+import { NodeContainer, NodeCollapse, NodeTrackConnections } from "@awesome-flow/core/layout";
 import { NodeResizer, useStore, useUpdateNodeInternals } from "@xyflow/react";
-import { FlowContext } from "@awesome-flow/core/abstract";
-import { useCallback, useContext, useEffect, useMemo } from "react";
+import { useCallback, useEffect, useMemo } from "react";
 import { shallow } from "zustand/shallow";
 import { Badge, Group } from "@mantine/core";
+import {
+  useFlowStore,
+  useIncomingComputedData,
+  useInteractiveStore,
+  useUpdateNodeComputedData
+} from "@awesome-flow/core/hooks";
 import { jsx, jsxs } from "react/jsx-runtime";
 function ModuleGroupNode({
   id,
@@ -14,16 +19,15 @@ function ModuleGroupNode({
   width,
   height
 }) {
-  const context = useContext(FlowContext);
   const updateNodeInternals = useUpdateNodeInternals();
   const triggerNodeChanges = useStore((s) => s.triggerNodeChanges);
-  const { groupNodes, setGroupCollapsed } = context.useFlowStore(
+  const { groupNodes, setGroupCollapsed } = useFlowStore(
     useCallback(
       (state) => ({ groupNodes: state.groups[id], setGroupCollapsed: state.setGroupCollapsed }),
       []
     )
   );
-  const intersectingNode = context.useInteractivityStore(
+  const intersectingNode = useInteractiveStore(
     useCallback((state) => state.nodeIntersectionTargets[id], [id]),
     shallow
   );
@@ -48,7 +52,15 @@ function ModuleGroupNode({
       height: data.initialSize?.height || 50
     };
   }, [data.initialSize]);
-  return /* @__PURE__ */ jsx(
+  const incomingModules = useIncomingComputedData(id);
+  const updateComputedData = useUpdateNodeComputedData();
+  useEffect(() => {
+    if (incomingModules?.length) {
+      const { module } = incomingModules[0];
+      updateComputedData(id, { module });
+    }
+  }, [incomingModules]);
+  return /* @__PURE__ */ jsxs(
     NodeContainer,
     {
       id,
@@ -59,20 +71,22 @@ function ModuleGroupNode({
         /* @__PURE__ */ jsx(NodeCollapse, { nodeId: id, isCollapsed: data.isCollapsed, onCollapsed })
       ] }) }),
       type,
-      children: /* @__PURE__ */ jsx(
-        NodeResizer,
-        {
-          nodeId: id,
-          minWidth: size.width,
-          minHeight: size.height,
-          isVisible: selected && !data.isCollapsed
-        }
-      )
+      children: [
+        /* @__PURE__ */ jsx(
+          NodeResizer,
+          {
+            nodeId: id,
+            minWidth: size.width,
+            minHeight: size.height,
+            isVisible: selected && !data.isCollapsed
+          }
+        ),
+        /* @__PURE__ */ jsx(NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
+      ]
     }
   );
 }
-var node_module_group_default = ModuleGroupNode;
+var module_group_node_default = ModuleGroupNode;
 export {
-  node_module_group_default as ModuleGroupNode
+  module_group_node_default as ModuleGroupNode
 };
-//# sourceMappingURL=index.js.map