@yh-ui/flow 1.0.26 → 1.0.36

package/dist/__tests__/graph.test.mjs

@@ -1,85 +0,0 @@
-import { describe, it, expect } from "vitest";
-import {
-  hasCycle,
-  topologicalSort,
-  findAllPaths,
-  findConnectedComponents,
-  bfs,
-  dfs
-} from "../utils/graph.mjs";
-describe("flow/utils/graph", () => {
-  it("hasCycle should detect cycle", () => {
-    const edges = [
-      { source: "A", target: "B" },
-      { source: "B", target: "C" },
-      { source: "C", target: "A" }
-    ];
-    expect(hasCycle(edges, "A")).toBe(true);
-  });
-  it("hasCycle should return false for DAG", () => {
-    const edges = [
-      { source: "A", target: "B" },
-      { source: "B", target: "C" }
-    ];
-    expect(hasCycle(edges, "A")).toBe(false);
-  });
-  it("topologicalSort should return order for DAG", () => {
-    const nodes = [{ id: "A" }, { id: "B" }, { id: "C" }];
-    const edges = [
-      { source: "A", target: "B" },
-      { source: "B", target: "C" }
-    ];
-    const order = topologicalSort(nodes, edges);
-    expect(order).toHaveLength(3);
-    const ai = order.indexOf("A");
-    const bi = order.indexOf("B");
-    const ci = order.indexOf("C");
-    expect(ai).toBeLessThan(bi);
-    expect(bi).toBeLessThan(ci);
-  });
-  it("findAllPaths should return paths between two nodes", () => {
-    const edges = [
-      { source: "1", target: "2" },
-      { source: "1", target: "3" },
-      { source: "2", target: "4" },
-      { source: "3", target: "4" }
-    ];
-    const paths = findAllPaths(edges, "1", "4");
-    expect(paths.length).toBeGreaterThanOrEqual(1);
-    expect(paths.every((p) => p[0] === "1" && p[p.length - 1] === "4")).toBe(true);
-  });
-  it("findConnectedComponents should return components", () => {
-    const nodes = [{ id: "A" }, { id: "B" }, { id: "C" }, { id: "D" }];
-    const edges = [
-      { source: "A", target: "B" },
-      { source: "C", target: "D" }
-    ];
-    const components = findConnectedComponents(nodes, edges);
-    expect(components).toHaveLength(2);
-    expect(components.some((c) => c.includes("A") && c.includes("B"))).toBe(true);
-    expect(components.some((c) => c.includes("C") && c.includes("D"))).toBe(true);
-  });
-  it("bfs should traverse in breadth order", () => {
-    const adj = /* @__PURE__ */ new Map();
-    adj.set("1", ["2", "3"]);
-    adj.set("2", ["4"]);
-    adj.set("3", []);
-    adj.set("4", []);
-    const result = bfs(adj, "1");
-    expect(result).toContain("1");
-    expect(result).toContain("2");
-    expect(result).toContain("3");
-    expect(result).toContain("4");
-    expect(result[0]).toBe("1");
-  });
-  it("dfs should traverse in depth order", () => {
-    const adj = /* @__PURE__ */ new Map();
-    adj.set("1", ["2", "3"]);
-    adj.set("2", ["4"]);
-    adj.set("3", []);
-    adj.set("4", []);
-    const result = dfs(adj, "1");
-    expect(result).toHaveLength(4);
-    expect(result[0]).toBe("1");
-  });
-});

package/dist/__tests__/history-plugin.test.cjs

