@awesome-flow/ecs 0.7.0 → 0.8.0

package/dist/index.cjs

@@ -1,42 +1,6 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  EcsFlowContext: () => EcsFlowContext,
-  EcsFlowRepository: () => EcsFlowRepository,
-  EcsHandleDataType: () => EcsHandleDataType,
-  EcsNodeType: () => EcsNodeType,
-  EcsTemplateGroup: () => EcsTemplateGroup,
-  EntityNode: () => node_entity_default,
-  EntityNodeTemplate: () => EntityNodeTemplate,
-  FlowEcsState: () => flow_ecs_state_default,
-  SystemsModuleNode: () => node_systems_module_default,
-  SystemsModuleNodeTemplate: () => SystemsModuleNodeTemplate,
-  ecsNodeTemplates: () => ecsNodeTemplates,
-  ecsNodeTypes: () => ecsNodeTypes
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/abstract/ecs-flow-context.ts
-var import_react = require("react");
-var EcsFlowContext = (0, import_react.createContext)(null);
+"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 {
@@ -47,7 +11,7 @@ var EcsIdGenerator = class {
 
 // src/abstract/ecs-flow-repository.ts
 var EcsFlowRepository = class {
-  nodes;
+  
   constructor() {
     this.nodes = /* @__PURE__ */ new Map();
   }
@@ -78,200 +42,123 @@ var EcsHandleDataType = /* @__PURE__ */ ((EcsHandleDataType2) => {
   return EcsHandleDataType2;
 })(EcsHandleDataType || {});
 
-// src/nodes/node-systems-module.tsx
-var import_layout = require("@awesome-flow/core/layout");
-var import_react5 = 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_react4 = require("react");
-
-// src/components/pipeline-middleware-list.tsx
-var import_core2 = require("@mantine/core");
+// src/nodes/node-entity.tsx
+var _layout = require('@awesome-flow/core/layout');
+var _core = require('@mantine/core');
 
-// src/components/badge-list.tsx
-var import_core = require("@mantine/core");
-var import_react3 = require("react");
 
 // src/components/formatter-camel-case.tsx
-var import_react2 = require("react");
+
 function CamelCaseFormatter(props) {
-  const value = (0, import_react2.useMemo)(
-    () => props.value?.toString().replace(/([a-z])([A-Z])/g, "$1 $2"),
+  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 = (0, import_react2.memo)(CamelCaseFormatter);
+var formatter_camel_case_default = _react.memo.call(void 0, CamelCaseFormatter);
 
-// src/components/badge-list.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-function BadgeList(props) {
-  return props.items.map((value, i) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Badge, { ...props.badge || [], children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(formatter_camel_case_default, { value }) }, i);
-  });
-}
-var badge_list_default = (0, import_react3.memo)(BadgeList);
+// src/layout/entity-layout.tsx
 
-// src/components/pipeline-middleware-list.tsx
-var import_jsx_runtime2 = require("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__ */ (0, import_jsx_runtime2.jsxs)(import_core2.Accordion.Item, { value: props.label, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.Accordion.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.Badge, { fullWidth: true, variant: "light", rightSection: components.length, children: props.label }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.Accordion.Panel, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.Stack, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(badge_list_default, { items: components, badge: { variant: "outline" } }) }) })
-  ] }, props.label);
-}
-var pipeline_middleware_list_default = PipelineMiddlewareList;
 
-// src/layout/systems-module-layout.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-function SystemsModuleLayout(props) {
-  const { module: module2 } = props;
-  const runtimeContext = module2["runtimeContext"];
-  const { systemContext } = runtimeContext;
-  const { status } = (0, import_react4.useMemo)(() => {
-    return systemContext.runtime;
-  }, [systemContext.runtime.status]);
-  const init = runtimeContext.systemPipelines.get(import_systems.SystemType.initialize);
-  const update = runtimeContext.systemPipelines.get(import_systems.SystemType.update);
-  const render = runtimeContext.systemPipelines.get(import_systems.SystemType.render);
-  const sync = runtimeContext.systemPipelines.get(import_systems.SystemType.sync);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_core3.Text, { children: [
-      "Status: ",
-      status
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_core3.Accordion, { children: [
-      init && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(pipeline_middleware_list_default, { pipeline: init, label: "Initialize" }),
-      update && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(pipeline_middleware_list_default, { pipeline: update, label: "Update" }),
-      render && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(pipeline_middleware_list_default, { pipeline: render, label: "Render" }),
-      sync && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(pipeline_middleware_list_default, { pipeline: sync, label: "Sync" })
-    ] })
-  ] });
-}
-var systems_module_layout_default = SystemsModuleLayout;
+// src/components/entity-component-list.tsx
 
