@awesome-flow/ecs 0.1.0 → 0.3.0

package/dist/index.cjs

@@ -38,28 +38,23 @@ __export(src_exports, {
   FlowEcsState: () => flow_ecs_state_default,
   SystemsModuleNode: () => node_systems_module_default,
   SystemsModuleNodeTemplate: () => SystemsModuleNodeTemplate,
+  ecsNodeTemplates: () => ecsNodeTemplates,
   ecsNodeTypes: () => ecsNodeTypes
 });
 module.exports = __toCommonJS(src_exports);
 
-// src/ecs/ecs-flow-context.ts
+// src/abstract/ecs-flow-context.ts
 var import_react = require("react");
-var EcsFlowContext = (0, import_react.createContext)({
-  ecsFlowRepository: null,
-  entityRepository: null,
-  entityEventsManager: null,
-  entityUpdateCounter: null,
-  systemsModuleRepository: null
-});
+var EcsFlowContext = (0, import_react.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() {
@@ -75,20 +70,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
-var import_react19 = require("react");
+// src/flow/flow-ecs-state.tsx
+var import_react21 = require("react");
 
-// src/ecs/flow-ecs-auto-layout.tsx
+// src/flow/flow-ecs-auto-layout.tsx
 var import_abstract = require("@awesome-flow/core/abstract");
 var import_dagre = __toESM(require("@dagrejs/dagre"), 1);
 var import_react2 = require("@xyflow/react");
@@ -146,19 +141,23 @@ function FlowEcsAutoLayout(props) {
 }
 var flow_ecs_auto_layout_default = FlowEcsAutoLayout;
 
-// src/ecs/flow-ecs-entities.tsx
+// src/flow/flow-ecs-entities.tsx
 var import_abstract4 = require("@awesome-flow/core/abstract");
-var import_react17 = require("react");
+var import_react19 = require("react");
 
 // src/nodes/node-systems-module.tsx
 var import_layout = require("@awesome-flow/core/layout");
 var import_react7 = require("react");
+var import_core4 = require("@mantine/core");
 
 // src/layout/systems-module-layout.tsx
 var import_systems = require("@awesome-ecs/abstract/systems");
 var import_core3 = require("@mantine/core");
 var import_react6 = require("react");
 
+// src/components/pipeline-middleware-list.tsx
+var import_core2 = require("@mantine/core");
+
 // src/components/badge-list.tsx
 var import_core = require("@mantine/core");
 var import_react5 = require("react");
@@ -184,7 +183,6 @@ function BadgeList(props) {
 var badge_list_default = (0, import_react5.memo)(BadgeList);
 
 // src/components/pipeline-middleware-list.tsx
-var import_core2 = require("@mantine/core");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 function PipelineMiddlewareList(props) {
   let middleware = [];
@@ -206,7 +204,7 @@ var import_jsx_runtime4 = require("react/jsx-runtime");
 function SystemsModuleLayout(props) {
   const { module: module2 } = props;
   const runtimeContext = module2["runtimeContext"];
-  const systemContext = runtimeContext.systemContext;
+  const { systemContext } = runtimeContext;
   const { status } = (0, import_react6.useMemo)(() => {
     return systemContext.runtime;
   }, [systemContext.runtime.status]);
@@ -230,7 +228,6 @@ function SystemsModuleLayout(props) {
 var systems_module_layout_default = SystemsModuleLayout;
 
 // src/nodes/node-systems-module.tsx
-var import_core4 = require("@mantine/core");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 function SystemsModuleNode({ id, data, selected, type }) {
   const { systemsModuleRepository } = (0, import_react7.useContext)(EcsFlowContext);
@@ -240,9 +237,8 @@ function SystemsModuleNode({ id, data, selected, type }) {
     {
       id,
       selected,
-      handles: data.handles,
+      data,
       title: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_core4.Badge, { fullWidth: true, color: "indigo", variant: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(formatter_camel_case_default, { value: data.entityType }) }),
-      templateId: data.templateId,
       type,
       children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(systems_module_layout_default, { type: data.entityType, module: module2 })
     }
@@ -311,7 +307,7 @@ var import_react11 = require("react");
 var import_jsx_runtime9 = require("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__ */ (0, import_jsx_runtime9.jsxs)(import_core8.Accordion.Item, { value: "proxies", children: [
     /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_core8.Accordion.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_core8.Badge, { fullWidth: true, variant: "light", rightSection: items.length, children: "Proxies" }) }),
     /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_core8.Accordion.Panel, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_core8.Stack, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(badge_list_default, { items, badge: { variant: "outline" } }) }) })
@@ -386,9 +382,8 @@ function EntityNode({ id, data, selected, type }) {
     {
       id,
       selected,
-      handles: data.handles,
+      data,
       title: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_core12.Badge, { fullWidth: true, variant: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(formatter_camel_case_default, { value: entity.myProxy.entityType }) }),
-      templateId: data.templateId,
       type,
       children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(entity_layout_default, { entity })
     }
@@ -396,7 +391,88 @@ function EntityNode({ id, data, selected, type }) {
 }
 var node_entity_default = EntityNode;
 
-// src/node-types.ts
+// src/templates/template-entity-node.ts
+var import_utils = require("@awesome-flow/core/utils");
+var import_react15 = require("@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: import_utils.IDGenerator.template(),
+      removable: false,
+      type: "entity-node" /* entity */,
+      data,
+      handles: [
+        {
+          dataType: 1 /* proxy */,
+          position: import_react15.Position.Left,
+          connection: "target",
+          disabled: true
+        },
+        {
+          dataType: 1 /* proxy */,
+          position: import_react15.Position.Right,
+          connection: "source",
+          disabled: true
+        }
+      ]
+    };
+  }
+  isHandleAllowed() {
+    return false;
+  }
+  getHandleAllowedDataType() {
+    return 1 /* proxy */;
+  }
+};
+
+// src/templates/template-systems-module.ts
+var import_utils2 = require("@awesome-flow/core/utils");
+var import_react16 = require("@xyflow/react");
+var SystemsModuleNodeTemplate = class {
+  create() {
+    const data = {
+      title: "Systems Module",
+      entityType: null,
+      handles: null,
+      templateId: null
+    };
+    return {
+      id: import_utils2.IDGenerator.template(),
+      removable: false,
+      type: "systems-module-node" /* systemsModule */,
+      data,
+      handles: [
+        {
+          dataType: 2 /* module */,
+          position: import_react16.Position.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";
@@ -406,25 +482,29 @@ 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
-var import_react15 = require("react");
+// src/flow/flow-ecs-edge-proxies.tsx
+var import_react17 = require("react");
 var import_abstract2 = require("@awesome-flow/core/abstract");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 function FlowEcsEdgeProxies(props) {
   const { nodesToConnect } = props;
-  const context = (0, import_react15.useContext)(import_abstract2.FlowContext);
+  const context = (0, import_react17.useContext)(import_abstract2.FlowContext);
   const onConnect = context.useFlowStore((state) => state.onConnect);
-  const { ecsFlowRepository, entityRepository } = (0, import_react15.useContext)(EcsFlowContext);
-  (0, import_react15.useEffect)(() => {
+  const { ecsFlowRepository, entityRepository } = (0, import_react17.useContext)(EcsFlowContext);
+  (0, import_react17.useEffect)(() => {
     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,
@@ -440,21 +520,21 @@ function FlowEcsEdgeProxies(props) {
 }
 var flow_ecs_edge_proxies_default = FlowEcsEdgeProxies;
 
-// src/ecs/flow-ecs-edge-modules.tsx
-var import_react16 = require("react");
+// src/flow/flow-ecs-edge-modules.tsx
+var import_react18 = require("react");
 var import_abstract3 = require("@awesome-flow/core/abstract");
 var import_jsx_runtime15 = require("react/jsx-runtime");
 function FlowEcsEdgeModules(props) {
   const { nodesToConnect } = props;
-  const context = (0, import_react16.useContext)(import_abstract3.FlowContext);
+  const context = (0, import_react18.useContext)(import_abstract3.FlowContext);
   const onConnect = context.useFlowStore((state) => state.onConnect);
-  const { ecsFlowRepository, entityRepository } = (0, import_react16.useContext)(EcsFlowContext);
-  (0, import_react16.useEffect)(() => {
+  const { ecsFlowRepository, entityRepository } = (0, import_react18.useContext)(EcsFlowContext);
+  (0, import_react18.useEffect)(() => {
     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,
@@ -462,7 +542,6 @@ function FlowEcsEdgeModules(props) {
           sourceHandle: sourceHandle.id,
           targetHandle: targetHandle.id
         });
-        console.log("CONNECTING MODULE", node.id, systemModule.id);
       }
     }
   }, [nodesToConnect]);
@@ -470,14 +549,14 @@ function FlowEcsEdgeModules(props) {
 }
 var flow_ecs_edge_modules_default = FlowEcsEdgeModules;
 
-// src/ecs/flow-ecs-entities.tsx
+// src/flow/flow-ecs-entities.tsx
 var import_jsx_runtime16 = require("react/jsx-runtime");
 function FlowEcsEntities() {
-  const context = (0, import_react17.useContext)(import_abstract4.FlowContext);
+  const context = (0, import_react19.useContext)(import_abstract4.FlowContext);
   const addNodes = context.useFlowStore((state) => state.addNodes);
-  const { ecsFlowRepository, entityRepository } = (0, import_react17.useContext)(EcsFlowContext);
-  const [entityNodes, setEntityNodes] = (0, import_react17.useState)([]);
-  (0, import_react17.useEffect)(() => {
+  const { ecsFlowRepository, entityRepository } = (0, import_react19.useContext)(EcsFlowContext);
+  const [entityNodes, setEntityNodes] = (0, import_react19.useState)([]);
+  (0, import_react19.useEffect)(() => {
     const entities = entityRepository.listAll();
     const nodes = [];
     for (const entity of entities) {
@@ -500,15 +579,15 @@ function FlowEcsEntities() {
 }
 var flow_ecs_entities_default = FlowEcsEntities;
 
-// src/ecs/flow-ecs-modules.tsx
-var import_react18 = require("react");
+// src/flow/flow-ecs-modules.tsx
+var import_react20 = require("react");
 var import_abstract5 = require("@awesome-flow/core/abstract");
 var import_jsx_runtime17 = require("react/jsx-runtime");
 function FlowEcsModules() {
-  const context = (0, import_react18.useContext)(import_abstract5.FlowContext);
+  const context = (0, import_react20.useContext)(import_abstract5.FlowContext);
   const addNodes = context.useFlowStore((state) => state.addNodes);
-  const { ecsFlowRepository, systemsModuleRepository } = (0, import_react18.useContext)(EcsFlowContext);
-  (0, import_react18.useEffect)(() => {
+  const { ecsFlowRepository, systemsModuleRepository } = (0, import_react20.useContext)(EcsFlowContext);
+  (0, import_react20.useEffect)(() => {
     const modules = Array.from(systemsModuleRepository.list()).filter((m) => !!m);
     const keys = Array.from(modules.values()).map((v) => v[0]);
     const nodesToAdd = [];
@@ -532,16 +611,16 @@ function FlowEcsModules() {
 }
 var flow_ecs_modules_default = FlowEcsModules;
 
-// src/ecs/flow-ecs-state.tsx
+// src/flow/flow-ecs-state.tsx
 var import_jsx_runtime18 = require("react/jsx-runtime");
 function FlowEcsState(props) {
-  const [, setUpdates] = (0, import_react19.useState)(0);
-  const [needsLayout, setNeedsLayout] = (0, import_react19.useState)(false);
-  const { ecsFlowRepository } = (0, import_react19.useContext)(EcsFlowContext);
-  (0, import_react19.useEffect)(() => {
+  const [, setUpdates] = (0, import_react21.useState)(0);
+  const [needsLayout, setNeedsLayout] = (0, import_react21.useState)(false);
+  const { ecsFlowRepository } = (0, import_react21.useContext)(EcsFlowContext);
+  (0, import_react21.useEffect)(() => {
     setNeedsLayout(true);
   }, [ecsFlowRepository.sizeNodes]);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     setInterval(() => {
       setUpdates((updates) => updates + 1);
     }, 1e3);
@@ -553,87 +632,6 @@ function FlowEcsState(props) {
   ] });
 }
 var flow_ecs_state_default = FlowEcsState;
-
-// src/templates/template-entity-node.ts
-var import_utils = require("@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
-var import_react20 = require("@xyflow/react");
-var EntityNodeTemplate = class {
-  create() {
-    const data = {
-      title: "Entity",
-      entity: null
-    };
-    return {
-      id: import_utils.IDGenerator.template(),
-      removable: false,
-      type: "entity-node" /* entity */,
-      data,
-      handles: [
-        {
-          dataType: 1 /* proxy */,
-          position: import_react20.Position.Left,
-          type: "target",
-          disabled: true
-        },
-        {
-          dataType: 1 /* proxy */,
-          position: import_react20.Position.Right,
-          type: "source",
-          disabled: true
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return false;
-  }
-  getHandleAllowedDataType() {
-    return void 0;
-  }
-};
-
-// src/templates/template-systems-module.ts
-var import_utils2 = require("@awesome-flow/core/utils");
-var import_react21 = require("@xyflow/react");
-var SystemsModuleNodeTemplate = class {
-  create() {
-    const data = {
-      title: "Systems Module",
-      entityType: null,
-      handles: null,
-      templateId: null
-    };
-    return {
-      id: import_utils2.IDGenerator.template(),
-      removable: false,
-      type: "systems-module-node" /* systemsModule */,
-      data,
-      handles: [
-        {
-          dataType: 2 /* module */,
-          position: import_react21.Position.Left,
-          type: "target",
-          disabled: true
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return false;
-  }
-  getHandleAllowedDataType() {
-    return void 0;
-  }
-};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   EcsFlowContext,
@@ -645,6 +643,7 @@ var SystemsModuleNodeTemplate = class {
   FlowEcsState,
   SystemsModuleNode,
   SystemsModuleNodeTemplate,
+  ecsNodeTemplates,
   ecsNodeTypes
 });
 //# sourceMappingURL=index.cjs.map