@yanqirenshi/d3.deployment 0.3.0 → 0.4.0

package/dist/js/datamodels/Node.js

@@ -0,0 +1,132 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _assh0le = require("@yanqirenshi/assh0le");
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
+ * Node のデータクラス。入力データの正規化(既定値補完)と幾何情報の提供を行う。
+ * 描画は painters/Node.js が担当する。
+ */
+var Node = exports["default"] = /*#__PURE__*/function () {
+  function Node() {
+    _classCallCheck(this, Node);
+    this.label = new _assh0le.Label();
+    this.rectangle = new _assh0le.Rectangle();
+    this.position = new _assh0le.Position();
+    this.stroke = new _assh0le.Stroke();
+    this.background = new _assh0le.Background();
+    this.padding = new _assh0le.Padding();
+  }
+  ///// ////////////////////////////////////////////////////////////////
+  /////   Utility
+  ///// ////////////////////////////////////////////////////////////////
+  return _createClass(Node, [{
+    key: "getFourSides",
+    value: function getFourSides(data) {
+      var port_r = 4;
+      var margin = 4 + port_r;
+      var x = data._position.x;
+      var y = data._position.y;
+      var w = data._size.w;
+      var h = data._size.h;
+      var top_left = {
+        x: x - margin,
+        y: y - margin
+      };
+      var top_right = {
+        x: x + w + margin,
+        y: y - margin
+      };
+      var bottom_rigth = {
+        x: x + w + margin,
+        y: y + h + margin
+      };
+      var bottom_left = {
+        x: x - margin,
+        y: y + h + margin
+      };
+      return [{
+        from: top_left,
+        to: top_right
+      }, {
+        from: top_right,
+        to: bottom_rigth
+      }, {
+        from: bottom_rigth,
+        to: bottom_left
+      }, {
+        from: bottom_left,
+        to: top_left
+      }];
+    }
+    ///// ////////////////////////////////////////////////////////////////
+    /////   Adjust
+    ///// ////////////////////////////////////////////////////////////////
+  }, {
+    key: "dataTemplate",
+    value: function dataTemplate() {
+      return {
+        type: '',
+        label: {
+          contents: '',
+          position: {
+            x: 20,
+            y: 20
+          },
+          font: {
+            size: 16,
+            color: '#333333'
+          }
+        },
+        position: null,
+        size: null,
+        background: null,
+        border: null,
+        link: null,
+        children: [],
+        _id: null,
+        _core: null,
+        _class: 'NODE'
+      };
+    }
+  }, {
+    key: "normalizeBase",
+    value: function normalizeBase(data) {
+      var core = data._core;
+      if (core.id || core.id === 0) data._id = core.id;
+      if (core.type) data.type = core.type;
+      if (core.link) data.link = core.link;else data.link = {
+        url: null
+      };
+    }
+  }, {
+    key: "normalize",
+    value: function normalize(data) {
+      var _this = this;
+      if (!data) return null;
+      var new_data = this.dataTemplate();
+      new_data._core = data;
+      var children = data.children;
+      if (children && children.length > 0) new_data.children = children.map(function (child) {
+        return _this.normalize(child);
+      });
+      this.normalizeBase(new_data);
+      new_data.label = this.label.build(new_data._core.label);
+      new_data.size = this.rectangle.build(new_data._core.size);
+      new_data.position = this.position.build(new_data._core.position);
+      new_data.border = this.stroke.build(new_data._core.border) || this.stroke.template();
+      new_data.padding = this.padding.build(new_data._core.padding);
+      new_data.background = this.background.build(new_data._core.background);
+      data._node = new_data;
+      return new_data;
+    }
+  }]);
+}();

package/dist/js/datamodels/Port.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
+ * Port のデータクラス。入力データの正規化を行う。
+ * 描画は painters/Port.js が担当する。
+ */
+var Port = exports["default"] = /*#__PURE__*/function () {
+  function Port() {
+    _classCallCheck(this, Port);
+  }
+  return _createClass(Port, [{
+    key: "dataTemplate",
+    value: function dataTemplate() {
+      return {
+        node: null,
+        edge: null,
+        _id: null,
+        _core: null,
+        _class: 'PORT'
+      };
+    }
+  }, {
+    key: "normalize",
+    value: function normalize(data) {
+      var tmp = this.dataTemplate();
+      tmp._core = data;
+      return data;
+    }
+  }]);
+}();

