liteflow-editor-process 1.0.0

package/dist/LiteFlowEditor/components/NodeToolBar/index.js

@@ -0,0 +1,121 @@
+import React from 'react';
+import classNames from 'classnames';
+import { debounce } from 'lodash';
+import { Modal, Tooltip, message } from 'antd';
+import { DeleteOutlined, EditOutlined, MinusSquareOutlined, PlusSquareOutlined } from '@ant-design/icons';
+import styles from "./index.module.less";
+import { history } from "../../hooks/useHistory";
+import { useTranslation } from 'react-i18next';
+var NodeToolBar = function NodeToolBar(props) {
+  var node = props.node;
+  var _ref = node.getData() || {},
+    model = _ref.model,
+    _ref$toolbar = _ref.toolbar,
+    toolbar = _ref$toolbar === void 0 ? {
+      append: true,
+      delete: true,
+      prepend: true,
+      replace: true,
+      collapse: false
+    } : _ref$toolbar;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var showContextPad = debounce(function (info) {
+    var _node$model;
+    (_node$model = node.model) === null || _node$model === void 0 || (_node$model = _node$model.graph) === null || _node$model === void 0 || _node$model.trigger('graph:showContextPad', info);
+  }, 100);
+  var onPrepend = function onPrepend(event) {
+    showContextPad({
+      x: event.clientX,
+      y: event.clientY,
+      node: node,
+      scene: 'prepend',
+      title: t('insert_node_before'),
+      edge: null
+    });
+  };
+  var onAppend = function onAppend(event) {
+    showContextPad({
+      x: event.clientX,
+      y: event.clientY,
+      node: node,
+      scene: 'append',
+      title: t('insert_node_after'),
+      edge: null
+    });
+  };
+  var onReplace = function onReplace(event) {
+    if (localStorage.getItem('hasPermission') !== 'true') {
+      return message.warning(t('no_permission'));
+    }
+    event.stopPropagation();
+    // node.model?.graph?.select(model.getNodes());
+    // node.model?.graph?.trigger('model:select', model);
+    showContextPad({
+      x: event.clientX + 20,
+      y: event.clientY + 20,
+      node: node,
+      scene: 'replace',
+      title: t('replace_node'),
+      edge: null
+    });
+  };
+  var onDelete = debounce(function (event) {
+    if (localStorage.getItem('hasPermission') !== 'true') {
+      return message.warning(t('no_permission'));
+    }
+    event.stopPropagation();
+    // node.model?.graph?.select(model.selectNodes());
+    // node.model?.graph?.trigger('model:select', model);
+    Modal.confirm({
+      title: t('delete_node_tips'),
+      content: t('delete_node_content'),
+      onOk: function onOk() {
+        if (model.remove()) {
+          var _node$model2;
+          (_node$model2 = node.model) === null || _node$model2 === void 0 || (_node$model2 = _node$model2.graph) === null || _node$model2 === void 0 || _node$model2.cleanSelection();
+          history.push();
+        }
+      }
+    });
+  }, 100);
+  var onCollapse = debounce(function (event) {
+    var _node$model3;
+    event.stopPropagation();
+    model.toggleCollapse();
+    (_node$model3 = node.model) === null || _node$model3 === void 0 || (_node$model3 = _node$model3.graph) === null || _node$model3 === void 0 || _node$model3.trigger('model:change');
+  }, 100);
+  var collapsed = model === null || model === void 0 ? void 0 : model.isCollapsed();
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles.liteflowNodeToolBar)
+  }, (toolbar.replace || toolbar.delete) && /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles.liteflowTopToolBar)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles.liteflowToolBarBtn),
+    onClick: onReplace,
+    onMouseDown: function onMouseDown(e) {
+      return e.stopPropagation();
+    }
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    title: t('replace_node')
+  }, /*#__PURE__*/React.createElement(EditOutlined, null))), /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles.liteflowToolBarBtn, styles.liteflowDeleteNode),
+    onClick: onDelete,
+    onMouseDown: function onMouseDown(e) {
+      return e.stopPropagation();
+    }
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    title: t('delete_node')
+  }, /*#__PURE__*/React.createElement(DeleteOutlined, null)))), toolbar.collapse && /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles.liteflowBottomToolBar, styles.show)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles.liteflowToolBarBtn, styles.liteflowCollapseNode),
+    onClick: onCollapse,
+    onMouseDown: function onMouseDown(e) {
+      return e.stopPropagation();
+    }
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    title: collapsed ? t('open_node') : t('close_node')
+  }, collapsed ? /*#__PURE__*/React.createElement(PlusSquareOutlined, null) : /*#__PURE__*/React.createElement(MinusSquareOutlined, null)))));
+};
+export default NodeToolBar;

