@react-fabric/graph 1.0.0-beta.62 → 1.0.1

package/dist/cjs/programs/node-image/texture.js

@@ -1,472 +0,0 @@
-'use strict';
-
-var _possibleConstructorReturn = require('@babel/runtime/helpers/possibleConstructorReturn');
-var _getPrototypeOf = require('@babel/runtime/helpers/getPrototypeOf');
-var _inherits = require('@babel/runtime/helpers/inherits');
-var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
-var _createClass = require('@babel/runtime/helpers/createClass');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
-var _regeneratorRuntime = require('@babel/runtime/regenerator');
-var utilities = require('@react-fabric/utilities');
-var events = require('events');
-
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-
-/* istanbul ignore file */
-
-/**
- * Useful types:
- * *************
- */
-
-var DEFAULT_TEXTURE_MANAGER_OPTIONS = {
-  size: {
-    mode: "max",
-    value: 512
-  },
-  objectFit: "cover",
-  correctCentering: false
-};
-var DEBOUNCE_TIMEOUT = 100;
-
-// This margin helps avoiding images collisions in the texture:
-var MARGIN_IN_TEXTURE = 1;
-
-/**
- * Helpers:
- * ********
- */
-/**
- * This helper loads an image at a given URL, and returns an HTMLImageElement
- * with it displayed once it's properly loaded, within a promise.
- */
-function loadRasterImage(_x) {
-  return _loadRasterImage.apply(this, arguments);
-}
-function _loadRasterImage() {
-  _loadRasterImage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(imageSource) {
-    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
-        case 0:
-          _context2.next = 2;
-          return new Promise(function (resolve, reject) {
-            var image = new Image();
-            image.addEventListener("load", function () {
-              resolve(image);
-            }, {
-              once: true
-            });
-            image.addEventListener("error", function (e) {
-              reject(e.error);
-            }, {
-              once: true
-            });
-
-            // Load image:
-            image.setAttribute("crossOrigin", "");
-            image.src = imageSource;
-          });
-        case 2:
-          return _context2.abrupt("return", _context2.sent);
-        case 3:
-        case "end":
-          return _context2.stop();
-      }
-    }, _callee2);
-  }));
-  return _loadRasterImage.apply(this, arguments);
-}
-var makeSvg = function makeSvg() {
-  var path = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
-  return "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"-1 -1 26 26\" width=\"128px\" height=\"128px\"><path fill=\"#000\" d=\"".concat(path, "\"></path></svg>");
-};
-
-/**
- * This helper loads an SVG image at a given URL, adjusts its size to a given
- * size, and returns an HTMLImageElement with it displayed once it's properly
- * loaded, within a promise.
- */
-function loadSVGImage(_x2) {
-  return _loadSVGImage.apply(this, arguments);
-}
-
-/**
- * This helper loads an image using the proper function.
- */
-function _loadSVGImage() {
-  _loadSVGImage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(imageSource) {
-    var _ref,
-      size,
-      svg,
-      root,
-      originalWidth,
-      originalHeight,
-      correctedSvgString,
-      blob,
-      url,
-      res,
-      _args3 = arguments;
-    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
-        case 0:
-          _ref = _args3.length > 1 && _args3[1] !== undefined ? _args3[1] : {}, size = _ref.size;
-          svg = new DOMParser().parseFromString(makeSvg(imageSource), "image/svg+xml");
-          root = svg.documentElement;
-          originalWidth = root.getAttribute("width");
-          originalHeight = root.getAttribute("height");
-          if (!(!originalWidth || !originalHeight)) {
-            _context3.next = 7;
-            break;
-          }
-          throw new Error("loadSVGImage: cannot use `size` if target SVG has no definite dimensions.");
-        case 7:
-          if (typeof size === "number") {
-            root.setAttribute("width", "" + size);
-            root.setAttribute("height", "" + size);
-          }
-
-          // NOTE: since Google Material last changes to their icon viewBox, this
-          // code is no longer necessary (hopefully it does not break something else...)
-          // root.setAttribute("viewBox", `0 0 ${originalWidth} ${originalHeight}`);
-          correctedSvgString = new XMLSerializer().serializeToString(svg);
-          blob = new Blob([correctedSvgString], {
-            type: "image/svg+xml"
-          });
-          url = URL.createObjectURL(blob);
-          res = loadRasterImage(url);
-          void res["finally"](function () {
-            return URL.revokeObjectURL(url);
-          });
-          _context3.next = 15;
-          return res;
-        case 15:
-          return _context3.abrupt("return", _context3.sent);
-        case 16:
-        case "end":
-          return _context3.stop();
-      }
-    }, _callee3);
-  }));
-  return _loadSVGImage.apply(this, arguments);
-}
-function loadImage(_x3) {
-  return _loadImage.apply(this, arguments);
-}
-
-/**
- * This helper computes exact coordinates to draw an image onto a texture.
- */
-function _loadImage() {
-  _loadImage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(imageSource) {
-    var _ref2,
-      isSVG,
-      image,
-      _args4 = arguments;
-    return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-      while (1) switch (_context4.prev = _context4.next) {
-        case 0:
-          _ref2 = _args4.length > 1 && _args4[1] !== undefined ? _args4[1] : {}, _ref2.size;
-          isSVG = utilities.isSvgPath(imageSource);
-          if (!isSVG) {
-            _context4.next = 8;
-            break;
-          }
-          _context4.next = 5;
-          return loadSVGImage(imageSource, {
-            size: 128
-          });
-        case 5:
-          image = _context4.sent;
-          _context4.next = 11;
-          break;
-        case 8:
-          _context4.next = 10;
-          return loadRasterImage(imageSource);
-        case 10:
-          image = _context4.sent;
-        case 11:
-          return _context4.abrupt("return", image);
-        case 12:
-        case "end":
-          return _context4.stop();
-      }
-    }, _callee4);
-  }));
-  return _loadImage.apply(this, arguments);
-}
-function refineImage(image, corrector, _ref3) {
-  var objectFit = _ref3.objectFit,
-    size = _ref3.size,
-    correctCentering = _ref3.correctCentering;
-  var sourceSize = objectFit === "contain" ? Math.max(image.width, image.height) : Math.min(image.width, image.height);
-  var destinationSize = size.mode === "auto" ? sourceSize : size.mode === "force" ? size.value : Math.min(size.value, sourceSize);
-  var sourceX = (image.width - sourceSize) / 2;
-  var sourceY = (image.height - sourceSize) / 2;
-  if (correctCentering) {
-    var correction = corrector.getCorrectionOffset(image, sourceSize);
-    sourceX = correction.x;
-    sourceY = correction.y;
-  }
-  return {
-    sourceX: sourceX,
-    sourceY: sourceY,
-    sourceSize: sourceSize,
-    destinationSize: destinationSize
-  };
-}
-
-/**
- * This helper takes a collection of image states and a context, draw all the
- * images in the context, and returns an atlas to get where each image is drawn
- * on the texture.
- */
-function drawTexture(ctx, images) {
-  var MAX_CANVAS_WIDTH = 3072;
-  var TARGET_FILL_PERCENTAGE = 0.6;
-
-  // 1. Sort images by height, decreasingly:
-  var imagesArray = [];
-  var totalArea = 0;
-  var maxItemWidth = 0;
-  for (var key in images) {
-    var imageState = images[key];
-    if (imageState.status !== "ready") continue;
-    maxItemWidth = Math.max(maxItemWidth, imageState.destinationSize);
-    totalArea += Math.pow(imageState.destinationSize, 2);
-    imagesArray.push(_objectSpread({
-      key: key
-    }, imageState));
-  }
-  imagesArray.sort(function (a, b) {
-    return a.destinationSize > b.destinationSize ? -1 : 1;
-  });
-
-  // 2. Predict canvas width:
-  var predictedTotalArea = totalArea / TARGET_FILL_PERCENTAGE;
-  var predictedWidth = Math.min(Math.max(Math.sqrt(predictedTotalArea), maxItemWidth), MAX_CANVAS_WIDTH);
-
-  // 3. Refine images coordinates:
-  var refinedImagesArray = [];
-  var x = 0;
-  var y = 0;
-  var currentRowHeight = 0;
-  var maxRowWidth = 0;
-  var atlas = {};
-  for (var i = 0, l = imagesArray.length; i < l; i++) {
-    var _imagesArray$i = imagesArray[i],
-      _key = _imagesArray$i.key,
-      image = _imagesArray$i.image,
-      sourceSize = _imagesArray$i.sourceSize,
-      sourceX = _imagesArray$i.sourceX,
-      sourceY = _imagesArray$i.sourceY,
-      destinationSize = _imagesArray$i.destinationSize;
-    var destinationSizeWithMargin = destinationSize + MARGIN_IN_TEXTURE;
-    if (x + destinationSizeWithMargin > predictedWidth) {
-      maxRowWidth = Math.max(maxRowWidth, x);
-      x = 0;
-      y += currentRowHeight;
-      currentRowHeight = destinationSizeWithMargin;
-    }
-    refinedImagesArray.push({
-      key: _key,
-      image: image,
-      sourceX: sourceX,
-      sourceY: sourceY,
-      sourceSize: sourceSize,
-      destinationX: x,
-      destinationY: y,
-      destinationSize: destinationSize
-    });
-    atlas[_key] = {
-      x: x,
-      y: y,
-      size: destinationSize
-    };
-    x += destinationSizeWithMargin;
-    currentRowHeight = Math.max(currentRowHeight, destinationSizeWithMargin);
-  }
-
-  // 4. Crop texture to final best dimensions:
-  maxRowWidth = Math.max(maxRowWidth, x);
-  var canvas = ctx.canvas;
-  canvas.width = maxRowWidth;
-  canvas.height = y + currentRowHeight;
-
-  // 5. Fill texture:
-  for (var _i = 0, _l = refinedImagesArray.length; _i < _l; _i++) {
-    var _refinedImagesArray$_ = refinedImagesArray[_i],
-      _image = _refinedImagesArray$_.image,
-      _sourceSize = _refinedImagesArray$_.sourceSize,
-      _sourceX = _refinedImagesArray$_.sourceX,
-      _sourceY = _refinedImagesArray$_.sourceY,
-      _destinationSize = _refinedImagesArray$_.destinationSize,
-      destinationX = _refinedImagesArray$_.destinationX,
-      destinationY = _refinedImagesArray$_.destinationY;
-    ctx.drawImage(_image, _sourceX, _sourceY, _sourceSize, _sourceSize, destinationX, destinationY, _destinationSize, _destinationSize);
-  }
-  return atlas;
-}
-
-/**
- * This class helps to "correct" the centering of an SVG pictogram by finding
- * the "true" visually correct center through the barycenter of the pictogram's
- * alpha layer in x and y dimension.
- */
-var PictogramCenteringCorrector = /*#__PURE__*/function () {
-  function PictogramCenteringCorrector() {
-    _classCallCheck(this, PictogramCenteringCorrector);
-    this.canvas = document.createElement("canvas");
-    this.context = this.canvas.getContext("2d", {
-      willReadFrequently: true
-    });
-  }
-  return _createClass(PictogramCenteringCorrector, [{
-    key: "getCorrectionOffset",
-    value: function getCorrectionOffset(image, size) {
-      this.canvas.width = size;
-      this.canvas.height = size;
-      this.context.clearRect(0, 0, size, size);
-      this.context.drawImage(image, 0, 0, size, size);
-      var data = this.context.getImageData(0, 0, size, size).data;
-      var alpha = new Uint8ClampedArray(data.length / 4);
-      for (var i = 0; i < data.length; i++) {
-        alpha[i] = data[i * 4 + 3];
-      }
-      var sumX = 0;
-      var sumY = 0;
-      var total = 0;
-      for (var y = 0; y < size; y++) {
-        for (var x = 0; x < size; x++) {
-          var a = alpha[y * size + x];
-          total += a;
-          sumX += a * x;
-          sumY += a * y;
-        }
-      }
-      var barycenterX = sumX / total;
-      var barycenterY = sumY / total;
-      return {
-        x: barycenterX - size / 2,
-        y: barycenterY - size / 2
-      };
-    }
-  }]);
-}();
-var TextureManager = /*#__PURE__*/function (_EventEmitter) {
-  function TextureManager() {
-    var _this;
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    _classCallCheck(this, TextureManager);
-    _this = _callSuper(this, TextureManager);
-    _defineProperty(_this, "canvas", document.createElement("canvas"));
-    _defineProperty(_this, "ctx", _this.canvas.getContext("2d", {
-      willReadFrequently: true
-    }));
-    _defineProperty(_this, "corrector", new PictogramCenteringCorrector());
-    _defineProperty(_this, "imageStates", {});
-    _defineProperty(_this, "texture", _this.ctx.getImageData(0, 0, 1, 1));
-    _defineProperty(_this, "atlas", {});
-    _this.options = _objectSpread(_objectSpread({}, DEFAULT_TEXTURE_MANAGER_OPTIONS), options);
-    return _this;
-  }
-  _inherits(TextureManager, _EventEmitter);
-  return _createClass(TextureManager, [{
-    key: "scheduleGenerateTexture",
-    value: function scheduleGenerateTexture() {
-      var _this2 = this;
-      if (typeof this.frameId === "number") return;
-      this.frameId = window.setTimeout(function () {
-        _this2.generateTexture();
-        _this2.frameId = undefined;
-      }, DEBOUNCE_TIMEOUT);
-    }
-  }, {
-    key: "generateTexture",
-    value: function generateTexture() {
-      this.atlas = drawTexture(this.ctx, this.imageStates);
-      this.texture = this.ctx.getImageData(0, 0, this.canvas.width, this.canvas.height);
-      this.emit(TextureManager.NEW_TEXTURE_EVENT, {
-        atlas: this.atlas,
-        texture: this.texture
-      });
-    }
-
-    // PUBLIC API:
-  }, {
-    key: "registerImage",
-    value: function () {
-      var _registerImage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(source) {
-        var size, image;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              if (!this.imageStates[source]) {
-                _context.next = 2;
-                break;
-              }
-              return _context.abrupt("return");
-            case 2:
-              this.imageStates[source] = {
-                status: "loading"
-              };
-              _context.prev = 3;
-              size = this.options.size;
-              _context.next = 7;
-              return loadImage(source, {
-                size: size.mode === "force" ? size.value : undefined
-              });
-            case 7:
-              image = _context.sent;
-              this.imageStates[source] = _objectSpread({
-                status: "ready",
-                image: image
-              }, refineImage(image, this.corrector, this.options));
-              this.scheduleGenerateTexture();
-              _context.next = 15;
-              break;
-            case 12:
-              _context.prev = 12;
-              _context.t0 = _context["catch"](3);
-              this.imageStates[source] = {
-                status: "error"
-              };
-            case 15:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee, this, [[3, 12]]);
-      }));
-      function registerImage(_x4) {
-        return _registerImage.apply(this, arguments);
-      }
-      return registerImage;
-    }()
-  }, {
-    key: "getAtlas",
-    value: function getAtlas() {
-      return this.atlas;
-    }
-  }, {
-    key: "getTexture",
-    value: function getTexture() {
-      return this.texture;
-    }
-  }]);
-}(events.EventEmitter);
-_defineProperty(TextureManager, "NEW_TEXTURE_EVENT", "newTexture");
-
-exports.DEBOUNCE_TIMEOUT = DEBOUNCE_TIMEOUT;
-exports.DEFAULT_TEXTURE_MANAGER_OPTIONS = DEFAULT_TEXTURE_MANAGER_OPTIONS;
-exports.MARGIN_IN_TEXTURE = MARGIN_IN_TEXTURE;
-exports.PictogramCenteringCorrector = PictogramCenteringCorrector;
-exports.TextureManager = TextureManager;
-exports.drawTexture = drawTexture;
-exports.loadImage = loadImage;
-exports.loadRasterImage = loadRasterImage;
-exports.loadSVGImage = loadSVGImage;
-exports.makeSvg = makeSvg;
-exports.refineImage = refineImage;

