sanity-plugin-graph-view 1.0.7 → 1.0.8

package/lib/tool/GraphView.js

@@ -1,86 +1,55 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _typeof3 = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GraphView = GraphView;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
 var _userColor = require("@sanity/base/user-color");
-
 var _color = require("@sanity/color");
-
 var _polished = require("polished");
-
 var _deepEqual = _interopRequireDefault(require("deep-equal"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _client = _interopRequireDefault(require("part:@sanity/base/client"));
-
 var _reactForceGraph = require("react-force-graph");
-
 var _uuid = require("uuid");
-
 var _bezierEasing = _interopRequireDefault(require("bezier-easing"));
-
 var _router = require("part:@sanity/base/router");
-
 var _configGraphView = _interopRequireDefault(require("config:graph-view"));
-
 var _hooks = require("./hooks");
-
 var _GraphView = _interopRequireDefault(require("./GraphView.css"));
-
 var _utils = require("./utils");
-
-function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 var DEFAULT_QUERY = "\n  *[\n    !(_id in path(\"_.*\")) &&\n    !(_type match \"system.*\") &&\n    !(_type match \"sanity.*\")\n  ]\n";
 var fadeEasing = (0, _bezierEasing["default"])(0, 0.9, 1, 1);
 var softEasing = (0, _bezierEasing["default"])(0.25, 0.1, 0.0, 1.0);
 var idleTimeout = 10000;
 var imageSize = 40;
-
 function getTopDocTypes(counts) {
   return (0, _utils.sortBy)(Object.keys(counts), function (docType) {
     return counts[docType] || 0;
   }).reverse().slice(0, 10);
 }
-
 function formatDocType(docType) {
   return (docType.substring(0, 1).toUpperCase() + docType.substring(1)).replace(/\./g, ' ').replace(/[A-Z]/g, ' $&').trim();
 }
-
 function getDocTypeCounts(docs) {
   var types = {};
-
   var _iterator = _createForOfIteratorHelper(docs),
-      _step;
-
+    _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
       var doc = _step.value;
@@ -91,38 +60,30 @@ function getDocTypeCounts(docs) {
   } finally {
     _iterator.f();
   }
-
   return types;
 }
-
 function labelFor(doc) {
   return "".concat(doc.title || doc.name || doc._id).trim();
 }
-
 function valueFor(doc, maxSize) {
   return 5 + 100 * ((0, _utils.sizeOf)(doc) / maxSize);
 }
-
 function findRefs(obj) {
   var dest = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-
   if (obj != null) {
     if ((0, _typeof2["default"])(obj) === 'object') {
       for (var _i = 0, _Object$entries = Object.entries(obj); _i < _Object$entries.length; _i++) {
         var _Object$entries$_i = (0, _slicedToArray2["default"])(_Object$entries[_i], 2),
-            k = _Object$entries$_i[0],
-            v = _Object$entries$_i[1];
-
+          k = _Object$entries$_i[0],
+          v = _Object$entries$_i[1];
         if (k === '_ref' && typeof v === 'string' && v.length > 0) {
           dest.push(stripDraftId(v));
         }
-
         findRefs(v, dest);
       }
     } else if (Array.isArray(obj)) {
       var _iterator2 = _createForOfIteratorHelper(obj),
-          _step2;
-
+        _step2;
       try {
         for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
           var _v = _step2.value;
@@ -135,24 +96,18 @@ function findRefs(obj) {
       }
     }
   }
-
   return dest;
 }
-
 function stripDraftId(id) {
   return id.replace(/^drafts\./, '');
 }
-
 function deduplicateDrafts(docs) {
   var deduped = {};
-
   var _iterator3 = _createForOfIteratorHelper(docs),
-      _step3;
-
+    _step3;
   try {
     for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
       var doc = _step3.value;
-
       if (!/^drafts\./.test(doc._id)) {
         deduped[doc._id] = doc;
       }
@@ -162,14 +117,11 @@ function deduplicateDrafts(docs) {
   } finally {
     _iterator3.f();
   }
-
   var _iterator4 = _createForOfIteratorHelper(docs),
-      _step4;
-
+    _step4;
   try {
     for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
       var _doc = _step4.value;
-
       if (/^drafts\./.test(_doc._id)) {
         var id = stripDraftId(_doc._id);
         deduped[id] = Object.assign(_doc, {
@@ -182,16 +134,13 @@ function deduplicateDrafts(docs) {
   } finally {
     _iterator4.f();
   }
-
   return Object.values(deduped);
 }
-
 var Users = /*#__PURE__*/function () {
   function Users() {
     (0, _classCallCheck2["default"])(this, Users);
     (0, _defineProperty2["default"])(this, "_users", []);
   }
-
   (0, _createClass2["default"])(Users, [{
     key: "getById",
     value: function () {
@@ -204,29 +153,21 @@ var Users = /*#__PURE__*/function () {
                 user = this._users.find(function (u) {
                   return u._id === id;
                 });
-
                 if (user) {
                   _context.next = 9;
                   break;
                 }
-
                 _context.next = 4;
                 return _client["default"].users.getById(id);
-
               case 4:
                 user = _context.sent;
-
                 this._users.push(user);
-
                 _context.next = 8;
                 return (0, _utils.loadImage)(user.imageUrl || 'https://raw.githubusercontent.com/sanity-io/sanity-plugin-graph-view/main/assets/head-silhouette.jpg', imageSize, imageSize);
-
               case 8:
                 user.image = _context.sent;
-
               case 9:
                 return _context.abrupt("return", user);
-
               case 10:
               case "end":
                 return _context.stop();
@@ -234,34 +175,28 @@ var Users = /*#__PURE__*/function () {
           }
         }, _callee, this);
       }));
-
       function getById(_x) {
         return _getById.apply(this, arguments);
       }
-
       return getById;
     }()
   }]);
   return Users;
 }();
-
-var Session = function Session() {
+var Session = /*#__PURE__*/(0, _createClass2["default"])(function Session() {
   (0, _classCallCheck2["default"])(this, Session);
   (0, _defineProperty2["default"])(this, "user", null);
   (0, _defineProperty2["default"])(this, "doc", null);
   (0, _defineProperty2["default"])(this, "lastActive", null);
-};
-
+});
 var GraphData = /*#__PURE__*/function () {
   function GraphData() {
     var docs = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     (0, _classCallCheck2["default"])(this, GraphData);
     (0, _defineProperty2["default"])(this, "sessions", []);
     var docsById = {};
-
     var _iterator5 = _createForOfIteratorHelper(docs),
-        _step5;
-
+      _step5;
     try {
       for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
         var doc = _step5.value;
@@ -272,7 +207,6 @@ var GraphData = /*#__PURE__*/function () {
     } finally {
       _iterator5.f();
     }
-
     this.data = {
       nodes: docs.map(function (d) {
         return Object.assign({
@@ -293,14 +227,12 @@ var GraphData = /*#__PURE__*/function () {
       })
     };
   }
-
   (0, _createClass2["default"])(GraphData, [{
     key: "setSession",
     value: function setSession(user, docNode) {
       var session = this.sessions.find(function (s) {
         return s.user.id === user.id && s.doc._id === docNode.doc._id;
       });
-
       if (!session) {
         session = new Session();
         session.id = (0, _uuid.v4)();
@@ -310,7 +242,6 @@ var GraphData = /*#__PURE__*/function () {
         session.angle = Math.random() * 2 * Math.PI;
         this.sessions.push(session);
       }
-
       session.lastActive = Date.now();
     }
   }, {
@@ -318,7 +249,6 @@ var GraphData = /*#__PURE__*/function () {
     value: function reapSessions() {
       for (var i = 0; i < this.sessions.length; i++) {
         var session = this.sessions[i];
-
         if (Date.now() - session.lastActive > idleTimeout) {
           this.sessions = [].concat((0, _toConsumableArray2["default"])(this.sessions.slice(0, i)), (0, _toConsumableArray2["default"])(this.sessions.slice(i + 1)));
           i--;
@@ -339,40 +269,32 @@ var GraphData = /*#__PURE__*/function () {
   }]);
   return GraphData;
 }();
-
 var users = new Users();
-
 function GraphView() {
   var query = _configGraphView["default"].query || DEFAULT_QUERY;
   var userColorManager = (0, _userColor.useUserColorManager)();
-
   var _useState = (0, _react.useState)(0),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      maxSize = _useState2[0],
-      setMaxSize = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    maxSize = _useState2[0],
+    setMaxSize = _useState2[1];
   var _useState3 = (0, _react.useState)(null),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      hoverNode = _useState4[0],
-      setHoverNode = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    hoverNode = _useState4[0],
+    setHoverNode = _useState4[1];
   var _useState5 = (0, _react.useState)([]),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      documents = _useState6[0],
-      setDocuments = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    documents = _useState6[0],
+    setDocuments = _useState6[1];
   var _useState7 = (0, _react.useState)([]),
-      _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-      docTypes = _useState8[0],
-      setDocTypes = _useState8[1];
-
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    docTypes = _useState8[0],
+    setDocTypes = _useState8[1];
   var _useState9 = (0, _react.useState)(function () {
-    return new GraphData();
-  }),
-      _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
-      graph = _useState10[0],
-      setGraph = _useState10[1];
-
+      return new GraphData();
+    }),
+    _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
+    graph = _useState10[0],
+    setGraph = _useState10[1];
   var router = (0, _router.useRouter)();
   var fetchCallback = (0, _react.useCallback)(function (docs) {
     docs = deduplicateDrafts(docs);
@@ -383,58 +305,50 @@ function GraphView() {
   }, []);
   var listenCallback = (0, _react.useCallback)( /*#__PURE__*/function () {
     var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(update) {
-      var doc, _docsById, _iterator6, _step6, _doc2, oldDoc, docs, idx, newGraph, oldRefs, newRefs, graphChanged, docNode, nodeIdx, user, docId, _docs, _newGraph;
-
+      var doc, docsById, _iterator6, _step6, _doc2, oldDoc, docs, idx, newGraph, oldRefs, newRefs, graphChanged, docNode, nodeIdx, user, docId, _docs, _newGraph;
       return _regenerator["default"].wrap(function _callee2$(_context2) {
         while (1) {
           switch (_context2.prev = _context2.next) {
             case 0:
               doc = update.result;
-
               if (!doc) {
                 _context2.next = 26;
                 break;
               }
-
               doc._id = stripDraftId(doc._id);
-              _docsById = {};
+              docsById = {};
               _iterator6 = _createForOfIteratorHelper(documents);
-
               try {
                 for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
                   _doc2 = _step6.value;
-                  _docsById[_doc2._id] = _doc2;
+                  docsById[_doc2._id] = _doc2;
                 }
               } catch (err) {
                 _iterator6.e(err);
               } finally {
                 _iterator6.f();
               }
-
               docs = (0, _toConsumableArray2["default"])(documents);
               idx = documents.findIndex(function (d) {
                 return d._id === doc._id;
               });
-
               if (idx >= 0) {
                 oldDoc = docs[idx];
                 docs[idx] = doc;
               } else {
                 docs.push(doc);
               }
-
               setDocuments(docs);
               setDocTypes(getDocTypeCounts(docs));
               setMaxSize(Math.max.apply(Math, (0, _toConsumableArray2["default"])(docs.map(_utils.sizeOf))));
               newGraph = graph.clone();
               oldRefs = findRefs(oldDoc || {}).filter(function (id) {
-                return id === doc._id || _docsById[id] != null;
+                return id === doc._id || docsById[id] != null;
               });
               newRefs = findRefs(doc).filter(function (id) {
-                return id === doc._id || _docsById[id] != null;
+                return id === doc._id || docsById[id] != null;
               });
               graphChanged = !(0, _deepEqual["default"])(oldRefs, newRefs);
-
               if (graphChanged) {
                 newGraph.data.links = newGraph.data.links.filter(function (l) {
                   return l.source.id !== doc._id;
@@ -445,11 +359,9 @@ function GraphView() {
                   };
                 }));
               }
-
               nodeIdx = graph.data.nodes.findIndex(function (n) {
                 return n.doc && n.doc._id === doc._id;
               });
-
               if (nodeIdx >= 0) {
                 docNode = graph.data.nodes[nodeIdx];
                 docNode.doc = doc;
@@ -462,20 +374,16 @@ function GraphView() {
                 newGraph.data.nodes.push(docNode);
                 graphChanged = true;
               }
-
               if (graphChanged) {
                 setGraph(newGraph);
               }
-
               _context2.next = 22;
               return users.getById(update.identity);
-
             case 22:
               user = _context2.sent;
               graph.setSession(user, docNode);
               _context2.next = 27;
               break;
-
             case 26:
               if (update.transition === 'disappear') {
                 docId = stripDraftId(update.documentId);
@@ -494,7 +402,6 @@ function GraphView() {
                 });
                 setGraph(_newGraph);
               }
-
             case 27:
             case "end":
               return _context2.stop();
@@ -502,7 +409,6 @@ function GraphView() {
         }
       }, _callee2);
     }));
-
     return function (_x2) {
       return _ref.apply(this, arguments);
     };
@@ -564,15 +470,13 @@ function GraphView() {
     },
     onRenderFramePost: function onRenderFramePost(ctx, globalScale) {
       var _iterator7 = _createForOfIteratorHelper(graph.sessions),
-          _step7;
-
+        _step7;
       try {
         var _loop = function _loop() {
           var session = _step7.value;
           var node = graph.data.nodes.find(function (n) {
             return n.doc && n.doc._id === session.doc._id;
           });
-
           if (node) {
             var idleFactorRange = idleTimeout;
             var angle = session.angle;
@@ -585,7 +489,6 @@ function GraphView() {
             var x = node.x + Math.sin(angle) * distance / globalScale;
             var y = node.y + Math.cos(angle) * distance / globalScale;
             ctx.save();
-
             try {
               ctx.globalAlpha = fadeEasing(1 - Math.min(idleFactorRange, Date.now() - session.lastActive) / idleFactorRange);
               ctx.font = "bold ".concat(Math.round(12 / globalScale), "px sans-serif");
@@ -600,21 +503,17 @@ function GraphView() {
               ctx.lineWidth = 2 / globalScale;
               ctx.arc(node.x, node.y, radius, 0, 2 * Math.PI, false);
               ctx.stroke();
-
               if (image) {
                 ctx.save();
-
                 try {
                   var dur = 700;
                   var f = softEasing(Math.max(0, (dur - (Date.now() - session.startTime)) / dur));
-
                   if (f > 0) {
                     ctx.beginPath();
                     ctx.fillStyle = (0, _polished.rgba)(userColor, f);
                     ctx.arc(x, y, (imgW / 2 + 10) / globalScale, 0, 2 * Math.PI, false);
                     ctx.fill();
                   }
-
                   ctx.beginPath();
                   ctx.fillStyle = (0, _polished.rgba)(_color.color.white.hex, 1.0);
                   ctx.arc(x, y, imgW / globalScale / 2, 0, 2 * Math.PI, false);
@@ -630,7 +529,6 @@ function GraphView() {
                   ctx.restore();
                 }
               }
-
               ctx.beginPath();
               ctx.strokeStyle = (0, _polished.rgba)(_color.color.black.hex, 1);
               ctx.lineWidth = 0.5 / globalScale;
@@ -647,7 +545,6 @@ function GraphView() {
             }
           }
         };
-
         for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
           _loop();
         }
@@ -671,15 +568,12 @@ function GraphView() {
             ctx.arc(node.x, node.y, radius, 0, 2 * Math.PI, false);
             ctx.stroke();
             ctx.fill();
-
             if (radius * globalScale > 10) {
               ctx.font = "".concat(fontSize, "px sans-serif");
               var w = radius * 2 + 30 / globalScale;
-
               for (var len = 50; len >= 5; len /= 1.2) {
                 var label = (0, _utils.truncate)(labelFor(node.doc), Math.round(len));
                 var textMetrics = ctx.measureText(label);
-
                 if (textMetrics.width < w) {
                   // ctx.fillStyle = rgba(color.white.hex, 1.0)
                   ctx.textAlign = 'center';
@@ -705,15 +599,12 @@ function GraphView() {
     }
   }));
 }
-
 var colorCache = {};
 var typeColorNum = 0;
-
 function getDocTypeColor(docType) {
   if (colorCache[docType]) {
     return colorCache[docType];
   }
-
   var hue = _color.COLOR_HUES[typeColorNum % _color.COLOR_HUES.length];
   typeColorNum += 1;
   colorCache[docType] = {

package/lib/tool/GraphViewIcon.js

@@ -1,14 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GraphViewIcon = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 /**
  * Couple of things to note:
  * - width and height is set to 1em
@@ -28,5 +25,4 @@ var GraphViewIcon = function GraphViewIcon() {
     d: "M18.022 38.676v2.813h-1.21q-4.864 0-6.525-1.447-1.64-1.445-1.64-5.762v-4.666q0-2.95-1.055-4.083-1.055-1.13-3.828-1.13h-1.19v-2.794h1.19q2.793 0 3.828-1.114 1.055-1.132 1.055-4.043V11.76q0-4.316 1.64-5.742 1.66-1.446 6.524-1.446h1.212v2.793h-1.328q-2.754 0-3.594.86-.84.86-.84 3.613v4.844q0 3.066-.898 4.453-.88 1.387-3.028 1.875 2.168.527 3.047 1.914.88 1.387.88 4.434v4.843q0 2.754.84 3.614.84.86 3.594.86h1.328zM28.04 38.676h1.368q2.735 0 3.555-.84.84-.84.84-3.633V29.36q0-3.047.88-4.434.878-1.387 3.046-1.914-2.17-.488-3.048-1.875-.88-1.387-.88-4.453V11.84q0-2.773-.84-3.613-.82-.86-3.554-.86H28.04V4.574h1.232q4.863 0 6.484 1.446 1.64 1.426 1.64 5.742v4.687q0 2.91 1.055 4.042 1.056 1.114 3.83 1.114h1.21V24.4h-1.21q-2.774 0-3.83 1.13-1.053 1.134-1.053 4.084v4.667q0 4.318-1.64 5.763-1.622 1.446-6.485 1.446h-1.23v-2.814z"
   }));
 };
-
 exports.GraphViewIcon = GraphViewIcon;

package/lib/tool/hooks.js

@@ -1,29 +1,23 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useListen = useListen;
 exports.useFetchDocuments = useFetchDocuments;
-
+exports.useListen = useListen;
 var _react = require("react");
-
 var _client = _interopRequireDefault(require("part:@sanity/base/client"));
-
 function useListen(query, params, options, onUpdate, dependencies) {
   (0, _react.useEffect)(function () {
     var subscription = _client["default"].listen(query, params, options).subscribe(function (update) {
       onUpdate(update);
     });
-
     return function () {
       subscription.unsubscribe();
     };
   }, dependencies);
 }
-
 function useFetchDocuments(query, onFetch, dependencies) {
   (0, _react.useEffect)(function () {
     _client["default"].fetch(query).then(function (result) {

package/lib/tool/index.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _router = require("part:@sanity/base/router");
-
 var _GraphView = require("./GraphView");
-
 var _GraphViewIcon = require("./GraphViewIcon");
-
 var _default = {
   title: 'Graph',
   name: 'graph-your-content',