@awesome-flow/ecs 0.7.1 → 0.8.0

package/dist/index.cjs

@@ -1 +1,524 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; } var _class; var _class2;var _react = require('react');var s=_react.createContext.call(void 0, null);var y=class{static entityProxy(t){return`${t.entityType}:${t.entityUid}`}};var W=class{constructor(){this.nodes=new Map}get sizeNodes(){return this.nodes.size}addSystemModuleNode(t){this.nodes.set(t.data.entityType.toString(),t)}getSystemModuleNode(t){return this.nodes.get(t.toString())}addEntityNode(t){this.nodes.set(y.entityProxy(t.data.entity),t)}getEntityNode(t){return this.nodes.get(y.entityProxy(t))}listAllNodes(){return Array.from(this.nodes.values())}};var T=(e=>(e.proxy="proxy",e.module="module",e))(T||{});var _layout = require('@awesome-flow/core/layout');var _core = require('@mantine/core');function ct(o){return _react.useMemo.call(void 0, ()=>_optionalChain([o, 'access', _2 => _2.value, 'optionalAccess', _3 => _3.toString, 'call', _4 => _4(), 'access', _5 => _5.replace, 'call', _6 => _6(/([a-z])([A-Z])/g,"$1 $2")]),[o.value])}var c=_react.memo.call(void 0, ct);var _hooks = require('@mantine/hooks');var _reactinspector = require('react-inspector');var _jsxruntime = require('react/jsx-runtime');function gt(o){let t=_core.useComputedColorScheme.call(void 0, ),e=_react.useMemo.call(void 0, ()=>t==="dark"?"chromeDark":"chromeLight",[t]);return _jsxruntime.jsx.call(void 0, _reactinspector.Inspector,{table:!1,theme:e,data:o.data})}var G=_react.memo.call(void 0, gt);function Ft(o){let[t,{toggle:e}]=_hooks.useDisclosure.call(void 0, !1),n=_react.useMemo.call(void 0, ()=>t?"light":"indigo",[t]);return _jsxruntime.jsxs.call(void 0, _core.Box,{children:[_jsxruntime.jsx.call(void 0, _core.Button,{variant:"outline",size:"xs",onClick:e,color:n,fullWidth:!0,children:o.component.componentType}),_jsxruntime.jsx.call(void 0, _core.Collapse,{in:t,children:t&&_jsxruntime.jsx.call(void 0, G,{data:o.component})})]})}var O=_react.memo.call(void 0, Ft);function Lt(o){let t=Array.from(o.entity.components.values());return _jsxruntime.jsxs.call(void 0, _core.Accordion.Item,{value:"components",children:[_jsxruntime.jsx.call(void 0, _core.Accordion.Control,{children:_jsxruntime.jsx.call(void 0, _core.Badge,{fullWidth:!0,variant:"light",rightSection:t.length,children:"Components"})}),_jsxruntime.jsx.call(void 0, _core.Accordion.Panel,{children:_jsxruntime.jsx.call(void 0, _core.Stack,{children:t.map((e,n)=>_jsxruntime.jsx.call(void 0, O,{component:e},n))})})]},"components")}var $=_react.memo.call(void 0, Lt);function Dt(o){return o.items.map((t,e)=>_jsxruntime.jsx.call(void 0, _core.Badge,{...o.badge||[],children:_jsxruntime.jsx.call(void 0, c,{value:t})},e))}var u=_react.memo.call(void 0, Dt);function Ht(o){let e=Array.from(o.entity.proxies.values()).map(n=>n.values()).map(n=>Array.from(n).map(i=>y.entityProxy(i))).flat();return _jsxruntime.jsxs.call(void 0, _core.Accordion.Item,{value:"proxies",children:[_jsxruntime.jsx.call(void 0, _core.Accordion.Control,{children:_jsxruntime.jsx.call(void 0, _core.Badge,{fullWidth:!0,variant:"light",rightSection:e.length,children:"Proxies"})}),_jsxruntime.jsx.call(void 0, _core.Accordion.Panel,{children:_jsxruntime.jsx.call(void 0, _core.Stack,{children:_jsxruntime.jsx.call(void 0, u,{items:e,badge:{variant:"outline"}})})})]},"proxies")}var Z=_react.memo.call(void 0, Ht);function Zt(o){let{entityEventsManager:t}=_react.useContext.call(void 0, s),e=t.getSubscriptionsForEntity(o.entity.myProxy);return _jsxruntime.jsxs.call(void 0, _core.Accordion.Item,{value:"subscriptions",children:[_jsxruntime.jsx.call(void 0, _core.Accordion.Control,{children:_jsxruntime.jsx.call(void 0, _core.Badge,{fullWidth:!0,variant:"light",rightSection:e.length,children:"Events"})}),_jsxruntime.jsx.call(void 0, _core.Accordion.Panel,{children:_jsxruntime.jsx.call(void 0, _core.Stack,{children:_jsxruntime.jsx.call(void 0, u,{items:e,badge:{variant:"outline"}})})})]},"subscriptions")}var q=_react.memo.call(void 0, Zt);function Yt(o){let[,t]=_react.useState.call(void 0, 0),{entityUpdateCounter:e}=_react.useContext.call(void 0, s),n=e.getUpdateCount(o.entityUid)||0,i=e.getRemoveCount(o.entityUid)||0;return _react.useEffect.call(void 0, ()=>{let r=setInterval(()=>{t(a=>a+1)},1e3);return()=>{console.log("CLEAR INTERVAL"),clearInterval(r)}},[]),_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, _core.Badge,{variant:"light",children:n}),_jsxruntime.jsx.call(void 0, _core.Badge,{variant:"light",color:"orange",children:i})]})}var Q=_react.memo.call(void 0, Yt);function ro({entity:o}){return _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsxs.call(void 0, _core.Group,{children:[_jsxruntime.jsx.call(void 0, _core.Badge,{variant:"outline",color:"orange",children:o.myProxy.entityUid}),_jsxruntime.jsx.call(void 0, Q,{entityUid:o.myProxy.entityUid})]}),_jsxruntime.jsx.call(void 0, _core.Divider,{my:5}),_jsxruntime.jsxs.call(void 0, _core.Accordion,{children:[_jsxruntime.jsx.call(void 0, $,{entity:o}),_jsxruntime.jsx.call(void 0, Z,{entity:o}),_jsxruntime.jsx.call(void 0, q,{entity:o})]})]})}var X=ro;function lo({id:o,data:t,selected:e,type:n}){let{entityRepository:i}=_react.useContext.call(void 0, s),r=_react.useMemo.call(void 0, ()=>i.get(t.entity),[t.entity]);return _jsxruntime.jsx.call(void 0, _layout.NodeContainer,{id:o,selected:e,data:t,title:_jsxruntime.jsx.call(void 0, _core.Badge,{fullWidth:!0,variant:"transparent",children:_jsxruntime.jsx.call(void 0, c,{value:r.myProxy.entityType})}),type:n,children:_jsxruntime.jsx.call(void 0, X,{entity:r})})}var B=lo;var _systems = require('@awesome-ecs/abstract/systems');function uo(o){let t=[];o.pipeline&&(t=o.pipeline.middleware);let e=t.map(n=>n.name||n.constructor.name);return _jsxruntime.jsxs.call(void 0, _core.Accordion.Item,{value:o.label,children:[_jsxruntime.jsx.call(void 0, _core.Accordion.Control,{children:_jsxruntime.jsx.call(void 0, _core.Badge,{fullWidth:!0,variant:"light",rightSection:e.length,children:o.label})}),_jsxruntime.jsx.call(void 0, _core.Accordion.Panel,{children:_jsxruntime.jsx.call(void 0, _core.Stack,{children:_jsxruntime.jsx.call(void 0, u,{items:e,badge:{variant:"outline"}})})})]},o.label)}var C=uo;function No(o){let{module:t}=o,e=t.runtimeContext,{systemContext:n}=e,{status:i}=_react.useMemo.call(void 0, ()=>n.runtime,[n.runtime.status]),r=e.systemPipelines.get(_systems.SystemType.initialize),a=e.systemPipelines.get(_systems.SystemType.update),m=e.systemPipelines.get(_systems.SystemType.render),d=e.systemPipelines.get(_systems.SystemType.sync);return _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsxs.call(void 0, _core.Text,{children:["Status: ",i]}),_jsxruntime.jsxs.call(void 0, _core.Accordion,{children:[r&&_jsxruntime.jsx.call(void 0, C,{pipeline:r,label:"Initialize"}),a&&_jsxruntime.jsx.call(void 0, C,{pipeline:a,label:"Update"}),m&&_jsxruntime.jsx.call(void 0, C,{pipeline:m,label:"Render"}),d&&_jsxruntime.jsx.call(void 0, C,{pipeline:d,label:"Sync"})]})]})}var Y=No;function Mo({id:o,data:t,selected:e,type:n}){let{systemsModuleRepository:i}=_react.useContext.call(void 0, s),r=i.get(t.entityType);return _jsxruntime.jsx.call(void 0, _layout.NodeContainer,{id:o,selected:e,data:t,title:_jsxruntime.jsx.call(void 0, _core.Badge,{fullWidth:!0,color:"indigo",variant:"transparent",children:_jsxruntime.jsx.call(void 0, c,{value:t.entityType})}),type:n,children:_jsxruntime.jsx.call(void 0, Y,{type:t.entityType,module:r})})}var k=Mo;var _react3 = require('@xyflow/react');var z=(t=>(t.ecs="ECS",t))(z||{});var F= (_class =class{constructor() { _class.prototype.__init.call(this); }__init() {this.template={type:"entity-node",group:"ECS",data:{title:"Entity",entity:null},handles:[{dataType:"proxy",position:_react3.Position.Left,connection:"target",disabled:!0},{dataType:"proxy",position:_react3.Position.Right,connection:"source",disabled:!0}]}}}, _class);var h= (_class2 =class{constructor() { _class2.prototype.__init2.call(this); }__init2() {this.template={type:"systems-module-node",group:"ECS",data:{title:"Systems Module",entityType:null},handles:[{dataType:"module",position:_react3.Position.Left,connection:"target",disabled:!0}]}}}, _class2);var P=(e=>(e.systemsModule="systems-module-node",e.entity="entity-node",e))(P||{}),Kn= exports.ecsNodeTypes ={"systems-module-node":k,"entity-node":B},Qn= exports.ecsNodeTemplates ={"entity-node":new F,"systems-module-node":new h};var _canvas = require('@awesome-flow/core/canvas');var _abstract = require('@awesome-flow/core/abstract');var _hooks3 = require('@awesome-flow/core/hooks');function vo(o){let{nodesToConnect:t}=o,e=_hooks3.useFlowStore.call(void 0, r=>r.onConnect),{ecsFlowRepository:n,entityRepository:i}=_react.useContext.call(void 0, s);return _react.useEffect.call(void 0, ()=>{for(let r of t){let a=r.data.handles.find(l=>l.connection==="source"),m=i.get(r.data.entity),d=n.getSystemModuleNode(m.myProxy.entityType),p=_optionalChain([d, 'optionalAccess', _7 => _7.data, 'access', _8 => _8.handles, 'access', _9 => _9.find, 'call', _10 => _10(l=>l.connection==="target")]);p&&e({source:r.id,target:d.id,sourceHandle:a.id,targetHandle:p.id})}},[t]),_jsxruntime.jsx.call(void 0, _jsxruntime.Fragment,{})}var j=vo;function Do(o){let{nodesToConnect:t}=o,e=_hooks3.useFlowStore.call(void 0, r=>r.onConnect),{ecsFlowRepository:n,entityRepository:i}=_react.useContext.call(void 0, s);return _react.useEffect.call(void 0, ()=>{for(let r of t){let a=r.data.handles.find(d=>d.connection==="source"),m=i.get(r.data.entity);for(let[,d]of m.proxies)for(let p of d.values()){let l=n.getEntityNode(p);if(l){let dt=l.data.handles.find(at=>at.connection==="target");e({source:r.id,target:l.id,sourceHandle:a.id,targetHandle:dt.id})}}}},[t]),_jsxruntime.jsx.call(void 0, _jsxruntime.Fragment,{})}var tt=Do;function Oo(){let{nodeFactory:o}=_react.useContext.call(void 0, _abstract.FlowContext),t=_hooks3.useFlowStore.call(void 0, a=>a.addNodes),{ecsFlowRepository:e,entityRepository:n}=_react.useContext.call(void 0, s),[i,r]=_react.useState.call(void 0, []);return _react.useEffect.call(void 0, ()=>{let a=n.listAll(),m=[];for(let d of a){if(e.getEntityNode(d.myProxy))continue;let p=o.createNodeFromType("entity-node");p.data.entity=d.myProxy,p.position={x:0,y:0},e.addEntityNode(p),m.push(p)}r(m),t(m)},[n.size]),_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, tt,{nodesToConnect:i}),_jsxruntime.jsx.call(void 0, j,{nodesToConnect:i})]})}var nt=Oo;function Ko(){let{nodeFactory:o}=_react.useContext.call(void 0, _abstract.FlowContext),t=_hooks3.useFlowStore.call(void 0, i=>i.addNodes),{ecsFlowRepository:e,systemsModuleRepository:n}=_react.useContext.call(void 0, s);return _react.useEffect.call(void 0, ()=>{let i=Array.from(n.list()).filter(m=>!!m),r=Array.from(i.values()).map(m=>m[0]),a=[];for(let m of r){if(e.getSystemModuleNode(m))continue;let d=o.createNodeFromType("systems-module-node");d.data.entityType=m,d.position={x:0,y:0},e.addSystemModuleNode(d),a.push(d)}a.length&&t(a)},[n.size]),_jsxruntime.jsx.call(void 0, _jsxruntime.Fragment,{})}var it=Ko;function te(o){let[,t]=_react.useState.call(void 0, 0),[e,n]=_react.useState.call(void 0, !1),{ecsFlowRepository:i}=_react.useContext.call(void 0, s);return _react.useEffect.call(void 0, ()=>{n(!0)},[i.sizeNodes]),_react.useEffect.call(void 0, ()=>{setInterval(()=>{t(r=>r+1)},1e3)},[]),_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[o.showSystemModules&&_jsxruntime.jsx.call(void 0, it,{}),o.showEntities&&_jsxruntime.jsx.call(void 0, nt,{}),o.autoLayout&&_jsxruntime.jsx.call(void 0, _canvas.FlowAutoLayout,{refreshLayout:e})]})}var oe=_react.memo.call(void 0, te);exports.EcsFlowContext = s; exports.EcsFlowRepository = W; exports.EcsHandleDataType = T; exports.EcsNodeType = P; exports.EcsTemplateGroup = z; exports.EntityNode = B; exports.EntityNodeTemplate = F; exports.FlowEcsState = oe; exports.SystemsModuleNode = k; exports.SystemsModuleNodeTemplate = h; exports.ecsNodeTemplates = Qn; exports.ecsNodeTypes = Kn;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; } var _class; var _class2;// src/abstract/ecs-flow-context.ts
+var _react = require('react');
+var EcsFlowContext = _react.createContext.call(void 0, null);
+
+// src/utils/id-generator.ts
+var EcsIdGenerator = class {
+  static entityProxy(proxy) {
+    return `${proxy.entityType}:${proxy.entityUid}`;
+  }
+};
+
+// src/abstract/ecs-flow-repository.ts
+var EcsFlowRepository = class {
+  
+  constructor() {
+    this.nodes = /* @__PURE__ */ new Map();
+  }
+  get sizeNodes() {
+    return this.nodes.size;
+  }
+  addSystemModuleNode(node) {
+    this.nodes.set(node.data.entityType.toString(), node);
+  }
+  getSystemModuleNode(entityType) {
+    return this.nodes.get(entityType.toString());
+  }
+  addEntityNode(node) {
+    this.nodes.set(EcsIdGenerator.entityProxy(node.data.entity), node);
+  }
+  getEntityNode(entity) {
+    return this.nodes.get(EcsIdGenerator.entityProxy(entity));
+  }
+  listAllNodes() {
+    return Array.from(this.nodes.values());
+  }
+};
+
+// src/abstract/handle-types.ts
+var EcsHandleDataType = /* @__PURE__ */ ((EcsHandleDataType2) => {
+  EcsHandleDataType2["proxy"] = "proxy";
+  EcsHandleDataType2["module"] = "module";
+  return EcsHandleDataType2;
+})(EcsHandleDataType || {});
+
+// src/nodes/node-entity.tsx
+var _layout = require('@awesome-flow/core/layout');
+var _core = require('@mantine/core');
+
+
+// src/components/formatter-camel-case.tsx
+
+function CamelCaseFormatter(props) {
+  const value = _react.useMemo.call(void 0, 
+    () => _optionalChain([props, 'access', _ => _.value, 'optionalAccess', _2 => _2.toString, 'call', _3 => _3(), 'access', _4 => _4.replace, 'call', _5 => _5(/([a-z])([A-Z])/g, "$1 $2")]),
+    [props.value]
+  );
+  return value;
+}
+var formatter_camel_case_default = _react.memo.call(void 0, CamelCaseFormatter);
+
+// src/layout/entity-layout.tsx
+
+
+// src/components/entity-component-list.tsx
+
+
+
+// src/components/entity-component-inspector.tsx
+
+var _hooks = require('@mantine/hooks');
+
+
+// src/components/object-inspector.tsx
+
+
+var _reactinspector = require('react-inspector');
+var _jsxruntime = require('react/jsx-runtime');
+function ObjectInspector(props) {
+  const colorScheme = _core.useComputedColorScheme.call(void 0, );
+  const theme = _react.useMemo.call(void 0, 
+    () => colorScheme === "dark" ? "chromeDark" : "chromeLight",
+    [colorScheme]
+  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactinspector.Inspector, { table: false, theme, data: props.data });
+}
+var object_inspector_default = _react.memo.call(void 0, ObjectInspector);
+
+// src/components/entity-component-inspector.tsx
+
+function EntityComponentInspector(props) {
+  const [opened, { toggle }] = _hooks.useDisclosure.call(void 0, false);
+  const buttonColor = _react.useMemo.call(void 0, () => opened ? "light" : "indigo", [opened]);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _core.Box, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _core.Button, { variant: "outline", size: "xs", onClick: toggle, color: buttonColor, fullWidth: true, children: props.component.componentType }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _core.Collapse, { in: opened, children: opened && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, object_inspector_default, { data: props.component }) })
+  ] });
+}
+var entity_component_inspector_default = _react.memo.call(void 0, EntityComponentInspector);
+
+// src/components/entity-component-list.tsx
+
+function EntityComponentList(props) {
+  const components = Array.from(props.entity.components.values());
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _core.Accordion.Item, { value: "components", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _core.Accordion.Control, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _core.Badge, { fullWidth: true, variant: "light", rightSection: components.length, children: "Components" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _core.Accordion.Panel, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _core.Stack, { children: components.map((c, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, entity_component_inspector_default, { component: c }, i)) }) })
+  ] }, "components");
+}
+var entity_component_list_default = _react.memo.call(void 0, EntityComponentList);
+
+// src/components/entity-proxy-list.tsx
+
+
+
+// src/components/badge-list.tsx
+
+
+
+function BadgeList(props) {
+  return props.items.map((value, i) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _core.Badge, { ...props.badge || [], children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, formatter_camel_case_default, { value }) }, i);
+  });
+}
+var badge_list_default = _react.memo.call(void 0, BadgeList);
+
+// src/components/entity-proxy-list.tsx
+
+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) => EcsIdGenerator.entityProxy(k))).flat();
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _core.Accordion.Item, { value: "proxies", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _core.Accordion.Control, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _core.Badge, { fullWidth: true, variant: "light", rightSection: items.length, children: "Proxies" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _core.Accordion.Panel, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _core.Stack, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, badge_list_default, { items, badge: { variant: "outline" } }) }) })
+  ] }, "proxies");
+}
+var entity_proxy_list_default = _react.memo.call(void 0, EntityProxyList);
+
+// src/components/entity-subscription-list.tsx
+
+
+
+function EntitySubscriptionList(props) {
+  const { entityEventsManager } = _react.useContext.call(void 0, EcsFlowContext);
+  const subscriptions = entityEventsManager.getSubscriptionsForEntity(props.entity.myProxy);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _core.Accordion.Item, { value: "subscriptions", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _core.Accordion.Control, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _core.Badge, { fullWidth: true, variant: "light", rightSection: subscriptions.length, children: "Events" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _core.Accordion.Panel, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _core.Stack, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, badge_list_default, { items: subscriptions, badge: { variant: "outline" } }) }) })
+  ] }, "subscriptions");
+}
+var entity_subscription_list_default = _react.memo.call(void 0, EntitySubscriptionList);
+
+// src/components/entity-update-counter.tsx
+
+
+
+function EntityUpdateCounter(props) {
+  const [, setRefresh] = _react.useState.call(void 0, 0);
+  const { entityUpdateCounter } = _react.useContext.call(void 0, EcsFlowContext);
+  const updates = entityUpdateCounter.getUpdateCount(props.entityUid) || 0;
+  const removes = entityUpdateCounter.getRemoveCount(props.entityUid) || 0;
+  _react.useEffect.call(void 0, () => {
+    const interval = setInterval(() => {
+      setRefresh((refresh) => refresh + 1);
+    }, 1e3);
+    return () => {
+      console.log("CLEAR INTERVAL");
+      clearInterval(interval);
+    };
+  }, []);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _core.Badge, { variant: "light", children: updates }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _core.Badge, { variant: "light", color: "orange", children: removes })
+  ] });
+}
+var entity_update_counter_default = _react.memo.call(void 0, EntityUpdateCounter);
+
+// src/layout/entity-layout.tsx
+
+function EntityLayout({ entity }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _core.Group, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _core.Badge, { variant: "outline", color: "orange", children: entity.myProxy.entityUid }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, entity_update_counter_default, { entityUid: entity.myProxy.entityUid })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _core.Divider, { my: 5 }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _core.Accordion, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, entity_component_list_default, { entity }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, entity_proxy_list_default, { entity }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, entity_subscription_list_default, { entity })
+    ] })
+  ] });
+}
+var entity_layout_default = EntityLayout;
+
+// src/nodes/node-entity.tsx
+
+function EntityNode({ id, data, selected, type }) {
+  const { entityRepository } = _react.useContext.call(void 0, EcsFlowContext);
+  const entity = _react.useMemo.call(void 0, () => entityRepository.get(data.entity), [data.entity]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _layout.NodeContainer,
+    {
+      id,
+      selected,
+      data,
+      title: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _core.Badge, { fullWidth: true, variant: "transparent", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, formatter_camel_case_default, { value: entity.myProxy.entityType }) }),
+      type,
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, entity_layout_default, { entity })
+    }
+  );
+}
+var node_entity_default = EntityNode;
+
+// src/nodes/node-systems-module.tsx
+
+
+
+
+// src/layout/systems-module-layout.tsx
+var _systems = require('@awesome-ecs/abstract/systems');
+
+
+
+// src/components/pipeline-middleware-list.tsx
+
+
+function PipelineMiddlewareList(props) {
+  let middleware = [];
+  if (props.pipeline) {
+    middleware = props.pipeline["middleware"];
+  }
+  const components = middleware.map((m) => {
+    return m.name || m.constructor.name;
+  });
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _core.Accordion.Item, { value: props.label, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _core.Accordion.Control, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _core.Badge, { fullWidth: true, variant: "light", rightSection: components.length, children: props.label }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _core.Accordion.Panel, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _core.Stack, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, badge_list_default, { items: components, badge: { variant: "outline" } }) }) })
+  ] }, props.label);
+}
+var pipeline_middleware_list_default = PipelineMiddlewareList;
+
+// src/layout/systems-module-layout.tsx
+
+function SystemsModuleLayout(props) {
+  const { module } = props;
+  const runtimeContext = module["runtimeContext"];
+  const { systemContext } = runtimeContext;
+  const { status } = _react.useMemo.call(void 0, () => {
+    return systemContext.runtime;
+  }, [systemContext.runtime.status]);
+  const init = runtimeContext.systemPipelines.get(_systems.SystemType.initialize);
+  const update = runtimeContext.systemPipelines.get(_systems.SystemType.update);
+  const render = runtimeContext.systemPipelines.get(_systems.SystemType.render);
+  const sync = runtimeContext.systemPipelines.get(_systems.SystemType.sync);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _core.Text, { children: [
+      "Status: ",
+      status
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _core.Accordion, { children: [
+      init && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, pipeline_middleware_list_default, { pipeline: init, label: "Initialize" }),
+      update && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, pipeline_middleware_list_default, { pipeline: update, label: "Update" }),
+      render && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, pipeline_middleware_list_default, { pipeline: render, label: "Render" }),
+      sync && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, pipeline_middleware_list_default, { pipeline: sync, label: "Sync" })
+    ] })
+  ] });
+}
+var systems_module_layout_default = SystemsModuleLayout;
+
+// src/nodes/node-systems-module.tsx
+
+function SystemsModuleNode({ id, data, selected, type }) {
+  const { systemsModuleRepository } = _react.useContext.call(void 0, EcsFlowContext);
+  const module = systemsModuleRepository.get(data.entityType);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _layout.NodeContainer,
+    {
+      id,
+      selected,
+      data,
+      title: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _core.Badge, { fullWidth: true, color: "indigo", variant: "transparent", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, formatter_camel_case_default, { value: data.entityType }) }),
+      type,
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, systems_module_layout_default, { type: data.entityType, module })
+    }
+  );
+}
+var node_systems_module_default = SystemsModuleNode;
+
+// src/templates/template-entity-node.ts
+var _react3 = require('@xyflow/react');
+
+// src/abstract/templates.ts
+var EcsTemplateGroup = /* @__PURE__ */ ((EcsTemplateGroup2) => {
+  EcsTemplateGroup2["ecs"] = "ECS";
+  return EcsTemplateGroup2;
+})(EcsTemplateGroup || {});
+
+// src/templates/template-entity-node.ts
+var EntityNodeTemplate = (_class = class {constructor() { _class.prototype.__init.call(this); }
+  __init() {this.template = {
+    type: "entity-node" /* entity */,
+    group: "ECS" /* ecs */,
+    data: {
+      title: "Entity",
+      entity: null
+    },
+    handles: [
+      {
+        dataType: "proxy" /* proxy */,
+        position: _react3.Position.Left,
+        connection: "target",
+        disabled: true
+      },
+      {
+        dataType: "proxy" /* proxy */,
+        position: _react3.Position.Right,
+        connection: "source",
+        disabled: true
+      }
+    ]
+  }}
+}, _class);
+
+// src/templates/template-systems-module.ts
+
+var SystemsModuleNodeTemplate = (_class2 = class {constructor() { _class2.prototype.__init2.call(this); }
+  __init2() {this.template = {
+    type: "systems-module-node" /* systemsModule */,
+    group: "ECS" /* ecs */,
+    data: {
+      title: "Systems Module",
+      entityType: null
+    },
+    handles: [
+      {
+        dataType: "module" /* module */,
+        position: _react3.Position.Left,
+        connection: "target",
+        disabled: true
+      }
+    ]
+  }}
+}, _class2);
+
+// src/abstract/node-types.ts
+var EcsNodeType = /* @__PURE__ */ ((EcsNodeType2) => {
+  EcsNodeType2["systemsModule"] = "systems-module-node";
+  EcsNodeType2["entity"] = "entity-node";
+  return EcsNodeType2;
+})(EcsNodeType || {});
+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/flow/flow-ecs-state.tsx
+var _canvas = require('@awesome-flow/core/canvas');
+
+
+// src/flow/flow-ecs-entities.tsx
+var _abstract = require('@awesome-flow/core/abstract');
+var _hooks3 = require('@awesome-flow/core/hooks');
+
+
+// src/flow/flow-ecs-edge-modules.tsx
+
+
+
+function FlowEcsEdgeModules(props) {
+  const { nodesToConnect } = props;
+  const onConnect = _hooks3.useFlowStore.call(void 0, (state) => state.onConnect);
+  const { ecsFlowRepository, entityRepository } = _react.useContext.call(void 0, EcsFlowContext);
+  _react.useEffect.call(void 0, () => {
+    for (const node of nodesToConnect) {
+      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 = _optionalChain([systemModule, 'optionalAccess', _6 => _6.data, 'access', _7 => _7.handles, 'access', _8 => _8.find, 'call', _9 => _9((h) => h.connection === "target")]);
+      if (targetHandle) {
+        onConnect({
+          source: node.id,
+          target: systemModule.id,
+          sourceHandle: sourceHandle.id,
+          targetHandle: targetHandle.id
+        });
+      }
+    }
+  }, [nodesToConnect]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, {});
+}
+var flow_ecs_edge_modules_default = FlowEcsEdgeModules;
+
+// src/flow/flow-ecs-edge-proxies.tsx
+
+
+
+function FlowEcsEdgeProxies(props) {
+  const { nodesToConnect } = props;
+  const onConnect = _hooks3.useFlowStore.call(void 0, (state) => state.onConnect);
+  const { ecsFlowRepository, entityRepository } = _react.useContext.call(void 0, EcsFlowContext);
+  _react.useEffect.call(void 0, () => {
+    for (const node of nodesToConnect) {
+      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.connection === "target");
+            onConnect({
+              source: node.id,
+              target: proxyNode.id,
+              sourceHandle: sourceHandle.id,
+              targetHandle: targetHandle.id
+            });
+          }
+        }
+      }
+    }
+  }, [nodesToConnect]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, {});
+}
+var flow_ecs_edge_proxies_default = FlowEcsEdgeProxies;
+
+// src/flow/flow-ecs-entities.tsx
+
+function FlowEcsEntities() {
+  const { nodeFactory } = _react.useContext.call(void 0, _abstract.FlowContext);
+  const addNodes = _hooks3.useFlowStore.call(void 0, (state) => state.addNodes);
+  const { ecsFlowRepository, entityRepository } = _react.useContext.call(void 0, EcsFlowContext);
+  const [entityNodes, setEntityNodes] = _react.useState.call(void 0, []);
+  _react.useEffect.call(void 0, () => {
+    const entities = entityRepository.listAll();
+    const nodes = [];
+    for (const entity of entities) {
+      if (ecsFlowRepository.getEntityNode(entity.myProxy)) {
+        continue;
+      }
+      const node = nodeFactory.createNodeFromType("entity-node" /* entity */);
+      node.data.entity = entity.myProxy;
+      node.position = { x: 0, y: 0 };
+      ecsFlowRepository.addEntityNode(node);
+      nodes.push(node);
+    }
+    setEntityNodes(nodes);
+    addNodes(nodes);
+  }, [entityRepository.size]);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, flow_ecs_edge_proxies_default, { nodesToConnect: entityNodes }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, flow_ecs_edge_modules_default, { nodesToConnect: entityNodes })
+  ] });
+}
+var flow_ecs_entities_default = FlowEcsEntities;
+
+// src/flow/flow-ecs-modules.tsx
+
+
+
+
+function FlowEcsModules() {
+  const { nodeFactory } = _react.useContext.call(void 0, _abstract.FlowContext);
+  const addNodes = _hooks3.useFlowStore.call(void 0, (state) => state.addNodes);
+  const { ecsFlowRepository, systemsModuleRepository } = _react.useContext.call(void 0, EcsFlowContext);
+  _react.useEffect.call(void 0, () => {
+    const modules = Array.from(systemsModuleRepository.list()).filter((m) => !!m);
+    const keys = Array.from(modules.values()).map((v) => v[0]);
+    const nodesToAdd = [];
+    for (const element of keys) {
+      if (ecsFlowRepository.getSystemModuleNode(element)) {
+        continue;
+      }
+      const node = nodeFactory.createNodeFromType("systems-module-node" /* systemsModule */);
+      node.data.entityType = element;
+      node.position = { x: 0, y: 0 };
+      ecsFlowRepository.addSystemModuleNode(node);
+      nodesToAdd.push(node);
+    }
+    if (nodesToAdd.length) {
+      addNodes(nodesToAdd);
+    }
+  }, [systemsModuleRepository.size]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, {});
+}
+var flow_ecs_modules_default = FlowEcsModules;
+
+// src/flow/flow-ecs-state.tsx
+
+function FlowEcsState(props) {
+  const [, setUpdates] = _react.useState.call(void 0, 0);
+  const [refreshLayout, setRefreshLayout] = _react.useState.call(void 0, false);
+  const { ecsFlowRepository } = _react.useContext.call(void 0, EcsFlowContext);
+  _react.useEffect.call(void 0, () => {
+    setRefreshLayout(true);
+  }, [ecsFlowRepository.sizeNodes]);
+  _react.useEffect.call(void 0, () => {
+    setInterval(() => {
+      setUpdates((updates) => updates + 1);
+    }, 1e3);
+  }, []);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    props.showSystemModules && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, flow_ecs_modules_default, {}),
+    props.showEntities && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, flow_ecs_entities_default, {}),
+    props.autoLayout && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _canvas.FlowAutoLayout, { refreshLayout })
+  ] });
+}
+var flow_ecs_state_default = _react.memo.call(void 0, FlowEcsState);
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.EcsFlowContext = EcsFlowContext; exports.EcsFlowRepository = EcsFlowRepository; exports.EcsHandleDataType = EcsHandleDataType; exports.EcsNodeType = EcsNodeType; exports.EcsTemplateGroup = EcsTemplateGroup; exports.EntityNode = node_entity_default; exports.EntityNodeTemplate = EntityNodeTemplate; exports.FlowEcsState = flow_ecs_state_default; exports.SystemsModuleNode = node_systems_module_default; exports.SystemsModuleNodeTemplate = SystemsModuleNodeTemplate; exports.ecsNodeTemplates = ecsNodeTemplates; exports.ecsNodeTypes = ecsNodeTypes;