package/dist/cjs/programs/node-image/vert.glsl.js

@@ -1,8 +0,0 @@
-'use strict';
-
-/* istanbul ignore file */
-
-// language=GLSL
-var VERTEX_SHADER_SOURCE = /* glsl */"\nattribute vec4 a_id;\nattribute vec4 a_fill;\nattribute vec4 a_color;\nattribute vec2 a_position;\nattribute float a_size;\nattribute float a_angle;\nattribute float a_colorMode;\nattribute float a_opacity;\nattribute vec4 a_texture;\n\nuniform mat3 u_matrix;\nuniform float u_sizeRatio;\nuniform float u_correctionRatio;\n\nvarying vec4 v_fill;\nvarying vec4 v_color;\nvarying vec2 v_diffVector;\nvarying float v_radius;\nvarying float v_opacity;\nvarying vec4 v_texture;\nvarying float v_colorMode;\n\nconst float bias = 255.0 / 254.0;\nconst float marginRatio = 1.05;\n\nvoid main() {\n  float size = a_size * u_correctionRatio / u_sizeRatio * 4.0;\n  vec2 diffVector = size * vec2(cos(a_angle), sin(a_angle));\n  vec2 position = a_position + diffVector * marginRatio;\n  gl_Position = vec4(\n    (u_matrix * vec3(position, 1)).xy,\n    0,\n    1\n  );\n\n  v_diffVector = diffVector;\n  v_radius = size / 2.0 / marginRatio;\n\n  #ifdef PICKING_MODE\n  // For picking mode, we use the ID as the color:\n  v_color = a_id;\n  #else\n  // For normal mode, we use the color:\n  v_fill = vec4(0.0, 0.0, 0.0, 0.0);\n  v_color = vec4(a_color.rgb, a_opacity * bias);\n  v_opacity = a_opacity;\n  v_colorMode = a_colorMode;\n  // Pass the texture coordinates:\n  v_texture = a_texture;\n  #endif\n\n  v_color.a *= bias;\n}\n";
-
-module.exports = VERTEX_SHADER_SOURCE;

