@yh-ui/flow 1.0.25 → 1.0.30

package/dist/__tests__/useAlignment.test.cjs

@@ -1,128 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _vue = require("vue");
-var _useAlignment = require("../core/useAlignment.cjs");
-const node = (id, x, y, w = 200, h = 50) => ({
-  id,
-  type: "default",
-  position: {
-    x,
-    y
-  },
-  data: {},
-  width: w,
-  height: h
-});
-(0, _vitest.describe)("flow/core/useAlignment", () => {
-  (0, _vitest.it)("should return same position when no other nodes", () => {
-    const nodes = (0, _vue.ref)([node("1", 100, 50)]);
-    const a = (0, _useAlignment.useAlignment)({
-      nodes,
-      snapThreshold: 10
-    });
-    const result = a.getAlignmentSnap("1", {
-      x: 100,
-      y: 50
-    });
-    (0, _vitest.expect)(result.x).toBe(100);
-    (0, _vitest.expect)(result.y).toBe(50);
-    (0, _vitest.expect)(result.snappedX).toBe(false);
-    (0, _vitest.expect)(result.snappedY).toBe(false);
-  });
-  (0, _vitest.it)("should snap Y when dragging node center aligns with other center", () => {
-    const nodes = (0, _vue.ref)([node("1", 0, 0), node("2", 300, 100)]);
-    const a = (0, _useAlignment.useAlignment)({
-      nodes,
-      snapThreshold: 10
-    });
-    const pos = {
-      x: 300,
-      y: 100
-    };
-    const result = a.getAlignmentSnap("1", pos);
-    (0, _vitest.expect)(result.snappedY).toBe(true);
-    (0, _vitest.expect)(result.y).toBe(100);
-  });
-  (0, _vitest.it)("should snap X when left edges align", () => {
-    const nodes = (0, _vue.ref)([node("1", 0, 0), node("2", 100, 200)]);
-    const a = (0, _useAlignment.useAlignment)({
-      nodes,
-      snapThreshold: 15
-    });
-    const pos = {
-      x: 98,
-      y: 200
-    };
-    const result = a.getAlignmentSnap("1", pos);
-    (0, _vitest.expect)(result.snappedX).toBe(true);
-    (0, _vitest.expect)(result.x).toBe(100);
-  });
-  (0, _vitest.it)("snapToAlignment should return only x,y", () => {
-    const nodes = (0, _vue.ref)([node("1", 0, 0), node("2", 100, 100)]);
-    const a = (0, _useAlignment.useAlignment)({
-      nodes,
-      snapThreshold: 20
-    });
-    const out = a.snapToAlignment("1", {
-      x: 105,
-      y: 105
-    });
-    (0, _vitest.expect)(out).toHaveProperty("x");
-    (0, _vitest.expect)(out).toHaveProperty("y");
-    (0, _vitest.expect)(Object.keys(out)).toHaveLength(2);
-  });
-  (0, _vitest.it)("should not snap when nodes are far apart vertically", () => {
-    const nodes = (0, _vue.ref)([node("1", 0, 0), node("2", 0, 500)]);
-    const a = (0, _useAlignment.useAlignment)({
-      nodes,
-      snapThreshold: 10
-    });
-    const pos = {
-      x: 0,
-      y: 100
-    };
-    const result = a.getAlignmentSnap("1", pos);
-    (0, _vitest.expect)(result.snappedY).toBe(false);
-  });
-  (0, _vitest.it)("should not snap when nodes are far apart horizontally", () => {
-    const nodes = (0, _vue.ref)([node("1", 0, 0), node("2", 500, 0)]);
-    const a = (0, _useAlignment.useAlignment)({
-      nodes,
-      snapThreshold: 10
-    });
-    const pos = {
-      x: 100,
-      y: 0
-    };
-    const result = a.getAlignmentSnap("1", pos);
-    (0, _vitest.expect)(result.snappedX).toBe(false);
-  });
-  (0, _vitest.it)("should use default snap threshold of 10", () => {
-    const nodes = (0, _vue.ref)([node("1", 0, 0), node("2", 210, 0)]);
-    const a = (0, _useAlignment.useAlignment)({
-      nodes
-    });
-    const result = a.getAlignmentSnap("1", {
-      x: 0,
-      y: 0
-    });
-    (0, _vitest.expect)(result.snappedX).toBe(false);
-  });
-  (0, _vitest.it)("should return position when nodeId not found", () => {
-    const nodes = (0, _vue.ref)([node("1", 0, 0)]);
-    const a = (0, _useAlignment.useAlignment)({
-      nodes
-    });
-    const result = a.getAlignmentSnap("missing", {
-      x: 50,
-      y: 50
-    });
-    (0, _vitest.expect)(result).toEqual({
-      x: 50,
-      y: 50,
-      snappedX: false,
-      snappedY: false
-    });
-  });
-});

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

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