package/dist/LiteFlowEditor/components/NodeToolBar/index.module.less

@@ -0,0 +1,133 @@
+.liteflowNodeToolBar {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  .liteflowAddNodePrepend {
+    position: absolute;
+    top: 5px;
+    left: -18px;
+    width: 18px;
+    height: 20px;
+    background-color: #d9d9d9;
+    border-radius: 8px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    .liteflowAddNodePrependIcon {
+      width: 100%;
+      height: 100%;
+      background: url(../../assets/indicator-icons.svg) -1px 0px no-repeat;
+      background-size: cover;
+      filter: opacity(0.5);
+    }
+    &:hover .liteflowAddNodePrependIcon {
+      filter: opacity(1);
+    }
+  }
+  .liteflowAddNodeAppend {
+    position: absolute;
+    top: 5px;
+    right: -17px;
+    width: 18px;
+    height: 20px;
+    background-color: #d9d9d9;
+    border-radius: 8px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    .liteflowAddNodeAppendIcon {
+      width: 100%;
+      height: 100%;
+      background: url(../../assets/indicator-icons.svg) -16px 0px no-repeat;
+      background-size: cover;
+      filter: opacity(0.5);
+    }
+    &:hover .liteflowAddNodeAppendIcon {
+      filter: opacity(1);
+    }
+  }
+  .liteflowTopToolBar {
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    position: absolute;
+    top: -24px;
+    left: 50%;
+    width: 50px;
+    height: 24px;
+    margin-left: -25px;
+    border-radius: 4px;
+    background-color: #fff;
+    box-shadow: 0 0 0 1px rgba(64, 87, 109, 0.07),
+      0 2px 12px rgba(53, 71, 90, 0.2);
+  }
+  .liteflowToolBarBtn {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 20px;
+    height: 20px;
+    font-size: 16px;
+    border: 1px solid transparent;
+    &:hover {
+      border: 1px solid #ccc;
+      background-color: rgba(64, 87, 109, 0.07);
+    }
+  }
+  .liteflowDeleteNode {
+    position: relative;
+    color: #f54a45;
+    &:before {
+      position: absolute;
+      top: 0;
+      left: -4px;
+      width: 1px;
+      height: 18px;
+      content: ' ';
+      border-left: solid 1px rgba(57, 76, 96, 0.15);
+    }
+  }
+  .liteflowBottomToolBar {
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    position: absolute;
+    top: 24px;
+    left: 50%;
+    width: 50px;
+    height: 24px;
+    margin-left: -25px;
+    &.show {
+      display: flex !important;
+    }
+  }
+  .liteflowCollapseNode {
+    position: relative;
+    top: -2px;
+    color: #c1c1c1;
+    width: 12px;
+    height: 12px;
+    font-size: 12px;
+    background: rgba(255, 255, 255, 0.85);
+    &:hover {
+      color: rgba(0, 0, 0, 0.85);
+      background: #ffffff;
+    }
+  }
+  .liteflowAddNodePrepend,
+  .liteflowAddNodeAppend,
+  .liteflowTopToolBar,
+  .liteflowBottomToolBar {
+    display: none;
+  }
+  &:hover {
+    .liteflowAddNodePrepend,
+    .liteflowAddNodeAppend,
+    .liteflowTopToolBar,
+    .liteflowBottomToolBar {
+      display: flex;
+    }
+  }
+}