package/dist/cjs/programs/node-rect/base/drawHover.js

@@ -1,68 +0,0 @@
-'use strict';
-
-var drawLabel = require('./drawLabel.js');
-
-/* istanbul ignore file */
-
-function drawNodeHover(context, data, settings) {
-  var _ref, _data$labelColor;
-  var nodeSize = data.size;
-  var size = settings.labelSize;
-  var font = settings.labelFont;
-  var weight = settings.labelWeight;
-  // use node color or default node color
-  var bg = settings.defaultNodeColor || "#fff";
-  // use label color or default label color
-  var color = (_ref = (_data$labelColor = data.labelColor) !== null && _data$labelColor !== void 0 ? _data$labelColor : settings.labelColor.color) !== null && _ref !== void 0 ? _ref : "#000";
-  context.font = "".concat(weight, " ").concat(size, "px ").concat(font);
-
-  // Then we draw the label background
-  context.fillStyle = bg;
-  context.strokeStyle = color;
-  context.lineWidth = 0.25;
-  var PADDING = data.selected ? 4 : 2;
-
-  // if (typeof data.label === "string") {
-  //   const textWidth = context.measureText(data.label).width;
-  //   const boxWidth = Math.round(textWidth + 5);
-  //   const boxHeight = Math.round(size + 2 * PADDING);
-  //   const radius = Math.max(nodeSize, size / 2) + PADDING;
-
-  //   context.beginPath();
-  //   context.moveTo(data.x + radius, data.y + boxHeight / 2);
-  //   context.lineTo(data.x + radius + boxWidth, data.y + boxHeight / 2);
-  //   context.lineTo(data.x + radius + boxWidth, data.y - boxHeight / 2);
-  //   context.lineTo(data.x + radius, data.y - boxHeight / 2);
-  //   context.lineTo(data.x + radius, data.y - radius);
-  //   context.lineTo(data.x - radius, data.y - radius);
-  //   context.lineTo(data.x - radius, data.y + radius);
-  //   context.lineTo(data.x + radius, data.y + radius);
-  //   context.lineTo(data.x + radius, data.y + boxHeight / 2);
-  //   context.closePath();
-  //   context.fill();
-
-  //   if (data.selected) {
-  //     context.strokeStyle = "#F00";
-  //     context.lineWidth = 2;
-  //   }
-  //   context.stroke();
-  // } else {
-  var radius = nodeSize + PADDING;
-  // context.fillRect(data.x - radius, data.y - radius, radius * 2, radius * 2);
-  context.lineWidth = 1;
-  context.strokeStyle = "#F00";
-  if (data.selected) {
-    context.lineWidth = 3;
-  }
-  context.strokeRect(data.x - radius, data.y - radius, radius * 2, radius * 2);
-  // }
-
-  context.shadowOffsetX = 0;
-  context.shadowOffsetY = 0;
-  context.shadowBlur = 0;
-  context.lineWidth = 0;
-  context.strokeStyle = "";
-  drawLabel.drawNodeLabel(context, data, settings);
-}
-
-exports.drawNodeHover = drawNodeHover;