package/dist/__tests__/useAlignment.test.mjs

@@ -1,72 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { ref } from "vue";
-import { useAlignment } from "../core/useAlignment.mjs";
-const node = (id, x, y, w = 200, h = 50) => ({
-  id,
-  type: "default",
-  position: { x, y },
-  data: {},
-  width: w,
-  height: h
-});
-describe("flow/core/useAlignment", () => {
-  it("should return same position when no other nodes", () => {
-    const nodes = ref([node("1", 100, 50)]);
-    const a = useAlignment({ nodes, snapThreshold: 10 });
-    const result = a.getAlignmentSnap("1", { x: 100, y: 50 });
-    expect(result.x).toBe(100);
-    expect(result.y).toBe(50);
-    expect(result.snappedX).toBe(false);
-    expect(result.snappedY).toBe(false);
-  });
-  it("should snap Y when dragging node center aligns with other center", () => {
-    const nodes = ref([node("1", 0, 0), node("2", 300, 100)]);
-    const a = useAlignment({ nodes, snapThreshold: 10 });
-    const pos = { x: 300, y: 100 };
-    const result = a.getAlignmentSnap("1", pos);
-    expect(result.snappedY).toBe(true);
-    expect(result.y).toBe(100);
-  });
-  it("should snap X when left edges align", () => {
-    const nodes = ref([node("1", 0, 0), node("2", 100, 200)]);
-    const a = useAlignment({ nodes, snapThreshold: 15 });
-    const pos = { x: 98, y: 200 };
-    const result = a.getAlignmentSnap("1", pos);
-    expect(result.snappedX).toBe(true);
-    expect(result.x).toBe(100);
-  });
-  it("snapToAlignment should return only x,y", () => {
-    const nodes = ref([node("1", 0, 0), node("2", 100, 100)]);
-    const a = useAlignment({ nodes, snapThreshold: 20 });
-    const out = a.snapToAlignment("1", { x: 105, y: 105 });
-    expect(out).toHaveProperty("x");
-    expect(out).toHaveProperty("y");
-    expect(Object.keys(out)).toHaveLength(2);
-  });
-  it("should not snap when nodes are far apart vertically", () => {
-    const nodes = ref([node("1", 0, 0), node("2", 0, 500)]);
-    const a = useAlignment({ nodes, snapThreshold: 10 });
-    const pos = { x: 0, y: 100 };
-    const result = a.getAlignmentSnap("1", pos);
-    expect(result.snappedY).toBe(false);
-  });
-  it("should not snap when nodes are far apart horizontally", () => {
-    const nodes = ref([node("1", 0, 0), node("2", 500, 0)]);
-    const a = useAlignment({ nodes, snapThreshold: 10 });
-    const pos = { x: 100, y: 0 };
-    const result = a.getAlignmentSnap("1", pos);
-    expect(result.snappedX).toBe(false);
-  });
-  it("should use default snap threshold of 10", () => {
-    const nodes = ref([node("1", 0, 0), node("2", 210, 0)]);
-    const a = useAlignment({ nodes });
-    const result = a.getAlignmentSnap("1", { x: 0, y: 0 });
-    expect(result.snappedX).toBe(false);
-  });
-  it("should return position when nodeId not found", () => {
-    const nodes = ref([node("1", 0, 0)]);
-    const a = useAlignment({ nodes });
-    const result = a.getAlignmentSnap("missing", { x: 50, y: 50 });
-    expect(result).toEqual({ x: 50, y: 50, snappedX: false, snappedY: false });
-  });
-});