@@ -1,191 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _vue = require("vue");
-var _history = require("../plugins/plugins/history.cjs");
-function createMockFlow() {
-  const nodes = (0, _vue.ref)([{
-    id: "1",
-    type: "default",
-    position: {
-      x: 0,
-      y: 0
-    },
-    data: {
-      label: "A"
-    }
-  }]);
-  const edges = (0, _vue.ref)([]);
-  const eventHandlers = {};
-  const flow = {
-    nodes,
-    edges,
-    viewport: (0, _vue.ref)({
-      x: 0,
-      y: 0,
-      zoom: 1
-    }),
-    addNode: _vitest.vi.fn(),
-    removeNode: _vitest.vi.fn(),
-    updateNode: _vitest.vi.fn(),
-    getNode: _vitest.vi.fn(),
-    addEdge: _vitest.vi.fn(),
-    removeEdge: _vitest.vi.fn(),
-    updateEdge: _vitest.vi.fn(),
-    getEdge: _vitest.vi.fn(),
-    setViewport: _vitest.vi.fn(),
-    fitView: _vitest.vi.fn(),
-    zoomIn: _vitest.vi.fn(),
-    zoomOut: _vitest.vi.fn(),
-    centerView: _vitest.vi.fn(),
-    selectNode: _vitest.vi.fn(),
-    selectEdge: _vitest.vi.fn(),
-    clearSelection: _vitest.vi.fn(),
-    getNodes: () => nodes.value,
-    getEdges: () => edges.value,
-    getViewport: () => ({
-      x: 0,
-      y: 0,
-      zoom: 1
-    }),
-    screenToCanvas: _vitest.vi.fn().mockReturnValue({
-      x: 0,
-      y: 0
-    }),
-    canvasToScreen: _vitest.vi.fn().mockReturnValue({
-      x: 0,
-      y: 0
-    }),
-    on: _vitest.vi.fn((event, handler) => {
-      if (!eventHandlers[event]) eventHandlers[event] = [];
-      eventHandlers[event].push(handler);
-    }),
-    off: _vitest.vi.fn(),
-    emit: _vitest.vi.fn(),
-    isValidConnection: _vitest.vi.fn().mockReturnValue(true),
-    $el: void 0,
-    draggingNodeId: (0, _vue.ref)(null),
-    draggingPosition: (0, _vue.ref)(null),
-    usePlugin: _vitest.vi.fn(),
-    removePlugin: _vitest.vi.fn()
-  };
-  return flow;
-}
-(0, _vitest.describe)("createHistoryPlugin", () => {
-  (0, _vitest.it)("should be created with correct metadata", () => {
-    const plugin = (0, _history.createHistoryPlugin)();
-    (0, _vitest.expect)(plugin.id).toBe("history");
-    (0, _vitest.expect)(plugin.name).toBe("History");
-    (0, _vitest.expect)(plugin.version).toBe("1.0.0");
-  });
-  (0, _vitest.it)("should install and expose undo/redo on flow instance", () => {
-    const flow = createMockFlow();
-    const plugin = (0, _history.createHistoryPlugin)();
-    plugin.install(flow);
-    (0, _vitest.expect)(typeof flow.undo).toBe("function");
-    (0, _vitest.expect)(typeof flow.redo).toBe("function");
-    (0, _vitest.expect)(typeof flow.saveSnapshot).toBe("function");
-    (0, _vitest.expect)(typeof flow.clearHistory).toBe("function");
-    (0, _vitest.expect)(typeof flow.jumpToStep).toBe("function");
-    (0, _vitest.expect)(typeof flow.getHistory).toBe("function");
-  });
-  (0, _vitest.it)("should save initial snapshot on install", () => {
-    const flow = createMockFlow();
-    const plugin = (0, _history.createHistoryPlugin)();
-    plugin.install(flow);
-    const history = plugin.getHistory();
-    (0, _vitest.expect)(history.length).toBe(1);
-    (0, _vitest.expect)(history[0].description).toBe("initial");
-  });
-  (0, _vitest.it)("should correctly undo and redo node position changes", () => {
-    const flow = createMockFlow();
-    const plugin = (0, _history.createHistoryPlugin)();
-    plugin.install(flow);
-    flow.nodes.value[0].position.x = 100;
-    plugin.saveSnapshot("move node");
-    (0, _vitest.expect)(plugin.canUndo.value).toBe(true);
-    (0, _vitest.expect)(plugin.canRedo.value).toBe(false);
-    plugin.undo();
-    (0, _vitest.expect)(flow.nodes.value[0].position.x).toBe(0);
-    (0, _vitest.expect)(plugin.canRedo.value).toBe(true);
-    plugin.redo();
-    (0, _vitest.expect)(flow.nodes.value[0].position.x).toBe(100);
-  });
-  (0, _vitest.it)("should clear redo stack when new snapshot is pushed after undo", () => {
-    const flow = createMockFlow();
-    const plugin = (0, _history.createHistoryPlugin)();
-    plugin.install(flow);
-    flow.nodes.value[0].position.x = 50;
-    plugin.saveSnapshot("step1");
-    flow.nodes.value[0].position.x = 100;
-    plugin.saveSnapshot("step2");
-    plugin.undo();
-    (0, _vitest.expect)(flow.nodes.value[0].position.x).toBe(50);
-    (0, _vitest.expect)(plugin.canRedo.value).toBe(true);
-    flow.nodes.value[0].position.x = 200;
-    plugin.saveSnapshot("step3");
-    (0, _vitest.expect)(plugin.canRedo.value).toBe(false);
-  });
-  (0, _vitest.it)("should respect maxHistory limit", () => {
-    const flow = createMockFlow();
-    const plugin = (0, _history.createHistoryPlugin)({
-      maxHistory: 3
-    });
-    plugin.install(flow);
-    for (let i = 1; i <= 5; i++) {
-      flow.nodes.value[0].position.x = i * 10;
-      plugin.saveSnapshot(`step${i}`);
-    }
-    (0, _vitest.expect)(plugin.getHistory().length).toBe(3);
-  });
-  (0, _vitest.it)("should clear history", () => {
-    const flow = createMockFlow();
-    const plugin = (0, _history.createHistoryPlugin)();
-    plugin.install(flow);
-    flow.nodes.value[0].position.x = 100;
-    plugin.saveSnapshot("move");
-    plugin.clearHistory();
-    (0, _vitest.expect)(plugin.getHistory().length).toBe(0);
-    (0, _vitest.expect)(plugin.canUndo.value).toBe(false);
-    (0, _vitest.expect)(plugin.canRedo.value).toBe(false);
-  });
-  (0, _vitest.it)("should call onHistoryChange callback", () => {
-    const onHistoryChange = _vitest.vi.fn();
-    const flow = createMockFlow();
-    const plugin = (0, _history.createHistoryPlugin)({
-      onHistoryChange
-    });
-    plugin.install(flow);
-    (0, _vitest.expect)(onHistoryChange).toHaveBeenCalled();
-  });
-  (0, _vitest.it)("should jump to a specific step", () => {
-    const flow = createMockFlow();
-    const plugin = (0, _history.createHistoryPlugin)();
-    plugin.install(flow);
-    flow.nodes.value[0].position.x = 100;
-    plugin.saveSnapshot("step1");
-    flow.nodes.value[0].position.x = 200;
-    plugin.saveSnapshot("step2");
-    plugin.jumpToStep(0);
-    (0, _vitest.expect)(flow.nodes.value[0].position.x).toBe(0);
-  });
-  (0, _vitest.it)("should not undo below 0 or redo beyond end", () => {
-    const flow = createMockFlow();
-    const plugin = (0, _history.createHistoryPlugin)();
-    plugin.install(flow);
-    (0, _vitest.expect)(plugin.canUndo.value).toBe(false);
-    plugin.undo();
-    (0, _vitest.expect)(plugin.canRedo.value).toBe(false);
-    plugin.redo();
-  });
-  (0, _vitest.it)("should destroy and cleanup", () => {
-    const removeEventListener = _vitest.vi.spyOn(window, "removeEventListener");
-    const flow = createMockFlow();
-    const plugin = (0, _history.createHistoryPlugin)({
-      enableKeyboard: true
-    });
-    plugin.install(flow);
-    plugin.destroy?.();
-    (0, _vitest.expect)(removeEventListener).toHaveBeenCalledWith("keydown", _vitest.expect.any(Function));
-  });
-});