package/dist/cjs/programs/node-rect/base/drawLabel.js

@@ -1,107 +0,0 @@
-'use strict';
-
-/* istanbul ignore file */
-
-function drawNodeLabel(context, data, settings) {
-  var _ref, _data$labelColor;
-  var nodeSize = data.size;
-  var size = settings.labelSize;
-  var font = settings.labelFont;
-  var weight = settings.labelWeight;
-  // use node color or default node color
-  var bg = settings.defaultNodeColor || "#fff";
-  // use label color or default label color
-  var color = (_ref = (_data$labelColor = data.labelColor) !== null && _data$labelColor !== void 0 ? _data$labelColor : settings.labelColor.color) !== null && _ref !== void 0 ? _ref : "#000";
-  if (data.highlight) {
-    var _data$highlightColor, _data$color;
-    // Then we draw the label background
-    context.strokeStyle = (_data$highlightColor = data.highlightColor) !== null && _data$highlightColor !== void 0 ? _data$highlightColor : "#44BD87";
-    context.lineWidth = 1;
-    context.shadowOffsetX = 0;
-    context.shadowOffsetY = 0;
-    context.shadowBlur = 48;
-    context.shadowColor = (_data$color = data.color) !== null && _data$color !== void 0 ? _data$color : "#44BD87";
-    var PADDING = 2;
-
-    // if (typeof data.label === "string") {
-    //   const textWidth = context.measureText(data.label).width;
-    //   const boxWidth = Math.round(textWidth + 5);
-    //   const boxHeight = Math.round(size + 2 * PADDING);
-    //   const radius = Math.max(nodeSize, size / 2) + PADDING;
-
-    //   context.beginPath();
-    //   context.moveTo(data.x + radius, data.y + boxHeight / 2);
-    //   context.lineTo(data.x + radius + boxWidth, data.y + boxHeight / 2);
-    //   context.lineTo(data.x + radius + boxWidth, data.y - boxHeight / 2);
-    //   context.lineTo(data.x + radius, data.y - boxHeight / 2);
-    //   context.lineTo(data.x + radius, data.y - radius);
-    //   context.lineTo(data.x - radius, data.y - radius);
-    //   context.lineTo(data.x - radius, data.y + radius);
-    //   context.lineTo(data.x + radius, data.y + radius);
-    //   context.lineTo(data.x + radius, data.y + boxHeight / 2);
-    //   context.closePath();
-    //   context.stroke();
-    // } else {
-    var radius = nodeSize + PADDING;
-    context.strokeRect(data.x - radius, data.y - radius, radius * 2, radius * 2);
-    // }
-  }
-  context.shadowColor = "transparent";
-  context.shadowBlur = 0;
-  if (data.selected) {
-    // Then we draw the label background
-    context.strokeStyle = "#f00";
-    context.lineWidth = 2;
-    context.shadowOffsetX = 0;
-    context.shadowOffsetY = 0;
-    context.shadowBlur = 0;
-    var _PADDING = data.selected ? 4 : 2;
-
-    // if (typeof data.label === "string") {
-    //   const textWidth = context.measureText(data.label).width;
-    //   const boxWidth = Math.round(textWidth + 5);
-    //   const boxHeight = Math.round(size + 2 * PADDING);
-    //   const radius = Math.max(nodeSize, size / 2) + PADDING;
-
-    //   context.beginPath();
-    //   context.moveTo(data.x + radius, data.y + boxHeight / 2);
-    //   context.lineTo(data.x + radius + boxWidth, data.y + boxHeight / 2);
-    //   context.lineTo(data.x + radius + boxWidth, data.y - boxHeight / 2);
-    //   context.lineTo(data.x + radius, data.y - boxHeight / 2);
-    //   context.lineTo(data.x + radius, data.y - radius);
-    //   context.lineTo(data.x - radius, data.y - radius);
-    //   context.lineTo(data.x - radius, data.y + radius);
-    //   context.lineTo(data.x + radius, data.y + radius);
-    //   context.lineTo(data.x + radius, data.y + boxHeight / 2);
-    //   context.closePath();
-    //   context.stroke();
-    // } else {
-    var _radius = nodeSize + _PADDING;
-    context.strokeRect(data.x - _radius, data.y - _radius, _radius * 2, _radius * 2);
-    // }
-  }
-  if (data.isGroup) {
-    var _context$canvas$paren;
-    var container = (_context$canvas$paren = context.canvas.parentElement) === null || _context$canvas$paren === void 0 || (_context$canvas$paren = _context$canvas$paren.parentElement) === null || _context$canvas$paren === void 0 ? void 0 : _context$canvas$paren.querySelector(".sigma-groupHandles");
-    var handle = container.querySelector("[data-id=\"".concat(data.id, "\"]"));
-    if (!handle) {
-      handle = document.createElement("div");
-      handle.className = "sigma-groupHandle";
-      handle.dataset.id = data.id;
-      container.appendChild(handle);
-    }
-    handle.innerText = data.expanded ? "−" : "+";
-    handle.style.transform = "translate(-50%, -50%)";
-    handle.style.left = "".concat(data.x, "px");
-    handle.style.top = "".concat(data.y + nodeSize, "px");
-  }
-  if (!data.label || data.opacity < 1) return;
-  var textWidth = context.measureText(data.label).width;
-  context.fillStyle = bg;
-  context.fillRect(data.x - textWidth / 2, data.y + nodeSize * 1.25, textWidth, size + 2);
-  context.fillStyle = color;
-  context.font = "".concat(weight, " ").concat(size, "px ").concat(font);
-  context.fillText(data.label, data.x - textWidth / 2, data.y + size + nodeSize * 1.25);
-}
-
-exports.drawNodeLabel = drawNodeLabel;

