@react-fabric/graph 1.0.0-beta.58 → 1.0.0-beta.60

package/dist/esm/packages/graph/src/components/Tools.js

@@ -1,127 +0,0 @@
-'use client';
-
-import { ButtonGroup, Button, Dropdown, Menu, MenuItem } from '@react-fabric/core';
-import { ICONS } from '../constants/index.js';
-import { useGraph } from './Context.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var Tools = function Tools() {
-  var _useGraph = useGraph(),
-    dragSelector = _useGraph.dragSelector,
-    graph = _useGraph.graph,
-    selected = _useGraph.selected;
-    _useGraph.layoutRunning;
-    var resetViewport = _useGraph.resetViewport,
-    zoomIn = _useGraph.zoomIn,
-    zoomOut = _useGraph.zoomOut;
-  return /*#__PURE__*/jsxs("div", {
-    className: "flex flex-nowrap outline absolute top-0 start-0 p-0 z-1 bg-base",
-    children: [/*#__PURE__*/jsxs(ButtonGroup, {
-      variant: "link",
-      children: [/*#__PURE__*/jsx(Button, {
-        "aria-label": "Home",
-        icon: ICONS.focus,
-        onClick: resetViewport
-      }), /*#__PURE__*/jsx(Button, {
-        "aria-label": "Zoomin",
-        icon: ICONS.zoomIn,
-        onClick: zoomIn
-      }), /*#__PURE__*/jsx(Button, {
-        "aria-label": "Zoomout",
-        icon: ICONS.zoomOut,
-        onClick: zoomOut
-      })]
-    }), /*#__PURE__*/jsxs(ButtonGroup, {
-      variant: "link",
-      children: [dragSelector.selectionMode !== "lasso" && /*#__PURE__*/jsx(Button, {
-        "aria-label": "lasso",
-        icon: ICONS.lasso,
-        disabled: !!dragSelector.selectionMode,
-        onClick: function onClick() {
-          return dragSelector.startLassoSelection();
-        }
-      }), dragSelector.selectionMode && /*#__PURE__*/jsx(Button, {
-        color: "danger",
-        "aria-label": "cancel",
-        icon: ICONS.cancel,
-        onClick: function onClick() {
-          return dragSelector.cancelSelection();
-        }
-      }), dragSelector.selectionMode !== "rectangle" && /*#__PURE__*/jsx(Button, {
-        "aria-label": "rectselect",
-        icon: ICONS.select,
-        disabled: !!dragSelector.selectionMode,
-        onClick: function onClick() {
-          return dragSelector.startRectangleSelection();
-        }
-      })]
-    }), /*#__PURE__*/jsx(ButtonGroup, {
-      variant: "link",
-      children: /*#__PURE__*/jsxs(Dropdown, {
-        children: [/*#__PURE__*/jsx(Button, {
-          "aria-label": "force",
-          variant: "link",
-          icon: "M19.5 17C19.37 17 19.24 17 19.11 17.04L17.5 13.79C17.95 13.34 18.25 12.71 18.25 12C18.25 10.62 17.13 9.5 15.75 9.5C15.62 9.5 15.5 9.5 15.36 9.54L13.73 6.29C14.21 5.84 14.5 5.21 14.5 4.5C14.5 3.12 13.38 2 12 2S9.5 3.12 9.5 4.5C9.5 5.21 9.79 5.84 10.26 6.29L8.64 9.54C8.5 9.5 8.38 9.5 8.25 9.5C6.87 9.5 5.75 10.62 5.75 12C5.75 12.71 6.05 13.34 6.5 13.79L4.89 17.04C4.76 17 4.63 17 4.5 17C3.12 17 2 18.12 2 19.5C2 20.88 3.12 22 4.5 22S7 20.88 7 19.5C7 18.8 6.71 18.16 6.24 17.71L7.86 14.46C8 14.5 8.12 14.5 8.25 14.5C8.38 14.5 8.5 14.5 8.64 14.46L10.27 17.71C9.8 18.16 9.5 18.8 9.5 19.5C9.5 20.88 10.62 22 12 22S14.5 20.88 14.5 19.5C14.5 18.12 13.38 17 12 17C11.87 17 11.74 17 11.61 17.04L10 13.79C10.46 13.34 10.75 12.71 10.75 12S10.46 10.66 10 10.21L11.61 6.96C11.74 7 11.87 7 12 7S12.26 7 12.39 6.96L14 10.21C13.55 10.66 13.25 11.3 13.25 12C13.25 13.38 14.37 14.5 15.75 14.5C15.88 14.5 16 14.5 16.14 14.46L17.77 17.71C17.3 18.16 17 18.8 17 19.5C17 20.88 18.12 22 19.5 22S22 20.88 22 19.5C22 18.12 20.88 17 19.5 17Z"
-        }), /*#__PURE__*/jsxs(Menu, {
-          className: "text-sm",
-          children: [/*#__PURE__*/jsx(MenuItem, {
-            label: "box",
-            onClick: function onClick() {
-              return graph.elkLayout("box");
-            }
-          }), /*#__PURE__*/jsx(MenuItem, {
-            label: "force",
-            onClick: function onClick() {
-              return graph.elkLayout("force");
-            }
-          }), /*#__PURE__*/jsx(MenuItem, {
-            label: "layered",
-            onClick: function onClick() {
-              return graph.elkLayout("layered");
-            }
-          }), /*#__PURE__*/jsx(MenuItem, {
-            label: "stress",
-            onClick: function onClick() {
-              return graph.elkLayout("stress");
-            }
-          }), /*#__PURE__*/jsx(MenuItem, {
-            label: "radial",
-            onClick: function onClick() {
-              return graph.elkLayout("radial");
-            }
-          }), /*#__PURE__*/jsx(MenuItem, {
-            label: "sporeOverlap",
-            onClick: function onClick() {
-              return graph.elkLayout("sporeOverlap");
-            }
-          }), /*#__PURE__*/jsx(MenuItem, {
-            label: "sporeCompaction",
-            onClick: function onClick() {
-              return graph.elkLayout("sporeCompaction");
-            }
-          })]
-        })]
-      })
-    }), /*#__PURE__*/jsxs(ButtonGroup, {
-      variant: "link",
-      children: [/*#__PURE__*/jsx(Button, {
-        "aria-label": "delete",
-        color: "danger",
-        icon: ICONS["delete"],
-        disabled: !selected.length,
-        onClick: function onClick() {
-          return graph.dropNodes(selected);
-        }
-      }), /*#__PURE__*/jsx(Button, {
-        "aria-label": "clear",
-        color: "danger",
-        icon: ICONS.clear,
-        onClick: function onClick() {
-          return graph.clear();
-        }
-      })]
-    })]
-  });
-};
-
-export { Tools };