package/dist/__tests__/useEdges.test.cjs

@@ -1,117 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _vue = require("vue");
-var _useEdges = require("../core/useEdges.cjs");
-const node = id => ({
-  id,
-  type: "default",
-  position: {
-    x: 0,
-    y: 0
-  },
-  data: {}
-});
-const edge = (id, source, target) => ({
-  id,
-  source,
-  target,
-  type: "bezier"
-});
-(0, _vitest.describe)("flow/core/useEdges", () => {
-  (0, _vitest.it)("should add and remove edge", () => {
-    const edges = (0, _vue.ref)([]);
-    const nodes = (0, _vue.ref)([node("1"), node("2")]);
-    const e = (0, _useEdges.useEdges)({
-      edges,
-      nodes
-    });
-    e.addEdge(edge("e1", "1", "2"));
-    (0, _vitest.expect)(edges.value).toHaveLength(1);
-    (0, _vitest.expect)(e.getEdge("e1")).toBeDefined();
-    e.removeEdge("e1");
-    (0, _vitest.expect)(edges.value).toHaveLength(0);
-  });
-  (0, _vitest.it)("should not add duplicate connection", () => {
-    const edges = (0, _vue.ref)([edge("e1", "1", "2")]);
-    const nodes = (0, _vue.ref)([node("1"), node("2")]);
-    const e = (0, _useEdges.useEdges)({
-      edges,
-      nodes
-    });
-    e.addEdge(edge("e2", "1", "2"));
-    (0, _vitest.expect)(edges.value).toHaveLength(1);
-  });
-  (0, _vitest.it)("should respect isValidConnection", () => {
-    const edges = (0, _vue.ref)([]);
-    const nodes = (0, _vue.ref)([node("1"), node("2"), node("3")]);
-    const e = (0, _useEdges.useEdges)({
-      edges,
-      nodes,
-      isValidConnection: c => c.target !== "2"
-    });
-    e.addEdge(edge("e1", "1", "2"));
-    (0, _vitest.expect)(edges.value).toHaveLength(0);
-    e.addEdge(edge("e2", "1", "3"));
-    (0, _vitest.expect)(edges.value).toHaveLength(1);
-  });
-  (0, _vitest.it)("should update edge", () => {
-    const edges = (0, _vue.ref)([edge("e1", "1", "2")]);
-    const nodes = (0, _vue.ref)([node("1"), node("2")]);
-    const e = (0, _useEdges.useEdges)({
-      edges,
-      nodes
-    });
-    e.updateEdge("e1", {
-      label: "updated",
-      type: "straight"
-    });
-    (0, _vitest.expect)(edges.value[0].label).toBe("updated");
-    (0, _vitest.expect)(edges.value[0].type).toBe("straight");
-  });
-  (0, _vitest.it)("should select edge single and multi", () => {
-    const edges = (0, _vue.ref)([{
-      ...edge("e1", "1", "2"),
-      selected: true
-    }, {
-      ...edge("e2", "2", "3"),
-      selected: false
-    }]);
-    const nodes = (0, _vue.ref)([node("1"), node("2"), node("3")]);
-    const e = (0, _useEdges.useEdges)({
-      edges,
-      nodes
-    });
-    e.selectEdge("e2", true, false);
-    (0, _vitest.expect)(edges.value.find(x => x.id === "e1")?.selected).toBe(false);
-    (0, _vitest.expect)(edges.value.find(x => x.id === "e2")?.selected).toBe(true);
-    e.selectEdge("e1", true, true);
-    (0, _vitest.expect)(edges.value.filter(x => x.selected)).toHaveLength(2);
-  });
-  (0, _vitest.it)("should getEdgesForNode and getConnectedEdges", () => {
-    const edges = (0, _vue.ref)([edge("e1", "1", "2"), edge("e2", "2", "3"), edge("e3", "1", "3")]);
-    const nodes = (0, _vue.ref)([node("1"), node("2"), node("3")]);
-    const e = (0, _useEdges.useEdges)({
-      edges,
-      nodes
-    });
-    (0, _vitest.expect)(e.getEdgesForNode("1")).toHaveLength(2);
-    (0, _vitest.expect)(e.getConnectedEdges("2")).toHaveLength(2);
-  });
-  (0, _vitest.it)("should clearSelection and setEdges", () => {
-    const edges = (0, _vue.ref)([{
-      ...edge("e1", "1", "2"),
-      selected: true
-    }]);
-    const nodes = (0, _vue.ref)([node("1"), node("2")]);
-    const e = (0, _useEdges.useEdges)({
-      edges,
-      nodes
-    });
-    e.clearSelection();
-    (0, _vitest.expect)(edges.value[0].selected).toBeFalsy();
-    e.setEdges([edge("e2", "1", "2")]);
-    (0, _vitest.expect)(edges.value).toHaveLength(1);
-    (0, _vitest.expect)(edges.value[0].id).toBe("e2");
-  });
-});

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

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