package/dist/LiteFlowEditor/components/NodeView/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { Node } from '@antv/x6';
+declare const NodeView: React.FC<{
+    icon: string;
+    node: Node;
+}>;
+export default NodeView;

package/dist/LiteFlowEditor/components/NodeView/index.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import classNames from 'classnames';
+import styles from "./index.module.less";
+var NodeView = function NodeView(props) {
+  var icon = props.icon,
+    children = props.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles.liteflowShapeWrapper)
+  }, /*#__PURE__*/React.createElement("img", {
+    className: styles.liteflowShapeSvg,
+    src: icon
+  }), children);
+};
+export default NodeView;

package/dist/LiteFlowEditor/components/NodeView/index.module.less

@@ -0,0 +1,14 @@
+.liteflowShapeWrapper {
+  position: relative;
+  font-size: 12px;
+  cursor: pointer;
+  pointer-events: auto;
+  width: 100%;
+  height: 100%;
+}
+
+.liteflowShapeSvg {
+  width: 100%;
+  height: 100%;
+  overflow: visible !important;
+}

package/dist/LiteFlowEditor/components/index.d.ts

@@ -0,0 +1,3 @@
+export { default as NodeView } from './NodeView';
+export { default as NodeToolBar } from './NodeToolBar';
+export { default as NodeBadge } from './NodeBadge';

package/dist/LiteFlowEditor/components/index.js

@@ -0,0 +1,3 @@
+export { default as NodeView } from "./NodeView";
+export { default as NodeToolBar } from "./NodeToolBar";
+export { default as NodeBadge } from "./NodeBadge";

package/dist/LiteFlowEditor/constant/index.d.ts

@@ -0,0 +1,79 @@
+/** 常量 */
+export declare const NODE_WIDTH = 30;
+export declare const NODE_HEIGHT = 30;
+export declare const MIN_ZOOM = 0.1;
+export declare const MAX_ZOOM = 3;
+export declare const ZOOM_STEP = 0.1;
+export declare const RANK_SEP = 20;
+export declare const NODE_SEP = 20;
+export declare const NODE_TYPE_START = "LITEFLOW_START";
+export declare const NODE_TYPE_END = "LITEFLOW_END";
+export declare const NODE_TYPE_INTERMEDIATE_END = "LITEFLOW_INTERMEDIATE_END";
+export declare const LITEFLOW_EDGE = "LITEFLOW_EDGE";
+export declare const LITEFLOW_ANCHOR = "LITEFLOW_ANCHOR";
+export declare const LITEFLOW_ROUTER = "LITEFLOW_ROUTER";
+export declare const LINE_COLOR = "#c1c1c1";
+/** 逻辑组件类型 */
+export declare enum NodeTypeEnum {
+    COMMON = "NodeComponent",// common, 普通
+    BOOLEAN = "NodeBooleanComponent",// boolean, 布尔
+    SWITCH = "NodeSwitchComponent",// switch, 选择
+    IF = "NodeIfComponent",// if, 条件
+    FOR = "NodeForComponent",// for, 循环次数
+    WHILE = "NodeWhileComponent",// while, 循环条件
+    BREAK = "NodeBreakComponent",// break, 循环跳出
+    ITERATOR = "NodeIteratorComponent",// iterator, 循环迭代
+    SCRIPT = "ScriptCommonComponent",// script, 脚本
+    BOOLEAN_SCRIPT = "ScriptBooleanComponent",// boolean_script, 布尔脚本
+    SWITCH_SCRIPT = "ScriptSwitchComponent",// switch_script, 选择脚本
+    IF_SCRIPT = "ScriptIfComponent",// if_script, 条件脚本
+    FOR_SCRIPT = "ScriptForComponent",// for_script, 循环次数脚本
+    WHILE_SCRIPT = "ScriptWhileComponent",// while_script, 循环条件脚本
+    BREAK_SCRIPT = "ScriptBreakComponent",// break_script, 循环跳出脚本
+    FALLBACK = "fallback",// 降级
+    VIRTUAL = "NodeVirtualComponent"
+}
+/** 逻辑编排类型 */
+export declare enum ConditionTypeEnum {
+    CHAIN = "CHAIN",// chain，编排的根节点或者子流程
+    THEN = "THEN",// then，串行编排
+    SER = "SER",// ser，串行编排
+    WHEN = "WHEN",// when，并行编排
+    PAR = "PAR",// par，并行编排
+    SWITCH = "SWITCH",// switch，选择编排
+    IF = "IF",// if，条件编排
+    PRE = "PRE",// pre
+    FINALLY = "FINALLY",// finally
+    FOR = "FOR",// for，循环编排
+    WHILE = "WHILE",// while，循环编排
+    ITERATOR = "ITERATOR",// iterator
+    BREAK = "BREAK",// break
+    CATCH = "CATCH",// catch
+    AND = "AND",// and，与
+    OR = "OR",// or，或
+    NOT = "NOT",// not，非
+    ABSTRACT = "ABSTRACT",// abstract
+    DEFAULT = "DEFAULT"
+}
+export declare const unitNumOptions: {
+    label: string;
+    value: string;
+}[];
+export declare const unitOptions: {
+    label: string;
+    value: string;
+}[];
+export declare const allGather: {
+    value: string;
+    label: string;
+}[];
+export declare const unitList: {
+    value: string;
+    label: string;
+    eg: string;
+}[];
+export declare const timeDistributionConfig: string[];
+export declare const formatUnitListX: {
+    label: string;
+    value: string;
+}[];