-// src/nodes/node-systems-module.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-function SystemsModuleNode({ id, data, selected, type }) {
-  const { systemsModuleRepository } = (0, import_react5.useContext)(EcsFlowContext);
-  const module2 = systemsModuleRepository.get(data.entityType);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    import_layout.NodeContainer,
-    {
-      id,
-      selected,
-      data,
-      title: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_core4.Badge, { fullWidth: true, color: "indigo", variant: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(formatter_camel_case_default, { value: data.entityType }) }),
-      type,
-      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(systems_module_layout_default, { type: data.entityType, module: module2 })
-    }
-  );
-}
-var node_systems_module_default = SystemsModuleNode;
 
-// src/nodes/node-entity.tsx
-var import_layout2 = require("@awesome-flow/core/layout");
-var import_core12 = require("@mantine/core");
-var import_react12 = require("react");
 
-// src/layout/entity-layout.tsx
-var import_core11 = require("@mantine/core");
+// src/components/entity-component-inspector.tsx
 
-// src/components/entity-component-list.tsx
-var import_core7 = require("@mantine/core");
-var import_react8 = require("react");
+var _hooks = require('@mantine/hooks');
 
-// src/components/entity-component-inspector.tsx
-var import_core6 = require("@mantine/core");
-var import_react7 = require("react");
-var import_hooks = require("@mantine/hooks");
 
 // src/components/object-inspector.tsx
-var import_core5 = require("@mantine/core");
-var import_react6 = require("react");
-var import_react_inspector = require("react-inspector");
-var import_jsx_runtime5 = require("react/jsx-runtime");
+
+
+var _reactinspector = require('react-inspector');
+var _jsxruntime = require('react/jsx-runtime');
 function ObjectInspector(props) {
-  const colorScheme = (0, import_core5.useComputedColorScheme)();
-  const theme = (0, import_react6.useMemo)(
+  const colorScheme = _core.useComputedColorScheme.call(void 0, );
+  const theme = _react.useMemo.call(void 0, 
     () => colorScheme === "dark" ? "chromeDark" : "chromeLight",
     [colorScheme]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_inspector.Inspector, { table: false, theme, data: props.data });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactinspector.Inspector, { table: false, theme, data: props.data });
 }
-var object_inspector_default = (0, import_react6.memo)(ObjectInspector);
+var object_inspector_default = _react.memo.call(void 0, ObjectInspector);
 
 // src/components/entity-component-inspector.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+
 function EntityComponentInspector(props) {
-  const [opened, { toggle }] = (0, import_hooks.useDisclosure)(false);
-  const buttonColor = (0, import_react7.useMemo)(() => opened ? "light" : "indigo", [opened]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_core6.Box, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core6.Button, { variant: "outline", size: "xs", onClick: toggle, color: buttonColor, fullWidth: true, children: props.component.componentType }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core6.Collapse, { in: opened, children: opened && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(object_inspector_default, { data: props.component }) })
+  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 = (0, import_react7.memo)(EntityComponentInspector);
+var entity_component_inspector_default = _react.memo.call(void 0, EntityComponentInspector);
 
 // src/components/entity-component-list.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+
 function EntityComponentList(props) {
   const components = Array.from(props.entity.components.values());
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_core7.Accordion.Item, { value: "components", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core7.Accordion.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core7.Badge, { fullWidth: true, variant: "light", rightSection: components.length, children: "Components" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core7.Accordion.Panel, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core7.Stack, { children: components.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(entity_component_inspector_default, { component: c }, i)) }) })
+  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 = (0, import_react8.memo)(EntityComponentList);
+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
-var import_core8 = require("@mantine/core");
-var import_react9 = require("react");
-var import_jsx_runtime8 = 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) => EcsIdGenerator.entityProxy(k))).flat();
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_core8.Accordion.Item, { value: "proxies", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core8.Accordion.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core8.Badge, { fullWidth: true, variant: "light", rightSection: items.length, children: "Proxies" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core8.Accordion.Panel, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core8.Stack, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(badge_list_default, { items, badge: { variant: "outline" } }) }) })
+  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 = (0, import_react9.memo)(EntityProxyList);
+var entity_proxy_list_default = _react.memo.call(void 0, EntityProxyList);
 
 // src/components/entity-subscription-list.tsx
-var import_core9 = require("@mantine/core");
-var import_react10 = require("react");
-var import_jsx_runtime9 = require("react/jsx-runtime");
+
+
+
 function EntitySubscriptionList(props) {
-  const { entityEventsManager } = (0, import_react10.useContext)(EcsFlowContext);
+  const { entityEventsManager } = _react.useContext.call(void 0, EcsFlowContext);
   const subscriptions = entityEventsManager.getSubscriptionsForEntity(props.entity.myProxy);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_core9.Accordion.Item, { value: "subscriptions", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_core9.Accordion.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_core9.Badge, { fullWidth: true, variant: "light", rightSection: subscriptions.length, children: "Events" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_core9.Accordion.Panel, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_core9.Stack, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(badge_list_default, { items: subscriptions, badge: { variant: "outline" } }) }) })
