Merge pull request #2 from Aksem/feature/improve-anchors

v1.2.1: rework anchors logic, move router options and edge in …

Author: Aksem

.github/workflows/main.yml

@@ -6,17 +6,18 @@ jobs:
     runs-on: ${{ matrix.os }}
     strategy:
       matrix:
-        node-version: [12.x]
+        node-version: [16.x]
         os: [ubuntu-latest]
     steps:
-    - uses: actions/checkout@v1
+    - uses: actions/checkout@v4
     - name: Use Node.js ${{ matrix.node_version }}
-      uses: actions/setup-node@v1
+      uses: actions/setup-node@v3
       with:
         node-version: ${{ matrix.node_version }}
     - name: npm install, build, and test
       run: |
         npm install
-        npm run test
+        npm run build
+        # npm run test
       env:
         CI: true

.github/workflows/publish.yml

@@ -9,10 +9,10 @@ jobs:
   publish:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v1
-      - uses: actions/setup-node@v1
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v3
         with:
-          node-version: 12
+          node-version: 16
       - run: npm install
       - run: npm run coverage
 

README.md

@@ -78,6 +78,12 @@
     });
     ```
 
+## Known limitations
+
+- if AnchorComputer returns anchors on sides of connectables on first rendering, then anchors are attached to sides of connectables
+  and it cannot be changed later even if AnchorComputer returns new values not on sides. This is because libavoid doesn't have
+  public API for changing type of anchor(absolute/relative) yet.
+
 ## Development
 
 Notes:

base.tsconfig.json

@@ -5,9 +5,6 @@
         "lib": [
             "es6", "dom"
         ],
-        "types": [
-            "reflect-metadata"
-        ],
         "typeRoots": [
             "node_modules/@types", "typings"
         ],
@@ -24,4 +21,4 @@
         "esModuleInterop": true,
         "jsx": "react"
     }
-}
+}

dist/connection-pins-utils.d.ts

@@ -0,0 +1,27 @@
+import { Avoid as AvoidInterface } from "libavoid-js";
+import { SConnectableElementImpl, SParentElementImpl, IAnchorComputer } from "sprotty";
+import { Point, Bounds } from "sprotty-protocol";
+export type ShapeConnPinsInfo = {
+    left: AvoidInterface["ShapeConnectionPin"];
+    leftIsOnSide: boolean;
+    right: AvoidInterface["ShapeConnectionPin"];
+    rightIsOnSide: boolean;
+    top: AvoidInterface["ShapeConnectionPin"];
+    topIsOnSide: boolean;
+    bottom: AvoidInterface["ShapeConnectionPin"];
+    bottomIsOnSide: boolean;
+    center: AvoidInterface["ShapeConnectionPin"];
+};
+export type ShapeInfo = {
+    ref: AvoidInterface["ShapeRef"];
+    bounds: Bounds;
+    connPins: ShapeConnPinsInfo;
+};
+export declare function getRelativeAnchor(connectable: SConnectableElementImpl, refPoint: Point, refContainer: SParentElementImpl, anchorComputer: IAnchorComputer, anchorCorrection?: number): Point;
+export declare function addConnectionPinsToShape(shapeRef: AvoidInterface["ShapeRef"], child: SConnectableElementImpl, centerPoint: Point, anchorComputer: IAnchorComputer, Avoid: AvoidInterface): ShapeConnPinsInfo;
+export declare function getCenterPoint(element: SConnectableElementImpl): {
+    x: number;
+    y: number;
+};
+export declare function updateConnPinsOnShapeResize(child: SConnectableElementImpl, shapeInfo: ShapeInfo, anchorComputer: IAnchorComputer, Avoid: AvoidInterface): void;
+//# sourceMappingURL=connection-pins-utils.d.ts.map