@yh-ui/flow 1.0.26 → 1.0.30

package/dist/__tests__/node-group-plugin.test.mjs

@@ -1,187 +0,0 @@
-import { describe, it, expect, vi } from "vitest";
-import { ref } from "vue";
-import { createNodeGroupPlugin } from "../plugins/plugins/node-group.mjs";
-function createMockFlow(initialNodes = [], initialEdges = []) {
-  const nodes = ref(initialNodes);
-  const edges = ref(initialEdges);
-  const flow = {
-    nodes,
-    edges,
-    viewport: ref({ x: 0, y: 0, zoom: 1 }),
-    addNode: vi.fn((node) => {
-      nodes.value = [...nodes.value, node];
-    }),
-    removeNode: vi.fn((id) => {
-      nodes.value = nodes.value.filter((n) => n.id !== id);
-    }),
-    updateNode: vi.fn((id, data) => {
-      nodes.value = nodes.value.map((n) => n.id === id ? { ...n, ...data } : n);
-    }),
-    getNode: vi.fn((id) => nodes.value.find((n) => n.id === id)),
-    addEdge: vi.fn(),
-    removeEdge: vi.fn(),
-    updateEdge: vi.fn((id, data) => {
-      edges.value = edges.value.map((e) => e.id === id ? { ...e, ...data } : e);
-    }),
-    getEdge: vi.fn(),
-    setViewport: vi.fn(),
-    fitView: vi.fn(),
-    zoomIn: vi.fn(),
-    zoomOut: vi.fn(),
-    centerView: vi.fn(),
-    selectNode: vi.fn(),
-    selectEdge: vi.fn(),
-    clearSelection: vi.fn(),
-    getNodes: () => nodes.value,
-    getEdges: () => edges.value,
-    getViewport: () => ({ x: 0, y: 0, zoom: 1 }),
-    screenToCanvas: vi.fn().mockReturnValue({ x: 0, y: 0 }),
-    canvasToScreen: vi.fn().mockReturnValue({ x: 0, y: 0 }),
-    on: vi.fn(),
-    off: vi.fn(),
-    emit: vi.fn(),
-    isValidConnection: vi.fn().mockReturnValue(true),
-    $el: void 0,
-    draggingNodeId: ref(null),
-    draggingPosition: ref(null),
-    usePlugin: vi.fn(),
-    removePlugin: vi.fn()
-  };
-  return flow;
-}
-describe("createNodeGroupPlugin", () => {
-  it("should be created with correct metadata", () => {
-    const plugin = createNodeGroupPlugin();
-    expect(plugin.id).toBe("node-group");
-    expect(plugin.name).toBe("NodeGroup");
-  });
-  it("should expose groupSelectedNodes on flow instance after install", () => {
-    const flow = createMockFlow();
-    const plugin = createNodeGroupPlugin();
-    plugin.install(flow);
-    expect(typeof flow.groupSelectedNodes).toBe("function");
-    expect(typeof flow.ungroupNodes).toBe("function");
-    expect(typeof flow.toggleGroupCollapse).toBe("function");
-    expect(typeof flow.isGroupCollapsed).toBe("function");
-    expect(typeof flow.getGroupChildren).toBe("function");
-    expect(typeof flow.getGroupRegistry).toBe("function");
-  });
-  it("should return null when fewer than 2 nodes are selected", () => {
-    const nodes = [
-      { id: "1", type: "default", position: { x: 0, y: 0 }, data: {}, selected: true }
-    ];
-    const flow = createMockFlow(nodes);
-    const plugin = createNodeGroupPlugin();
-    plugin.install(flow);
-    const result = flow.groupSelectedNodes;
-    expect(result()).toBeNull();
-  });
-  it("should create a group node when 2+ nodes are selected", () => {
-    const nodes = [
-      {
-        id: "1",
-        type: "default",
-        position: { x: 100, y: 100 },
-        data: {},
-        selected: true,
-        width: 150,
-        height: 50
-      },
-      {
-        id: "2",
-        type: "default",
-        position: { x: 300, y: 100 },
-        data: {},
-        selected: true,
-        width: 150,
-        height: 50
-      }
-    ];
-    const flow = createMockFlow(nodes);
-    const plugin = createNodeGroupPlugin({ groupIdPrefix: "grp" });
-    plugin.install(flow);
-    const groupSelected = flow.groupSelectedNodes;
-    const groupId = groupSelected("Test Group");
-    expect(groupId).toBeTruthy();
-    expect(groupId).toMatch(/^grp-/);
-    expect(flow.addNode).toHaveBeenCalled();
-  });
-  it("should register group info in registry after grouping", () => {
-    const nodes = [
-      {
-        id: "a",
-        type: "default",
-        position: { x: 50, y: 50 },
-        data: {},
-        selected: true,
-        width: 100,
-        height: 50
-      },
-      {
-        id: "b",
-        type: "default",
-        position: { x: 200, y: 50 },
-        data: {},
-        selected: true,
-        width: 100,
-        height: 50
-      }
-    ];
-    const flow = createMockFlow(nodes);
-    const plugin = createNodeGroupPlugin();
-    plugin.install(flow);
-    const groupSelected = flow.groupSelectedNodes;
-    const groupId = groupSelected();
-    const registry = flow.getGroupRegistry();
-    expect(registry.has(groupId)).toBe(true);
-  });
-  it("should toggle group collapse and hide children", () => {
-    const childNodes = [
-      {
-        id: "c1",
-        type: "default",
-        position: { x: 20, y: 20 },
-        data: {},
-        parentId: "group-1",
-        width: 100,
-        height: 40
-      }
-    ];
-    const flow = createMockFlow(childNodes);
-    const plugin = createNodeGroupPlugin();
-    plugin.install(flow);
-    const registry = flow.getGroupRegistry();
-    registry.set("group-1", {
-      groupId: "group-1",
-      childIds: ["c1"],
-      collapsed: false,
-      originalPositions: {}
-    });
-    flow.nodes.value.push({
-      id: "group-1",
-      type: "group",
-      position: { x: 0, y: 0 },
-      data: {},
-      style: { width: 200, height: 150 },
-      width: 200,
-      height: 150
-    });
-    const toggleCollapse = flow.toggleGroupCollapse;
-    toggleCollapse("group-1");
-    expect(flow.updateNode).toHaveBeenCalledWith("c1", expect.objectContaining({ hidden: true }));
-  });
-  it("should cleanup registry on destroy", () => {
-    const flow = createMockFlow();
-    const plugin = createNodeGroupPlugin();
-    plugin.install(flow);
-    plugin.destroy?.();
-    const registry = flow.getGroupRegistry();
-    expect(registry.size).toBe(0);
-  });
-  it("should not install when disabled", () => {
-    const flow = createMockFlow();
-    const plugin = createNodeGroupPlugin({ enabled: false });
-    plugin.install(flow);
-    expect(flow.groupSelectedNodes).toBeUndefined();
-  });
-});