package/dist/__tests__/useEdges.test.mjs

@@ -1,80 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { ref } from "vue";
-import { useEdges } from "../core/useEdges.mjs";
-const node = (id) => ({ id, type: "default", position: { x: 0, y: 0 }, data: {} });
-const edge = (id, source, target) => ({
-  id,
-  source,
-  target,
-  type: "bezier"
-});
-describe("flow/core/useEdges", () => {
-  it("should add and remove edge", () => {
-    const edges = ref([]);
-    const nodes = ref([node("1"), node("2")]);
-    const e = useEdges({ edges, nodes });
-    e.addEdge(edge("e1", "1", "2"));
-    expect(edges.value).toHaveLength(1);
-    expect(e.getEdge("e1")).toBeDefined();
-    e.removeEdge("e1");
-    expect(edges.value).toHaveLength(0);
-  });
-  it("should not add duplicate connection", () => {
-    const edges = ref([edge("e1", "1", "2")]);
-    const nodes = ref([node("1"), node("2")]);
-    const e = useEdges({ edges, nodes });
-    e.addEdge(edge("e2", "1", "2"));
-    expect(edges.value).toHaveLength(1);
-  });
-  it("should respect isValidConnection", () => {
-    const edges = ref([]);
-    const nodes = ref([node("1"), node("2"), node("3")]);
-    const e = useEdges({
-      edges,
-      nodes,
-      isValidConnection: (c) => c.target !== "2"
-    });
-    e.addEdge(edge("e1", "1", "2"));
-    expect(edges.value).toHaveLength(0);
-    e.addEdge(edge("e2", "1", "3"));
-    expect(edges.value).toHaveLength(1);
-  });
-  it("should update edge", () => {
-    const edges = ref([edge("e1", "1", "2")]);
-    const nodes = ref([node("1"), node("2")]);
-    const e = useEdges({ edges, nodes });
-    e.updateEdge("e1", { label: "updated", type: "straight" });
-    expect(edges.value[0].label).toBe("updated");
-    expect(edges.value[0].type).toBe("straight");
-  });
-  it("should select edge single and multi", () => {
-    const edges = ref([
-      { ...edge("e1", "1", "2"), selected: true },
-      { ...edge("e2", "2", "3"), selected: false }
-    ]);
-    const nodes = ref([node("1"), node("2"), node("3")]);
-    const e = useEdges({ edges, nodes });
-    e.selectEdge("e2", true, false);
-    expect(edges.value.find((x) => x.id === "e1")?.selected).toBe(false);
-    expect(edges.value.find((x) => x.id === "e2")?.selected).toBe(true);
-    e.selectEdge("e1", true, true);
-    expect(edges.value.filter((x) => x.selected)).toHaveLength(2);
-  });
-  it("should getEdgesForNode and getConnectedEdges", () => {
-    const edges = ref([edge("e1", "1", "2"), edge("e2", "2", "3"), edge("e3", "1", "3")]);
-    const nodes = ref([node("1"), node("2"), node("3")]);
-    const e = useEdges({ edges, nodes });
-    expect(e.getEdgesForNode("1")).toHaveLength(2);
-    expect(e.getConnectedEdges("2")).toHaveLength(2);
-  });
-  it("should clearSelection and setEdges", () => {
-    const edges = ref([{ ...edge("e1", "1", "2"), selected: true }]);
-    const nodes = ref([node("1"), node("2")]);
-    const e = useEdges({ edges, nodes });
-    e.clearSelection();
-    expect(edges.value[0].selected).toBeFalsy();
-    e.setEdges([edge("e2", "1", "2")]);
-    expect(edges.value).toHaveLength(1);
-    expect(edges.value[0].id).toBe("e2");
-  });
-});