+  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 = (0, import_react10.memo)(EntitySubscriptionList);
+var entity_subscription_list_default = _react.memo.call(void 0, EntitySubscriptionList);
 
 // src/components/entity-update-counter.tsx
-var import_core10 = require("@mantine/core");
-var import_react11 = require("react");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+
+
+
 function EntityUpdateCounter(props) {
-  const [, setRefresh] = (0, import_react11.useState)(0);
-  const { entityUpdateCounter } = (0, import_react11.useContext)(EcsFlowContext);
+  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;
-  (0, import_react11.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     const interval = setInterval(() => {
       setRefresh((refresh) => refresh + 1);
     }, 1e3);
@@ -280,52 +167,127 @@ function EntityUpdateCounter(props) {
       clearInterval(interval);
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_core10.Badge, { variant: "light", children: updates }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_core10.Badge, { variant: "light", color: "orange", children: removes })
+  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 = (0, import_react11.memo)(EntityUpdateCounter);
+var entity_update_counter_default = _react.memo.call(void 0, EntityUpdateCounter);
 
 // src/layout/entity-layout.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+
 function EntityLayout({ entity }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_core11.Group, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_core11.Badge, { variant: "outline", color: "orange", children: entity.myProxy.entityUid }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(entity_update_counter_default, { entityUid: entity.myProxy.entityUid })
+  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__ */ (0, import_jsx_runtime11.jsx)(import_core11.Divider, { my: 5 }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_core11.Accordion, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(entity_component_list_default, { entity }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(entity_proxy_list_default, { entity }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(entity_subscription_list_default, { entity })
+    /* @__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
-var import_jsx_runtime12 = require("react/jsx-runtime");
+
 function EntityNode({ id, data, selected, type }) {
-  const { entityRepository } = (0, import_react12.useContext)(EcsFlowContext);
-  const entity = (0, import_react12.useMemo)(() => entityRepository.get(data.entity), [data.entity]);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-    import_layout2.NodeContainer,
+  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__ */ (0, import_jsx_runtime12.jsx)(import_core12.Badge, { fullWidth: true, variant: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(formatter_camel_case_default, { value: entity.myProxy.entityType }) }),
+      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__ */ (0, import_jsx_runtime12.jsx)(entity_layout_default, { entity })
+      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 import_react13 = require("@xyflow/react");
+var _react3 = require('@xyflow/react');
 
 // src/abstract/templates.ts
 var EcsTemplateGroup = /* @__PURE__ */ ((EcsTemplateGroup2) => {
@@ -334,8 +296,8 @@ var EcsTemplateGroup = /* @__PURE__ */ ((EcsTemplateGroup2) => {
 })(EcsTemplateGroup || {});
 
 // src/templates/template-entity-node.ts
-var EntityNodeTemplate = class {
-  template = {
+var EntityNodeTemplate = (_class = class {constructor() { _class.prototype.__init.call(this); }
+  __init() {this.template = {
     type: "entity-node" /* entity */,
     group: "ECS" /* ecs */,
     data: {
@@ -345,24 +307,24 @@ var EntityNodeTemplate = class {
     handles: [
       {
         dataType: "proxy" /* proxy */,
-        position: import_react13.Position.Left,
+        position: _react3.Position.Left,
         connection: "target",
         disabled: true
       },
       {
         dataType: "proxy" /* proxy */,
-        position: import_react13.Position.Right,
+        position: _react3.Position.Right,
         connection: "source",
         disabled: true
       }
     ]
-  };
-};
+  }}
+}, _class);
 
 // src/templates/template-systems-module.ts
-var import_react14 = require("@xyflow/react");
-var SystemsModuleNodeTemplate = class {
-  template = {
+
+var SystemsModuleNodeTemplate = (_class2 = class {constructor() { _class2.prototype.__init2.call(this); }
+  __init2() {this.template = {
     type: "systems-module-node" /* systemsModule */,
     group: "ECS" /* ecs */,
     data: {
@@ -372,13 +334,13 @@ var SystemsModuleNodeTemplate = class {
     handles: [
       {
         dataType: "module" /* module */,
-        position: import_react14.Position.Left,
+        position: _react3.Position.Left,
         connection: "target",
         disabled: true
       }
     ]
-  };
-};
+  }}
+}, _class2);
 
 // src/abstract/node-types.ts
 var EcsNodeType = /* @__PURE__ */ ((EcsNodeType2) => {
@@ -396,22 +358,51 @@ var ecsNodeTemplates = {
 };
 
 // src/flow/flow-ecs-state.tsx
-var import_react19 = require("react");
+var _canvas = require('@awesome-flow/core/canvas');
+
 
 // src/flow/flow-ecs-entities.tsx
-var import_abstract = require("@awesome-flow/core/abstract");
-var import_react17 = require("react");
-var import_hooks4 = require("@awesome-flow/core/hooks");
+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
-var import_react15 = require("react");
-var import_hooks2 = require("@awesome-flow/core/hooks");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+
+
+
 function FlowEcsEdgeProxies(props) {
   const { nodesToConnect } = props;
-  const onConnect = (0, import_hooks2.useFlowStore)((state) => state.onConnect);
-  const { ecsFlowRepository, entityRepository } = (0, import_react15.useContext)(EcsFlowContext);
-  (0, import_react15.useEffect)(() => {
+  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);
@@ -431,46 +422,18 @@ function FlowEcsEdgeProxies(props) {
       }
     }
   }, [nodesToConnect]);
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_jsx_runtime13.Fragment, {});
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, {});
 }
 var flow_ecs_edge_proxies_default = FlowEcsEdgeProxies;
 
-// src/flow/flow-ecs-edge-modules.tsx
-var import_react16 = require("react");
-var import_hooks3 = require("@awesome-flow/core/hooks");
-var import_jsx_runtime14 = require("react/jsx-runtime");
-function FlowEcsEdgeModules(props) {
-  const { nodesToConnect } = props;
-  const onConnect = (0, import_hooks3.useFlowStore)((state) => state.onConnect);
-  const { ecsFlowRepository, entityRepository } = (0, import_react16.useContext)(EcsFlowContext);
-  (0, import_react16.useEffect)(() => {
-    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__ */ (0, import_jsx_runtime14.jsx)(import_jsx_runtime14.Fragment, {});
-}
-var flow_ecs_edge_modules_default = FlowEcsEdgeModules;
-
 // src/flow/flow-ecs-entities.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+
 function FlowEcsEntities() {
-  const { nodeFactory } = (0, import_react17.useContext)(import_abstract.FlowContext);
-  const addNodes = (0, import_hooks4.useFlowStore)((state) => state.addNodes);
-  const { ecsFlowRepository, entityRepository } = (0, import_react17.useContext)(EcsFlowContext);
-  const [entityNodes, setEntityNodes] = (0, import_react17.useState)([]);
-  (0, import_react17.useEffect)(() => {
+  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) {
@@ -486,23 +449,23 @@ function FlowEcsEntities() {
     setEntityNodes(nodes);
     addNodes(nodes);
   }, [entityRepository.size]);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(flow_ecs_edge_proxies_default, { nodesToConnect: entityNodes }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(flow_ecs_edge_modules_default, { nodesToConnect: entityNodes })
+  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
-var import_react18 = require("react");
-var import_abstract2 = require("@awesome-flow/core/abstract");
-var import_hooks5 = require("@awesome-flow/core/hooks");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+
+
+
+
 function FlowEcsModules() {
-  const { nodeFactory } = (0, import_react18.useContext)(import_abstract2.FlowContext);
-  const addNodes = (0, import_hooks5.useFlowStore)((state) => state.addNodes);
-  const { ecsFlowRepository, systemsModuleRepository } = (0, import_react18.useContext)(EcsFlowContext);
-  (0, import_react18.useEffect)(() => {
+  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 = [];
@@ -520,45 +483,42 @@ function FlowEcsModules() {
       addNodes(nodesToAdd);
     }
   }, [systemsModuleRepository.size]);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jsx_runtime16.Fragment, {});
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, {});
 }
 var flow_ecs_modules_default = FlowEcsModules;
 
 // src/flow/flow-ecs-state.tsx
-var import_canvas = require("@awesome-flow/core/canvas");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+
 function FlowEcsState(props) {
-  const [, setUpdates] = (0, import_react19.useState)(0);
-  const [refreshLayout, setRefreshLayout] = (0, import_react19.useState)(false);
-  const { ecsFlowRepository } = (0, import_react19.useContext)(EcsFlowContext);
-  (0, import_react19.useEffect)(() => {
+  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]);
-  (0, import_react19.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     setInterval(() => {
       setUpdates((updates) => updates + 1);
     }, 1e3);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-    props.showSystemModules && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(flow_ecs_modules_default, {}),
-    props.showEntities && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(flow_ecs_entities_default, {}),
-    props.autoLayout && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_canvas.FlowAutoLayout, { refreshLayout })
+  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 = (0, import_react19.memo)(FlowEcsState);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  EcsFlowContext,
-  EcsFlowRepository,
-  EcsHandleDataType,
-  EcsNodeType,
-  EcsTemplateGroup,
-  EntityNode,
-  EntityNodeTemplate,
-  FlowEcsState,
-  SystemsModuleNode,
-  SystemsModuleNodeTemplate,
-  ecsNodeTemplates,
-  ecsNodeTypes
-});
-//# sourceMappingURL=index.cjs.map
+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;