package/dist/js/painters/Edge.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var d3 = _interopRequireWildcard(require("d3"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
+ * Edge の描画クラス。正規化済みデータ(datamodels/Edge.js の出力)を SVG path で描画する。
+ */
+var Edge = exports["default"] = /*#__PURE__*/function () {
+  function Edge() {
+    _classCallCheck(this, Edge);
+  }
+  return _createClass(Edge, [{
+    key: "draw",
+    value: function draw(place, data) {
+      var lineData = [{
+        "x": data.from.position.x,
+        "y": data.from.position.y,
+        stroke: data.stroke
+      }, {
+        "x": data.to.position.x,
+        "y": data.to.position.y
+      }];
+      var lineFunction = d3.line().x(function (d) {
+        return d.x;
+      }).y(function (d) {
+        return d.y;
+      });
+      var path = place.append("path").datum(lineData).attr("fill", "none").attr("d", lineFunction).attr('marker-end', function (d) {
+        if (!d[0].stroke.marker || d[0].stroke.marker.end) return "url(#edge-arrow)";
+        return null;
+      }).style('stroke-linecap', 'round').style('fill', function (d) {
+        return d[0].stroke.color;
+      }).style("stroke", function (d) {
+        return d[0].stroke.color;
+      }).style("stroke-width", function (d) {
+        return d[0].stroke.width;
+      });
+      var len = path.node().getTotalLength();
+      var margin = 12;
+      var t = len - margin * 2;
+      path.attr('stroke-dasharray', "0 ".concat(margin, " ").concat(t, " ").concat(margin)).attr('stroke-dashoffset', 0);
+    }
+  }]);
+}();

package/dist/js/{Node.js → painters/Node.js}

@@ -4,147 +4,36 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
-var _assh0le = require("@yanqirenshi/assh0le");
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-var Node = /*#__PURE__*/function () {
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
+ * Node の描画クラス。正規化済みデータ(datamodels/Node.js の出力)を SVG に描画する。
+ */
+var Node = exports["default"] = /*#__PURE__*/function () {
   function Node() {
     _classCallCheck(this, Node);
-
-    this.label = new _assh0le.Label();
-    this.rectangle = new _assh0le.Rectangle();
-    this.position = new _assh0le.Position();
-    this.stroke = new _assh0le.Stroke();
-    this.background = new _assh0le.Background();
-    this.padding = new _assh0le.Padding();
-  } ///// ////////////////////////////////////////////////////////////////
-  /////   Utility
-  ///// ////////////////////////////////////////////////////////////////
-
-
-  _createClass(Node, [{
-    key: "getFourSides",
-    value: function getFourSides(data) {
-      var port_r = 4;
-      var margin = 4 + port_r;
-      var x = data._position.x;
-      var y = data._position.y;
-      var w = data._size.w;
-      var h = data._size.h;
-      var top_left = {
-        x: x - margin,
-        y: y - margin
-      };
-      var top_right = {
-        x: x + w + margin,
-        y: y - margin
-      };
-      var bottom_rigth = {
-        x: x + w + margin,
-        y: y + h + margin
-      };
-      var bottom_left = {
-        x: x - margin,
-        y: y + h + margin
-      };
-      return [{
-        from: top_left,
-        to: top_right
-      }, {
-        from: top_right,
-        to: bottom_rigth
-      }, {
-        from: bottom_rigth,
-        to: bottom_left
-      }, {
-        from: bottom_left,
-        to: top_left
-      }];
-    } ///// ////////////////////////////////////////////////////////////////
-    /////   Adjust
+  }
+  return _createClass(Node, [{
+    key: "addFilterShadow",
+    value:
     ///// ////////////////////////////////////////////////////////////////
-
-  }, {
-    key: "dataTemplate",
-    value: function dataTemplate() {
-      return {
-        type: '',
-        label: {
-          contents: '',
-          position: {
-            x: 20,
-            y: 20
-          },
-          font: {
-            size: 16,
-            color: '#333333'
-          }
-        },
-        position: null,
-        size: null,
-        background: null,
-        border: null,
-        link: null,
-        children: [],
-        _id: null,
-        _core: null,
-        _class: 'NODE'
-      };
-    }
-  }, {
-    key: "normalizeBase",
-    value: function normalizeBase(data) {
-      var core = data._core;
-      if (core.id || core.id === 0) data._id = core.id;
-      if (core.type) data.type = core.type;
-      if (core.link) data.link = core.link;else data.link = {
-        url: null
-      };
-    }
-  }, {
-    key: "normalize",
-    value: function normalize(data) {
-      var _this = this;
-
-      if (!data) return null;
-      var new_data = this.dataTemplate();
-      new_data._core = data;
-      var children = data.children;
-      if (children && children.length > 0) new_data.children = children.map(function (child) {
-        return _this.normalize(child);
-      });
-      this.normalizeBase(new_data);
-      new_data.label = this.label.build(new_data._core.label);
-      new_data.size = this.rectangle.build(new_data._core.size);
-      new_data.position = this.position.build(new_data._core.position);
-      new_data.border = this.stroke.build(new_data._core.border) || this.stroke.template();
-      new_data.padding = this.padding.build(new_data._core.padding);
-      new_data.background = this.background.build(new_data._core.background);
-      data._node = new_data;
-      return new_data;
-    } ///// ////////////////////////////////////////////////////////////////
     /////   Filter
     ///// ////////////////////////////////////////////////////////////////
-
-  }, {
-    key: "addFilterShadow",
-    value: function addFilterShadow(svg) {
+    function addFilterShadow(svg) {
       var filter = svg.append("defs").append("filter").attr("id", "drop-shadow").attr("height", "130%");
       filter.append("feGaussianBlur").attr("in", "SourceAlpha").attr("stdDeviation", 5).attr("result", "blur");
       filter.append("feOffset").attr("in", "blur").attr("dx", 5).attr("dy", 5).attr("result", "offsetBlur");
       var feMerge = filter.append("feMerge");
       feMerge.append("feMergeNode").attr("in", "offsetBlur");
       feMerge.append("feMergeNode").attr("in", "SourceGraphic");
-    } ///// ////////////////////////////////////////////////////////////////
+    }
+    ///// ////////////////////////////////////////////////////////////////
     /////   Draw
     ///// ////////////////////////////////////////////////////////////////
-
   }, {
     key: "drawGroup",
     value: function drawGroup(place, data, type) {
@@ -293,15 +182,10 @@ var Node = /*#__PURE__*/function () {
         this.drawNode(place, data);
         return;
       }
-
       if (data.type === 'COMPONENT') {
         this.drawComponent(place, data);
         return;
       }
     }
   }]);
-
-  return Node;
-}();
-
-exports["default"] = Node;
+}();

package/dist/js/painters/Port.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
+ * Port の描画クラス。エッジ端点の円マーカーを描画する。
+ */
+var Port = exports["default"] = /*#__PURE__*/function () {
+  function Port() {
+    _classCallCheck(this, Port);
+  }
+  return _createClass(Port, [{
+    key: "draw",
+    value: function draw(place, data) {
+      place.selectAll('circle.port').data([data], function (d) {
+        return d._id;
+      }).enter().append('circle').attr('class', 'port').attr('cx', function (d) {
+        return d.position.x;
+      }).attr('cy', function (d) {
+        return d.position.y;
+      }).attr('r', function (d) {
+        return 6;
+      }).attr('level', function (d) {
+        return d._level;
+      }).style('fill', function (d) {
+        return '#fff';
+      }).style("stroke", function (d) {
+        return '#888';
+      });
+    }
+  }]);
+}();

package/jest.config.js

@@ -0,0 +1,18 @@
+module.exports = {
+    // テストファイルは tests ディレクトリに指定
+    testMatch: [
+        "**/tests/**/?(*.)+(spec|test).[tj]s?(x)"
+    ],
+    // monorepo では babel-jest がルートに hoist されるため名前解決に任せる
+    transform: {
+        "^.+\\.js$": 'babel-jest',
+    },
+    // d3 v7 は ESM-only で CJS ランタイムの jest では読めないため、スタブにマップする
+    moduleNameMapper: {
+        '^d3$': '<rootDir>/tests/d3-stub.js',
+    },
+    collectCoverageFrom: [
+        "**/src/**/*.js",
+        "!**/node_modules/**",
+    ],
+};

package/package.json

@@ -1,40 +1,46 @@
-{
-    "name": "@yanqirenshi/d3.deployment",
-    "version": "0.3.0",
-    "description": "See [Documents](https://yanqirenshi.github.io/D3.Deployment/)",
-    "main": "dist/index.js",
-    "directories": {
-        "doc": "docs",
-        "example": "example"
-    },
-    "peerDependencies": {
-        "react": "^18.2.0",
-        "react-dom": "^18.2.0"
-    },
-    "dependencies": {
-        "@yanqirenshi/assh0le": "^0.3.0"
-    },
-    "devDependencies": {
-        "@babel/cli": "^7.12.17",
-        "@babel/core": "^7.12.17",
-        "@babel/preset-env": "^7.12.17",
-        "@babel/preset-react": "^7.12.13",
-        "@yanqirenshi/d3.deployment": "file:react",
-        "babel-loader": "^8.2.2"
-    },
-    "scripts": {
-        "test": "echo \"Error: no test specified\" && exit 1",
-        "transpile": "babel src -d dist --copy-files",
-        "prepublishOnly": "npm run transpile"
-    },
-    "repository": {
-        "type": "git",
-        "url": "git+https://github.com/yanqirenshi/D3.Deployment.git"
-    },
-    "author": "yanqirenshi@gmail.com",
-    "license": "MIT",
-    "bugs": {
-        "url": "https://github.com/yanqirenshi/D3.Deployment/issues"
-    },
-    "homepage": "https://github.com/yanqirenshi/D3.Deployment#readme"
-}
+{
+    "name": "@yanqirenshi/d3.deployment",
+    "version": "0.4.0",
+    "description": "See [Documents](https://yanqirenshi.github.io/D3.Deployment/)",
+    "main": "dist/index.js",
+    "directories": {
+        "doc": "docs",
+        "example": "example"
+    },
+    "peerDependencies": {
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0"
+    },
+    "dependencies": {
+        "d3": "^7.9.0",
+        "@yanqirenshi/assh0le": "^0.5.0"
+    },
+    "devDependencies": {
+        "@babel/cli": "^7.12.17",
+        "@babel/core": "^7.12.17",
+        "@babel/preset-env": "^7.12.17",
+        "@babel/preset-react": "^7.12.13",
+        "@yanqirenshi/d3.deployment": "file:react",
+        "babel-loader": "^8.2.2",
+        "jest": "^25.2.4",
+        "babel-jest": "^25.2.4"
+    },
+    "scripts": {
+        "test": "jest",
+        "transpile": "babel src -d dist --copy-files",
+        "prepublishOnly": "npm run transpile"
+    },
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/yanqirenshi/D3.Deployment.git"
+    },
+    "author": "yanqirenshi@gmail.com",
+    "license": "MIT",
+    "bugs": {
+        "url": "https://github.com/yanqirenshi/D3.Deployment/issues"
+    },
+    "homepage": "https://github.com/yanqirenshi/D3.Deployment#readme",
+    "publishConfig": {
+        "access": "public"
+    }
+}

package/tests/Rectum.test.js

@@ -0,0 +1,18 @@
+import Rectum from '../src/js/Rectum.js';
+
+// makePortLine は共有版 Geometry.getPortLine + node 位置オフセットで構築される。
+// 200×100 の node / degree=90: 中心 {100,50}、回転後の終点 {-223,0} → {-123,50}。
+// 位置オフセット {10,20} を足して from {110,70} / to {-113,70}。
+test('makePortLine builds the center-to-port line offset by the node position', () => {
+    const rectum = new Rectum({});
+
+    const node = {
+        _size:     { w: 200, h: 100 },
+        _position: { x: 10,  y: 20 },
+    };
+
+    expect(rectum.makePortLine(90, node)).toEqual({
+        from: { x: 110,  y: 70 },
+        to:   { x: -113, y: 70 },
+    });
+});

package/tests/d3-stub.js

@@ -0,0 +1,4 @@
+// jest 用の d3 スタブ。
+// d3 v7 は ESM-only のため CJS ランタイムの jest では読み込めない。
+// テスト対象(データクラス)は d3 の関数を呼ばないので空オブジェクトで足りる。
+module.exports = {};