package/dist/__tests__/useKeyboard.test.cjs

@@ -1,88 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _useKeyboard = require("../core/useKeyboard.cjs");
-(0, _vitest.describe)("flow/core/useKeyboard", () => {
-  const createKeyEvent = (key, opts = {}) => new KeyboardEvent("keydown", {
-    key,
-    ctrlKey: opts.ctrlKey ?? false,
-    metaKey: opts.metaKey ?? false,
-    shiftKey: opts.shiftKey ?? false
-  });
-  (0, _vitest.it)("should call onDelete on Delete key", () => {
-    const onDelete = _vitest.vi.fn();
-    const k = (0, _useKeyboard.useKeyboard)({
-      onDelete
-    });
-    k.handleKeyDown(createKeyEvent("Delete"));
-    (0, _vitest.expect)(onDelete).toHaveBeenCalledTimes(1);
-  });
-  (0, _vitest.it)("should call onUndo on Ctrl+Z", () => {
-    const onUndo = _vitest.vi.fn();
-    const k = (0, _useKeyboard.useKeyboard)({
-      onUndo
-    });
-    k.handleKeyDown(createKeyEvent("z", {
-      ctrlKey: true
-    }));
-    (0, _vitest.expect)(onUndo).toHaveBeenCalledTimes(1);
-  });
-  (0, _vitest.it)("should call onRedo on Ctrl+Shift+Z", () => {
-    const onRedo = _vitest.vi.fn();
-    const k = (0, _useKeyboard.useKeyboard)({
-      onRedo
-    });
-    k.handleKeyDown(createKeyEvent("z", {
-      ctrlKey: true,
-      shiftKey: true
-    }));
-    (0, _vitest.expect)(onRedo).toHaveBeenCalledTimes(1);
-  });
-  (0, _vitest.it)("should call onSelectAll on Ctrl+A", () => {
-    const onSelectAll = _vitest.vi.fn();
-    const k = (0, _useKeyboard.useKeyboard)({
-      onSelectAll
-    });
-    k.handleKeyDown(createKeyEvent("a", {
-      ctrlKey: true
-    }));
-    (0, _vitest.expect)(onSelectAll).toHaveBeenCalledTimes(1);
-  });
-  (0, _vitest.it)("should call onEscape on Escape", () => {
-    const onEscape = _vitest.vi.fn();
-    const k = (0, _useKeyboard.useKeyboard)({
-      onEscape
-    });
-    k.handleKeyDown(createKeyEvent("Escape"));
-    (0, _vitest.expect)(onEscape).toHaveBeenCalledTimes(1);
-  });
-  (0, _vitest.it)("should not fire when enabled false", () => {
-    const onDelete = _vitest.vi.fn();
-    const k = (0, _useKeyboard.useKeyboard)({
-      enabled: false,
-      onDelete
-    });
-    k.handleKeyDown(createKeyEvent("Delete"));
-    (0, _vitest.expect)(onDelete).not.toHaveBeenCalled();
-  });
-  (0, _vitest.it)("should call onCopy on Ctrl+C and onPaste on Ctrl+V", () => {
-    const onCopy = _vitest.vi.fn();
-    const onPaste = _vitest.vi.fn();
-    const k = (0, _useKeyboard.useKeyboard)({
-      onCopy,
-      onPaste
-    });
-    k.handleKeyDown(createKeyEvent("c", {
-      ctrlKey: true
-    }));
-    (0, _vitest.expect)(onCopy).toHaveBeenCalledTimes(1);
-    k.handleKeyDown(createKeyEvent("v", {
-      ctrlKey: true
-    }));
-    (0, _vitest.expect)(onPaste).toHaveBeenCalledTimes(1);
-    (0, _vitest.expect)(onPaste).toHaveBeenCalledWith({
-      nodes: [],
-      edges: []
-    });
-  });
-});

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

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