package/dist/LiteFlowEditor/constant/index.js

@@ -0,0 +1,215 @@
+/** 常量 */
+export var NODE_WIDTH = 30; // 节点宽度
+export var NODE_HEIGHT = 30; // 节点高度
+export var MIN_ZOOM = 0.1;
+export var MAX_ZOOM = 3.0;
+export var ZOOM_STEP = 0.1;
+
+// 布局相关常量
+export var RANK_SEP = 20;
+export var NODE_SEP = 20;
+export var NODE_TYPE_START = 'LITEFLOW_START';
+export var NODE_TYPE_END = 'LITEFLOW_END';
+export var NODE_TYPE_INTERMEDIATE_END = 'LITEFLOW_INTERMEDIATE_END';
+export var LITEFLOW_EDGE = 'LITEFLOW_EDGE';
+export var LITEFLOW_ANCHOR = 'LITEFLOW_ANCHOR';
+export var LITEFLOW_ROUTER = 'LITEFLOW_ROUTER';
+export var LINE_COLOR = '#c1c1c1';
+
+/** 逻辑组件类型 */
+export var NodeTypeEnum = /*#__PURE__*/function (NodeTypeEnum) {
+  NodeTypeEnum["COMMON"] = "NodeComponent";
+  NodeTypeEnum["BOOLEAN"] = "NodeBooleanComponent";
+  NodeTypeEnum["SWITCH"] = "NodeSwitchComponent";
+  NodeTypeEnum["IF"] = "NodeIfComponent";
+  NodeTypeEnum["FOR"] = "NodeForComponent";
+  NodeTypeEnum["WHILE"] = "NodeWhileComponent";
+  NodeTypeEnum["BREAK"] = "NodeBreakComponent";
+  NodeTypeEnum["ITERATOR"] = "NodeIteratorComponent";
+  NodeTypeEnum["SCRIPT"] = "ScriptCommonComponent";
+  NodeTypeEnum["BOOLEAN_SCRIPT"] = "ScriptBooleanComponent";
+  NodeTypeEnum["SWITCH_SCRIPT"] = "ScriptSwitchComponent";
+  NodeTypeEnum["IF_SCRIPT"] = "ScriptIfComponent";
+  NodeTypeEnum["FOR_SCRIPT"] = "ScriptForComponent";
+  NodeTypeEnum["WHILE_SCRIPT"] = "ScriptWhileComponent";
+  NodeTypeEnum["BREAK_SCRIPT"] = "ScriptBreakComponent";
+  NodeTypeEnum["FALLBACK"] = "fallback";
+  NodeTypeEnum["VIRTUAL"] = "NodeVirtualComponent";
+  return NodeTypeEnum;
+}({}); // virtual, 虚节点
+
+/** 逻辑编排类型 */
+export var ConditionTypeEnum = /*#__PURE__*/function (ConditionTypeEnum) {
+  ConditionTypeEnum["CHAIN"] = "CHAIN";
+  ConditionTypeEnum["THEN"] = "THEN";
+  ConditionTypeEnum["SER"] = "SER";
+  ConditionTypeEnum["WHEN"] = "WHEN";
+  ConditionTypeEnum["PAR"] = "PAR";
+  ConditionTypeEnum["SWITCH"] = "SWITCH";
+  ConditionTypeEnum["IF"] = "IF";
+  ConditionTypeEnum["PRE"] = "PRE";
+  ConditionTypeEnum["FINALLY"] = "FINALLY";
+  ConditionTypeEnum["FOR"] = "FOR";
+  ConditionTypeEnum["WHILE"] = "WHILE";
+  ConditionTypeEnum["ITERATOR"] = "ITERATOR";
+  ConditionTypeEnum["BREAK"] = "BREAK";
+  ConditionTypeEnum["CATCH"] = "CATCH";
+  ConditionTypeEnum["AND"] = "AND";
+  ConditionTypeEnum["OR"] = "OR";
+  ConditionTypeEnum["NOT"] = "NOT";
+  ConditionTypeEnum["ABSTRACT"] = "ABSTRACT";
+  ConditionTypeEnum["DEFAULT"] = "DEFAULT";
+  return ConditionTypeEnum;
+}({}); // default
+export var unitNumOptions = [{
+  label: "",
+  value: "Basic"
+}, {
+  label: "千",
+  value: "Thousand"
+}, {
+  label: "百万",
+  value: "Million"
+}, {
+  label: "十亿",
+  value: "Billion"
+}];
+export var unitOptions = [{
+  label: "毫秒",
+  value: "Millisecond"
+}, {
+  label: "秒",
+  value: "Seconds"
+}, {
+  label: "分",
+  value: "Minutes"
+}, {
+  label: "小时",
+  value: "Hours"
+}, {
+  label: "天",
+  value: "Days"
+}, {
+  label: "周",
+  value: "Weeks"
+}, {
+  label: "月",
+  value: "Months"
+}, {
+  label: "年",
+  value: "Years"
+}];
+export var allGather = [{
+  value: "SUM",
+  label: "合计"
+}, {
+  value: "COUNT",
+  label: "计数"
+}, {
+  value: "AVG",
+  label: "平均值"
+}, {
+  value: "STDDEV",
+  label: "标准差"
+}, {
+  value: "MEDIAN",
+  label: "中位数"
+}, {
+  value: "MAX",
+  label: "最大值"
+}, {
+  value: "MIN",
+  label: "最小值"
+}, {
+  value: "COUNT_DISTINCT",
+  label: "计数不同"
+}, {
+  value: "CALCULATION",
+  label: "指标计算"
+}];
+export var unitList = [{
+  value: 'no',
+  label: "无聚集",
+  eg: ""
+}, {
+  value: "SECONDS",
+  label: "秒",
+  eg: "2024/01/08 13:15:56"
+}, {
+  value: "MINUTES",
+  label: "分钟",
+  eg: "2024/01/08 13:15"
+}, {
+  value: "HOURS",
+  label: "小时",
+  eg: "2024/01/08 13"
+}, {
+  value: "DAYS",
+  label: "天",
+  eg: "2024/01/08"
+}, {
+  value: "WEEKS",
+  label: "周",
+  eg: "W02/2024"
+}, {
+  value: "MONTHS",
+  label: "月",
+  eg: "01/2024"
+}, {
+  value: "YEARS",
+  label: "年",
+  eg: "2024"
+}, {
+  value: "HOUR_OF_DAY",
+  label: "日小时",
+  eg: "05"
+}, {
+  value: "DAY_OF_WEEK",
+  label: "星期几",
+  eg: "星期一"
+}, {
+  value: "DAY_OF_MONTH",
+  label: "月日期",
+  eg: "8日"
+}, {
+  value: "DAY_OF_YEAR",
+  label: "年日期",
+  eg: "一月8日"
+}, {
+  value: "WEEK_OF_YEAR",
+  label: "年周",
+  eg: "W02"
+}, {
+  value: "MONTH_OF_YEAR",
+  label: "年月份",
+  eg: "一月"
+}];
+export var timeDistributionConfig = ["SECONDS", "MINUTES", "HOURS", "DAYS", "WEEKS", "MONTHS", "YEARS"];
+export var formatUnitListX = [{
+  label: "以毫秒",
+  value: "Millisecond"
+}, {
+  label: "以秒",
+  value: "Seconds"
+}, {
+  label: "以分",
+  value: "Minutes"
+}, {
+  label: "以小时",
+  value: "Hours"
+}, {
+  label: "以天",
+  value: "Days"
+}, {
+  label: "以周",
+  value: "Weeks"
+}, {
+  label: "以月",
+  value: "Months"
+}, {
+  label: "以年",
+  value: "Years"
+}, {
+  label: "以-天-小时-分钟-秒",
+  value: "forMatTime"
+}];