package/dist/__tests__/history-plugin.test.d.ts

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

package/dist/__tests__/history-plugin.test.mjs

@@ -1,161 +0,0 @@
-import { describe, it, expect, vi } from "vitest";
-import { ref } from "vue";
-import { createHistoryPlugin } from "../plugins/plugins/history.mjs";
-function createMockFlow() {
-  const nodes = ref([
-    { id: "1", type: "default", position: { x: 0, y: 0 }, data: { label: "A" } }
-  ]);
-  const edges = ref([]);
-  const eventHandlers = {};
-  const flow = {
-    nodes,
-    edges,
-    viewport: ref({ x: 0, y: 0, zoom: 1 }),
-    addNode: vi.fn(),
-    removeNode: vi.fn(),
-    updateNode: vi.fn(),
-    getNode: vi.fn(),
-    addEdge: vi.fn(),
-    removeEdge: vi.fn(),
-    updateEdge: vi.fn(),
-    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((event, handler) => {
-      if (!eventHandlers[event]) eventHandlers[event] = [];
-      eventHandlers[event].push(handler);
-    }),
-    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("createHistoryPlugin", () => {
-  it("should be created with correct metadata", () => {
-    const plugin = createHistoryPlugin();
-    expect(plugin.id).toBe("history");
-    expect(plugin.name).toBe("History");
-    expect(plugin.version).toBe("1.0.0");
-  });
-  it("should install and expose undo/redo on flow instance", () => {
-    const flow = createMockFlow();
-    const plugin = createHistoryPlugin();
-    plugin.install(flow);
-    expect(typeof flow.undo).toBe("function");
-    expect(typeof flow.redo).toBe("function");
-    expect(typeof flow.saveSnapshot).toBe("function");
-    expect(typeof flow.clearHistory).toBe("function");
-    expect(typeof flow.jumpToStep).toBe("function");
-    expect(typeof flow.getHistory).toBe("function");
-  });
-  it("should save initial snapshot on install", () => {
-    const flow = createMockFlow();
-    const plugin = createHistoryPlugin();
-    plugin.install(flow);
-    const history = plugin.getHistory();
-    expect(history.length).toBe(1);
-    expect(history[0].description).toBe("initial");
-  });
-  it("should correctly undo and redo node position changes", () => {
-    const flow = createMockFlow();
-    const plugin = createHistoryPlugin();
-    plugin.install(flow);
-    flow.nodes.value[0].position.x = 100;
-    plugin.saveSnapshot("move node");
-    expect(plugin.canUndo.value).toBe(true);
-    expect(plugin.canRedo.value).toBe(false);
-    plugin.undo();
-    expect(flow.nodes.value[0].position.x).toBe(0);
-    expect(plugin.canRedo.value).toBe(true);
-    plugin.redo();
-    expect(flow.nodes.value[0].position.x).toBe(100);
-  });
-  it("should clear redo stack when new snapshot is pushed after undo", () => {
-    const flow = createMockFlow();
-    const plugin = createHistoryPlugin();
-    plugin.install(flow);
-    flow.nodes.value[0].position.x = 50;
-    plugin.saveSnapshot("step1");
-    flow.nodes.value[0].position.x = 100;
-    plugin.saveSnapshot("step2");
-    plugin.undo();
-    expect(flow.nodes.value[0].position.x).toBe(50);
-    expect(plugin.canRedo.value).toBe(true);
-    flow.nodes.value[0].position.x = 200;
-    plugin.saveSnapshot("step3");
-    expect(plugin.canRedo.value).toBe(false);
-  });
-  it("should respect maxHistory limit", () => {
-    const flow = createMockFlow();
-    const plugin = createHistoryPlugin({ maxHistory: 3 });
-    plugin.install(flow);
-    for (let i = 1; i <= 5; i++) {
-      flow.nodes.value[0].position.x = i * 10;
-      plugin.saveSnapshot(`step${i}`);
-    }
-    expect(plugin.getHistory().length).toBe(3);
-  });
-  it("should clear history", () => {
-    const flow = createMockFlow();
-    const plugin = createHistoryPlugin();
-    plugin.install(flow);
-    flow.nodes.value[0].position.x = 100;
-    plugin.saveSnapshot("move");
-    plugin.clearHistory();
-    expect(plugin.getHistory().length).toBe(0);
-    expect(plugin.canUndo.value).toBe(false);
-    expect(plugin.canRedo.value).toBe(false);
-  });
-  it("should call onHistoryChange callback", () => {
-    const onHistoryChange = vi.fn();
-    const flow = createMockFlow();
-    const plugin = createHistoryPlugin({ onHistoryChange });
-    plugin.install(flow);
-    expect(onHistoryChange).toHaveBeenCalled();
-  });
-  it("should jump to a specific step", () => {
-    const flow = createMockFlow();
-    const plugin = createHistoryPlugin();
-    plugin.install(flow);
-    flow.nodes.value[0].position.x = 100;
-    plugin.saveSnapshot("step1");
-    flow.nodes.value[0].position.x = 200;
-    plugin.saveSnapshot("step2");
-    plugin.jumpToStep(0);
-    expect(flow.nodes.value[0].position.x).toBe(0);
-  });
-  it("should not undo below 0 or redo beyond end", () => {
-    const flow = createMockFlow();
-    const plugin = createHistoryPlugin();
-    plugin.install(flow);
-    expect(plugin.canUndo.value).toBe(false);
-    plugin.undo();
-    expect(plugin.canRedo.value).toBe(false);
-    plugin.redo();
-  });
-  it("should destroy and cleanup", () => {
-    const removeEventListener = vi.spyOn(window, "removeEventListener");
-    const flow = createMockFlow();
-    const plugin = createHistoryPlugin({ enableKeyboard: true });
-    plugin.install(flow);
-    plugin.destroy?.();
-    expect(removeEventListener).toHaveBeenCalledWith("keydown", expect.any(Function));
-  });
-});

package/dist/__tests__/history.test.cjs

@@ -1,81 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _vue = require("vue");
-var _useHistory = require("../core/useHistory.cjs");
-(0, _vitest.describe)("flow/core/useHistory", () => {
-  (0, _vitest.it)("should push, undo, redo", () => {
-    const nodes = (0, _vue.ref)([{
-      id: "1",
-      type: "default",
-      position: {
-        x: 0,
-        y: 0
-      },
-      data: {}
-    }]);
-    const edges = (0, _vue.ref)([]);
-    const historyEvents = [];
-    const h = (0, _useHistory.useHistory)(nodes, edges, {
-      maxHistory: 10,
-      onHistoryChange: (canUndo, canRedo) => historyEvents.push({
-        canUndo,
-        canRedo
-      })
-    });
-    h.push({
-      nodes: nodes.value,
-      edges: edges.value
-    });
-    (0, _vitest.expect)(h.canUndo.value).toBe(false);
-    (0, _vitest.expect)(h.canRedo.value).toBe(false);
-    nodes.value[0].position.x = 100;
-    h.push({
-      nodes: nodes.value,
-      edges: edges.value
-    });
-    (0, _vitest.expect)(h.canUndo.value).toBe(true);
-    (0, _vitest.expect)(h.canRedo.value).toBe(false);
-    h.undo();
-    (0, _vitest.expect)(nodes.value[0].position.x).toBe(0);
-    (0, _vitest.expect)(h.canRedo.value).toBe(true);
-    h.redo();
-    (0, _vitest.expect)(nodes.value[0].position.x).toBe(100);
-    h.clear();
-    (0, _vitest.expect)(h.canUndo.value).toBe(false);
-    (0, _vitest.expect)(h.canRedo.value).toBe(false);
-    (0, _vitest.expect)(historyEvents.length).toBeGreaterThan(0);
-  });
-  (0, _vitest.it)("should respect maxHistory", () => {
-    const nodes = (0, _vue.ref)([{
-      id: "1",
-      type: "default",
-      position: {
-        x: 0,
-        y: 0
-      },
-      data: {}
-    }]);
-    const edges = (0, _vue.ref)([]);
-    const h = (0, _useHistory.useHistory)(nodes, edges, {
-      maxHistory: 2
-    });
-    h.push({
-      nodes: nodes.value,
-      edges: edges.value
-    });
-    nodes.value[0].position.x = 1;
-    h.push({
-      nodes: nodes.value,
-      edges: edges.value
-    });
-    nodes.value[0].position.x = 2;
-    h.push({
-      nodes: nodes.value,
-      edges: edges.value
-    });
-    h.undo();
-    (0, _vitest.expect)(nodes.value[0].position.x).toBe(1);
-    (0, _vitest.expect)(h.canUndo.value).toBe(false);
-  });
-});

package/dist/__tests__/history.test.d.ts

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

package/dist/__tests__/history.test.mjs

@@ -1,43 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { ref } from "vue";
-import { useHistory } from "../core/useHistory.mjs";
-describe("flow/core/useHistory", () => {
-  it("should push, undo, redo", () => {
-    const nodes = ref([{ id: "1", type: "default", position: { x: 0, y: 0 }, data: {} }]);
-    const edges = ref([]);
-    const historyEvents = [];
-    const h = useHistory(nodes, edges, {
-      maxHistory: 10,
-      onHistoryChange: (canUndo, canRedo) => historyEvents.push({ canUndo, canRedo })
-    });
-    h.push({ nodes: nodes.value, edges: edges.value });
-    expect(h.canUndo.value).toBe(false);
-    expect(h.canRedo.value).toBe(false);
-    nodes.value[0].position.x = 100;
-    h.push({ nodes: nodes.value, edges: edges.value });
-    expect(h.canUndo.value).toBe(true);
-    expect(h.canRedo.value).toBe(false);
-    h.undo();
-    expect(nodes.value[0].position.x).toBe(0);
-    expect(h.canRedo.value).toBe(true);
-    h.redo();
-    expect(nodes.value[0].position.x).toBe(100);
-    h.clear();
-    expect(h.canUndo.value).toBe(false);
-    expect(h.canRedo.value).toBe(false);
-    expect(historyEvents.length).toBeGreaterThan(0);
-  });
-  it("should respect maxHistory", () => {
-    const nodes = ref([{ id: "1", type: "default", position: { x: 0, y: 0 }, data: {} }]);
-    const edges = ref([]);
-    const h = useHistory(nodes, edges, { maxHistory: 2 });
-    h.push({ nodes: nodes.value, edges: edges.value });
-    nodes.value[0].position.x = 1;
-    h.push({ nodes: nodes.value, edges: edges.value });
-    nodes.value[0].position.x = 2;
-    h.push({ nodes: nodes.value, edges: edges.value });
-    h.undo();
-    expect(nodes.value[0].position.x).toBe(1);
-    expect(h.canUndo.value).toBe(false);
-  });
-});