package/dist/__tests__/useKeyboard.test.mjs

@@ -1,56 +0,0 @@
-import { describe, it, expect, vi } from "vitest";
-import { useKeyboard } from "../core/useKeyboard.mjs";
-describe("flow/core/useKeyboard", () => {
-  const createKeyEvent = (key, opts = {}) => new KeyboardEvent("keydown", {
-    key,
-    ctrlKey: opts.ctrlKey ?? false,
-    metaKey: opts.metaKey ?? false,
-    shiftKey: opts.shiftKey ?? false
-  });
-  it("should call onDelete on Delete key", () => {
-    const onDelete = vi.fn();
-    const k = useKeyboard({ onDelete });
-    k.handleKeyDown(createKeyEvent("Delete"));
-    expect(onDelete).toHaveBeenCalledTimes(1);
-  });
-  it("should call onUndo on Ctrl+Z", () => {
-    const onUndo = vi.fn();
-    const k = useKeyboard({ onUndo });
-    k.handleKeyDown(createKeyEvent("z", { ctrlKey: true }));
-    expect(onUndo).toHaveBeenCalledTimes(1);
-  });
-  it("should call onRedo on Ctrl+Shift+Z", () => {
-    const onRedo = vi.fn();
-    const k = useKeyboard({ onRedo });
-    k.handleKeyDown(createKeyEvent("z", { ctrlKey: true, shiftKey: true }));
-    expect(onRedo).toHaveBeenCalledTimes(1);
-  });
-  it("should call onSelectAll on Ctrl+A", () => {
-    const onSelectAll = vi.fn();
-    const k = useKeyboard({ onSelectAll });
-    k.handleKeyDown(createKeyEvent("a", { ctrlKey: true }));
-    expect(onSelectAll).toHaveBeenCalledTimes(1);
-  });
-  it("should call onEscape on Escape", () => {
-    const onEscape = vi.fn();
-    const k = useKeyboard({ onEscape });
-    k.handleKeyDown(createKeyEvent("Escape"));
-    expect(onEscape).toHaveBeenCalledTimes(1);
-  });
-  it("should not fire when enabled false", () => {
-    const onDelete = vi.fn();
-    const k = useKeyboard({ enabled: false, onDelete });
-    k.handleKeyDown(createKeyEvent("Delete"));
-    expect(onDelete).not.toHaveBeenCalled();
-  });
-  it("should call onCopy on Ctrl+C and onPaste on Ctrl+V", () => {
-    const onCopy = vi.fn();
-    const onPaste = vi.fn();
-    const k = useKeyboard({ onCopy, onPaste });
-    k.handleKeyDown(createKeyEvent("c", { ctrlKey: true }));
-    expect(onCopy).toHaveBeenCalledTimes(1);
-    k.handleKeyDown(createKeyEvent("v", { ctrlKey: true }));
-    expect(onPaste).toHaveBeenCalledTimes(1);
-    expect(onPaste).toHaveBeenCalledWith({ nodes: [], edges: [] });
-  });
-});