@kiberon-labs/behave-graph-flow 1.0.0 → 2.0.0

package/src/hooks/useCustomNodeTypes.tsx

@@ -1,31 +0,0 @@
-import type { NodeSpecJSON } from '@kiberon-labs/behave-graph';
-import React from 'react';
-import { useEffect, useState } from 'react';
-import type { NodeTypes } from 'reactflow';
-
-import { Node } from '../components/Node.js';
-
-const getCustomNodeTypes = (allSpecs: NodeSpecJSON[]) => {
-  return allSpecs.reduce((nodes: NodeTypes, node) => {
-    nodes[node.type] = (props) => (
-      <Node spec={node} allSpecs={allSpecs} {...props} />
-    );
-    return nodes;
-  }, {});
-};
-
-export const useCustomNodeTypes = ({
-  specJson
-}: {
-  specJson: NodeSpecJSON[] | undefined;
-}) => {
-  const [customNodeTypes, setCustomNodeTypes] = useState<NodeTypes>();
-  useEffect(() => {
-    if (!specJson) return;
-    const customNodeTypes = getCustomNodeTypes(specJson);
-
-    setCustomNodeTypes(customNodeTypes);
-  }, [specJson]);
-
-  return customNodeTypes;
-};

package/src/hooks/useGraphRunner.ts

@@ -1,104 +0,0 @@
-import { Engine, readGraphFromJSON } from '@kiberon-labs/behave-graph';
-import type {
-  GraphJSON,
-  GraphNodes,
-  ILifecycleEventEmitter,
-  IRegistry
-} from '@kiberon-labs/behave-graph';
-import { useCallback, useEffect, useState } from 'react';
-
-/** Runs the behavior graph by building the execution
- * engine and triggering start on the lifecycle event emitter.
- */
-export const useGraphRunner = ({
-  graphJson,
-  autoRun = false,
-  registry
-}: {
-  graphJson: GraphJSON | undefined;
-  autoRun?: boolean;
-  registry: IRegistry;
-}) => {
-  const [engine, setEngine] = useState<Engine>();
-
-  const [run, setRun] = useState(autoRun);
-
-  const play = useCallback(() => {
-    setRun(true);
-  }, []);
-
-  const pause = useCallback(() => {
-    setRun(false);
-  }, []);
-
-  const togglePlay = useCallback(() => {
-    setRun((existing) => !existing);
-  }, []);
-
-  useEffect(() => {
-    if (!graphJson || !registry.values || !run || !registry.dependencies)
-      return;
-
-    let graphNodes: GraphNodes;
-    try {
-      graphNodes = readGraphFromJSON({
-        graphJson,
-        registry
-      }).nodes;
-    } catch (e) {
-      console.error(e);
-      return;
-    }
-    const engine = new Engine(graphNodes);
-
-    setEngine(engine);
-
-    return () => {
-      engine.dispose();
-      setEngine(undefined);
-    };
-  }, [graphJson, registry.values, registry.nodes, run, registry.dependencies]);
-
-  useEffect(() => {
-    if (!engine || !run) return;
-
-    engine.executeAllSync();
-
-    let timeout: number;
-
-    const eventEmitter = registry.dependencies
-      ?.ILifecycleEventEmitter as ILifecycleEventEmitter;
-
-    const onTick = async () => {
-      eventEmitter.tickEvent.emit();
-
-      // eslint-disable-next-line no-await-in-loop
-      await engine.executeAllAsync(500);
-
-      timeout = window.setTimeout(onTick, 50);
-    };
-
-    (async () => {
-      if (eventEmitter.startEvent.listenerCount > 0) {
-        eventEmitter.startEvent.emit();
-
-        await engine.executeAllAsync(5);
-      } else {
-        console.log('has no listener count');
-      }
-      onTick();
-    })();
-
-    return () => {
-      window.clearTimeout(timeout);
-    };
-  }, [engine, registry.dependencies?.ILifecycleEventEmitter, run]);
-
-  return {
-    engine,
-    playing: run,
-    play,
-    togglePlay,
-    pause
-  };
-};

package/src/hooks/useMergeMap.ts

@@ -1,14 +0,0 @@
-import { useEffect, useState } from 'react';
-
-export function useMergeMap<T, TMap extends Record<string, T>>(
-  mapA: TMap,
-  mapB: TMap
-): TMap {
-  const [result, setResult] = useState<TMap>(() => ({ ...mapA, ...mapB }));
-
-  useEffect(() => {
-    setResult({ ...mapA, ...mapB });
-  }, [mapA, mapB]);
-
-  return result;
-}

package/src/hooks/useNodeSpecJson.ts

@@ -1,20 +0,0 @@
-import {
-  type IRegistry,
-  type NodeSpecJSON,
-  writeNodeSpecsToJSON
-} from '@kiberon-labs/behave-graph';
-import { useEffect, useState } from 'react';
-
-export const useNodeSpecJson = (registry: IRegistry) => {
-  const [specJson, setSpecJson] = useState<NodeSpecJSON[]>();
-
-  useEffect(() => {
-    if (!registry.nodes || !registry.values || !registry.dependencies) {
-      setSpecJson(undefined);
-      return;
-    }
-    setSpecJson(writeNodeSpecsToJSON(registry));
-  }, [registry.nodes, registry.values, registry.dependencies]);
-
-  return specJson;
-};

package/src/hooks/useQueriableDefinitions.ts

@@ -1,22 +0,0 @@
-import type { IQueryableRegistry } from '@kiberon-labs/behave-graph';
-import { useMemo } from 'react';
-
-export const toQueryableDefinitions = <T>(definitionsMap: {
-  [id: string]: T;
-}): IQueryableRegistry<T> => ({
-  get: (id: string) => definitionsMap[id],
-  getAll: () => Object.values(definitionsMap),
-  getAllNames: () => Object.keys(definitionsMap),
-  contains: (id: string) => definitionsMap[id] !== undefined
-});
-
-export const useQueryableDefinitions = <T>(definitionsMap: {
-  [id: string]: T;
-}): IQueryableRegistry<T> => {
-  const queriableDefinitions = useMemo(
-    () => toQueryableDefinitions(definitionsMap),
-    [definitionsMap]
-  );
-
-  return queriableDefinitions;
-};

package/src/styles.css

@@ -1,8 +0,0 @@
-.container {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  gap: 2rem;
-  position: relative;
-  padding: 0 0.5rem;
-}

package/tailwind.config.ts

@@ -1,19 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-  content: [
-    './public/index.html',
-    './src/**/*.{js,ts,jsx,tsx,css}',
-    '../../packages/flow/dist/**/*.{js,ts,jsx,tsx,css}'
-  ],
-  theme: {
-    extend: {}
-  },
-  plugins: [
-    {
-      tailwindcss: {}
-    },
-    {
-      autoprefixer: {}
-    }
-  ]
-};

package/tests/tsconfig.json

@@ -1,10 +0,0 @@
-{
-    "extends": "../tsconfig.json",
-    "compilerOptions": {
-        "rootDir": "../",
-        "lib": []
-    },
-    "include": [
-        "**/*.ts"
-    ]
-}