package/dist/__tests__/node-handles.test.cjs

@@ -1,340 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-const getHandles = (node, type) => {
-  if (node.handleBounds) {
-    const handles = [];
-    if (node.handleBounds.top) handles.push(...node.handleBounds.top);
-    if (node.handleBounds.right) handles.push(...node.handleBounds.right);
-    if (node.handleBounds.bottom) handles.push(...node.handleBounds.bottom);
-    if (node.handleBounds.left) handles.push(...node.handleBounds.left);
-    return handles.filter(h => h.type === type);
-  }
-  if (node.type === "group") {
-    return [];
-  }
-  if (node.type === "input") {
-    return type === "source" ? [{
-      type: "source",
-      position: "right"
-    }] : [];
-  }
-  if (node.type === "output") {
-    return type === "target" ? [{
-      type: "target",
-      position: "left"
-    }] : [];
-  }
-  if (node.type === "bpmn-start") {
-    return type === "source" ? [{
-      type: "source",
-      position: "right"
-    }] : [];
-  }
-  if (node.type === "bpmn-end") {
-    return type === "target" ? [{
-      type: "target",
-      position: "left"
-    }] : [];
-  }
-  if (node.type === "bpmn-task" || node.type === "bpmn-service-task" || node.type === "bpmn-user-task") {
-    return [{
-      type: "target",
-      position: "left"
-    }, {
-      type: "source",
-      position: "right"
-    }].filter(h => h.type === type);
-  }
-  if (node.type === "bpmn-exclusive-gateway" || node.type === "bpmn-parallel-gateway" || node.type === "bpmn-inclusive-gateway") {
-    return [{
-      type: "target",
-      position: "left"
-    }, {
-      type: "source",
-      position: "right"
-    }, {
-      type: "target",
-      position: "top"
-    }, {
-      type: "source",
-      position: "bottom"
-    }].filter(h => h.type === type);
-  }
-  if (node.type === "ai-start") {
-    return type === "source" ? [{
-      type: "source",
-      position: "right"
-    }] : [];
-  }
-  if (node.type === "ai-end") {
-    return type === "target" ? [{
-      type: "target",
-      position: "left"
-    }] : [];
-  }
-  if (node.type === "ai-condition") {
-    return [{
-      type: "target",
-      position: "left"
-    }, {
-      type: "source",
-      position: "right"
-    },
-    // true
-    {
-      type: "source",
-      position: "bottom"
-    }
-    // false
-    ].filter(h => h.type === type);
-  }
-  if (node.type === "ai-llm" || node.type === "ai-prompt" || node.type === "ai-agent" || node.type === "ai-tool" || node.type === "ai-memory") {
-    return [{
-      type: "target",
-      position: "left"
-    }, {
-      type: "source",
-      position: "right"
-    }].filter(h => h.type === type);
-  }
-  return [{
-    type: "target",
-    position: "left"
-  }, {
-    type: "source",
-    position: "right"
-  }].filter(h => h.type === type);
-};
-(0, _vitest.describe)("flow/utils/node-handles", () => {
-  (0, _vitest.describe)("Default node handles", () => {
-    (0, _vitest.it)("should return handles for default node type", () => {
-      const node = {
-        id: "1",
-        type: "default",
-        position: {
-          x: 0,
-          y: 0
-        },
-        data: {
-          label: "Test"
-        }
-      };
-      const handles = getHandles(node, "source");
-      (0, _vitest.expect)(handles).toBeDefined();
-      (0, _vitest.expect)(handles.length).toBeGreaterThan(0);
-    });
-    (0, _vitest.it)("should return source and target handles for default node", () => {
-      const node = {
-        id: "1",
-        type: "default",
-        position: {
-          x: 0,
-          y: 0
-        },
-        data: {
-          label: "Test"
-        }
-      };
-      const sourceHandles = getHandles(node, "source");
-      const targetHandles = getHandles(node, "target");
-      (0, _vitest.expect)(sourceHandles.length).toBe(1);
-      (0, _vitest.expect)(sourceHandles[0]?.position).toBe("right");
-      (0, _vitest.expect)(targetHandles.length).toBe(1);
-      (0, _vitest.expect)(targetHandles[0]?.position).toBe("left");
-    });
-  });
-  (0, _vitest.describe)("BPMN node handles", () => {
-    (0, _vitest.it)("should return source handle for bpmn-start", () => {
-      const node = {
-        id: "start1",
-        type: "bpmn-start",
-        position: {
-          x: 0,
-          y: 0
-        },
-        data: {
-          label: "Start"
-        }
-      };
-      const handles = getHandles(node, "source");
-      (0, _vitest.expect)(handles.length).toBe(1);
-      (0, _vitest.expect)(handles[0]?.position).toBe("right");
-    });
-    (0, _vitest.it)("should return target handle for bpmn-end", () => {
-      const node = {
-        id: "end1",
-        type: "bpmn-end",
-        position: {
-          x: 0,
-          y: 0
-        },
-        data: {
-          label: "End"
-        }
-      };
-      const handles = getHandles(node, "target");
-      (0, _vitest.expect)(handles.length).toBe(1);
-      (0, _vitest.expect)(handles[0]?.position).toBe("left");
-    });
-    (0, _vitest.it)("should return both handles for bpmn-task", () => {
-      const node = {
-        id: "task1",
-        type: "bpmn-task",
-        position: {
-          x: 0,
-          y: 0
-        },
-        data: {
-          label: "Task"
-        }
-      };
-      const sourceHandles = getHandles(node, "source");
-      const targetHandles = getHandles(node, "target");
-      (0, _vitest.expect)(sourceHandles.length).toBe(1);
-      (0, _vitest.expect)(targetHandles.length).toBe(1);
-    });
-    (0, _vitest.it)("should return 4 handles for bpmn-exclusive-gateway", () => {
-      const node = {
-        id: "gw1",
-        type: "bpmn-exclusive-gateway",
-        position: {
-          x: 0,
-          y: 0
-        },
-        data: {
-          label: "Gateway"
-        }
-      };
-      const sourceHandles = getHandles(node, "source");
-      const targetHandles = getHandles(node, "target");
-      (0, _vitest.expect)(sourceHandles.length).toBe(2);
-      (0, _vitest.expect)(targetHandles.length).toBe(2);
-    });
-  });
-  (0, _vitest.describe)("AI Workflow node handles", () => {
-    (0, _vitest.it)("should return handles for ai-llm", () => {
-      const node = {
-        id: "llm1",
-        type: "ai-llm",
-        position: {
-          x: 0,
-          y: 0
-        },
-        data: {
-          label: "LLM",
-          model: "gpt-4"
-        }
-      };
-      const sourceHandles = getHandles(node, "source");
-      const targetHandles = getHandles(node, "target");
-      (0, _vitest.expect)(sourceHandles.length).toBe(1);
-      (0, _vitest.expect)(targetHandles.length).toBe(1);
-    });
-    (0, _vitest.it)("should return source handle for ai-start", () => {
-      const node = {
-        id: "start1",
-        type: "ai-start",
-        position: {
-          x: 0,
-          y: 0
-        },
-        data: {
-          label: "Start"
-        }
-      };
-      const handles = getHandles(node, "source");
-      (0, _vitest.expect)(handles.length).toBe(1);
-      (0, _vitest.expect)(handles[0]?.position).toBe("right");
-    });
-    (0, _vitest.it)("should return target handle for ai-end", () => {
-      const node = {
-        id: "end1",
-        type: "ai-end",
-        position: {
-          x: 0,
-          y: 0
-        },
-        data: {
-          label: "End"
-        }
-      };
-      const handles = getHandles(node, "target");
-      (0, _vitest.expect)(handles.length).toBe(1);
-      (0, _vitest.expect)(handles[0]?.position).toBe("left");
-    });
-    (0, _vitest.it)("should return 3 handles for ai-condition (left target, right source, bottom source)", () => {
-      const node = {
-        id: "cond1",
-        type: "ai-condition",
-        position: {
-          x: 0,
-          y: 0
-        },
-        data: {
-          label: "Condition",
-          condition: "if"
-        }
-      };
-      const sourceHandles = getHandles(node, "source");
-      const targetHandles = getHandles(node, "target");
-      (0, _vitest.expect)(sourceHandles.length).toBe(2);
-      (0, _vitest.expect)(targetHandles.length).toBe(1);
-    });
-  });
-  (0, _vitest.describe)("Input/Output node handles", () => {
-    (0, _vitest.it)("should return only source handle for input node", () => {
-      const node = {
-        id: "input1",
-        type: "input",
-        position: {
-          x: 0,
-          y: 0
-        },
-        data: {
-          label: "Input"
-        }
-      };
-      const sourceHandles = getHandles(node, "source");
-      const targetHandles = getHandles(node, "target");
-      (0, _vitest.expect)(sourceHandles.length).toBe(1);
-      (0, _vitest.expect)(targetHandles.length).toBe(0);
-    });
-    (0, _vitest.it)("should return only target handle for output node", () => {
-      const node = {
-        id: "output1",
-        type: "output",
-        position: {
-          x: 0,
-          y: 0
-        },
-        data: {
-          label: "Output"
-        }
-      };
-      const sourceHandles = getHandles(node, "source");
-      const targetHandles = getHandles(node, "target");
-      (0, _vitest.expect)(sourceHandles.length).toBe(0);
-      (0, _vitest.expect)(targetHandles.length).toBe(1);
-    });
-  });
-  (0, _vitest.describe)("Group node handles", () => {
-    (0, _vitest.it)("should return empty array for group node", () => {
-      const node = {
-        id: "group1",
-        type: "group",
-        position: {
-          x: 0,
-          y: 0
-        },
-        data: {
-          label: "Group"
-        }
-      };
-      const sourceHandles = getHandles(node, "source");
-      const targetHandles = getHandles(node, "target");
-      (0, _vitest.expect)(sourceHandles.length).toBe(0);
-      (0, _vitest.expect)(targetHandles.length).toBe(0);
-    });
-  });
-});

package/dist/__tests__/node-handles.test.d.ts

@@ -1 +0,0 @@
-export {};