package/dist/esm/packages/graph/src/programs/arrow-head/frag.glsl.js

@@ -1,8 +0,0 @@
-'use client';
-
-/* istanbul ignore file */
-
-// language=GLSL
-var SHADER_SOURCE = /*glsl*/"\nprecision mediump float;\n\nvarying vec4 v_color;\nvarying float v_opacity;\n\nconst vec4 transparent = vec4(0.0, 0.0, 0.0, 0.0);\n\nvoid main(void) {\n  gl_FragColor = v_color;\n  gl_FragColor = mix(transparent, gl_FragColor, v_opacity);\n}\n";
-
-export { SHADER_SOURCE as default };

package/dist/esm/packages/graph/src/programs/arrow-head/vert.glsl.js

@@ -1,8 +0,0 @@
-'use client';
-
-/* istanbul ignore file */
-
-// language=GLSL
-var SHADER_SOURCE = /*glsl*/"\nattribute vec2 a_position;\nattribute vec2 a_normal;\nattribute float a_radius;\nattribute vec3 a_barycentric;\nattribute float a_opacity;\n\n#ifdef PICKING_MODE\nattribute vec4 a_id;\n#else\nattribute vec4 a_color;\n#endif\n\nuniform mat3 u_matrix;\nuniform float u_sizeRatio;\nuniform float u_correctionRatio;\nuniform float u_minEdgeThickness;\nuniform float u_lengthToThicknessRatio;\nuniform float u_widenessToThicknessRatio;\n\nvarying vec4 v_color;\nvarying float v_opacity;\n\nconst float bias = 255.0 / 254.0;\n\nvoid main() {\n  float minThickness = u_minEdgeThickness;\n\n  float normalLength = length(a_normal);\n  vec2 unitNormal = a_normal / normalLength;\n\n  // These first computations are taken from edge.vert.glsl and\n  // edge.clamped.vert.glsl. Please read it to get better comments on what's\n  // happening:\n  float pixelsThickness = max(normalLength / u_sizeRatio, minThickness);\n  float webGLThickness = pixelsThickness * u_correctionRatio;\n  float webGLNodeRadius = a_radius * 2.0 * u_correctionRatio / u_sizeRatio;\n  float webGLArrowHeadLength = webGLThickness * u_lengthToThicknessRatio * 2.0;\n  float webGLArrowHeadThickness = webGLThickness * u_widenessToThicknessRatio;\n\n  float da = a_barycentric.x;\n  float db = a_barycentric.y;\n  float dc = a_barycentric.z;\n\n  vec2 delta = vec2(\n      da * (webGLNodeRadius * unitNormal.y)\n    + db * ((webGLNodeRadius + webGLArrowHeadLength) * unitNormal.y + webGLArrowHeadThickness * unitNormal.x)\n    + dc * ((webGLNodeRadius + webGLArrowHeadLength) * unitNormal.y - webGLArrowHeadThickness * unitNormal.x),\n\n      da * (-webGLNodeRadius * unitNormal.x)\n    + db * (-(webGLNodeRadius + webGLArrowHeadLength) * unitNormal.x + webGLArrowHeadThickness * unitNormal.y)\n    + dc * (-(webGLNodeRadius + webGLArrowHeadLength) * unitNormal.x - webGLArrowHeadThickness * unitNormal.y)\n  );\n\n  vec2 position = (u_matrix * vec3(a_position + delta, 1)).xy;\n\n  gl_Position = vec4(position, 0, 1);\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_color = a_color;\n  v_opacity = a_opacity;\n  #endif\n\n  v_color.a *= bias;\n}\n";
-
-export { SHADER_SOURCE as default };