@awesome-flow/ecs 0.1.0 → 0.3.0

package/dist/index.js

@@ -1,21 +1,15 @@
-// src/ecs/ecs-flow-context.ts
+// src/abstract/ecs-flow-context.ts
 import { createContext } from "react";
-var EcsFlowContext = createContext({
-  ecsFlowRepository: null,
-  entityRepository: null,
-  entityEventsManager: null,
-  entityUpdateCounter: null,
-  systemsModuleRepository: null
-});
+var EcsFlowContext = createContext(null);
 
 // src/utils/id-generator.ts
-var IdGenerator = class {
+var EcsIdGenerator = class {
   static entityProxy(proxy) {
     return `${proxy.entityType}:${proxy.entityUid}`;
   }
 };
 
-// src/ecs/ecs-flow-repository.ts
+// src/abstract/ecs-flow-repository.ts
 var EcsFlowRepository = class {
   nodes;
   constructor() {
@@ -31,20 +25,20 @@ var EcsFlowRepository = class {
     return this.nodes.get(entityType.toString());
   }
   addEntityNode(node) {
-    this.nodes.set(IdGenerator.entityProxy(node.data.entity), node);
+    this.nodes.set(EcsIdGenerator.entityProxy(node.data.entity), node);
   }
   getEntityNode(entity) {
-    return this.nodes.get(IdGenerator.entityProxy(entity));
+    return this.nodes.get(EcsIdGenerator.entityProxy(entity));
   }
   listAllNodes() {
     return Array.from(this.nodes.values());
   }
 };
 
-// src/ecs/flow-ecs-state.tsx
+// src/flow/flow-ecs-state.tsx
 import { useEffect as useEffect7, useContext as useContext10, useState as useState3 } from "react";
 
-// src/ecs/flow-ecs-auto-layout.tsx
+// src/flow/flow-ecs-auto-layout.tsx
 import { FlowContext } from "@awesome-flow/core/abstract";
 import Dagre from "@dagrejs/dagre";
 import { useReactFlow } from "@xyflow/react";
@@ -102,19 +96,23 @@ function FlowEcsAutoLayout(props) {
 }
 var flow_ecs_auto_layout_default = FlowEcsAutoLayout;
 
-// src/ecs/flow-ecs-entities.tsx
+// src/flow/flow-ecs-entities.tsx
 import { FlowContext as FlowContext4 } from "@awesome-flow/core/abstract";
 import { useContext as useContext8, useEffect as useEffect5, useState as useState2 } from "react";
 
 // src/nodes/node-systems-module.tsx
 import { NodeContainer } from "@awesome-flow/core/layout";
 import { useContext as useContext2 } from "react";
+import { Badge as Badge3 } from "@mantine/core";
 
 // src/layout/systems-module-layout.tsx
 import { SystemType } from "@awesome-ecs/abstract/systems";
 import { Accordion as Accordion2, Text } from "@mantine/core";
 import { useMemo as useMemo3 } from "react";
 
+// src/components/pipeline-middleware-list.tsx
+import { Accordion, Badge as Badge2, Stack } from "@mantine/core";
+
 // src/components/badge-list.tsx
 import { Badge } from "@mantine/core";
 import { memo as memo2 } from "react";
@@ -140,7 +138,6 @@ function BadgeList(props) {
 var badge_list_default = memo2(BadgeList);
 
 // src/components/pipeline-middleware-list.tsx
-import { Accordion, Badge as Badge2, Stack } from "@mantine/core";
 import { jsx as jsx3, jsxs } from "react/jsx-runtime";
 function PipelineMiddlewareList(props) {
   let middleware = [];
@@ -162,7 +159,7 @@ import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-run
 function SystemsModuleLayout(props) {
   const { module } = props;
   const runtimeContext = module["runtimeContext"];
-  const systemContext = runtimeContext.systemContext;
+  const { systemContext } = runtimeContext;
   const { status } = useMemo3(() => {
     return systemContext.runtime;
   }, [systemContext.runtime.status]);
@@ -186,7 +183,6 @@ function SystemsModuleLayout(props) {
 var systems_module_layout_default = SystemsModuleLayout;
 
 // src/nodes/node-systems-module.tsx
-import { Badge as Badge3 } from "@mantine/core";
 import { jsx as jsx5 } from "react/jsx-runtime";
 function SystemsModuleNode({ id, data, selected, type }) {
   const { systemsModuleRepository } = useContext2(EcsFlowContext);
@@ -196,9 +192,8 @@ function SystemsModuleNode({ id, data, selected, type }) {
     {
       id,
       selected,
-      handles: data.handles,
+      data,
       title: /* @__PURE__ */ jsx5(Badge3, { fullWidth: true, color: "indigo", variant: "transparent", children: /* @__PURE__ */ jsx5(formatter_camel_case_default, { value: data.entityType }) }),
-      templateId: data.templateId,
       type,
       children: /* @__PURE__ */ jsx5(systems_module_layout_default, { type: data.entityType, module })
     }
@@ -209,7 +204,7 @@ var node_systems_module_default = SystemsModuleNode;
 // src/nodes/node-entity.tsx
 import { NodeContainer as NodeContainer2 } from "@awesome-flow/core/layout";
 import { Badge as Badge9 } from "@mantine/core";
-import { useContext as useContext5, useMemo as useMemo8 } from "react";
+import { useContext as useContext5, useMemo as useMemo6 } from "react";
 
 // src/layout/entity-layout.tsx
 import { Accordion as Accordion6, Badge as Badge8, Divider, Group } from "@mantine/core";
@@ -220,17 +215,17 @@ import { memo as memo5 } from "react";
 
 // src/components/entity-component-inspector.tsx
 import { Box, Button, Collapse } from "@mantine/core";
-import { memo as memo4, useMemo as useMemo6 } from "react";
+import { memo as memo4, useMemo as useMemo5 } from "react";
 import { useDisclosure } from "@mantine/hooks";
 
 // src/components/object-inspector.tsx
 import { useComputedColorScheme } from "@mantine/core";
-import { memo as memo3, useMemo as useMemo5 } from "react";
+import { memo as memo3, useMemo as useMemo4 } from "react";
 import { Inspector } from "react-inspector";
 import { jsx as jsx6 } from "react/jsx-runtime";
 function ObjectInspector(props) {
   const colorScheme = useComputedColorScheme();
-  const theme = useMemo5(
+  const theme = useMemo4(
     () => colorScheme === "dark" ? "chromeDark" : "chromeLight",
     [colorScheme]
   );
@@ -242,7 +237,7 @@ var object_inspector_default = memo3(ObjectInspector);
 import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
 function EntityComponentInspector(props) {
   const [opened, { toggle }] = useDisclosure(false);
-  const buttonColor = useMemo6(() => opened ? "light" : "indigo", [opened]);
+  const buttonColor = useMemo5(() => opened ? "light" : "indigo", [opened]);
   return /* @__PURE__ */ jsxs3(Box, { children: [
     /* @__PURE__ */ jsx7(Button, { variant: "outline", size: "xs", onClick: toggle, color: buttonColor, fullWidth: true, children: props.component.componentType }),
     /* @__PURE__ */ jsx7(Collapse, { in: opened, children: opened && /* @__PURE__ */ jsx7(object_inspector_default, { data: props.component }) })
@@ -267,7 +262,7 @@ import { memo as memo6 } from "react";
 import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
 function EntityProxyList(props) {
   const proxies = Array.from(props.entity.proxies.values()).map((c) => c.values());
-  const items = proxies.map((p) => Array.from(p).map((k) => IdGenerator.entityProxy(k))).flat();
+  const items = proxies.map((p) => Array.from(p).map((k) => EcsIdGenerator.entityProxy(k))).flat();
   return /* @__PURE__ */ jsxs5(Accordion4.Item, { value: "proxies", children: [
     /* @__PURE__ */ jsx9(Accordion4.Control, { children: /* @__PURE__ */ jsx9(Badge5, { fullWidth: true, variant: "light", rightSection: items.length, children: "Proxies" }) }),
     /* @__PURE__ */ jsx9(Accordion4.Panel, { children: /* @__PURE__ */ jsx9(Stack3, { children: /* @__PURE__ */ jsx9(badge_list_default, { items, badge: { variant: "outline" } }) }) })
@@ -336,15 +331,14 @@ var entity_layout_default = EntityLayout;
 import { jsx as jsx13 } from "react/jsx-runtime";
 function EntityNode({ id, data, selected, type }) {
   const { entityRepository } = useContext5(EcsFlowContext);
-  const entity = useMemo8(() => entityRepository.get(data.entity), [data.entity]);
+  const entity = useMemo6(() => entityRepository.get(data.entity), [data.entity]);
   return /* @__PURE__ */ jsx13(
     NodeContainer2,
     {
       id,
       selected,
-      handles: data.handles,
+      data,
       title: /* @__PURE__ */ jsx13(Badge9, { fullWidth: true, variant: "transparent", children: /* @__PURE__ */ jsx13(formatter_camel_case_default, { value: entity.myProxy.entityType }) }),
-      templateId: data.templateId,
       type,
       children: /* @__PURE__ */ jsx13(entity_layout_default, { entity })
     }
@@ -352,7 +346,88 @@ function EntityNode({ id, data, selected, type }) {
 }
 var node_entity_default = EntityNode;
 
-// src/node-types.ts
+// src/templates/template-entity-node.ts
+import { IDGenerator } from "@awesome-flow/core/utils";
+import { Position } from "@xyflow/react";
+
+// src/abstract/handle-types.ts
+var EcsHandleDataType = /* @__PURE__ */ ((EcsHandleDataType2) => {
+  EcsHandleDataType2[EcsHandleDataType2["proxy"] = 1] = "proxy";
+  EcsHandleDataType2[EcsHandleDataType2["module"] = 2] = "module";
+  return EcsHandleDataType2;
+})(EcsHandleDataType || {});
+
+// src/templates/template-entity-node.ts
+var EntityNodeTemplate = class {
+  create() {
+    const data = {
+      title: "Entity",
+      entity: null
+    };
+    return {
+      id: IDGenerator.template(),
+      removable: false,
+      type: "entity-node" /* entity */,
+      data,
+      handles: [
+        {
+          dataType: 1 /* proxy */,
+          position: Position.Left,
+          connection: "target",
+          disabled: true
+        },
+        {
+          dataType: 1 /* proxy */,
+          position: Position.Right,
+          connection: "source",
+          disabled: true
+        }
+      ]
+    };
+  }
+  isHandleAllowed() {
+    return false;
+  }
+  getHandleAllowedDataType() {
+    return 1 /* proxy */;
+  }
+};
+
+// src/templates/template-systems-module.ts
+import { IDGenerator as IDGenerator2 } from "@awesome-flow/core/utils";
+import { Position as Position2 } from "@xyflow/react";
+var SystemsModuleNodeTemplate = class {
+  create() {
+    const data = {
+      title: "Systems Module",
+      entityType: null,
+      handles: null,
+      templateId: null
+    };
+    return {
+      id: IDGenerator2.template(),
+      removable: false,
+      type: "systems-module-node" /* systemsModule */,
+      data,
+      handles: [
+        {
+          dataType: 2 /* module */,
+          position: Position2.Left,
+          connection: "target",
+          disabled: true
+        }
+      ]
+    };
+  }
+  isHandleAllowed() {
+    return false;
+  }
+  getHandleAllowedDataType() {
+    return 2 /* module */;
+  }
+};
+
+// src/abstract/node-types.ts
 var EcsNodeType = /* @__PURE__ */ ((EcsNodeType2) => {
   EcsNodeType2["systemsModule"] = "systems-module-node";
   EcsNodeType2["entity"] = "entity-node";
@@ -362,8 +437,12 @@ var ecsNodeTypes = {
   ["systems-module-node" /* systemsModule */]: node_systems_module_default,
   ["entity-node" /* entity */]: node_entity_default
 };
+var ecsNodeTemplates = {
+  ["entity-node" /* entity */]: new EntityNodeTemplate(),
+  ["systems-module-node" /* systemsModule */]: new SystemsModuleNodeTemplate()
+};
 
-// src/ecs/flow-ecs-edge-proxies.tsx
+// src/flow/flow-ecs-edge-proxies.tsx
 import { useContext as useContext6, useEffect as useEffect3 } from "react";
 import { FlowContext as FlowContext2 } from "@awesome-flow/core/abstract";
 import { Fragment as Fragment5, jsx as jsx14 } from "react/jsx-runtime";
@@ -374,13 +453,13 @@ function FlowEcsEdgeProxies(props) {
   const { ecsFlowRepository, entityRepository } = useContext6(EcsFlowContext);
   useEffect3(() => {
     for (const node of nodesToConnect) {
-      const sourceHandle = node.data.handles.find((h) => h.type === "source");
+      const sourceHandle = node.data.handles.find((h) => h.connection === "source");
       const entity = entityRepository.get(node.data.entity);
       for (const [, proxyMap] of entity.proxies) {
         for (const proxy of proxyMap.values()) {
           const proxyNode = ecsFlowRepository.getEntityNode(proxy);
           if (proxyNode) {
-            const targetHandle = proxyNode.data.handles.find((h) => h.type === "target");
+            const targetHandle = proxyNode.data.handles.find((h) => h.connection === "target");
             onConnect({
               source: node.id,
               target: proxyNode.id,
@@ -396,7 +475,7 @@ function FlowEcsEdgeProxies(props) {
 }
 var flow_ecs_edge_proxies_default = FlowEcsEdgeProxies;
 
-// src/ecs/flow-ecs-edge-modules.tsx
+// src/flow/flow-ecs-edge-modules.tsx
 import { useContext as useContext7, useEffect as useEffect4 } from "react";
 import { FlowContext as FlowContext3 } from "@awesome-flow/core/abstract";
 import { Fragment as Fragment6, jsx as jsx15 } from "react/jsx-runtime";
@@ -407,10 +486,10 @@ function FlowEcsEdgeModules(props) {
   const { ecsFlowRepository, entityRepository } = useContext7(EcsFlowContext);
   useEffect4(() => {
     for (const node of nodesToConnect) {
-      const sourceHandle = node.data.handles.find((h) => h.type === "source");
+      const sourceHandle = node.data.handles.find((h) => h.connection === "source");
       const entity = entityRepository.get(node.data.entity);
       const systemModule = ecsFlowRepository.getSystemModuleNode(entity.myProxy.entityType);
-      const targetHandle = systemModule?.data.handles.find((h) => h.type === "target");
+      const targetHandle = systemModule?.data.handles.find((h) => h.connection === "target");
       if (targetHandle) {
         onConnect({
           source: node.id,
@@ -418,7 +497,6 @@ function FlowEcsEdgeModules(props) {
           sourceHandle: sourceHandle.id,
           targetHandle: targetHandle.id
         });
-        console.log("CONNECTING MODULE", node.id, systemModule.id);
       }
     }
   }, [nodesToConnect]);
@@ -426,7 +504,7 @@ function FlowEcsEdgeModules(props) {
 }
 var flow_ecs_edge_modules_default = FlowEcsEdgeModules;
 
-// src/ecs/flow-ecs-entities.tsx
+// src/flow/flow-ecs-entities.tsx
 import { Fragment as Fragment7, jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
 function FlowEcsEntities() {
   const context = useContext8(FlowContext4);
@@ -456,7 +534,7 @@ function FlowEcsEntities() {
 }
 var flow_ecs_entities_default = FlowEcsEntities;
 
-// src/ecs/flow-ecs-modules.tsx
+// src/flow/flow-ecs-modules.tsx
 import { useEffect as useEffect6, useContext as useContext9 } from "react";
 import { FlowContext as FlowContext5 } from "@awesome-flow/core/abstract";
 import { Fragment as Fragment8, jsx as jsx17 } from "react/jsx-runtime";
@@ -488,7 +566,7 @@ function FlowEcsModules() {
 }
 var flow_ecs_modules_default = FlowEcsModules;
 
-// src/ecs/flow-ecs-state.tsx
+// src/flow/flow-ecs-state.tsx
 import { Fragment as Fragment9, jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
 function FlowEcsState(props) {
   const [, setUpdates] = useState3(0);
@@ -509,87 +587,6 @@ function FlowEcsState(props) {
   ] });
 }
 var flow_ecs_state_default = FlowEcsState;
-
-// src/templates/template-entity-node.ts
-import { IDGenerator } from "@awesome-flow/core/utils";
-
-// src/handle-types.ts
-var EcsHandleDataType = /* @__PURE__ */ ((EcsHandleDataType2) => {
-  EcsHandleDataType2[EcsHandleDataType2["proxy"] = 1] = "proxy";
-  EcsHandleDataType2[EcsHandleDataType2["module"] = 2] = "module";
-  return EcsHandleDataType2;
-})(EcsHandleDataType || {});
-
-// src/templates/template-entity-node.ts
-import { Position } from "@xyflow/react";
-var EntityNodeTemplate = class {
-  create() {
-    const data = {
-      title: "Entity",
-      entity: null
-    };
-    return {
-      id: IDGenerator.template(),
-      removable: false,
-      type: "entity-node" /* entity */,
-      data,
-      handles: [
-        {
-          dataType: 1 /* proxy */,
-          position: Position.Left,
-          type: "target",
-          disabled: true
-        },
-        {
-          dataType: 1 /* proxy */,
-          position: Position.Right,
-          type: "source",
-          disabled: true
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return false;
-  }
-  getHandleAllowedDataType() {
-    return void 0;
-  }
-};
-
-// src/templates/template-systems-module.ts
-import { IDGenerator as IDGenerator2 } from "@awesome-flow/core/utils";
-import { Position as Position2 } from "@xyflow/react";
-var SystemsModuleNodeTemplate = class {
-  create() {
-    const data = {
-      title: "Systems Module",
-      entityType: null,
-      handles: null,
-      templateId: null
-    };
-    return {
-      id: IDGenerator2.template(),
-      removable: false,
-      type: "systems-module-node" /* systemsModule */,
-      data,
-      handles: [
-        {
-          dataType: 2 /* module */,
-          position: Position2.Left,
-          type: "target",
-          disabled: true
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return false;
-  }
-  getHandleAllowedDataType() {
-    return void 0;
-  }
-};
 export {
   EcsFlowContext,
   EcsFlowRepository,
@@ -600,6 +597,7 @@ export {
   flow_ecs_state_default as FlowEcsState,
   node_systems_module_default as SystemsModuleNode,
   SystemsModuleNodeTemplate,
+  ecsNodeTemplates,
   ecsNodeTypes
 };
 //# sourceMappingURL=index.js.map