package/dist/index.js

@@ -1 +1,524 @@
-import{createContext as pt}from"react";var s=pt(null);var y=class{static entityProxy(t){return`${t.entityType}:${t.entityUid}`}};var W=class{nodes;constructor(){this.nodes=new Map}get sizeNodes(){return this.nodes.size}addSystemModuleNode(t){this.nodes.set(t.data.entityType.toString(),t)}getSystemModuleNode(t){return this.nodes.get(t.toString())}addEntityNode(t){this.nodes.set(y.entityProxy(t.data.entity),t)}getEntityNode(t){return this.nodes.get(y.entityProxy(t))}listAllNodes(){return Array.from(this.nodes.values())}};var T=(e=>(e.proxy="proxy",e.module="module",e))(T||{});import{NodeContainer as so}from"@awesome-flow/core/layout";import{Badge as mo}from"@mantine/core";import{useContext as ao,useMemo as po}from"react";import{memo as lt,useMemo as yt}from"react";function ct(o){return yt(()=>o.value?.toString().replace(/([a-z])([A-Z])/g,"$1 $2"),[o.value])}var c=lt(ct);import{Accordion as to,Badge as oo,Divider as eo,Group as no}from"@mantine/core";import{Accordion as R,Badge as Tt,Stack as vt}from"@mantine/core";import{memo as Rt}from"react";import{Box as Ct,Button as Pt,Collapse as St}from"@mantine/core";import{useDisclosure as It}from"@mantine/hooks";import{memo as Mt,useMemo as wt}from"react";import{useComputedColorScheme as ut}from"@mantine/core";import{memo as ft,useMemo as Et}from"react";import{Inspector as xt}from"react-inspector";import{jsx as Nt}from"react/jsx-runtime";function gt(o){let t=ut(),e=Et(()=>t==="dark"?"chromeDark":"chromeLight",[t]);return Nt(xt,{table:!1,theme:e,data:o.data})}var G=ft(gt);import{jsx as v,jsxs as ht}from"react/jsx-runtime";function Ft(o){let[t,{toggle:e}]=It(!1),n=wt(()=>t?"light":"indigo",[t]);return ht(Ct,{children:[v(Pt,{variant:"outline",size:"xs",onClick:e,color:n,fullWidth:!0,children:o.component.componentType}),v(St,{in:t,children:t&&v(G,{data:o.component})})]})}var O=Mt(Ft);import{jsx as E,jsxs as bt}from"react/jsx-runtime";function Lt(o){let t=Array.from(o.entity.components.values());return bt(R.Item,{value:"components",children:[E(R.Control,{children:E(Tt,{fullWidth:!0,variant:"light",rightSection:t.length,children:"Components"})}),E(R.Panel,{children:E(vt,{children:t.map((e,n)=>E(O,{component:e},n))})})]},"components")}var $=Rt(Lt);import{Accordion as L,Badge as Ut,Stack as kt}from"@mantine/core";import{memo as zt}from"react";import{Badge as At}from"@mantine/core";import{memo as Bt}from"react";import{jsx as V}from"react/jsx-runtime";function Dt(o){return o.items.map((t,e)=>V(At,{...o.badge||[],children:V(c,{value:t})},e))}var u=Bt(Dt);import{jsx as x,jsxs as Wt}from"react/jsx-runtime";function Ht(o){let e=Array.from(o.entity.proxies.values()).map(n=>n.values()).map(n=>Array.from(n).map(i=>y.entityProxy(i))).flat();return Wt(L.Item,{value:"proxies",children:[x(L.Control,{children:x(Ut,{fullWidth:!0,variant:"light",rightSection:e.length,children:"Proxies"})}),x(L.Panel,{children:x(kt,{children:x(u,{items:e,badge:{variant:"outline"}})})})]},"proxies")}var Z=zt(Ht);import{Accordion as b,Badge as Gt,Stack as Ot}from"@mantine/core";import{memo as $t,useContext as Vt}from"react";import{jsx as g,jsxs as qt}from"react/jsx-runtime";function Zt(o){let{entityEventsManager:t}=Vt(s),e=t.getSubscriptionsForEntity(o.entity.myProxy);return qt(b.Item,{value:"subscriptions",children:[g(b.Control,{children:g(Gt,{fullWidth:!0,variant:"light",rightSection:e.length,children:"Events"})}),g(b.Panel,{children:g(Ot,{children:g(u,{items:e,badge:{variant:"outline"}})})})]},"subscriptions")}var q=$t(Zt);import{Badge as J}from"@mantine/core";import{memo as Jt,useContext as Kt,useEffect as Qt,useState as Xt}from"react";import{Fragment as _t,jsx as K,jsxs as jt}from"react/jsx-runtime";function Yt(o){let[,t]=Xt(0),{entityUpdateCounter:e}=Kt(s),n=e.getUpdateCount(o.entityUid)||0,i=e.getRemoveCount(o.entityUid)||0;return Qt(()=>{let r=setInterval(()=>{t(a=>a+1)},1e3);return()=>{console.log("CLEAR INTERVAL"),clearInterval(r)}},[]),jt(_t,{children:[K(J,{variant:"light",children:n}),K(J,{variant:"light",color:"orange",children:i})]})}var Q=Jt(Yt);import{Fragment as io,jsx as f,jsxs as A}from"react/jsx-runtime";function ro({entity:o}){return A(io,{children:[A(no,{children:[f(oo,{variant:"outline",color:"orange",children:o.myProxy.entityUid}),f(Q,{entityUid:o.myProxy.entityUid})]}),f(eo,{my:5}),A(to,{children:[f($,{entity:o}),f(Z,{entity:o}),f(q,{entity:o})]})]})}var X=ro;import{jsx as S}from"react/jsx-runtime";function lo({id:o,data:t,selected:e,type:n}){let{entityRepository:i}=ao(s),r=po(()=>i.get(t.entity),[t.entity]);return S(so,{id:o,selected:e,data:t,title:S(mo,{fullWidth:!0,variant:"transparent",children:S(c,{value:r.myProxy.entityType})}),type:n,children:S(X,{entity:r})})}var B=lo;import{NodeContainer as Po}from"@awesome-flow/core/layout";import{Badge as So}from"@mantine/core";import{useContext as Io}from"react";import{SystemType as I}from"@awesome-ecs/abstract/systems";import{Accordion as Eo,Text as xo}from"@mantine/core";import{useMemo as go}from"react";import{Accordion as D,Badge as yo,Stack as co}from"@mantine/core";import{jsx as N,jsxs as fo}from"react/jsx-runtime";function uo(o){let t=[];o.pipeline&&(t=o.pipeline.middleware);let e=t.map(n=>n.name||n.constructor.name);return fo(D.Item,{value:o.label,children:[N(D.Control,{children:N(yo,{fullWidth:!0,variant:"light",rightSection:e.length,children:o.label})}),N(D.Panel,{children:N(co,{children:N(u,{items:e,badge:{variant:"outline"}})})})]},o.label)}var C=uo;import{Fragment as Co,jsx as M,jsxs as U}from"react/jsx-runtime";function No(o){let{module:t}=o,e=t.runtimeContext,{systemContext:n}=e,{status:i}=go(()=>n.runtime,[n.runtime.status]),r=e.systemPipelines.get(I.initialize),a=e.systemPipelines.get(I.update),m=e.systemPipelines.get(I.render),d=e.systemPipelines.get(I.sync);return U(Co,{children:[U(xo,{children:["Status: ",i]}),U(Eo,{children:[r&&M(C,{pipeline:r,label:"Initialize"}),a&&M(C,{pipeline:a,label:"Update"}),m&&M(C,{pipeline:m,label:"Render"}),d&&M(C,{pipeline:d,label:"Sync"})]})]})}var Y=No;import{jsx as w}from"react/jsx-runtime";function Mo({id:o,data:t,selected:e,type:n}){let{systemsModuleRepository:i}=Io(s),r=i.get(t.entityType);return w(Po,{id:o,selected:e,data:t,title:w(So,{fullWidth:!0,color:"indigo",variant:"transparent",children:w(c,{value:t.entityType})}),type:n,children:w(Y,{type:t.entityType,module:r})})}var k=Mo;import{Position as _}from"@xyflow/react";var z=(t=>(t.ecs="ECS",t))(z||{});var F=class{template={type:"entity-node",group:"ECS",data:{title:"Entity",entity:null},handles:[{dataType:"proxy",position:_.Left,connection:"target",disabled:!0},{dataType:"proxy",position:_.Right,connection:"source",disabled:!0}]}};import{Position as wo}from"@xyflow/react";var h=class{template={type:"systems-module-node",group:"ECS",data:{title:"Systems Module",entityType:null},handles:[{dataType:"module",position:wo.Left,connection:"target",disabled:!0}]}};var P=(e=>(e.systemsModule="systems-module-node",e.entity="entity-node",e))(P||{}),Kn={"systems-module-node":k,"entity-node":B},Qn={"entity-node":new F,"systems-module-node":new h};import{FlowAutoLayout as Yo}from"@awesome-flow/core/canvas";import{memo as _o,useContext as jo,useEffect as st,useState as mt}from"react";import{FlowContext as zo}from"@awesome-flow/core/abstract";import{useFlowStore as Ho}from"@awesome-flow/core/hooks";import{useContext as ot,useEffect as Wo,useState as Go}from"react";import{useFlowStore as Fo}from"@awesome-flow/core/hooks";import{useContext as ho,useEffect as To}from"react";import{Fragment as Ro,jsx as Lo}from"react/jsx-runtime";function vo(o){let{nodesToConnect:t}=o,e=Fo(r=>r.onConnect),{ecsFlowRepository:n,entityRepository:i}=ho(s);return To(()=>{for(let r of t){let a=r.data.handles.find(l=>l.connection==="source"),m=i.get(r.data.entity),d=n.getSystemModuleNode(m.myProxy.entityType),p=d?.data.handles.find(l=>l.connection==="target");p&&e({source:r.id,target:d.id,sourceHandle:a.id,targetHandle:p.id})}},[t]),Lo(Ro,{})}var j=vo;import{useFlowStore as bo}from"@awesome-flow/core/hooks";import{useContext as Ao,useEffect as Bo}from"react";import{Fragment as Uo,jsx as ko}from"react/jsx-runtime";function Do(o){let{nodesToConnect:t}=o,e=bo(r=>r.onConnect),{ecsFlowRepository:n,entityRepository:i}=Ao(s);return Bo(()=>{for(let r of t){let a=r.data.handles.find(d=>d.connection==="source"),m=i.get(r.data.entity);for(let[,d]of m.proxies)for(let p of d.values()){let l=n.getEntityNode(p);if(l){let dt=l.data.handles.find(at=>at.connection==="target");e({source:r.id,target:l.id,sourceHandle:a.id,targetHandle:dt.id})}}}},[t]),ko(Uo,{})}var tt=Do;import{Fragment as $o,jsx as et,jsxs as Vo}from"react/jsx-runtime";function Oo(){let{nodeFactory:o}=ot(zo),t=Ho(a=>a.addNodes),{ecsFlowRepository:e,entityRepository:n}=ot(s),[i,r]=Go([]);return Wo(()=>{let a=n.listAll(),m=[];for(let d of a){if(e.getEntityNode(d.myProxy))continue;let p=o.createNodeFromType("entity-node");p.data.entity=d.myProxy,p.position={x:0,y:0},e.addEntityNode(p),m.push(p)}r(m),t(m)},[n.size]),Vo($o,{children:[et(tt,{nodesToConnect:i}),et(j,{nodesToConnect:i})]})}var nt=Oo;import{FlowContext as Zo}from"@awesome-flow/core/abstract";import{useFlowStore as qo}from"@awesome-flow/core/hooks";import{useContext as rt,useEffect as Jo}from"react";import{Fragment as Qo,jsx as Xo}from"react/jsx-runtime";function Ko(){let{nodeFactory:o}=rt(Zo),t=qo(i=>i.addNodes),{ecsFlowRepository:e,systemsModuleRepository:n}=rt(s);return Jo(()=>{let i=Array.from(n.list()).filter(m=>!!m),r=Array.from(i.values()).map(m=>m[0]),a=[];for(let m of r){if(e.getSystemModuleNode(m))continue;let d=o.createNodeFromType("systems-module-node");d.data.entityType=m,d.position={x:0,y:0},e.addSystemModuleNode(d),a.push(d)}a.length&&t(a)},[n.size]),Xo(Qo,{})}var it=Ko;import{Fragment as ee,jsx as H,jsxs as ne}from"react/jsx-runtime";function te(o){let[,t]=mt(0),[e,n]=mt(!1),{ecsFlowRepository:i}=jo(s);return st(()=>{n(!0)},[i.sizeNodes]),st(()=>{setInterval(()=>{t(r=>r+1)},1e3)},[]),ne(ee,{children:[o.showSystemModules&&H(it,{}),o.showEntities&&H(nt,{}),o.autoLayout&&H(Yo,{refreshLayout:e})]})}var oe=_o(te);export{s as EcsFlowContext,W as EcsFlowRepository,T as EcsHandleDataType,P as EcsNodeType,z as EcsTemplateGroup,B as EntityNode,F as EntityNodeTemplate,oe as FlowEcsState,k as SystemsModuleNode,h as SystemsModuleNodeTemplate,Qn as ecsNodeTemplates,Kn as ecsNodeTypes};
+// src/abstract/ecs-flow-context.ts
+import { createContext } from "react";
+var EcsFlowContext = createContext(null);
+
+// src/utils/id-generator.ts
+var EcsIdGenerator = class {
+  static entityProxy(proxy) {
+    return `${proxy.entityType}:${proxy.entityUid}`;
+  }
+};
+
+// src/abstract/ecs-flow-repository.ts
+var EcsFlowRepository = class {
+  nodes;
+  constructor() {
+    this.nodes = /* @__PURE__ */ new Map();
+  }
+  get sizeNodes() {
+    return this.nodes.size;
+  }
+  addSystemModuleNode(node) {
+    this.nodes.set(node.data.entityType.toString(), node);
+  }
+  getSystemModuleNode(entityType) {
+    return this.nodes.get(entityType.toString());
+  }
+  addEntityNode(node) {
+    this.nodes.set(EcsIdGenerator.entityProxy(node.data.entity), node);
+  }
+  getEntityNode(entity) {
+    return this.nodes.get(EcsIdGenerator.entityProxy(entity));
+  }
+  listAllNodes() {
+    return Array.from(this.nodes.values());
+  }
+};
+
+// src/abstract/handle-types.ts
+var EcsHandleDataType = /* @__PURE__ */ ((EcsHandleDataType2) => {
+  EcsHandleDataType2["proxy"] = "proxy";
+  EcsHandleDataType2["module"] = "module";
+  return EcsHandleDataType2;
+})(EcsHandleDataType || {});
+
+// src/nodes/node-entity.tsx
+import { NodeContainer } from "@awesome-flow/core/layout";
+import { Badge as Badge7 } from "@mantine/core";
+import { useContext as useContext3, useMemo as useMemo4 } from "react";
+
+// src/components/formatter-camel-case.tsx
+import { memo, useMemo } from "react";
+function CamelCaseFormatter(props) {
+  const value = useMemo(
+    () => props.value?.toString().replace(/([a-z])([A-Z])/g, "$1 $2"),
+    [props.value]
+  );
+  return value;
+}
+var formatter_camel_case_default = memo(CamelCaseFormatter);
+
+// src/layout/entity-layout.tsx
+import { Accordion as Accordion4, Badge as Badge6, Divider, Group } from "@mantine/core";
+
+// src/components/entity-component-list.tsx
+import { Accordion, Badge, Stack } from "@mantine/core";
+import { memo as memo4 } from "react";
+
+// src/components/entity-component-inspector.tsx
+import { Box, Button, Collapse } from "@mantine/core";
+import { useDisclosure } from "@mantine/hooks";
+import { memo as memo3, useMemo as useMemo3 } from "react";
+
+// src/components/object-inspector.tsx
+import { useComputedColorScheme } from "@mantine/core";
+import { memo as memo2, useMemo as useMemo2 } from "react";
+import { Inspector } from "react-inspector";
+import { jsx } from "react/jsx-runtime";
+function ObjectInspector(props) {
+  const colorScheme = useComputedColorScheme();
+  const theme = useMemo2(
+    () => colorScheme === "dark" ? "chromeDark" : "chromeLight",
+    [colorScheme]
+  );
+  return /* @__PURE__ */ jsx(Inspector, { table: false, theme, data: props.data });
+}
+var object_inspector_default = memo2(ObjectInspector);
+
+// src/components/entity-component-inspector.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function EntityComponentInspector(props) {
+  const [opened, { toggle }] = useDisclosure(false);
+  const buttonColor = useMemo3(() => opened ? "light" : "indigo", [opened]);
+  return /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsx2(Button, { variant: "outline", size: "xs", onClick: toggle, color: buttonColor, fullWidth: true, children: props.component.componentType }),
+    /* @__PURE__ */ jsx2(Collapse, { in: opened, children: opened && /* @__PURE__ */ jsx2(object_inspector_default, { data: props.component }) })
+  ] });
+}
+var entity_component_inspector_default = memo3(EntityComponentInspector);
+
+// src/components/entity-component-list.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+function EntityComponentList(props) {
+  const components = Array.from(props.entity.components.values());
+  return /* @__PURE__ */ jsxs2(Accordion.Item, { value: "components", children: [
+    /* @__PURE__ */ jsx3(Accordion.Control, { children: /* @__PURE__ */ jsx3(Badge, { fullWidth: true, variant: "light", rightSection: components.length, children: "Components" }) }),
+    /* @__PURE__ */ jsx3(Accordion.Panel, { children: /* @__PURE__ */ jsx3(Stack, { children: components.map((c, i) => /* @__PURE__ */ jsx3(entity_component_inspector_default, { component: c }, i)) }) })
+  ] }, "components");
+}
+var entity_component_list_default = memo4(EntityComponentList);
+
+// src/components/entity-proxy-list.tsx
+import { Accordion as Accordion2, Badge as Badge3, Stack as Stack2 } from "@mantine/core";
+import { memo as memo6 } from "react";
+
+// src/components/badge-list.tsx
+import { Badge as Badge2 } from "@mantine/core";
+import { memo as memo5 } from "react";
+import { jsx as jsx4 } from "react/jsx-runtime";
+function BadgeList(props) {
+  return props.items.map((value, i) => {
+    return /* @__PURE__ */ jsx4(Badge2, { ...props.badge || [], children: /* @__PURE__ */ jsx4(formatter_camel_case_default, { value }) }, i);
+  });
+}
+var badge_list_default = memo5(BadgeList);
+
+// src/components/entity-proxy-list.tsx
+import { jsx as jsx5, jsxs as jsxs3 } 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) => EcsIdGenerator.entityProxy(k))).flat();
+  return /* @__PURE__ */ jsxs3(Accordion2.Item, { value: "proxies", children: [
+    /* @__PURE__ */ jsx5(Accordion2.Control, { children: /* @__PURE__ */ jsx5(Badge3, { fullWidth: true, variant: "light", rightSection: items.length, children: "Proxies" }) }),
+    /* @__PURE__ */ jsx5(Accordion2.Panel, { children: /* @__PURE__ */ jsx5(Stack2, { children: /* @__PURE__ */ jsx5(badge_list_default, { items, badge: { variant: "outline" } }) }) })
+  ] }, "proxies");
+}
+var entity_proxy_list_default = memo6(EntityProxyList);
+
+// src/components/entity-subscription-list.tsx
+import { Accordion as Accordion3, Badge as Badge4, Stack as Stack3 } from "@mantine/core";
+import { memo as memo7, useContext } from "react";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+function EntitySubscriptionList(props) {
+  const { entityEventsManager } = useContext(EcsFlowContext);
+  const subscriptions = entityEventsManager.getSubscriptionsForEntity(props.entity.myProxy);
+  return /* @__PURE__ */ jsxs4(Accordion3.Item, { value: "subscriptions", children: [
+    /* @__PURE__ */ jsx6(Accordion3.Control, { children: /* @__PURE__ */ jsx6(Badge4, { fullWidth: true, variant: "light", rightSection: subscriptions.length, children: "Events" }) }),
+    /* @__PURE__ */ jsx6(Accordion3.Panel, { children: /* @__PURE__ */ jsx6(Stack3, { children: /* @__PURE__ */ jsx6(badge_list_default, { items: subscriptions, badge: { variant: "outline" } }) }) })
+  ] }, "subscriptions");
+}
+var entity_subscription_list_default = memo7(EntitySubscriptionList);
+
+// src/components/entity-update-counter.tsx
+import { Badge as Badge5 } from "@mantine/core";
+import { memo as memo8, useContext as useContext2, useEffect, useState } from "react";
+import { Fragment, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+function EntityUpdateCounter(props) {
+  const [, setRefresh] = useState(0);
+  const { entityUpdateCounter } = useContext2(EcsFlowContext);
+  const updates = entityUpdateCounter.getUpdateCount(props.entityUid) || 0;
+  const removes = entityUpdateCounter.getRemoveCount(props.entityUid) || 0;
+  useEffect(() => {
+    const interval = setInterval(() => {
+      setRefresh((refresh) => refresh + 1);
+    }, 1e3);
+    return () => {
+      console.log("CLEAR INTERVAL");
+      clearInterval(interval);
+    };
+  }, []);
+  return /* @__PURE__ */ jsxs5(Fragment, { children: [
+    /* @__PURE__ */ jsx7(Badge5, { variant: "light", children: updates }),
+    /* @__PURE__ */ jsx7(Badge5, { variant: "light", color: "orange", children: removes })
+  ] });
+}
+var entity_update_counter_default = memo8(EntityUpdateCounter);
+
+// src/layout/entity-layout.tsx
+import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+function EntityLayout({ entity }) {
+  return /* @__PURE__ */ jsxs6(Fragment2, { children: [
+    /* @__PURE__ */ jsxs6(Group, { children: [
+      /* @__PURE__ */ jsx8(Badge6, { variant: "outline", color: "orange", children: entity.myProxy.entityUid }),
+      /* @__PURE__ */ jsx8(entity_update_counter_default, { entityUid: entity.myProxy.entityUid })
+    ] }),
+    /* @__PURE__ */ jsx8(Divider, { my: 5 }),
+    /* @__PURE__ */ jsxs6(Accordion4, { children: [
+      /* @__PURE__ */ jsx8(entity_component_list_default, { entity }),
+      /* @__PURE__ */ jsx8(entity_proxy_list_default, { entity }),
+      /* @__PURE__ */ jsx8(entity_subscription_list_default, { entity })
+    ] })
+  ] });
+}
+var entity_layout_default = EntityLayout;
+
+// src/nodes/node-entity.tsx
+import { jsx as jsx9 } from "react/jsx-runtime";
+function EntityNode({ id, data, selected, type }) {
+  const { entityRepository } = useContext3(EcsFlowContext);
+  const entity = useMemo4(() => entityRepository.get(data.entity), [data.entity]);
+  return /* @__PURE__ */ jsx9(
+    NodeContainer,
+    {
+      id,
+      selected,
+      data,
+      title: /* @__PURE__ */ jsx9(Badge7, { fullWidth: true, variant: "transparent", children: /* @__PURE__ */ jsx9(formatter_camel_case_default, { value: entity.myProxy.entityType }) }),
+      type,
+      children: /* @__PURE__ */ jsx9(entity_layout_default, { entity })
+    }
+  );
+}
+var node_entity_default = EntityNode;
+
+// src/nodes/node-systems-module.tsx
+import { NodeContainer as NodeContainer2 } from "@awesome-flow/core/layout";
+import { Badge as Badge9 } from "@mantine/core";
+import { useContext as useContext4 } from "react";
+
+// src/layout/systems-module-layout.tsx
+import { SystemType } from "@awesome-ecs/abstract/systems";
+import { Accordion as Accordion6, Text } from "@mantine/core";
+import { useMemo as useMemo5 } from "react";
+
+// src/components/pipeline-middleware-list.tsx
+import { Accordion as Accordion5, Badge as Badge8, Stack as Stack4 } from "@mantine/core";
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+function PipelineMiddlewareList(props) {
+  let middleware = [];
+  if (props.pipeline) {
+    middleware = props.pipeline["middleware"];
+  }
+  const components = middleware.map((m) => {
+    return m.name || m.constructor.name;
+  });
+  return /* @__PURE__ */ jsxs7(Accordion5.Item, { value: props.label, children: [
+    /* @__PURE__ */ jsx10(Accordion5.Control, { children: /* @__PURE__ */ jsx10(Badge8, { fullWidth: true, variant: "light", rightSection: components.length, children: props.label }) }),
+    /* @__PURE__ */ jsx10(Accordion5.Panel, { children: /* @__PURE__ */ jsx10(Stack4, { children: /* @__PURE__ */ jsx10(badge_list_default, { items: components, badge: { variant: "outline" } }) }) })
+  ] }, props.label);
+}
+var pipeline_middleware_list_default = PipelineMiddlewareList;
+
+// src/layout/systems-module-layout.tsx
+import { Fragment as Fragment3, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+function SystemsModuleLayout(props) {
+  const { module } = props;
+  const runtimeContext = module["runtimeContext"];
+  const { systemContext } = runtimeContext;
+  const { status } = useMemo5(() => {
+    return systemContext.runtime;
+  }, [systemContext.runtime.status]);
+  const init = runtimeContext.systemPipelines.get(SystemType.initialize);
+  const update = runtimeContext.systemPipelines.get(SystemType.update);
+  const render = runtimeContext.systemPipelines.get(SystemType.render);
+  const sync = runtimeContext.systemPipelines.get(SystemType.sync);
+  return /* @__PURE__ */ jsxs8(Fragment3, { children: [
+    /* @__PURE__ */ jsxs8(Text, { children: [
+      "Status: ",
+      status
+    ] }),
+    /* @__PURE__ */ jsxs8(Accordion6, { children: [
+      init && /* @__PURE__ */ jsx11(pipeline_middleware_list_default, { pipeline: init, label: "Initialize" }),
+      update && /* @__PURE__ */ jsx11(pipeline_middleware_list_default, { pipeline: update, label: "Update" }),
+      render && /* @__PURE__ */ jsx11(pipeline_middleware_list_default, { pipeline: render, label: "Render" }),
+      sync && /* @__PURE__ */ jsx11(pipeline_middleware_list_default, { pipeline: sync, label: "Sync" })
+    ] })
+  ] });
+}
+var systems_module_layout_default = SystemsModuleLayout;
+
+// src/nodes/node-systems-module.tsx
+import { jsx as jsx12 } from "react/jsx-runtime";
+function SystemsModuleNode({ id, data, selected, type }) {
+  const { systemsModuleRepository } = useContext4(EcsFlowContext);
+  const module = systemsModuleRepository.get(data.entityType);
+  return /* @__PURE__ */ jsx12(
+    NodeContainer2,
+    {
+      id,
+      selected,
+      data,
+      title: /* @__PURE__ */ jsx12(Badge9, { fullWidth: true, color: "indigo", variant: "transparent", children: /* @__PURE__ */ jsx12(formatter_camel_case_default, { value: data.entityType }) }),
+      type,
+      children: /* @__PURE__ */ jsx12(systems_module_layout_default, { type: data.entityType, module })
+    }
+  );
+}
+var node_systems_module_default = SystemsModuleNode;
+
+// src/templates/template-entity-node.ts
+import { Position } from "@xyflow/react";
+
+// src/abstract/templates.ts
+var EcsTemplateGroup = /* @__PURE__ */ ((EcsTemplateGroup2) => {
+  EcsTemplateGroup2["ecs"] = "ECS";
+  return EcsTemplateGroup2;
+})(EcsTemplateGroup || {});
+
+// src/templates/template-entity-node.ts
+var EntityNodeTemplate = class {
+  template = {
+    type: "entity-node" /* entity */,
+    group: "ECS" /* ecs */,
+    data: {
+      title: "Entity",
+      entity: null
+    },
+    handles: [
+      {
+        dataType: "proxy" /* proxy */,
+        position: Position.Left,
+        connection: "target",
+        disabled: true
+      },
+      {
+        dataType: "proxy" /* proxy */,
+        position: Position.Right,
+        connection: "source",
+        disabled: true
+      }
+    ]
+  };
+};
+
+// src/templates/template-systems-module.ts
+import { Position as Position2 } from "@xyflow/react";
+var SystemsModuleNodeTemplate = class {
+  template = {
+    type: "systems-module-node" /* systemsModule */,
+    group: "ECS" /* ecs */,
+    data: {
+      title: "Systems Module",
+      entityType: null
+    },
+    handles: [
+      {
+        dataType: "module" /* module */,
+        position: Position2.Left,
+        connection: "target",
+        disabled: true
+      }
+    ]
+  };
+};
+
+// src/abstract/node-types.ts
+var EcsNodeType = /* @__PURE__ */ ((EcsNodeType2) => {
+  EcsNodeType2["systemsModule"] = "systems-module-node";
+  EcsNodeType2["entity"] = "entity-node";
+  return EcsNodeType2;
+})(EcsNodeType || {});
+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/flow/flow-ecs-state.tsx
+import { FlowAutoLayout } from "@awesome-flow/core/canvas";
+import { memo as memo9, useContext as useContext9, useEffect as useEffect6, useState as useState3 } from "react";
+
+// src/flow/flow-ecs-entities.tsx
+import { FlowContext } from "@awesome-flow/core/abstract";
+import { useFlowStore as useFlowStore3 } from "@awesome-flow/core/hooks";
+import { useContext as useContext7, useEffect as useEffect4, useState as useState2 } from "react";
+
+// src/flow/flow-ecs-edge-modules.tsx
+import { useFlowStore } from "@awesome-flow/core/hooks";
+import { useContext as useContext5, useEffect as useEffect2 } from "react";
+import { Fragment as Fragment4, jsx as jsx13 } from "react/jsx-runtime";
+function FlowEcsEdgeModules(props) {
+  const { nodesToConnect } = props;
+  const onConnect = useFlowStore((state) => state.onConnect);
+  const { ecsFlowRepository, entityRepository } = useContext5(EcsFlowContext);
+  useEffect2(() => {
+    for (const node of nodesToConnect) {
+      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.connection === "target");
+      if (targetHandle) {
+        onConnect({
+          source: node.id,
+          target: systemModule.id,
+          sourceHandle: sourceHandle.id,
+          targetHandle: targetHandle.id
+        });
+      }
+    }
+  }, [nodesToConnect]);
+  return /* @__PURE__ */ jsx13(Fragment4, {});
+}
+var flow_ecs_edge_modules_default = FlowEcsEdgeModules;
+
+// src/flow/flow-ecs-edge-proxies.tsx
+import { useFlowStore as useFlowStore2 } from "@awesome-flow/core/hooks";
+import { useContext as useContext6, useEffect as useEffect3 } from "react";
+import { Fragment as Fragment5, jsx as jsx14 } from "react/jsx-runtime";
+function FlowEcsEdgeProxies(props) {
+  const { nodesToConnect } = props;
+  const onConnect = useFlowStore2((state) => state.onConnect);
+  const { ecsFlowRepository, entityRepository } = useContext6(EcsFlowContext);
+  useEffect3(() => {
+    for (const node of nodesToConnect) {
+      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.connection === "target");
+            onConnect({
+              source: node.id,
+              target: proxyNode.id,
+              sourceHandle: sourceHandle.id,
+              targetHandle: targetHandle.id
+            });
+          }
+        }
+      }
+    }
+  }, [nodesToConnect]);
+  return /* @__PURE__ */ jsx14(Fragment5, {});
+}
+var flow_ecs_edge_proxies_default = FlowEcsEdgeProxies;
+
+// src/flow/flow-ecs-entities.tsx
+import { Fragment as Fragment6, jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
+function FlowEcsEntities() {
+  const { nodeFactory } = useContext7(FlowContext);
+  const addNodes = useFlowStore3((state) => state.addNodes);
+  const { ecsFlowRepository, entityRepository } = useContext7(EcsFlowContext);
+  const [entityNodes, setEntityNodes] = useState2([]);
+  useEffect4(() => {
+    const entities = entityRepository.listAll();
+    const nodes = [];
+    for (const entity of entities) {
+      if (ecsFlowRepository.getEntityNode(entity.myProxy)) {
+        continue;
+      }
+      const node = nodeFactory.createNodeFromType("entity-node" /* entity */);
+      node.data.entity = entity.myProxy;
+      node.position = { x: 0, y: 0 };
+      ecsFlowRepository.addEntityNode(node);
+      nodes.push(node);
+    }
+    setEntityNodes(nodes);
+    addNodes(nodes);
+  }, [entityRepository.size]);
+  return /* @__PURE__ */ jsxs9(Fragment6, { children: [
+    /* @__PURE__ */ jsx15(flow_ecs_edge_proxies_default, { nodesToConnect: entityNodes }),
+    /* @__PURE__ */ jsx15(flow_ecs_edge_modules_default, { nodesToConnect: entityNodes })
+  ] });
+}
+var flow_ecs_entities_default = FlowEcsEntities;
+
+// src/flow/flow-ecs-modules.tsx
+import { FlowContext as FlowContext2 } from "@awesome-flow/core/abstract";
+import { useFlowStore as useFlowStore4 } from "@awesome-flow/core/hooks";
+import { useContext as useContext8, useEffect as useEffect5 } from "react";
+import { Fragment as Fragment7, jsx as jsx16 } from "react/jsx-runtime";
+function FlowEcsModules() {
+  const { nodeFactory } = useContext8(FlowContext2);
+  const addNodes = useFlowStore4((state) => state.addNodes);
+  const { ecsFlowRepository, systemsModuleRepository } = useContext8(EcsFlowContext);
+  useEffect5(() => {
+    const modules = Array.from(systemsModuleRepository.list()).filter((m) => !!m);
+    const keys = Array.from(modules.values()).map((v) => v[0]);
+    const nodesToAdd = [];
+    for (const element of keys) {
+      if (ecsFlowRepository.getSystemModuleNode(element)) {
+        continue;
+      }
+      const node = nodeFactory.createNodeFromType("systems-module-node" /* systemsModule */);
+      node.data.entityType = element;
+      node.position = { x: 0, y: 0 };
+      ecsFlowRepository.addSystemModuleNode(node);
+      nodesToAdd.push(node);
+    }
+    if (nodesToAdd.length) {
+      addNodes(nodesToAdd);
+    }
+  }, [systemsModuleRepository.size]);
+  return /* @__PURE__ */ jsx16(Fragment7, {});
+}
+var flow_ecs_modules_default = FlowEcsModules;
+
+// src/flow/flow-ecs-state.tsx
+import { Fragment as Fragment8, jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
+function FlowEcsState(props) {
+  const [, setUpdates] = useState3(0);
+  const [refreshLayout, setRefreshLayout] = useState3(false);
+  const { ecsFlowRepository } = useContext9(EcsFlowContext);
+  useEffect6(() => {
+    setRefreshLayout(true);
+  }, [ecsFlowRepository.sizeNodes]);
+  useEffect6(() => {
+    setInterval(() => {
+      setUpdates((updates) => updates + 1);
+    }, 1e3);
+  }, []);
+  return /* @__PURE__ */ jsxs10(Fragment8, { children: [
+    props.showSystemModules && /* @__PURE__ */ jsx17(flow_ecs_modules_default, {}),
+    props.showEntities && /* @__PURE__ */ jsx17(flow_ecs_entities_default, {}),
+    props.autoLayout && /* @__PURE__ */ jsx17(FlowAutoLayout, { refreshLayout })
+  ] });
+}
+var flow_ecs_state_default = memo9(FlowEcsState);
+export {
+  EcsFlowContext,
+  EcsFlowRepository,
+  EcsHandleDataType,
+  EcsNodeType,
+  EcsTemplateGroup,
+  node_entity_default as EntityNode,
+  EntityNodeTemplate,
+  flow_ecs_state_default as FlowEcsState,
+  node_systems_module_default as SystemsModuleNode,
+  SystemsModuleNodeTemplate,
+  ecsNodeTemplates,
+  ecsNodeTypes
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@awesome-flow/ecs",
-  "version": "0.7.1",
+  "version": "0.8.0",
   "description": "The ECS package for Awesome Flow. Provides basic components to map Awesome ECS objects.",
   "type": "module",
   "scripts": {
@@ -12,24 +12,30 @@
     "ts:watch": "npx tsc --noEmit --incremental --watch"
   },
   "dependencies": {
-    "@awesome-flow/core": "^0.7.1"
+    "@awesome-ecs/abstract": "^0.20.2",
+    "@awesome-ecs/core": "^0.20.2",
+    "@awesome-flow/core": "^0.8.0",
+    "react-inspector": "^6.0.2"
   },
   "peerDependencies": {
-    "@awesome-ecs/abstract": "*",
-    "@awesome-ecs/core": "*",
-    "@dagrejs/dagre": "*",
-    "@mantine/core": "7.11.1",
-    "@mantine/hooks": "7.11.1",
-    "@tabler/icons-react": "*",
-    "@xyflow/react": "*",
-    "@xyflow/system": "*",
-    "react": ">=18",
-    "react-dnd": "*",
-    "react-dnd-html5-backend": "*",
-    "react-dom": ">=18",
-    "react-inspector": "*",
-    "uuid": "*",
-    "zustand": "*"
+    "@mantine/core": ">=7.13.2",
+    "@mantine/hooks": ">=7.13.2",
+    "@tabler/icons-react": ">=3.19.0",
+    "@xyflow/react": ">=12.3.4",
+    "@xyflow/system": ">=0.0.45",
+    "react": ">=18.3.1",
+    "react-dom": ">=18.3.1",
+    "zustand": ">=4.5.5"
+  },
+  "devDependencies": {
+    "@mantine/core": "^7.14.2",
+    "@mantine/hooks": "^7.14.2",
+    "@tabler/icons-react": "^3.22.0",
+    "@xyflow/react": "^12.3.5",
+    "@xyflow/system": "^0.0.46",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "zustand": "^5.0.1"
   },
   "exports": {
     ".": {
@@ -70,5 +76,5 @@
     "url": "https://github.com/privatebytes/awesome-flow/issues"
   },
   "homepage": "https://github.com/privatebytes/awesome-flow#readme",
-  "gitHead": "9ceb33f6845a44dcfca6662349942ed074e21b6e"
+  "gitHead": "53165b02e373bacaaf795a1a5a201170f7006594"
 }