package/dist/LiteFlowEditor/context/GraphContext.d.ts

@@ -0,0 +1,13 @@
+import { Context, RefObject } from 'react';
+import { Graph } from '@antv/x6';
+/**
+ * graph: Graph实例
+ * graphWrapper: Graph的容器
+ */
+interface IGraphContext {
+    model: any;
+    graph: Graph;
+    graphWrapper: RefObject<HTMLDivElement>;
+}
+export declare const GraphContext: Context<IGraphContext>;
+export default GraphContext;

package/dist/LiteFlowEditor/context/GraphContext.js

@@ -0,0 +1,10 @@
+import { createContext } from 'react';
+
+/**
+ * graph: Graph实例
+ * graphWrapper: Graph的容器
+ */
+
+var defaultValue = {};
+export var GraphContext = /*#__PURE__*/createContext(defaultValue);
+export default GraphContext;

package/dist/LiteFlowEditor/context/ScriptContext.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+interface DataType {
+    key: string;
+    name: string;
+    type: string;
+    description: string;
+    action: number;
+}
+export interface IParameter {
+    getParams: () => Array<DataType>;
+}
+interface AnyObject {
+    /**
+     * 脚本列表
+    */
+    scriptList: {
+        id: number;
+        scriptId: string;
+        scriptName: string;
+        scriptData: string;
+        logId: number;
+        type: number;
+        params: string;
+        [key: string]: any;
+    }[];
+    /**
+    * 注册脚本
+    */
+    register: (inst: IParameter) => void;
+    /**
+     * 其他可扩展属性
+     */
+    [key: string]: any;
+}
+export declare const ScriptContext: React.Context<AnyObject | null>;
+export declare const useScriptContext: () => AnyObject;
+export {};

package/dist/LiteFlowEditor/context/ScriptContext.js

@@ -0,0 +1,15 @@
+import { createContext, useContext } from 'react';
+;
+export var ScriptContext = /*#__PURE__*/createContext(null);
+export var useScriptContext = function useScriptContext() {
+  var context = useContext(ScriptContext);
+  if (!context) {
+    context = {
+      scriptList: [],
+      register: function register() {
+        return null;
+      }
+    };
+  }
+  return context;
+};

package/dist/LiteFlowEditor/hooks/index.d.ts

@@ -0,0 +1,5 @@
+export { default as useClickAway } from './useClickAway';
+export { useGraph } from './useGraph';
+export { useGraphWrapper } from './useGraphWrapper';
+export { useHistory } from './useHistory';
+export { useModel } from './useModel';

package/dist/LiteFlowEditor/hooks/index.js

@@ -0,0 +1,5 @@
+export { default as useClickAway } from "./useClickAway";
+export { useGraph } from "./useGraph";
+export { useGraphWrapper } from "./useGraphWrapper";
+export { useHistory } from "./useHistory";
+export { useModel } from "./useModel";