@awesome-flow/ecs 0.6.0 → 0.7.1

package/dist/index.js

@@ -1,527 +1 @@
-// 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-systems-module.tsx
-import { NodeContainer } from "@awesome-flow/core/layout";
-import { useContext } from "react";
-import { Badge as Badge3 } from "@mantine/core";
-
-// src/layout/systems-module-layout.tsx
-import { SystemType } from "@awesome-ecs/abstract/systems";
-import { Accordion as Accordion2, Text } from "@mantine/core";
-import { useMemo as useMemo2 } from "react";
-
-// src/components/pipeline-middleware-list.tsx
-import { Accordion, Badge as Badge2, Stack } from "@mantine/core";
-
-// src/components/badge-list.tsx
-import { Badge } from "@mantine/core";
-import { memo as memo2 } from "react";
-
-// 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/components/badge-list.tsx
-import { jsx } from "react/jsx-runtime";
-function BadgeList(props) {
-  return props.items.map((value, i) => {
-    return /* @__PURE__ */ jsx(Badge, { ...props.badge || [], children: /* @__PURE__ */ jsx(formatter_camel_case_default, { value }) }, i);
-  });
-}
-var badge_list_default = memo2(BadgeList);
-
-// src/components/pipeline-middleware-list.tsx
-import { jsx as jsx2, jsxs } 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__ */ jsxs(Accordion.Item, { value: props.label, children: [
-    /* @__PURE__ */ jsx2(Accordion.Control, { children: /* @__PURE__ */ jsx2(Badge2, { fullWidth: true, variant: "light", rightSection: components.length, children: props.label }) }),
-    /* @__PURE__ */ jsx2(Accordion.Panel, { children: /* @__PURE__ */ jsx2(Stack, { children: /* @__PURE__ */ jsx2(badge_list_default, { items: components, badge: { variant: "outline" } }) }) })
-  ] }, props.label);
-}
-var pipeline_middleware_list_default = PipelineMiddlewareList;
-
-// src/layout/systems-module-layout.tsx
-import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-function SystemsModuleLayout(props) {
-  const { module } = props;
-  const runtimeContext = module["runtimeContext"];
-  const { systemContext } = runtimeContext;
-  const { status } = useMemo2(() => {
-    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__ */ jsxs2(Fragment, { children: [
-    /* @__PURE__ */ jsxs2(Text, { children: [
-      "Status: ",
-      status
-    ] }),
-    /* @__PURE__ */ jsxs2(Accordion2, { children: [
-      init && /* @__PURE__ */ jsx3(pipeline_middleware_list_default, { pipeline: init, label: "Initialize" }),
-      update && /* @__PURE__ */ jsx3(pipeline_middleware_list_default, { pipeline: update, label: "Update" }),
-      render && /* @__PURE__ */ jsx3(pipeline_middleware_list_default, { pipeline: render, label: "Render" }),
-      sync && /* @__PURE__ */ jsx3(pipeline_middleware_list_default, { pipeline: sync, label: "Sync" })
-    ] })
-  ] });
-}
-var systems_module_layout_default = SystemsModuleLayout;
-
-// src/nodes/node-systems-module.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-function SystemsModuleNode({ id, data, selected, type }) {
-  const { systemsModuleRepository } = useContext(EcsFlowContext);
-  const module = systemsModuleRepository.get(data.entityType);
-  return /* @__PURE__ */ jsx4(
-    NodeContainer,
-    {
-      id,
-      selected,
-      data,
-      title: /* @__PURE__ */ jsx4(Badge3, { fullWidth: true, color: "indigo", variant: "transparent", children: /* @__PURE__ */ jsx4(formatter_camel_case_default, { value: data.entityType }) }),
-      type,
-      children: /* @__PURE__ */ jsx4(systems_module_layout_default, { type: data.entityType, module })
-    }
-  );
-}
-var node_systems_module_default = SystemsModuleNode;
-
-// src/nodes/node-entity.tsx
-import { NodeContainer as NodeContainer2 } from "@awesome-flow/core/layout";
-import { Badge as Badge9 } from "@mantine/core";
-import { useContext as useContext4, useMemo as useMemo5 } from "react";
-
-// src/layout/entity-layout.tsx
-import { Accordion as Accordion6, Badge as Badge8, Divider, Group } from "@mantine/core";
-
-// src/components/entity-component-list.tsx
-import { Accordion as Accordion3, Badge as Badge4, Stack as Stack2 } from "@mantine/core";
-import { memo as memo5 } from "react";
-
-// src/components/entity-component-inspector.tsx
-import { Box, Button, Collapse } from "@mantine/core";
-import { memo as memo4, useMemo as useMemo4 } from "react";
-import { useDisclosure } from "@mantine/hooks";
-
-// src/components/object-inspector.tsx
-import { useComputedColorScheme } from "@mantine/core";
-import { memo as memo3, useMemo as useMemo3 } from "react";
-import { Inspector } from "react-inspector";
-import { jsx as jsx5 } from "react/jsx-runtime";
-function ObjectInspector(props) {
-  const colorScheme = useComputedColorScheme();
-  const theme = useMemo3(
-    () => colorScheme === "dark" ? "chromeDark" : "chromeLight",
-    [colorScheme]
-  );
-  return /* @__PURE__ */ jsx5(Inspector, { table: false, theme, data: props.data });
-}
-var object_inspector_default = memo3(ObjectInspector);
-
-// src/components/entity-component-inspector.tsx
-import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
-function EntityComponentInspector(props) {
-  const [opened, { toggle }] = useDisclosure(false);
-  const buttonColor = useMemo4(() => opened ? "light" : "indigo", [opened]);
-  return /* @__PURE__ */ jsxs3(Box, { children: [
-    /* @__PURE__ */ jsx6(Button, { variant: "outline", size: "xs", onClick: toggle, color: buttonColor, fullWidth: true, children: props.component.componentType }),
-    /* @__PURE__ */ jsx6(Collapse, { in: opened, children: opened && /* @__PURE__ */ jsx6(object_inspector_default, { data: props.component }) })
-  ] });
-}
-var entity_component_inspector_default = memo4(EntityComponentInspector);
-
-// src/components/entity-component-list.tsx
-import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
-function EntityComponentList(props) {
-  const components = Array.from(props.entity.components.values());
-  return /* @__PURE__ */ jsxs4(Accordion3.Item, { value: "components", children: [
-    /* @__PURE__ */ jsx7(Accordion3.Control, { children: /* @__PURE__ */ jsx7(Badge4, { fullWidth: true, variant: "light", rightSection: components.length, children: "Components" }) }),
-    /* @__PURE__ */ jsx7(Accordion3.Panel, { children: /* @__PURE__ */ jsx7(Stack2, { children: components.map((c, i) => /* @__PURE__ */ jsx7(entity_component_inspector_default, { component: c }, i)) }) })
-  ] }, "components");
-}
-var entity_component_list_default = memo5(EntityComponentList);
-
-// src/components/entity-proxy-list.tsx
-import { Accordion as Accordion4, Badge as Badge5, Stack as Stack3 } from "@mantine/core";
-import { memo as memo6 } from "react";
-import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
-function EntityProxyList(props) {
-  const proxies = Array.from(props.entity.proxies.values()).map((c) => c.values());
-  const items = proxies.map((p) => Array.from(p).map((k) => EcsIdGenerator.entityProxy(k))).flat();
-  return /* @__PURE__ */ jsxs5(Accordion4.Item, { value: "proxies", children: [
-    /* @__PURE__ */ jsx8(Accordion4.Control, { children: /* @__PURE__ */ jsx8(Badge5, { fullWidth: true, variant: "light", rightSection: items.length, children: "Proxies" }) }),
-    /* @__PURE__ */ jsx8(Accordion4.Panel, { children: /* @__PURE__ */ jsx8(Stack3, { children: /* @__PURE__ */ jsx8(badge_list_default, { items, badge: { variant: "outline" } }) }) })
-  ] }, "proxies");
-}
-var entity_proxy_list_default = memo6(EntityProxyList);
-
-// src/components/entity-subscription-list.tsx
-import { Accordion as Accordion5, Badge as Badge6, Stack as Stack4 } from "@mantine/core";
-import { memo as memo7, useContext as useContext2 } from "react";
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
-function EntitySubscriptionList(props) {
-  const { entityEventsManager } = useContext2(EcsFlowContext);
-  const subscriptions = entityEventsManager.getSubscriptionsForEntity(props.entity.myProxy);
-  return /* @__PURE__ */ jsxs6(Accordion5.Item, { value: "subscriptions", children: [
-    /* @__PURE__ */ jsx9(Accordion5.Control, { children: /* @__PURE__ */ jsx9(Badge6, { fullWidth: true, variant: "light", rightSection: subscriptions.length, children: "Events" }) }),
-    /* @__PURE__ */ jsx9(Accordion5.Panel, { children: /* @__PURE__ */ jsx9(Stack4, { children: /* @__PURE__ */ jsx9(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 Badge7 } from "@mantine/core";
-import { memo as memo8, useContext as useContext3, useEffect, useState } from "react";
-import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
-function EntityUpdateCounter(props) {
-  const [, setRefresh] = useState(0);
-  const { entityUpdateCounter } = useContext3(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__ */ jsxs7(Fragment2, { children: [
-    /* @__PURE__ */ jsx10(Badge7, { variant: "light", children: updates }),
-    /* @__PURE__ */ jsx10(Badge7, { variant: "light", color: "orange", children: removes })
-  ] });
-}
-var entity_update_counter_default = memo8(EntityUpdateCounter);
-
-// src/layout/entity-layout.tsx
-import { Fragment as Fragment3, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
-function EntityLayout({ entity }) {
-  return /* @__PURE__ */ jsxs8(Fragment3, { children: [
-    /* @__PURE__ */ jsxs8(Group, { children: [
-      /* @__PURE__ */ jsx11(Badge8, { variant: "outline", color: "orange", children: entity.myProxy.entityUid }),
-      /* @__PURE__ */ jsx11(entity_update_counter_default, { entityUid: entity.myProxy.entityUid })
-    ] }),
-    /* @__PURE__ */ jsx11(Divider, { my: 5 }),
-    /* @__PURE__ */ jsxs8(Accordion6, { children: [
-      /* @__PURE__ */ jsx11(entity_component_list_default, { entity }),
-      /* @__PURE__ */ jsx11(entity_proxy_list_default, { entity }),
-      /* @__PURE__ */ jsx11(entity_subscription_list_default, { entity })
-    ] })
-  ] });
-}
-var entity_layout_default = EntityLayout;
-
-// src/nodes/node-entity.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
-function EntityNode({ id, data, selected, type }) {
-  const { entityRepository } = useContext4(EcsFlowContext);
-  const entity = useMemo5(() => entityRepository.get(data.entity), [data.entity]);
-  return /* @__PURE__ */ jsx12(
-    NodeContainer2,
-    {
-      id,
-      selected,
-      data,
-      title: /* @__PURE__ */ jsx12(Badge9, { fullWidth: true, variant: "transparent", children: /* @__PURE__ */ jsx12(formatter_camel_case_default, { value: entity.myProxy.entityType }) }),
-      type,
-      children: /* @__PURE__ */ jsx12(entity_layout_default, { entity })
-    }
-  );
-}
-var node_entity_default = EntityNode;
-
-// 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 { useEffect as useEffect6, useState as useState3, memo as memo9, useContext as useContext9 } from "react";
-
-// src/flow/flow-ecs-entities.tsx
-import { FlowContext } from "@awesome-flow/core/abstract";
-import { useContext as useContext7, useEffect as useEffect4, useState as useState2 } from "react";
-import { useFlowStore as useFlowStore3 } from "@awesome-flow/core/hooks";
-
-// src/flow/flow-ecs-edge-proxies.tsx
-import { useContext as useContext5, useEffect as useEffect2 } from "react";
-import { useFlowStore } from "@awesome-flow/core/hooks";
-import { Fragment as Fragment4, jsx as jsx13 } from "react/jsx-runtime";
-function FlowEcsEdgeProxies(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);
-      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__ */ jsx13(Fragment4, {});
-}
-var flow_ecs_edge_proxies_default = FlowEcsEdgeProxies;
-
-// src/flow/flow-ecs-edge-modules.tsx
-import { useContext as useContext6, useEffect as useEffect3 } from "react";
-import { useFlowStore as useFlowStore2 } from "@awesome-flow/core/hooks";
-import { Fragment as Fragment5, jsx as jsx14 } from "react/jsx-runtime";
-function FlowEcsEdgeModules(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);
-      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__ */ jsx14(Fragment5, {});
-}
-var flow_ecs_edge_modules_default = FlowEcsEdgeModules;
-
-// 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 { useEffect as useEffect5, useContext as useContext8 } from "react";
-import { FlowContext as FlowContext2 } from "@awesome-flow/core/abstract";
-import { useFlowStore as useFlowStore4 } from "@awesome-flow/core/hooks";
-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 { FlowAutoLayout } from "@awesome-flow/core/canvas";
-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
-};
-//# sourceMappingURL=index.js.map
+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};

package/package.json

@@ -1,24 +1,25 @@
 {
   "name": "@awesome-flow/ecs",
-  "version": "0.6.0",
+  "version": "0.7.1",
   "description": "The ECS package for Awesome Flow. Provides basic components to map Awesome ECS objects.",
   "type": "module",
   "scripts": {
-    "build": "npx tsup",
-    "build:clean": "npx rimraf ./dist && npm run build",
+    "build:dev": "npx tsc -p ./tsconfig.build.json",
+    "build:clean": "npx rimraf ./dist && npm run build:dev",
+    "build:prod": "npx rimraf ./dist && npx tsup --env.NODE_ENV production && npx copyfiles -u 1 ./src/styles.css ./dist",
     "typecheck": "npx attw $(npm pack) --ignore-rules no-resolution",
     "ts": "npx tsc --noEmit --incremental",
     "ts:watch": "npx tsc --noEmit --incremental --watch"
   },
   "dependencies": {
-    "@awesome-flow/core": "^0.6.0"
+    "@awesome-flow/core": "^0.7.1"
   },
   "peerDependencies": {
     "@awesome-ecs/abstract": "*",
     "@awesome-ecs/core": "*",
     "@dagrejs/dagre": "*",
-    "@mantine/core": "*",
-    "@mantine/hooks": "*",
+    "@mantine/core": "7.11.1",
+    "@mantine/hooks": "7.11.1",
     "@tabler/icons-react": "*",
     "@xyflow/react": "*",
     "@xyflow/system": "*",
@@ -69,5 +70,5 @@
     "url": "https://github.com/privatebytes/awesome-flow/issues"
   },
   "homepage": "https://github.com/privatebytes/awesome-flow#readme",
-  "gitHead": "e1a900205037bca5d03d02892051ff525db9a1c5"
+  "gitHead": "9ceb33f6845a44dcfca6662349942ed074e21b6e"
 }