@nyaruka/temba-components 0.138.4 → 0.139.0

package/out-tsc/test/temba-flow-plumber-connections.test.js

@@ -6,115 +6,114 @@ describe('Plumber - Connection Management', () => {
     let mockCanvas;
     let clock;
     beforeEach(() => {
-        // Use fake timers to control setTimeout
         clock = useFakeTimers();
-        // Create mock canvas and make getElementById return a mock element
         mockCanvas = document.createElement('div');
-        const mockElement = document.createElement('div');
-        stub(document, 'getElementById').returns(mockElement);
-        // Create a mock editor with fireCustomEvent
+        mockCanvas.id = 'canvas';
+        document.body.appendChild(mockCanvas);
         const mockEditor = { fireCustomEvent: stub() };
-        // Create a new plumber instance
         plumber = new Plumber(mockCanvas, mockEditor);
-        // Replace the internal jsPlumb instance with mocks
-        plumber.jsPlumb = {
-            getConnections: stub().returns([]),
-            addClass: stub(),
-            removeClass: stub(),
-            batch: stub().callsFake((fn) => fn()),
-            addEndpoint: stub().returns({}),
-            revalidate: stub(),
-            connect: stub(),
-            getEndpoints: stub().returns([
-                { elementId: 'test-from', addClass: stub() }
-            ]),
-            select: stub().returns({
-                deleteAll: stub()
-            }),
-            selectEndpoints: stub().returns({
-                deleteAll: stub()
-            }),
-            deleteConnection: stub(),
-            removeAllEndpoints: stub(),
-            repaintEverything: stub()
-        };
     });
     afterEach(() => {
-        var _a, _b;
-        // Restore the original document.getElementById
-        (_b = (_a = document.getElementById).restore) === null || _b === void 0 ? void 0 : _b.call(_a);
+        mockCanvas.remove();
         clock.restore();
     });
     describe('setConnectionRemovingState', () => {
-        it('returns false when no connections are found', () => {
-            const result = plumber.setConnectionRemovingState('test-exit', true);
+        it('returns false when no connection exists for the exit', () => {
+            const result = plumber.setConnectionRemovingState('nonexistent', true);
             expect(result).to.be.false;
-            expect(plumber.jsPlumb.getConnections).to.have.been.called;
         });
-        it('sets removing class on connections when isRemoving is true', () => {
-            const mockConnections = [
-                { id: 'conn1', addClass: stub() },
-                { id: 'conn2', addClass: stub() }
-            ];
-            plumber.jsPlumb.getConnections = stub().returns(mockConnections);
-            const result = plumber.setConnectionRemovingState('test-exit', true);
+        it('adds removing class when isRemoving is true', () => {
+            // Create mock elements for a connection
+            const exitEl = document.createElement('div');
+            exitEl.id = 'exit-1';
+            const targetEl = document.createElement('div');
+            targetEl.id = 'target-1';
+            mockCanvas.appendChild(exitEl);
+            mockCanvas.appendChild(targetEl);
+            // Create a connection
+            plumber.connectIds('node-1', 'exit-1', 'target-1');
+            clock.tick(16);
+            const result = plumber.setConnectionRemovingState('exit-1', true);
             expect(result).to.be.true;
-            expect(mockConnections[0].addClass).to.have.been.calledWith('removing');
-            expect(mockConnections[1].addClass).to.have.been.calledWith('removing');
+            const conn = plumber.connections.get('exit-1');
+            expect(conn.svgEl.classList.contains('removing')).to.be.true;
+            exitEl.remove();
+            targetEl.remove();
         });
-        it('removes removing class from connections when isRemoving is false', () => {
-            const mockConnections = [
-                { id: 'conn1', removeClass: stub() },
-                { id: 'conn2', removeClass: stub() }
-            ];
-            plumber.jsPlumb.getConnections = stub().returns(mockConnections);
-            const result = plumber.setConnectionRemovingState('test-exit', false);
+        it('removes removing class when isRemoving is false', () => {
+            const exitEl = document.createElement('div');
+            exitEl.id = 'exit-2';
+            const targetEl = document.createElement('div');
+            targetEl.id = 'target-2';
+            mockCanvas.appendChild(exitEl);
+            mockCanvas.appendChild(targetEl);
+            plumber.connectIds('node-1', 'exit-2', 'target-2');
+            clock.tick(16);
+            plumber.setConnectionRemovingState('exit-2', true);
+            plumber.setConnectionRemovingState('exit-2', false);
+            const conn = plumber.connections.get('exit-2');
+            expect(conn.svgEl.classList.contains('removing')).to.be.false;
+            exitEl.remove();
+            targetEl.remove();
+        });
+    });
+    describe('removeExitConnection', () => {
+        it('removes a connection for an exit', () => {
+            const exitEl = document.createElement('div');
+            exitEl.id = 'exit-3';
+            const targetEl = document.createElement('div');
+            targetEl.id = 'target-3';
+            mockCanvas.appendChild(exitEl);
+            mockCanvas.appendChild(targetEl);
+            plumber.connectIds('node-1', 'exit-3', 'target-3');
+            clock.tick(16);
+            expect(plumber.connections.has('exit-3')).to.be.true;
+            const result = plumber.removeExitConnection('exit-3');
             expect(result).to.be.true;
-            expect(mockConnections[0].removeClass).to.have.been.calledWith('removing');
-            expect(mockConnections[1].removeClass).to.have.been.calledWith('removing');
+            expect(plumber.connections.has('exit-3')).to.be.false;
+            exitEl.remove();
+            targetEl.remove();
+        });
+        it('returns false when no connection exists', () => {
+            const result = plumber.removeExitConnection('nonexistent');
+            expect(result).to.be.false;
         });
     });
     describe('connectIds and processPendingConnections', () => {
         it('adds connection to pending connections', () => {
-            // Call connectIds which should add to pending connections
             plumber.connectIds('test-node', 'test-from', 'test-to');
-            // Verify pendingConnections has the new connection
             expect(plumber.pendingConnections.length).to.equal(1);
-            // Advance timer to trigger the timeout
-            clock.tick(51); // Just past the 50ms timeout
-            // Now the batch should have been called
-            expect(plumber.jsPlumb.batch).to.have.been.called;
-            expect(plumber.jsPlumb.addEndpoint).to.have.been.called;
-            expect(plumber.jsPlumb.connect).to.have.been.called;
         });
-        it('clears previous timeout when called multiple times', () => {
-            // Set up spies for window.setTimeout and window.clearTimeout instead of global
-            const clearTimeoutSpy = stub(window, 'clearTimeout');
-            const setTimeoutSpy = stub(window, 'setTimeout').returns(123);
-            // Call twice
+        it('clears previous rAF when called multiple times', () => {
+            const cancelSpy = stub(window, 'cancelAnimationFrame');
+            const rafSpy = stub(window, 'requestAnimationFrame').returns(123);
             plumber.processPendingConnections();
             plumber.processPendingConnections();
-            // Should have called clearTimeout once and setTimeout twice
-            expect(clearTimeoutSpy).to.have.been.calledOnce;
-            expect(setTimeoutSpy).to.have.been.calledTwice;
-            // Clean up
-            clearTimeoutSpy.restore();
-            setTimeoutSpy.restore();
+            expect(cancelSpy).to.have.been.calledOnce;
+            expect(rafSpy).to.have.been.calledTwice;
+            cancelSpy.restore();
+            rafSpy.restore();
         });
     });
-    describe('removeExitConnection', () => {
-        it('removes connections for an exit', () => {
-            const mockConnections = [{ id: 'conn1' }, { id: 'conn2' }];
-            plumber.jsPlumb.getConnections = stub().returns(mockConnections);
-            const result = plumber.removeExitConnection('test-exit');
-            expect(result).to.be.true;
-            expect(plumber.jsPlumb.deleteConnection).to.have.been
-                .calledTwice;
-        });
-        it('returns false when no connections exist', () => {
-            plumber.jsPlumb.getConnections = stub().returns([]);
-            const result = plumber.removeExitConnection('test-exit');
-            expect(result).to.be.false;
+    describe('removeNodeConnections', () => {
+        it('removes inbound and outbound connections for a node', () => {
+            const exitEl = document.createElement('div');
+            exitEl.id = 'exit-4';
+            exitEl.classList.add('exit');
+            const nodeEl = document.createElement('div');
+            nodeEl.id = 'node-1';
+            nodeEl.appendChild(exitEl);
+            const targetEl = document.createElement('div');
+            targetEl.id = 'target-4';
+            mockCanvas.appendChild(nodeEl);
+            mockCanvas.appendChild(targetEl);
+            plumber.connectIds('node-1', 'exit-4', 'target-4');
+            clock.tick(16);
+            expect(plumber.connections.size).to.equal(1);
+            plumber.removeNodeConnections('node-1', ['exit-4']);
+            expect(plumber.connections.size).to.equal(0);
+            nodeEl.remove();
+            targetEl.remove();
         });
     });
 });

package/out-tsc/test/temba-flow-plumber-connections.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"temba-flow-plumber-connections.test.js","sourceRoot":"","sources":["../../test/temba-flow-plumber-connections.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect } from '@open-wc/testing';\nimport { stub, useFakeTimers, SinonFakeTimers } from 'sinon';\nimport { Plumber } from '../src/flow/Plumber';\n\ndescribe('Plumber - Connection Management', () => {\n  let plumber: Plumber;\n  let mockCanvas: HTMLElement;\n  let clock: SinonFakeTimers;\n\n  beforeEach(() => {\n    // Use fake timers to control setTimeout\n    clock = useFakeTimers();\n\n    // Create mock canvas and make getElementById return a mock element\n    mockCanvas = document.createElement('div');\n    const mockElement = document.createElement('div');\n    stub(document, 'getElementById').returns(mockElement);\n\n    // Create a mock editor with fireCustomEvent\n    const mockEditor = { fireCustomEvent: stub() };\n\n    // Create a new plumber instance\n    plumber = new Plumber(mockCanvas, mockEditor);\n\n    // Replace the internal jsPlumb instance with mocks\n    (plumber as any).jsPlumb = {\n      getConnections: stub().returns([]),\n      addClass: stub(),\n      removeClass: stub(),\n      batch: stub().callsFake((fn: any) => fn()),\n      addEndpoint: stub().returns({}),\n      revalidate: stub(),\n      connect: stub(),\n      getEndpoints: stub().returns([\n        { elementId: 'test-from', addClass: stub() }\n      ]),\n      select: stub().returns({\n        deleteAll: stub()\n      }),\n      selectEndpoints: stub().returns({\n        deleteAll: stub()\n      }),\n      deleteConnection: stub(),\n      removeAllEndpoints: stub(),\n      repaintEverything: stub()\n    };\n  });\n\n  afterEach(() => {\n    // Restore the original document.getElementById\n    (document.getElementById as any).restore?.();\n    clock.restore();\n  });\n\n  describe('setConnectionRemovingState', () => {\n    it('returns false when no connections are found', () => {\n      const result = plumber.setConnectionRemovingState('test-exit', true);\n      expect(result).to.be.false;\n      expect((plumber as any).jsPlumb.getConnections).to.have.been.called;\n    });\n\n    it('sets removing class on connections when isRemoving is true', () => {\n      const mockConnections = [\n        { id: 'conn1', addClass: stub() },\n        { id: 'conn2', addClass: stub() }\n      ];\n\n      (plumber as any).jsPlumb.getConnections = stub().returns(mockConnections);\n\n      const result = plumber.setConnectionRemovingState('test-exit', true);\n      expect(result).to.be.true;\n      expect(mockConnections[0].addClass).to.have.been.calledWith('removing');\n      expect(mockConnections[1].addClass).to.have.been.calledWith('removing');\n    });\n\n    it('removes removing class from connections when isRemoving is false', () => {\n      const mockConnections = [\n        { id: 'conn1', removeClass: stub() },\n        { id: 'conn2', removeClass: stub() }\n      ];\n\n      (plumber as any).jsPlumb.getConnections = stub().returns(mockConnections);\n\n      const result = plumber.setConnectionRemovingState('test-exit', false);\n      expect(result).to.be.true;\n      expect(mockConnections[0].removeClass).to.have.been.calledWith(\n        'removing'\n      );\n      expect(mockConnections[1].removeClass).to.have.been.calledWith(\n        'removing'\n      );\n    });\n  });\n\n  describe('connectIds and processPendingConnections', () => {\n    it('adds connection to pending connections', () => {\n      // Call connectIds which should add to pending connections\n      plumber.connectIds('test-node', 'test-from', 'test-to');\n\n      // Verify pendingConnections has the new connection\n      expect((plumber as any).pendingConnections.length).to.equal(1);\n\n      // Advance timer to trigger the timeout\n      clock.tick(51); // Just past the 50ms timeout\n\n      // Now the batch should have been called\n      expect((plumber as any).jsPlumb.batch).to.have.been.called;\n      expect((plumber as any).jsPlumb.addEndpoint).to.have.been.called;\n      expect((plumber as any).jsPlumb.connect).to.have.been.called;\n    });\n\n    it('clears previous timeout when called multiple times', () => {\n      // Set up spies for window.setTimeout and window.clearTimeout instead of global\n      const clearTimeoutSpy = stub(window, 'clearTimeout');\n      const setTimeoutSpy = stub(window, 'setTimeout').returns(123 as any);\n\n      // Call twice\n      plumber.processPendingConnections();\n      plumber.processPendingConnections();\n\n      // Should have called clearTimeout once and setTimeout twice\n      expect(clearTimeoutSpy).to.have.been.calledOnce;\n      expect(setTimeoutSpy).to.have.been.calledTwice;\n\n      // Clean up\n      clearTimeoutSpy.restore();\n      setTimeoutSpy.restore();\n    });\n  });\n\n  describe('removeExitConnection', () => {\n    it('removes connections for an exit', () => {\n      const mockConnections = [{ id: 'conn1' }, { id: 'conn2' }];\n      (plumber as any).jsPlumb.getConnections = stub().returns(mockConnections);\n\n      const result = plumber.removeExitConnection('test-exit');\n\n      expect(result).to.be.true;\n      expect((plumber as any).jsPlumb.deleteConnection).to.have.been\n        .calledTwice;\n    });\n\n    it('returns false when no connections exist', () => {\n      (plumber as any).jsPlumb.getConnections = stub().returns([]);\n\n      const result = plumber.removeExitConnection('test-exit');\n\n      expect(result).to.be.false;\n    });\n  });\n});\n"]}
+{"version":3,"file":"temba-flow-plumber-connections.test.js","sourceRoot":"","sources":["../../test/temba-flow-plumber-connections.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect } from '@open-wc/testing';\nimport { stub, useFakeTimers, SinonFakeTimers } from 'sinon';\nimport { Plumber } from '../src/flow/Plumber';\n\ndescribe('Plumber - Connection Management', () => {\n  let plumber: Plumber;\n  let mockCanvas: HTMLElement;\n  let clock: SinonFakeTimers;\n\n  beforeEach(() => {\n    clock = useFakeTimers();\n\n    mockCanvas = document.createElement('div');\n    mockCanvas.id = 'canvas';\n    document.body.appendChild(mockCanvas);\n\n    const mockEditor = { fireCustomEvent: stub() };\n    plumber = new Plumber(mockCanvas, mockEditor);\n  });\n\n  afterEach(() => {\n    mockCanvas.remove();\n    clock.restore();\n  });\n\n  describe('setConnectionRemovingState', () => {\n    it('returns false when no connection exists for the exit', () => {\n      const result = plumber.setConnectionRemovingState('nonexistent', true);\n      expect(result).to.be.false;\n    });\n\n    it('adds removing class when isRemoving is true', () => {\n      // Create mock elements for a connection\n      const exitEl = document.createElement('div');\n      exitEl.id = 'exit-1';\n      const targetEl = document.createElement('div');\n      targetEl.id = 'target-1';\n      mockCanvas.appendChild(exitEl);\n      mockCanvas.appendChild(targetEl);\n\n      // Create a connection\n      plumber.connectIds('node-1', 'exit-1', 'target-1');\n      clock.tick(16);\n\n      const result = plumber.setConnectionRemovingState('exit-1', true);\n      expect(result).to.be.true;\n\n      const conn = (plumber as any).connections.get('exit-1');\n      expect(conn.svgEl.classList.contains('removing')).to.be.true;\n\n      exitEl.remove();\n      targetEl.remove();\n    });\n\n    it('removes removing class when isRemoving is false', () => {\n      const exitEl = document.createElement('div');\n      exitEl.id = 'exit-2';\n      const targetEl = document.createElement('div');\n      targetEl.id = 'target-2';\n      mockCanvas.appendChild(exitEl);\n      mockCanvas.appendChild(targetEl);\n\n      plumber.connectIds('node-1', 'exit-2', 'target-2');\n      clock.tick(16);\n\n      plumber.setConnectionRemovingState('exit-2', true);\n      plumber.setConnectionRemovingState('exit-2', false);\n\n      const conn = (plumber as any).connections.get('exit-2');\n      expect(conn.svgEl.classList.contains('removing')).to.be.false;\n\n      exitEl.remove();\n      targetEl.remove();\n    });\n  });\n\n  describe('removeExitConnection', () => {\n    it('removes a connection for an exit', () => {\n      const exitEl = document.createElement('div');\n      exitEl.id = 'exit-3';\n      const targetEl = document.createElement('div');\n      targetEl.id = 'target-3';\n      mockCanvas.appendChild(exitEl);\n      mockCanvas.appendChild(targetEl);\n\n      plumber.connectIds('node-1', 'exit-3', 'target-3');\n      clock.tick(16);\n\n      expect((plumber as any).connections.has('exit-3')).to.be.true;\n\n      const result = plumber.removeExitConnection('exit-3');\n      expect(result).to.be.true;\n      expect((plumber as any).connections.has('exit-3')).to.be.false;\n\n      exitEl.remove();\n      targetEl.remove();\n    });\n\n    it('returns false when no connection exists', () => {\n      const result = plumber.removeExitConnection('nonexistent');\n      expect(result).to.be.false;\n    });\n  });\n\n  describe('connectIds and processPendingConnections', () => {\n    it('adds connection to pending connections', () => {\n      plumber.connectIds('test-node', 'test-from', 'test-to');\n      expect((plumber as any).pendingConnections.length).to.equal(1);\n    });\n\n    it('clears previous rAF when called multiple times', () => {\n      const cancelSpy = stub(window, 'cancelAnimationFrame');\n      const rafSpy = stub(window, 'requestAnimationFrame').returns(123 as any);\n\n      plumber.processPendingConnections();\n      plumber.processPendingConnections();\n\n      expect(cancelSpy).to.have.been.calledOnce;\n      expect(rafSpy).to.have.been.calledTwice;\n\n      cancelSpy.restore();\n      rafSpy.restore();\n    });\n  });\n\n  describe('removeNodeConnections', () => {\n    it('removes inbound and outbound connections for a node', () => {\n      const exitEl = document.createElement('div');\n      exitEl.id = 'exit-4';\n      exitEl.classList.add('exit');\n      const nodeEl = document.createElement('div');\n      nodeEl.id = 'node-1';\n      nodeEl.appendChild(exitEl);\n      const targetEl = document.createElement('div');\n      targetEl.id = 'target-4';\n      mockCanvas.appendChild(nodeEl);\n      mockCanvas.appendChild(targetEl);\n\n      plumber.connectIds('node-1', 'exit-4', 'target-4');\n      clock.tick(16);\n\n      expect((plumber as any).connections.size).to.equal(1);\n\n      plumber.removeNodeConnections('node-1', ['exit-4']);\n      expect((plumber as any).connections.size).to.equal(0);\n\n      nodeEl.remove();\n      targetEl.remove();\n    });\n  });\n});\n"]}

package/out-tsc/test/temba-flow-plumber.test.js

@@ -1,53 +1,24 @@
 import { expect } from '@open-wc/testing';
-import { Plumber, SOURCE_DEFAULTS, TARGET_DEFAULTS } from '../src/flow/Plumber';
+import { Plumber, calculateFlowchartPath } from '../src/flow/Plumber';
 import { stub, useFakeTimers } from 'sinon';
 describe('Plumber', () => {
     let plumber;
-    let mockJsPlumb;
     let mockCanvas;
     let clock;
+    let mockElement;
     beforeEach(() => {
-        // Use fake timers to control setTimeout
         clock = useFakeTimers();
-        // Create mock canvas and make getElementById return a mock element
         mockCanvas = document.createElement('div');
-        const mockElement = document.createElement('div');
-        stub(document, 'getElementById').returns(mockElement);
-        // Create a mock editor with fireCustomEvent
+        mockCanvas.id = 'canvas';
+        document.body.appendChild(mockCanvas);
+        mockElement = document.createElement('div');
+        mockElement.id = 'test-exit';
+        mockCanvas.appendChild(mockElement);
         const mockEditor = { fireCustomEvent: stub() };
-        // Create a new plumber instance
         plumber = new Plumber(mockCanvas, mockEditor);
-        // Replace the internal jsPlumb instance with mocks
-        mockJsPlumb = {
-            getConnections: stub().returns([]),
-            addClass: stub(),
-            removeClass: stub(),
-            batch: stub().callsFake((fn) => fn()),
-            addEndpoint: stub().returns({}),
-            connect: stub(),
-            getEndpoints: stub().returns([
-                { elementId: 'test-from', addClass: stub() }
-            ]),
-            select: stub().returns({
-                deleteAll: stub()
-            }),
-            selectEndpoints: stub().returns({
-                deleteAll: stub()
-            }),
-            deleteConnection: stub(),
-            removeAllEndpoints: stub(),
-            repaintEverything: stub(),
-            revalidate: stub(),
-            bind: stub()
-        };
-        plumber.jsPlumb = mockJsPlumb;
-        // Reset the connectionWait to avoid timing issues
-        plumber.connectionWait = null;
     });
     afterEach(() => {
-        var _a, _b;
-        // Restore the original document.getElementById
-        (_b = (_a = document.getElementById).restore) === null || _b === void 0 ? void 0 : _b.call(_a);
+        mockCanvas.remove();
         clock.restore();
     });
     describe('constructor', () => {
@@ -55,79 +26,117 @@ describe('Plumber', () => {
             expect(plumber).to.be.instanceOf(Plumber);
         });
     });
-    describe('makeTarget', () => {
-        it('creates a target endpoint for the specified element', () => {
-            plumber.makeTarget('test-target');
-            expect(mockJsPlumb.addEndpoint).to.have.been.called;
+    describe('makeSource', () => {
+        it('registers a mousedown listener on the exit element', () => {
+            const exitEl = document.createElement('div');
+            exitEl.id = 'exit-1';
+            mockCanvas.appendChild(exitEl);
+            plumber.makeSource('exit-1');
+            // Source should be tracked
+            expect(plumber.sources.has('exit-1')).to.be.true;
+            exitEl.remove();
+        });
+        it('cleans up previous listener when called again', () => {
+            const exitEl = document.createElement('div');
+            exitEl.id = 'exit-2';
+            mockCanvas.appendChild(exitEl);
+            plumber.makeSource('exit-2');
+            plumber.makeSource('exit-2');
+            expect(plumber.sources.has('exit-2')).to.be.true;
+            exitEl.remove();
         });
     });
-    describe('makeSource', () => {
-        it('creates a source endpoint for the specified element', () => {
-            plumber.makeSource('test-source');
-            expect(mockJsPlumb.addEndpoint).to.have.been.called;
+    describe('makeTarget', () => {
+        it('is a no-op', () => {
+            // Should not throw
+            plumber.makeTarget('test-node');
         });
     });
     describe('connectIds', () => {
         it('adds connection to pending connections and processes them', () => {
             plumber.connectIds('test-node', 'test-from', 'test-to');
-            // Verify pendingConnections has the new connection
             expect(plumber.pendingConnections.length).to.equal(1);
-            // Advance timer to trigger the timeout
-            clock.tick(51); // Just past the 50ms timeout
-            // Now the batch should have been called
-            expect(mockJsPlumb.batch).to.have.been.called;
         });
     });
     describe('processPendingConnections', () => {
-        it('processes pending connections with timeout', () => {
-            // Add a connection to pending connections
-            plumber.connectIds('test-node', 'test-from', 'test-to');
-            // Fast-forward clock past the timeout
-            clock.tick(51); // Just past the 50ms timeout
-            expect(mockJsPlumb.batch).to.have.been.called;
-        });
-        it('creates endpoints and connections for pending connections', () => {
-            plumber.connectIds('test-node', 'test-from', 'test-to');
-            // Fast-forward clock past the timeout
-            clock.tick(51); // Just past the 50ms timeout
-            expect(mockJsPlumb.addEndpoint).to.have.been.called;
-            expect(mockJsPlumb.connect).to.have.been.called;
-        });
-        it('clears existing timeout when called multiple times', () => {
-            // Set up spies for window.setTimeout and window.clearTimeout
-            const clearTimeoutSpy = stub(window, 'clearTimeout');
-            const setTimeoutSpy = stub(window, 'setTimeout').returns(123);
-            // Call twice
+        it('clears existing rAF when called multiple times', () => {
+            const cancelSpy = stub(window, 'cancelAnimationFrame');
+            const rafSpy = stub(window, 'requestAnimationFrame').returns(123);
             plumber.processPendingConnections();
             plumber.processPendingConnections();
-            // Should have called clearTimeout once and setTimeout twice
-            expect(clearTimeoutSpy).to.have.been.calledOnce;
-            expect(setTimeoutSpy).to.have.been.calledTwice;
-            // Clean up
-            clearTimeoutSpy.restore();
-            setTimeoutSpy.restore();
-        });
-        it('handles empty pending connections', () => {
-            // Call without adding any connections
-            plumber.processPendingConnections();
-            // Fast-forward clock past the timeout
-            clock.tick(51); // Just past the 50ms timeout
-            expect(mockJsPlumb.batch).to.have.been.called;
+            expect(cancelSpy).to.have.been.calledOnce;
+            expect(rafSpy).to.have.been.calledTwice;
+            cancelSpy.restore();
+            rafSpy.restore();
         });
     });
-    describe('constants', () => {
-        it('has correct properties in SOURCE_DEFAULTS', () => {
-            expect(SOURCE_DEFAULTS).to.have.property('endpoint');
-            expect(SOURCE_DEFAULTS).to.have.property('anchors');
-            expect(SOURCE_DEFAULTS).to.have.property('maxConnections');
-            expect(SOURCE_DEFAULTS).to.have.property('source');
+    describe('event system', () => {
+        it('supports on/off/notify pattern', () => {
+            let received = null;
+            const handler = (info) => {
+                received = info;
+            };
+            plumber.on('test-event', handler);
+            plumber.notifyListeners('test-event', { data: 'test' });
+            expect(received).to.deep.equal({ data: 'test' });
+            received = null;
+            plumber.off('test-event', handler);
+            plumber.notifyListeners('test-event', { data: 'test2' });
+            expect(received).to.be.null;
         });
-        it('has correct properties in TARGET_DEFAULTS', () => {
-            expect(TARGET_DEFAULTS).to.have.property('endpoint');
-            expect(TARGET_DEFAULTS).to.have.property('anchor');
-            expect(TARGET_DEFAULTS).to.have.property('maxConnections');
-            expect(TARGET_DEFAULTS).to.have.property('target');
+    });
+    describe('reset', () => {
+        it('clears all state', () => {
+            plumber.connectIds('test-node', 'test-from', 'test-to');
+            plumber.reset();
+            expect(plumber.pendingConnections.length).to.equal(0);
+            expect(plumber.connections.size).to.equal(0);
+            expect(plumber.sources.size).to.equal(0);
         });
     });
 });
+describe('calculateFlowchartPath', () => {
+    it('generates a straight vertical path when source and target are aligned', () => {
+        const path = calculateFlowchartPath(100, 0, 100, 100);
+        expect(path).to.include('M 100 0');
+        expect(path).to.include('L 100 100');
+        // Should not contain Q (quadratic curve) for aligned points
+        expect(path).to.not.include('Q');
+    });
+    it('generates a path with corners when source and target are offset', () => {
+        const path = calculateFlowchartPath(50, 0, 150, 200);
+        expect(path).to.include('M 50 0');
+        expect(path).to.include('Q'); // Should have rounded corners
+        expect(path).to.include('L 150 200');
+    });
+    it('handles custom stub and corner radius', () => {
+        const path = calculateFlowchartPath(0, 0, 100, 100, 30, 15, 10);
+        expect(path).to.include('M 0 0');
+        expect(path).to.include('L 100 100');
+    });
+    it('handles cases where vertical space is tight by using reduced-radius corners', () => {
+        // With stubs of 20+10=30, and only 35 total vertical space, there's only 5px for corners
+        const path = calculateFlowchartPath(50, 0, 150, 35);
+        expect(path).to.include('M 50 0');
+        // Should still use rounded corners (L-shape with curves)
+        expect(path).to.include('Q');
+    });
+    it('enforces midY is always below source exit for top face', () => {
+        // Target above source — midY should not go above sourceY + stubStart
+        const path = calculateFlowchartPath(50, 100, 150, 50);
+        expect(path).to.include('M 50 100');
+        // Should still exit downward with a curve at exitY (120)
+        expect(path).to.include('Q');
+    });
+    it('generates a path entering from the left face', () => {
+        const path = calculateFlowchartPath(50, 0, 150, 100, 20, 10, 5, 'left');
+        expect(path).to.include('M 50 0');
+        expect(path).to.include('L 150 100'); // ends at target
+    });
+    it('generates a path entering from the right face', () => {
+        const path = calculateFlowchartPath(150, 0, 50, 100, 20, 10, 5, 'right');
+        expect(path).to.include('M 150 0');
+        expect(path).to.include('L 50 100'); // ends at target
+    });
+});
 //# sourceMappingURL=temba-flow-plumber.test.js.map

package/out-tsc/test/temba-flow-plumber.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"temba-flow-plumber.test.js","sourceRoot":"","sources":["../../test/temba-flow-plumber.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect } from '@open-wc/testing';\nimport { Plumber, SOURCE_DEFAULTS, TARGET_DEFAULTS } from '../src/flow/Plumber';\nimport { stub, useFakeTimers, SinonFakeTimers } from 'sinon';\n\ndescribe('Plumber', () => {\n  let plumber: Plumber;\n  let mockJsPlumb: any;\n  let mockCanvas: HTMLElement;\n  let clock: SinonFakeTimers;\n\n  beforeEach(() => {\n    // Use fake timers to control setTimeout\n    clock = useFakeTimers();\n\n    // Create mock canvas and make getElementById return a mock element\n    mockCanvas = document.createElement('div');\n    const mockElement = document.createElement('div');\n    stub(document, 'getElementById').returns(mockElement);\n\n    // Create a mock editor with fireCustomEvent\n    const mockEditor = { fireCustomEvent: stub() };\n\n    // Create a new plumber instance\n    plumber = new Plumber(mockCanvas, mockEditor);\n\n    // Replace the internal jsPlumb instance with mocks\n    mockJsPlumb = {\n      getConnections: stub().returns([]),\n      addClass: stub(),\n      removeClass: stub(),\n      batch: stub().callsFake((fn) => fn()),\n      addEndpoint: stub().returns({}),\n      connect: stub(),\n      getEndpoints: stub().returns([\n        { elementId: 'test-from', addClass: stub() }\n      ]),\n      select: stub().returns({\n        deleteAll: stub()\n      }),\n      selectEndpoints: stub().returns({\n        deleteAll: stub()\n      }),\n      deleteConnection: stub(),\n      removeAllEndpoints: stub(),\n      repaintEverything: stub(),\n      revalidate: stub(),\n      bind: stub()\n    };\n\n    (plumber as any).jsPlumb = mockJsPlumb;\n    // Reset the connectionWait to avoid timing issues\n    (plumber as any).connectionWait = null;\n  });\n\n  afterEach(() => {\n    // Restore the original document.getElementById\n    (document.getElementById as any).restore?.();\n    clock.restore();\n  });\n\n  describe('constructor', () => {\n    it('creates a new plumber instance', () => {\n      expect(plumber).to.be.instanceOf(Plumber);\n    });\n  });\n\n  describe('makeTarget', () => {\n    it('creates a target endpoint for the specified element', () => {\n      plumber.makeTarget('test-target');\n      expect(mockJsPlumb.addEndpoint).to.have.been.called;\n    });\n  });\n\n  describe('makeSource', () => {\n    it('creates a source endpoint for the specified element', () => {\n      plumber.makeSource('test-source');\n      expect(mockJsPlumb.addEndpoint).to.have.been.called;\n    });\n  });\n\n  describe('connectIds', () => {\n    it('adds connection to pending connections and processes them', () => {\n      plumber.connectIds('test-node', 'test-from', 'test-to');\n\n      // Verify pendingConnections has the new connection\n      expect((plumber as any).pendingConnections.length).to.equal(1);\n\n      // Advance timer to trigger the timeout\n      clock.tick(51); // Just past the 50ms timeout\n\n      // Now the batch should have been called\n      expect(mockJsPlumb.batch).to.have.been.called;\n    });\n  });\n\n  describe('processPendingConnections', () => {\n    it('processes pending connections with timeout', () => {\n      // Add a connection to pending connections\n      plumber.connectIds('test-node', 'test-from', 'test-to');\n\n      // Fast-forward clock past the timeout\n      clock.tick(51); // Just past the 50ms timeout\n\n      expect(mockJsPlumb.batch).to.have.been.called;\n    });\n\n    it('creates endpoints and connections for pending connections', () => {\n      plumber.connectIds('test-node', 'test-from', 'test-to');\n\n      // Fast-forward clock past the timeout\n      clock.tick(51); // Just past the 50ms timeout\n\n      expect(mockJsPlumb.addEndpoint).to.have.been.called;\n      expect(mockJsPlumb.connect).to.have.been.called;\n    });\n\n    it('clears existing timeout when called multiple times', () => {\n      // Set up spies for window.setTimeout and window.clearTimeout\n      const clearTimeoutSpy = stub(window, 'clearTimeout');\n      const setTimeoutSpy = stub(window, 'setTimeout').returns(123 as any);\n\n      // Call twice\n      plumber.processPendingConnections();\n      plumber.processPendingConnections();\n\n      // Should have called clearTimeout once and setTimeout twice\n      expect(clearTimeoutSpy).to.have.been.calledOnce;\n      expect(setTimeoutSpy).to.have.been.calledTwice;\n\n      // Clean up\n      clearTimeoutSpy.restore();\n      setTimeoutSpy.restore();\n    });\n\n    it('handles empty pending connections', () => {\n      // Call without adding any connections\n      plumber.processPendingConnections();\n\n      // Fast-forward clock past the timeout\n      clock.tick(51); // Just past the 50ms timeout\n\n      expect(mockJsPlumb.batch).to.have.been.called;\n    });\n  });\n\n  describe('constants', () => {\n    it('has correct properties in SOURCE_DEFAULTS', () => {\n      expect(SOURCE_DEFAULTS).to.have.property('endpoint');\n      expect(SOURCE_DEFAULTS).to.have.property('anchors');\n      expect(SOURCE_DEFAULTS).to.have.property('maxConnections');\n      expect(SOURCE_DEFAULTS).to.have.property('source');\n    });\n\n    it('has correct properties in TARGET_DEFAULTS', () => {\n      expect(TARGET_DEFAULTS).to.have.property('endpoint');\n      expect(TARGET_DEFAULTS).to.have.property('anchor');\n      expect(TARGET_DEFAULTS).to.have.property('maxConnections');\n      expect(TARGET_DEFAULTS).to.have.property('target');\n    });\n  });\n});\n"]}
+{"version":3,"file":"temba-flow-plumber.test.js","sourceRoot":"","sources":["../../test/temba-flow-plumber.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect } from '@open-wc/testing';\nimport { Plumber, calculateFlowchartPath } from '../src/flow/Plumber';\nimport { stub, useFakeTimers, SinonFakeTimers } from 'sinon';\n\ndescribe('Plumber', () => {\n  let plumber: Plumber;\n  let mockCanvas: HTMLElement;\n  let clock: SinonFakeTimers;\n  let mockElement: HTMLElement;\n\n  beforeEach(() => {\n    clock = useFakeTimers();\n\n    mockCanvas = document.createElement('div');\n    mockCanvas.id = 'canvas';\n    document.body.appendChild(mockCanvas);\n\n    mockElement = document.createElement('div');\n    mockElement.id = 'test-exit';\n    mockCanvas.appendChild(mockElement);\n\n    const mockEditor = { fireCustomEvent: stub() };\n    plumber = new Plumber(mockCanvas, mockEditor);\n  });\n\n  afterEach(() => {\n    mockCanvas.remove();\n    clock.restore();\n  });\n\n  describe('constructor', () => {\n    it('creates a new plumber instance', () => {\n      expect(plumber).to.be.instanceOf(Plumber);\n    });\n  });\n\n  describe('makeSource', () => {\n    it('registers a mousedown listener on the exit element', () => {\n      const exitEl = document.createElement('div');\n      exitEl.id = 'exit-1';\n      mockCanvas.appendChild(exitEl);\n\n      plumber.makeSource('exit-1');\n\n      // Source should be tracked\n      expect((plumber as any).sources.has('exit-1')).to.be.true;\n\n      exitEl.remove();\n    });\n\n    it('cleans up previous listener when called again', () => {\n      const exitEl = document.createElement('div');\n      exitEl.id = 'exit-2';\n      mockCanvas.appendChild(exitEl);\n\n      plumber.makeSource('exit-2');\n      plumber.makeSource('exit-2');\n\n      expect((plumber as any).sources.has('exit-2')).to.be.true;\n\n      exitEl.remove();\n    });\n  });\n\n  describe('makeTarget', () => {\n    it('is a no-op', () => {\n      // Should not throw\n      plumber.makeTarget('test-node');\n    });\n  });\n\n  describe('connectIds', () => {\n    it('adds connection to pending connections and processes them', () => {\n      plumber.connectIds('test-node', 'test-from', 'test-to');\n      expect((plumber as any).pendingConnections.length).to.equal(1);\n    });\n  });\n\n  describe('processPendingConnections', () => {\n    it('clears existing rAF when called multiple times', () => {\n      const cancelSpy = stub(window, 'cancelAnimationFrame');\n      const rafSpy = stub(window, 'requestAnimationFrame').returns(123 as any);\n\n      plumber.processPendingConnections();\n      plumber.processPendingConnections();\n\n      expect(cancelSpy).to.have.been.calledOnce;\n      expect(rafSpy).to.have.been.calledTwice;\n\n      cancelSpy.restore();\n      rafSpy.restore();\n    });\n  });\n\n  describe('event system', () => {\n    it('supports on/off/notify pattern', () => {\n      let received = null;\n      const handler = (info: any) => {\n        received = info;\n      };\n\n      plumber.on('test-event', handler);\n      (plumber as any).notifyListeners('test-event', { data: 'test' });\n      expect(received).to.deep.equal({ data: 'test' });\n\n      received = null;\n      plumber.off('test-event', handler);\n      (plumber as any).notifyListeners('test-event', { data: 'test2' });\n      expect(received).to.be.null;\n    });\n  });\n\n  describe('reset', () => {\n    it('clears all state', () => {\n      plumber.connectIds('test-node', 'test-from', 'test-to');\n      plumber.reset();\n\n      expect((plumber as any).pendingConnections.length).to.equal(0);\n      expect((plumber as any).connections.size).to.equal(0);\n      expect((plumber as any).sources.size).to.equal(0);\n    });\n  });\n});\n\ndescribe('calculateFlowchartPath', () => {\n  it('generates a straight vertical path when source and target are aligned', () => {\n    const path = calculateFlowchartPath(100, 0, 100, 100);\n    expect(path).to.include('M 100 0');\n    expect(path).to.include('L 100 100');\n    // Should not contain Q (quadratic curve) for aligned points\n    expect(path).to.not.include('Q');\n  });\n\n  it('generates a path with corners when source and target are offset', () => {\n    const path = calculateFlowchartPath(50, 0, 150, 200);\n    expect(path).to.include('M 50 0');\n    expect(path).to.include('Q'); // Should have rounded corners\n    expect(path).to.include('L 150 200');\n  });\n\n  it('handles custom stub and corner radius', () => {\n    const path = calculateFlowchartPath(0, 0, 100, 100, 30, 15, 10);\n    expect(path).to.include('M 0 0');\n    expect(path).to.include('L 100 100');\n  });\n\n  it('handles cases where vertical space is tight by using reduced-radius corners', () => {\n    // With stubs of 20+10=30, and only 35 total vertical space, there's only 5px for corners\n    const path = calculateFlowchartPath(50, 0, 150, 35);\n    expect(path).to.include('M 50 0');\n    // Should still use rounded corners (L-shape with curves)\n    expect(path).to.include('Q');\n  });\n\n  it('enforces midY is always below source exit for top face', () => {\n    // Target above source — midY should not go above sourceY + stubStart\n    const path = calculateFlowchartPath(50, 100, 150, 50);\n    expect(path).to.include('M 50 100');\n    // Should still exit downward with a curve at exitY (120)\n    expect(path).to.include('Q');\n  });\n\n  it('generates a path entering from the left face', () => {\n    const path = calculateFlowchartPath(50, 0, 150, 100, 20, 10, 5, 'left');\n    expect(path).to.include('M 50 0');\n    expect(path).to.include('L 150 100'); // ends at target\n  });\n\n  it('generates a path entering from the right face', () => {\n    const path = calculateFlowchartPath(150, 0, 50, 100, 20, 10, 5, 'right');\n    expect(path).to.include('M 150 0');\n    expect(path).to.include('L 50 100'); // ends at target\n  });\n});\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nyaruka/temba-components",
-  "version": "0.138.4",
+  "version": "0.139.0",
   "description": "Web components to support rapidpro and related projects",
   "author": "Nyaruka <code@nyaruka.coim>",
   "main": "dist/index.js",