package/dist/cjs/programs/node-rect/base/frag.glsl.js

@@ -1,8 +0,0 @@
-'use strict';
-
-/* istanbul ignore file */
-
-// language=GLSL
-var SHADER_SOURCE = /* glsl */"\nprecision highp float;\n\nvarying vec4 v_color;\nvarying vec4 v_stroke;\nvarying vec2 v_diffVector;\nvarying float v_border;\nvarying float v_segmentAngle;\nvarying vec4 v_colors_0;\nvarying vec4 v_colors_1;\nvarying vec4 v_colors_2;\nvarying vec4 v_colors_3;\nvarying vec4 v_colors_4;\nvarying vec4 v_colors_5;\nvarying vec4 v_colors_6;\n\nuniform float u_sizeRatio;\nuniform float u_correctionRatio;\n\nvoid main(void) {\n  float border = u_correctionRatio * 2.0;\n  float dist = length(v_diffVector) + border;\n\n  float angle = atan(v_diffVector.y / v_diffVector.x);\n  if (v_diffVector.x < 0.0 && v_diffVector.y < 0.0) angle += ".concat(Math.PI, ";\n  else if (v_diffVector.x < 0.0) angle += ").concat(Math.PI, ";\n  else if (v_diffVector.y < 0.0) angle += ").concat(2 * Math.PI, ";\n\n  #ifdef PICKING_MODE\n    gl_FragColor = v_color;\n  #else\n    vec4 color = v_color;\n    vec4 piecolor = vec4(0.0);\n    float pieSize = 4.0 * u_correctionRatio / u_sizeRatio * 4.0;\n    \n    if(v_segmentAngle > 0.0) {\n      float segment = angle / v_segmentAngle;\n      if(segment >= 0.0) { piecolor = v_colors_0; }\n      if(segment >= 1.0) { piecolor = v_colors_1; }\n      if(segment >= 2.0) { piecolor = v_colors_2; }\n      if(segment >= 3.0) { piecolor = v_colors_3; }\n      if(segment >= 4.0) { piecolor = v_colors_4; }\n      if(segment >= 5.0) { piecolor = v_colors_5; }\n      if(segment >= 6.0) { piecolor = v_colors_6; }\n    }\n    if(v_segmentAngle > 0.0) {\n      float pieCheck = v_border - (pieSize / 2.0);\n      if (v_diffVector.x > pieCheck || v_diffVector.y > pieCheck ||\n        v_diffVector.x < -pieCheck || v_diffVector.y < -pieCheck) {\n        color = piecolor;\n      }\n    }\n    if(v_border > 0.0) {\n      if (v_diffVector.x > v_border || v_diffVector.y > v_border ||\n        v_diffVector.x < -v_border || v_diffVector.y < -v_border) {\n        color = v_stroke;\n      }\n    }\n    gl_FragColor = color;\n  #endif\n}\n");
-
-module.exports = SHADER_SOURCE;