npm - sanity-plugin-graph-view - Versions diffs - 3.1.0 → 3.2.0 - Mend

sanity-plugin-graph-view 3.1.0 → 3.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/dist/_chunks-cjs/GraphView.cjs +123 -142
package/dist/_chunks-cjs/GraphView.cjs.map +1 -1
package/dist/_chunks-es/GraphView.js +117 -136
package/dist/_chunks-es/GraphView.js.map +1 -1
package/dist/index.cjs +15 -23
package/dist/index.cjs.map +1 -1
package/dist/index.js +15 -22
package/dist/index.js.map +1 -1
package/package.json +16 -14

package/dist/_chunks-es/GraphView.js CHANGED Viewed

@@ -2,16 +2,18 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import BezierEasing from "bezier-easing";
 import deepEqual from "deep-equal";
 import { rgba } from "polished";
-import { useEffect, useState, useCallback } from "react";
+import { useState, useEffect } from "react";
 import { ForceGraph2D } from "react-force-graph";
 import { useUserColorManager, useClient } from "sanity";
 import { useRouter } from "sanity/router";
 import { v4 } from "uuid";
 import { black, gray, white, hues, COLOR_HUES } from "@sanity/color";
 import { useTheme } from "@sanity/ui";
-import styled from "styled-components";
+import { styled } from "styled-components";
 const GraphRoot = styled.div`
-  font-family: ${({ theme }) => theme.fonts.text.family};
+  font-family: ${({
+  theme
+}) => theme.fonts.text.family};
   position: absolute;
   top: 0;
   left: 0;
@@ -23,15 +25,23 @@ const GraphRoot = styled.div`
   width: 100%;
   height: 100%;
 `, HoverNode = styled.div`
-  font-family: ${({ theme }) => theme.fonts.text.family};
+  font-family: ${({
+  theme
+}) => theme.fonts.text.family};
   display: none;
   position: absolute;
-  bottom: ${({ theme }) => theme.space[0]}px;
+  bottom: ${({
+  theme
+}) => theme.space[0]}px;
   left: 50%;
   transform: translate3d(-50%, 0, 0);
   background: var(--component-bg);
-  border-radius: ${({ theme }) => theme.radius[2]}px;
-  padding: ${({ theme }) => theme.space[2]}px;
+  border-radius: ${({
+  theme
+}) => theme.radius[2]}px;
+  padding: ${({
+  theme
+}) => theme.space[2]}px;
   z-index: 1000;
   &:empty {
@@ -40,8 +50,12 @@ const GraphRoot = styled.div`
 `, Legend = styled.div`
   color: #ccc;
   position: absolute;
-  top: ${({ theme }) => theme.space[4]}px;
-  left: ${({ theme }) => theme.space[4]}px;
+  top: ${({
+  theme
+}) => theme.space[4]}px;
+  left: ${({
+  theme
+}) => theme.space[4]}px;
   & > div {
     margin: 5px 0;
@@ -53,25 +67,10 @@ const GraphRoot = styled.div`
   height: 1.25em;
   background: currentColor;
   border-radius: 50%;
-  margin-right: ${({ theme }) => theme.space[2]}px;
+  margin-right: ${({
+  theme
+}) => theme.space[2]}px;
 `;
-function useListen(query, params, options, onUpdate, dependencies, client) {
-  useEffect(() => {
-    const subscription = client.listen(query, params, options).subscribe((update) => {
-      onUpdate(update);
-    });
-    return () => {
-      subscription.unsubscribe();
-    };
-  }, [...dependencies, client]);
-}
-function useFetchDocuments(query, onFetch, dependencies, client) {
-  useEffect(() => {
-    client.fetch(query).then((result) => {
-      onFetch(result);
-    });
-  }, [...dependencies, client]);
-}
 function sizeOf(value) {
   return value === null ? 0 : typeof value == "object" ? Object.entries(value).reduce((total, [k, v]) => total + sizeOf(k) + sizeOf(v), 0) : Array.isArray(value) ? Object.entries(value).reduce((total, v) => total + sizeOf(v), 0) : typeof value == "string" ? value.length : 1;
 }
@@ -140,7 +139,9 @@ function deduplicateDrafts(docs) {
   for (const doc of docs)
     if (doc._id.startsWith("drafts.")) {
       const id = stripDraftId(doc._id);
-      deduped[id] = Object.assign(doc, { _id: id });
+      deduped[id] = Object.assign(doc, {
+        _id: id
+      });
     }
   return Object.values(deduped);
 }
@@ -148,11 +149,7 @@ class Users {
   _users = [];
   async getById(id, client) {
     let user = this._users.find((u) => u._id === id);
-    return user || (user = await client.users.getById(id), this._users.push(user), user.image = await loadImage(
-      user.imageUrl || "https://raw.githubusercontent.com/sanity-io/sanity-plugin-graph-view/main/assets/head-silhouette.jpg",
-      imageSize,
-      imageSize
-    )), user;
+    return user || (user = await client.users.getById(id), this._users.push(user), user.image = await loadImage(user.imageUrl || "https://raw.githubusercontent.com/sanity-io/sanity-plugin-graph-view/main/assets/head-silhouette.jpg", imageSize, imageSize)), user;
   }
 }
 class Session {
@@ -165,14 +162,20 @@ class Session {
 }
 class GraphData {
   sessions = [];
-  data;
   constructor(docs = []) {
     const docsById = {};
     for (const doc of docs)
       docsById[doc._id] = doc;
     this.data = {
-      nodes: docs.map((d) => Object.assign({ id: d._id, type: "document", doc: d })),
-      links: docs.flatMap((doc) => findRefs(doc).map((ref) => ({ source: doc._id, target: ref }))).filter((link) => docsById[link.source] && docsById[link.target])
+      nodes: docs.map((d) => Object.assign({
+        id: d._id,
+        type: "document",
+        doc: d
+      })),
+      links: docs.flatMap((doc) => findRefs(doc).map((ref) => ({
+        source: doc._id,
+        target: ref
+      }))).filter((link) => docsById[link.source] && docsById[link.target])
     };
   }
   setSession(user, docNode) {
@@ -195,13 +198,21 @@ class GraphData {
 }
 const users = new Users();
 function GraphView({
-  tool: { options: props }
+  tool: {
+    options: props
+  }
 }) {
-  const query = props.query || DEFAULT_QUERY, apiVersion = props.apiVersion ?? "2022-09-01", userColorManager = useUserColorManager(), [maxSize, setMaxSize] = useState(0), [hoverNode, setHoverNode] = useState(null), [documents, setDocuments] = useState([]), [docTypes, setDocTypes] = useState({}), [graph, setGraph] = useState(() => new GraphData()), router = useRouter(), client = useClient({ apiVersion }), fetchCallback = useCallback((_docs) => {
-    const docs = deduplicateDrafts(_docs);
-    setMaxSize(Math.max(...docs.map(sizeOf))), setDocuments(docs), setDocTypes(getDocTypeCounts(docs)), setGraph(new GraphData(docs));
-  }, []), listenCallback = useCallback(
-    async (update) => {
+  const query = props.query || DEFAULT_QUERY, apiVersion = props.apiVersion ?? "2022-09-01", userColorManager = useUserColorManager(), [maxSize, setMaxSize] = useState(0), [hoverNode, setHoverNode] = useState(null), [documents, setDocuments] = useState([]), [docTypes, setDocTypes] = useState({}), [graph, setGraph] = useState(() => new GraphData()), router = useRouter(), client = useClient({
+    apiVersion
+  });
+  useEffect(() => {
+    client.fetch(query).then((_docs) => {
+      const docs = deduplicateDrafts(_docs);
+      setMaxSize(Math.max(...docs.map(sizeOf))), setDocuments(docs), setDocTypes(getDocTypeCounts(docs)), setGraph(new GraphData(docs));
+    });
+  }, [client, query]), useEffect(() => {
+    const subscription = client.listen(query, {}, {}).subscribe(async (update) => {
+      if (update.type !== "mutation") return;
       const doc = update.result;
       if (doc) {
         doc._id = stripDraftId(doc._id);
@@ -209,125 +220,95 @@ function GraphView({
         for (const d of documents)
           docsById[d._id] = d;
         let oldDoc;
-        const docs = [...documents], idx = documents.findIndex((d) => d._id === doc._id);
-        idx >= 0 ? (oldDoc = docs[idx], docs[idx] = doc) : docs.push(doc), setDocuments(docs), setDocTypes(getDocTypeCounts(docs)), setMaxSize(Math.max(...docs.map(sizeOf)));
-        const newGraph = graph.clone(), oldRefs = findRefs(oldDoc || {}).filter(
-          (id) => id === doc._id || docsById[id] !== null
-        ), newRefs = findRefs(doc).filter((id) => id === doc._id || docsById[id] !== null);
+        const docs_0 = [...documents], idx = documents.findIndex((d_0) => d_0._id === doc._id);
+        idx >= 0 ? (oldDoc = docs_0[idx], docs_0[idx] = doc) : docs_0.push(doc), setDocuments(docs_0), setDocTypes(getDocTypeCounts(docs_0)), setMaxSize(Math.max(...docs_0.map(sizeOf)));
+        const newGraph = graph.clone(), oldRefs = findRefs(oldDoc || {}).filter((id) => id === doc._id || docsById[id] !== null), newRefs = findRefs(doc).filter((id_0) => id_0 === doc._id || docsById[id_0] !== null);
         let graphChanged = !deepEqual(oldRefs, newRefs);
-        graphChanged && (newGraph.data.links = newGraph.data.links.filter((l) => l.source.id !== doc._id).concat(newRefs.map((ref) => ({ source: doc._id, target: ref }))));
+        graphChanged && (newGraph.data.links = newGraph.data.links.filter((l) => l.source.id !== doc._id).concat(newRefs.map((ref) => ({
+          source: doc._id,
+          target: ref
+        }))));
         let docNode;
         const nodeIdx = graph.data.nodes.findIndex((n) => n.doc && n.doc._id === doc._id);
-        nodeIdx >= 0 ? (docNode = graph.data.nodes[nodeIdx], docNode.doc = doc) : (docNode = { id: doc._id, type: "document", doc }, newGraph.data.nodes.push(docNode), graphChanged = !0), graphChanged && setGraph(newGraph);
+        nodeIdx >= 0 ? (docNode = graph.data.nodes[nodeIdx], docNode.doc = doc) : (docNode = {
+          id: doc._id,
+          type: "document",
+          doc
+        }, newGraph.data.nodes.push(docNode), graphChanged = !0), graphChanged && setGraph(newGraph);
         const user = await users.getById(update.identity, client);
         graph.setSession(user, docNode);
       } else if (update.transition === "disappear") {
-        const docId = stripDraftId(update.documentId), docs = documents.filter((d) => d._id !== docId);
-        setDocuments(docs), setDocTypes(getDocTypeCounts(docs)), setMaxSize(Math.max(...docs.map(sizeOf)));
-        const newGraph = graph.clone();
-        newGraph.data.links = newGraph.data.links.filter(
-          (l) => l.source.id !== docId && l.target.id !== docId
-        ), newGraph.data.nodes = newGraph.data.nodes.filter((n) => n.id !== docId), setGraph(newGraph);
+        const docId = stripDraftId(update.documentId), docs_1 = documents.filter((d_1) => d_1._id !== docId);
+        setDocuments(docs_1), setDocTypes(getDocTypeCounts(docs_1)), setMaxSize(Math.max(...docs_1.map(sizeOf)));
+        const newGraph_0 = graph.clone();
+        newGraph_0.data.links = newGraph_0.data.links.filter((l_0) => l_0.source.id !== docId && l_0.target.id !== docId), newGraph_0.data.nodes = newGraph_0.data.nodes.filter((n_0) => n_0.id !== docId), setGraph(newGraph_0);
       }
-    },
-    [documents, graph, client]
-  );
-  useFetchDocuments(query, fetchCallback, [], client), useListen(query, {}, {}, listenCallback, [documents, graph], client), useEffect(() => {
+    });
+    return () => {
+      subscription.unsubscribe();
+    };
+  }, [client, query, documents, graph]), useEffect(() => {
     const interval = setInterval(() => graph.reapSessions(), 1e3);
     return () => clearInterval(interval);
   }, [graph]);
   const theme = useTheme().sanity;
   return /* @__PURE__ */ jsx(GraphWrapper, { theme, children: /* @__PURE__ */ jsxs(GraphRoot, { theme, children: [
-    /* @__PURE__ */ jsx(Legend, { theme, children: getTopDocTypes(docTypes).map((docType) => /* @__PURE__ */ jsxs(
-      LegendRow,
-      {
-        className: "legend__row",
-        style: { color: getDocTypeColor(docType).fill },
-        children: [
-          /* @__PURE__ */ jsx(LegendBadge, { theme }),
-          /* @__PURE__ */ jsx("div", { children: formatDocType(docType) })
-        ]
-      },
-      docType
-    )) }),
+    /* @__PURE__ */ jsx(Legend, { theme, children: getTopDocTypes(docTypes).map((docType) => /* @__PURE__ */ jsxs(LegendRow, { className: "legend__row", style: {
+      color: getDocTypeColor(docType).fill
+    }, children: [
+      /* @__PURE__ */ jsx(LegendBadge, { theme }),
+      /* @__PURE__ */ jsx("div", { children: formatDocType(docType) })
+    ] }, docType)) }),
     hoverNode && /* @__PURE__ */ jsx(HoverNode, { theme, children: labelFor(hoverNode.doc) }),
-    /* @__PURE__ */ jsx(
-      ForceGraph2D,
-      {
-        graphData: graph.data,
-        nodeAutoColorBy: "group",
-        enableNodeDrag: !1,
-        onNodeHover: (node) => setHoverNode(node),
-        onNodeClick: (node) => {
-          router.navigateIntent("edit", { id: node.doc._id, documentType: node.doc._type });
-        },
-        linkColor: () => rgba(gray[500].hex, 0.25),
-        nodeLabel: () => "",
-        nodeRelSize: 1,
-        nodeVal: (node) => valueFor(node.doc, maxSize),
-        onRenderFramePost: (ctx, globalScale) => {
-          for (const session of graph.sessions) {
-            const node = graph.data.nodes.find(
-              (n) => n.doc && n.doc._id === session?.doc?._id
-            );
-            if (node) {
-              const idleFactorRange = idleTimeout, angle = session.angle, radius = Math.sqrt(valueFor(node.doc, maxSize)), image = session.user.image, userColor = userColorManager.get(session.user.displayName).tints[400].hex, distance = radius * globalScale + 40, imgW = image ? image.width : 0, imgH = image ? image.height : 0, x = node.x + Math.sin(angle) * distance / globalScale, y = node.y + Math.cos(angle) * distance / globalScale;
+    /* @__PURE__ */ jsx(ForceGraph2D, { graphData: graph.data, nodeAutoColorBy: "group", enableNodeDrag: !1, onNodeHover: (node) => setHoverNode(node), onNodeClick: (node_0) => {
+      router.navigateIntent("edit", {
+        id: node_0.doc._id,
+        documentType: node_0.doc._type
+      });
+    }, linkColor: () => rgba(gray[500].hex, 0.25), nodeLabel: () => "", nodeRelSize: 1, nodeVal: (node_1) => valueFor(node_1.doc, maxSize), onRenderFramePost: (ctx, globalScale) => {
+      for (const session of graph.sessions) {
+        const node_2 = graph.data.nodes.find((n_1) => n_1.doc && n_1.doc._id === session?.doc?._id);
+        if (node_2) {
+          const idleFactorRange = idleTimeout, angle = session.angle, radius = Math.sqrt(valueFor(node_2.doc, maxSize)), image = session.user.image, userColor = userColorManager.get(session.user.displayName).tints[400].hex, distance = radius * globalScale + 40, imgW = image ? image.width : 0, imgH = image ? image.height : 0, x = node_2.x + Math.sin(angle) * distance / globalScale, y = node_2.y + Math.cos(angle) * distance / globalScale;
+          ctx.save();
+          try {
+            if (ctx.globalAlpha = fadeEasing(1 - Math.min(idleFactorRange, Date.now() - session.lastActive) / idleFactorRange), ctx.font = `bold ${Math.round(12 / globalScale)}px sans-serif`, ctx.beginPath(), ctx.strokeStyle = rgba(white.hex, 1), ctx.lineWidth = 2 / globalScale, ctx.moveTo(node_2.x + Math.sin(angle) * (distance - imgW / 2) / globalScale, node_2.y + Math.cos(angle) * (distance - imgH / 2) / globalScale), ctx.lineTo(node_2.x + Math.sin(angle) * radius, node_2.y + Math.cos(angle) * radius), ctx.stroke(), ctx.beginPath(), ctx.strokeStyle = rgba(white.hex, 1), ctx.lineWidth = 2 / globalScale, ctx.arc(node_2.x, node_2.y, radius, 0, 2 * Math.PI, !1), ctx.stroke(), image) {
               ctx.save();
               try {
-                if (ctx.globalAlpha = fadeEasing(
-                  1 - Math.min(idleFactorRange, Date.now() - session.lastActive) / idleFactorRange
-                ), ctx.font = `bold ${Math.round(12 / globalScale)}px sans-serif`, ctx.beginPath(), ctx.strokeStyle = rgba(white.hex, 1), ctx.lineWidth = 2 / globalScale, ctx.moveTo(
-                  node.x + Math.sin(angle) * (distance - imgW / 2) / globalScale,
-                  node.y + Math.cos(angle) * (distance - imgH / 2) / globalScale
-                ), ctx.lineTo(node.x + Math.sin(angle) * radius, node.y + Math.cos(angle) * radius), ctx.stroke(), ctx.beginPath(), ctx.strokeStyle = rgba(white.hex, 1), ctx.lineWidth = 2 / globalScale, ctx.arc(node.x, node.y, radius, 0, 2 * Math.PI, !1), ctx.stroke(), image) {
-                  ctx.save();
-                  try {
-                    const f = softEasing(
-                      Math.max(0, (700 - (Date.now() - session.startTime)) / 700)
-                    );
-                    f > 0 && (ctx.beginPath(), ctx.fillStyle = rgba(userColor, f), ctx.arc(x, y, (imgW / 2 + 10) / globalScale, 0, 2 * Math.PI, !1), ctx.fill()), ctx.beginPath(), ctx.fillStyle = rgba(white.hex, 1), ctx.arc(x, y, imgW / globalScale / 2, 0, 2 * Math.PI, !1), ctx.clip(), ctx.drawImage(
-                      image,
-                      x - imgW / globalScale / 2,
-                      y - imgH / globalScale / 2,
-                      imgW / globalScale,
-                      imgH / globalScale
-                    ), ctx.strokeStyle = black.hex, ctx.lineWidth = 6 / globalScale, ctx.stroke(), ctx.strokeStyle = userColor, ctx.lineWidth = 4 / globalScale, ctx.stroke();
-                  } finally {
-                    ctx.restore();
-                  }
-                }
-                ctx.beginPath(), ctx.strokeStyle = rgba(black.hex, 1), ctx.lineWidth = 0.5 / globalScale, ctx.arc(x, y, imgW / globalScale / 2, 0, 2 * Math.PI, !1), ctx.stroke();
-                const above = angle >= Math.PI / 2 && angle < Math.PI * 1.5, textY = above ? y - (imgH / 2 + 5) / globalScale : y + (imgH / 2 + 5) / globalScale;
-                ctx.fillStyle = rgba(white.hex, 1), ctx.textAlign = "center", ctx.textBaseline = above ? "bottom" : "top", ctx.fillText(session.user.displayName, x, textY);
+                const f = softEasing(Math.max(0, (700 - (Date.now() - session.startTime)) / 700));
+                f > 0 && (ctx.beginPath(), ctx.fillStyle = rgba(userColor, f), ctx.arc(x, y, (imgW / 2 + 10) / globalScale, 0, 2 * Math.PI, !1), ctx.fill()), ctx.beginPath(), ctx.fillStyle = rgba(white.hex, 1), ctx.arc(x, y, imgW / globalScale / 2, 0, 2 * Math.PI, !1), ctx.clip(), ctx.drawImage(image, x - imgW / globalScale / 2, y - imgH / globalScale / 2, imgW / globalScale, imgH / globalScale), ctx.strokeStyle = black.hex, ctx.lineWidth = 6 / globalScale, ctx.stroke(), ctx.strokeStyle = userColor, ctx.lineWidth = 4 / globalScale, ctx.stroke();
               } finally {
                 ctx.restore();
               }
             }
+            ctx.beginPath(), ctx.strokeStyle = rgba(black.hex, 1), ctx.lineWidth = 0.5 / globalScale, ctx.arc(x, y, imgW / globalScale / 2, 0, 2 * Math.PI, !1), ctx.stroke();
+            const above = angle >= Math.PI / 2 && angle < Math.PI * 1.5, textY = above ? y - (imgH / 2 + 5) / globalScale : y + (imgH / 2 + 5) / globalScale;
+            ctx.fillStyle = rgba(white.hex, 1), ctx.textAlign = "center", ctx.textBaseline = above ? "bottom" : "top", ctx.fillText(session.user.displayName, x, textY);
+          } finally {
+            ctx.restore();
           }
-        },
-        nodeCanvasObject: (node, ctx, globalScale) => {
-          switch (node.type) {
-            case "document": {
-              const nodeColor = getDocTypeColor(node.doc._type), radius = Math.sqrt(valueFor(node.doc, maxSize)), fontSize = Math.min(100, 10 / globalScale);
-              if (ctx.beginPath(), ctx.fillStyle = hoverNode !== null && node.doc._id === hoverNode.doc._id ? rgba(gray[500].hex, 0.8) : nodeColor.fill, ctx.strokeStyle = nodeColor.border, ctx.lineWidth = 0.5, ctx.arc(node.x, node.y, radius, 0, 2 * Math.PI, !1), ctx.stroke(), ctx.fill(), radius * globalScale > 10) {
-                ctx.font = `${fontSize}px sans-serif`;
-                const w = radius * 2 + 30 / globalScale;
-                for (let len = 50; len >= 5; len /= 1.2) {
-                  const label = truncate(labelFor(node.doc), Math.round(len));
-                  if (ctx.measureText(label).width < w) {
-                    ctx.textAlign = "center", ctx.textBaseline = "top", ctx.strokeStyle = rgba(black.hex, 0.5), ctx.lineWidth = 2 / globalScale, ctx.strokeText(label, node.x, node.y + radius + 5 / globalScale), ctx.fillText(label, node.x, node.y + radius + 5 / globalScale);
-                    break;
-                  }
-                }
+        }
+      }
+    }, nodeCanvasObject: (node_3, ctx_0, globalScale_0) => {
+      switch (node_3.type) {
+        case "document": {
+          const nodeColor = getDocTypeColor(node_3.doc._type), radius_0 = Math.sqrt(valueFor(node_3.doc, maxSize)), fontSize = Math.min(100, 10 / globalScale_0);
+          if (ctx_0.beginPath(), ctx_0.fillStyle = hoverNode !== null && node_3.doc._id === hoverNode.doc._id ? rgba(gray[500].hex, 0.8) : nodeColor.fill, ctx_0.strokeStyle = nodeColor.border, ctx_0.lineWidth = 0.5, ctx_0.arc(node_3.x, node_3.y, radius_0, 0, 2 * Math.PI, !1), ctx_0.stroke(), ctx_0.fill(), radius_0 * globalScale_0 > 10) {
+            ctx_0.font = `${fontSize}px sans-serif`;
+            const w = radius_0 * 2 + 30 / globalScale_0;
+            for (let len = 50; len >= 5; len /= 1.2) {
+              const label = truncate(labelFor(node_3.doc), Math.round(len));
+              if (ctx_0.measureText(label).width < w) {
+                ctx_0.textAlign = "center", ctx_0.textBaseline = "top", ctx_0.strokeStyle = rgba(black.hex, 0.5), ctx_0.lineWidth = 2 / globalScale_0, ctx_0.strokeText(label, node_3.x, node_3.y + radius_0 + 5 / globalScale_0), ctx_0.fillText(label, node_3.x, node_3.y + radius_0 + 5 / globalScale_0);
+                break;
               }
             }
           }
-        },
-        linkCanvasObject: (link, ctx, globalScale) => {
-          ctx.beginPath(), ctx.strokeStyle = rgba(gray[500].hex, 0.125), ctx.lineWidth = 2 / globalScale, ctx.moveTo(link.source.x, link.source.y), ctx.lineTo(link.target.x, link.target.y), ctx.stroke();
         }
       }
-    )
+    }, linkCanvasObject: (link, ctx_1, globalScale_1) => {
+      ctx_1.beginPath(), ctx_1.strokeStyle = rgba(gray[500].hex, 0.125), ctx_1.lineWidth = 2 / globalScale_1, ctx_1.moveTo(link.source.x, link.source.y), ctx_1.lineTo(link.target.x, link.target.y), ctx_1.stroke();
+    } })
   ] }) });
 }
 const colorCache = {};

package/dist/_chunks-es/GraphView.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GraphView.js","sources":["../../src/tool/GraphViewStyle.tsx","../../src/tool/hooks.ts","../../src/tool/utils.ts","../../src/tool/GraphView.tsx"],"sourcesContent":["import {type PropsWithChildren} from 'react'\nimport styled from 'styled-components'\n\nimport type {Theme} from '@sanity/ui'\n\nimport {black} from '@sanity/color'\n\ntype Style = PropsWithChildren<{theme: SanityTheme}>\ntype SanityTheme = Theme['sanity']\n\nexport const GraphRoot: React.FC<Style> = styled.div`\n font-family: ${({theme}: Style) => theme.fonts.text.family};\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: ${black.hex};\n`\n\nexport const GraphWrapper: React.FC<Style> = styled.div`\n position: relative;\n width: 100%;\n height: 100%;\n` as React.FC<Style>\n\nexport const HoverNode: React.FC<Style> = styled.div`\n font-family: ${({theme}: Style) => theme.fonts.text.family};\n display: none;\n position: absolute;\n bottom: ${({theme}: Style) => theme.space[0]}px;\n left: 50%;\n transform: translate3d(-50%, 0, 0);\n background: var(--component-bg);\n border-radius: ${({theme}: Style) => theme.radius[2]}px;\n padding: ${({theme}: Style) => theme.space[2]}px;\n z-index: 1000;\n\n &:empty {\n display: none;\n }\n`\n\nexport const Legend: React.FC<Style> = styled.div`\n color: #ccc;\n position: absolute;\n top: ${({theme}: Style) => theme.space[4]}px;\n left: ${({theme}: Style) => theme.space[4]}px;\n\n & > div {\n margin: 5px 0;\n }\n`\n\nexport const LegendRow = styled.div`\n display: flex;\n`\n\nexport const LegendBadge: React.FC<Style> = styled.div`\n width: 1.25em;\n height: 1.25em;\n background: currentColor;\n border-radius: 50%;\n margin-right: ${({theme}: Style) => theme.space[2]}px;\n`\n","import {useEffect} from 'react'\n\nimport type {ListenEvent, ListenOptions, SanityClient} from '@sanity/client'\n\nexport function useListen(\n query: string,\n params: {[key: string]: any},\n options: ListenOptions,\n onUpdate: (event: ListenEvent<any>) => void,\n dependencies: unknown[],\n client: SanityClient,\n): void {\n useEffect(() => {\n const subscription = client.listen(query, params, options).subscribe((update) => {\n onUpdate(update)\n })\n return () => {\n subscription.unsubscribe()\n }\n }, [...dependencies, client])\n}\n\nexport function useFetchDocuments(\n query: string,\n onFetch: (event: ListenEvent<any>) => void,\n dependencies: unknown[],\n client: SanityClient,\n): void {\n useEffect(() => {\n void client.fetch(query).then((result) => {\n onFetch(result)\n })\n }, [...dependencies, client])\n}\n","export function sizeOf(value: any): number {\n if (value === null) {\n return 0\n }\n\n if (typeof value === 'object') {\n return Object.entries(value).reduce((total, [k, v]) => total + sizeOf(k) + sizeOf(v), 0)\n }\n\n if (Array.isArray(value)) {\n return Object.entries(value).reduce((total, v) => total + sizeOf(v), 0)\n }\n\n if (typeof value === 'string') {\n return value.length\n }\n\n return 1\n}\n\nexport function loadImage(url: string, w: number, h: number): Promise<HTMLImageElement \| null> {\n return new Promise((resolve) => {\n const img = new Image(w, h)\n img.onload = () => {\n resolve(img)\n }\n img.onerror = (event) => {\n console.log('Image error', event)\n resolve(null)\n }\n img.src = url\n })\n}\n\nexport function sortBy<T>(array: T[], f: (t: T) => number): T[] {\n return array.sort((a, b) => {\n const va = f(a)\n const vb = f(b)\n return va < vb ? -1 : va > vb ? 1 : 0\n })\n}\n\nexport function truncate(s: string, limit: number): string {\n if (s.length > limit) {\n return `${s.substring(0, limit)}…`\n }\n return s\n}\n","import BezierEasing from 'bezier-easing'\nimport deepEqual from 'deep-equal'\nimport {rgba} from 'polished'\nimport {useCallback, useEffect, useState} from 'react'\nimport {ForceGraph2D} from 'react-force-graph'\nimport {useClient, useUserColorManager} from 'sanity'\nimport {useRouter} from 'sanity/router'\nimport {v4 as uuidv4} from 'uuid'\n\nimport type {SanityDocument, SanityClient} from '@sanity/client'\n\nimport {black, COLOR_HUES, gray, white, hues} from '@sanity/color'\nimport {useTheme} from '@sanity/ui'\n\nimport {GraphRoot, GraphWrapper, HoverNode, Legend, LegendBadge, LegendRow} from './GraphViewStyle'\nimport {useFetchDocuments, useListen} from './hooks'\nimport {sortBy, loadImage, sizeOf, truncate} from './utils'\n\nconst DEFAULT_QUERY = `\n [\n !(_id in path(\"_.\")) &&\n !(_type match \"system.\") &&\n !(_type match \"sanity.\")\n ]\n`\n\nconst fadeEasing = BezierEasing(0, 0.9, 1, 1)\nconst softEasing = BezierEasing(0.25, 0.1, 0.0, 1.0)\nconst idleTimeout = 10000\nconst imageSize = 40\n\nfunction getTopDocTypes(counts: Record<string, number>) {\n return sortBy(Object.keys(counts), (docType) => counts[docType] \|\| 0)\n .reverse()\n .slice(0, 10)\n}\n\nfunction formatDocType(docType: string) {\n return (docType.substring(0, 1).toUpperCase() + docType.substring(1))\n .replace(/\\./g, ' ')\n .replace(/[A-Z]/g, ' $&')\n .trim()\n}\n\nfunction getDocTypeCounts(docs: SanityDocument[]) {\n const types: Record<string, number> = {}\n for (const doc of docs) {\n types[doc._type] = (types[doc._type] \|\| 0) + 1\n }\n return types\n}\n\nfunction labelFor(doc: SanityDocument) {\n return `${doc.title \|\| doc.name \|\| doc._id}`.trim()\n}\n\nfunction valueFor(doc: any, maxSize: number) {\n return 5 + 100 * (sizeOf(doc) / maxSize)\n}\n\nfunction findRefs(obj: any, dest: any[] = []) {\n if (obj !== null) {\n if (typeof obj === 'object') {\n for (const [k, v] of Object.entries(obj)) {\n if (k === '_ref' && typeof v === 'string' && v.length > 0) {\n dest.push(stripDraftId(v))\n }\n findRefs(v, dest)\n }\n } else if (Array.isArray(obj)) {\n for (const v of obj) {\n findRefs(v, dest)\n }\n }\n }\n return dest\n}\n\nfunction stripDraftId(id: string) {\n return id.replace(/^drafts\\./, '')\n}\n\nfunction deduplicateDrafts(docs: SanityDocument[]) {\n const deduped: Record<string, SanityDocument> = {}\n for (const doc of docs) {\n if (!doc._id.startsWith('drafts.')) {\n deduped[doc._id] = doc\n }\n }\n for (const doc of docs) {\n if (doc._id.startsWith('drafts.')) {\n const id = stripDraftId(doc._id)\n deduped[id] = Object.assign(doc, {_id: id})\n }\n }\n return Object.values(deduped)\n}\n\nclass Users {\n _users: any[] = []\n\n async getById(id: string, client: SanityClient) {\n let user = this._users.find((u) => u._id === id)\n if (!user) {\n user = await client.users.getById(id)\n this._users.push(user)\n user.image = await loadImage(\n user.imageUrl \|\|\n 'https://raw.githubusercontent.com/sanity-io/sanity-plugin-graph-view/main/assets/head-silhouette.jpg',\n imageSize,\n imageSize,\n )\n }\n return user\n }\n}\n\nclass Session {\n id: string \| null = null\n user: any = null\n doc: SanityDocument \| null = null\n lastActive: number = 0\n startTime: number = 0\n angle: number = 0\n}\n\nclass GraphData {\n sessions: Session[] = []\n data: any\n\n constructor(docs: SanityDocument[] = []) {\n const docsById: Record<string, SanityDocument> = {}\n for (const doc of docs) {\n docsById[doc._id] = doc\n }\n\n this.data = {\n nodes: docs.map((d) => Object.assign({id: d._id, type: 'document', doc: d})),\n links: docs\n .flatMap((doc) => findRefs(doc).map((ref) => ({source: doc._id, target: ref})))\n .filter((link) => docsById[link.source] && docsById[link.target]),\n }\n }\n\n setSession(user: any, docNode: any) {\n let session = this.sessions.find((s) => s.user.id === user.id && s.doc?._id === docNode.doc._id)\n if (!session) {\n session = new Session()\n session.id = uuidv4()\n session.user = user\n session.startTime = Date.now()\n session.doc = docNode.doc\n session.angle = Math.random() * 2 * Math.PI\n this.sessions.push(session)\n }\n session.lastActive = Date.now()\n }\n\n reapSessions() {\n for (let i = 0; i < this.sessions.length; i++) {\n const session = this.sessions[i]\n if (Date.now() - session.lastActive > idleTimeout) {\n this.sessions = [...this.sessions.slice(0, i), ...this.sessions.slice(i + 1)]\n i--\n }\n }\n }\n\n clone() {\n const copy = new GraphData()\n Object.assign(copy, this)\n copy.data = {\n nodes: [...this.data.nodes],\n links: [...this.data.links],\n }\n return copy\n }\n}\n\nconst users = new Users()\n\ninterface GraphViewConfig {\n query?: string\n /** default: '2022-09-01' /\n apiVersion?: string\n}\n\nexport default function GraphView({\n tool: {options: props},\n}: {\n tool: {options: GraphViewConfig}\n}): React.JSX.Element {\n const query = props.query \|\| DEFAULT_QUERY\n const apiVersion = props.apiVersion ?? '2022-09-01'\n\n const userColorManager = useUserColorManager()\n const [maxSize, setMaxSize] = useState(0)\n const [hoverNode, setHoverNode] = useState<any>(null)\n const [documents, setDocuments] = useState<SanityDocument[]>([])\n const [docTypes, setDocTypes] = useState<Record<string, number>>({})\n const [graph, setGraph] = useState(() => new GraphData())\n const router = useRouter()\n const client = useClient({apiVersion})\n\n const fetchCallback = useCallback((_docs: any) => {\n const docs = deduplicateDrafts(_docs)\n setMaxSize(Math.max(...docs.map(sizeOf)))\n setDocuments(docs)\n setDocTypes(getDocTypeCounts(docs))\n setGraph(new GraphData(docs))\n }, [])\n\n const listenCallback = useCallback(\n async (update: any) => {\n const doc = update.result\n if (doc) {\n doc._id = stripDraftId(doc._id)\n\n const docsById: Record<string, SanityDocument> = {}\n for (const d of documents) {\n docsById[d._id] = d\n }\n\n let oldDoc\n const docs = [...documents]\n const idx = documents.findIndex((d) => d._id === doc._id)\n if (idx >= 0) {\n oldDoc = docs[idx]\n docs[idx] = doc\n } else {\n docs.push(doc)\n }\n setDocuments(docs)\n setDocTypes(getDocTypeCounts(docs))\n setMaxSize(Math.max(...docs.map(sizeOf)))\n\n const newGraph = graph.clone()\n\n const oldRefs = findRefs(oldDoc \|\| {}).filter(\n (id) => id === doc._id \|\| docsById[id] !== null,\n )\n const newRefs = findRefs(doc).filter((id) => id === doc._id \|\| docsById[id] !== null)\n\n let graphChanged = !deepEqual(oldRefs, newRefs)\n if (graphChanged) {\n newGraph.data.links = newGraph.data.links\n .filter((l: any) => l.source.id !== doc._id)\n .concat(newRefs.map((ref) => ({source: doc._id, target: ref})))\n }\n\n let docNode\n const nodeIdx = graph.data.nodes.findIndex((n: any) => n.doc && n.doc._id === doc._id)\n if (nodeIdx >= 0) {\n docNode = graph.data.nodes[nodeIdx]\n docNode.doc = doc\n } else {\n docNode = {id: doc._id, type: 'document', doc: doc}\n newGraph.data.nodes.push(docNode)\n graphChanged = true\n }\n if (graphChanged) {\n setGraph(newGraph)\n }\n\n // @ts-expect-error - TODO: fix this\n const user = await users.getById(update.identity, client)\n graph.setSession(user, docNode)\n } else if (update.transition === 'disappear') {\n const docId = stripDraftId(update.documentId)\n\n const docs = documents.filter((d) => d._id !== docId)\n setDocuments(docs)\n setDocTypes(getDocTypeCounts(docs))\n setMaxSize(Math.max(...docs.map(sizeOf)))\n\n const newGraph = graph.clone()\n newGraph.data.links = newGraph.data.links.filter(\n (l: any) => l.source.id !== docId && l.target.id !== docId,\n )\n newGraph.data.nodes = newGraph.data.nodes.filter((n: any) => n.id !== docId)\n setGraph(newGraph)\n }\n },\n [documents, graph, client],\n )\n // @ts-expect-error - TODO: fix this\n useFetchDocuments(query, fetchCallback, [], client)\n // @ts-expect-error - TODO: fix this\n useListen(query, {}, {}, listenCallback, [documents, graph], client)\n useEffect(() => {\n const interval = setInterval(() => graph.reapSessions(), 1000)\n return () => clearInterval(interval)\n }, [graph])\n\n const theme = useTheme().sanity\n\n return (\n <GraphWrapper theme={theme}>\n <GraphRoot theme={theme}>\n <Legend theme={theme}>\n {getTopDocTypes(docTypes).map((docType) => (\n <LegendRow\n className={'legend__row'}\n key={docType}\n style={{color: getDocTypeColor(docType).fill}}\n >\n <LegendBadge theme={theme} />\n <div>{formatDocType(docType)}</div>\n </LegendRow>\n ))}\n </Legend>\n {hoverNode && <HoverNode theme={theme}>{labelFor(hoverNode.doc)}</HoverNode>}\n <ForceGraph2D\n graphData={graph.data}\n nodeAutoColorBy=\"group\"\n enableNodeDrag={false}\n onNodeHover={(node: any) => setHoverNode(node)}\n onNodeClick={(node: any) => {\n router.navigateIntent('edit', {id: node.doc._id, documentType: node.doc._type})\n }}\n linkColor={() => rgba(gray[500].hex, 0.25)}\n nodeLabel={() => ''}\n nodeRelSize={1}\n nodeVal={(node: any) => valueFor(node.doc, maxSize)}\n onRenderFramePost={(ctx, globalScale) => {\n for (const session of graph.sessions) {\n const node = graph.data.nodes.find(\n (n: any) => n.doc && n.doc._id === session?.doc?._id,\n )\n if (node) {\n const idleFactorRange = idleTimeout\n const angle = session.angle\n const radius = Math.sqrt(valueFor(node.doc, maxSize))\n const image = session.user.image\n const userColor = userColorManager.get(session.user.displayName).tints[400].hex\n const distance = radius globalScale + 40\n const imgW = image ? image.width : 0\n const imgH = image ? image.height : 0\n const x = node.x + (Math.sin(angle) * distance) / globalScale\n const y = node.y + (Math.cos(angle) * distance) / globalScale\n\n ctx.save()\n try {\n ctx.globalAlpha = fadeEasing(\n 1 -\n Math.min(idleFactorRange, Date.now() - session.lastActive) / idleFactorRange,\n )\n ctx.font = `bold ${Math.round(12 / globalScale)}px sans-serif`\n\n ctx.beginPath()\n ctx.strokeStyle = rgba(white.hex, 1.0)\n ctx.lineWidth = 2 / globalScale\n ctx.moveTo(\n node.x + (Math.sin(angle) * (distance - imgW / 2)) / globalScale,\n node.y + (Math.cos(angle) * (distance - imgH / 2)) / globalScale,\n )\n ctx.lineTo(node.x + Math.sin(angle) * radius, node.y + Math.cos(angle) * radius)\n ctx.stroke()\n\n ctx.beginPath()\n ctx.strokeStyle = rgba(white.hex, 1.0)\n ctx.lineWidth = 2 / globalScale\n ctx.arc(node.x, node.y, radius, 0, 2 * Math.PI, false)\n ctx.stroke()\n\n if (image) {\n ctx.save()\n try {\n const dur = 700\n const f = softEasing(\n Math.max(0, (dur - (Date.now() - session.startTime)) / dur),\n )\n if (f > 0) {\n ctx.beginPath()\n ctx.fillStyle = rgba(userColor, f)\n ctx.arc(x, y, (imgW / 2 + 10) / globalScale, 0, 2 * Math.PI, false)\n ctx.fill()\n }\n\n ctx.beginPath()\n ctx.fillStyle = rgba(white.hex, 1.0)\n ctx.arc(x, y, imgW / globalScale / 2, 0, 2 * Math.PI, false)\n ctx.clip()\n\n ctx.drawImage(\n image,\n x - imgW / globalScale / 2,\n y - imgH / globalScale / 2,\n imgW / globalScale,\n imgH / globalScale,\n )\n\n ctx.strokeStyle = black.hex\n ctx.lineWidth = 6 / globalScale\n ctx.stroke()\n\n ctx.strokeStyle = userColor\n ctx.lineWidth = 4 / globalScale\n ctx.stroke()\n } finally {\n ctx.restore()\n }\n }\n\n ctx.beginPath()\n ctx.strokeStyle = rgba(black.hex, 1)\n ctx.lineWidth = 0.5 / globalScale\n ctx.arc(x, y, imgW / globalScale / 2, 0, 2 * Math.PI, false)\n ctx.stroke()\n\n const above = angle >= Math.PI / 2 && angle < Math.PI * 1.5\n const textY = above\n ? y - (imgH / 2 + 5) / globalScale\n : y + (imgH / 2 + 5) / globalScale\n ctx.fillStyle = rgba(white.hex, 1.0)\n ctx.textAlign = 'center'\n ctx.textBaseline = above ? 'bottom' : 'top'\n ctx.fillText(session.user.displayName, x, textY)\n } finally {\n ctx.restore()\n }\n }\n }\n }}\n nodeCanvasObject={(node: any, ctx, globalScale) => {\n switch (node.type) {\n case 'document': {\n const nodeColor = getDocTypeColor(node.doc._type)\n const radius = Math.sqrt(valueFor(node.doc, maxSize))\n const fontSize = Math.min(100, 10.0 / globalScale)\n\n ctx.beginPath()\n ctx.fillStyle =\n hoverNode !== null && node.doc._id === hoverNode.doc._id\n ? rgba(gray[500].hex, 0.8)\n : nodeColor.fill\n ctx.strokeStyle = nodeColor.border\n ctx.lineWidth = 0.5\n ctx.arc(node.x, node.y, radius, 0, 2 * Math.PI, false)\n ctx.stroke()\n ctx.fill()\n\n if (radius * globalScale > 10) {\n ctx.font = `${fontSize}px sans-serif`\n const w = radius * 2 + 30 / globalScale\n for (let len = 50; len >= 5; len /= 1.2) {\n const label = truncate(labelFor(node.doc), Math.round(len))\n const textMetrics = ctx.measureText(label)\n if (textMetrics.width < w) {\n // ctx.fillStyle = rgba(color.white.hex, 1.0)\n ctx.textAlign = 'center'\n ctx.textBaseline = 'top'\n\n ctx.strokeStyle = rgba(black.hex, 0.5)\n ctx.lineWidth = 2 / globalScale\n ctx.strokeText(label, node.x, node.y + radius + 5 / globalScale)\n\n ctx.fillText(label, node.x, node.y + radius + 5 / globalScale)\n break\n }\n }\n }\n }\n }\n }}\n linkCanvasObject={(link: any, ctx, globalScale) => {\n ctx.beginPath()\n ctx.strokeStyle = rgba(gray[500].hex, 0.125)\n ctx.lineWidth = 2 / globalScale\n ctx.moveTo(link.source.x, link.source.y)\n ctx.lineTo(link.target.x, link.target.y)\n ctx.stroke()\n }}\n />\n </GraphRoot>\n </GraphWrapper>\n )\n}\n\nconst colorCache: Record<string, {fill: string; border: string}> = {}\nlet typeColorNum = 0\n\nfunction getDocTypeColor(docType: any) {\n if (colorCache[docType]) {\n return colorCache[docType]\n }\n\n const hue = COLOR_HUES[typeColorNum % COLOR_HUES.length]\n\n typeColorNum += 1\n\n colorCache[docType] = {\n fill: hues[hue][400].hex,\n border: rgba(black.hex, 0.5),\n }\n\n return colorCache[docType]\n}\n"],"names":["uuidv4"],"mappings":"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"}
1	+ {"version":3,"file":"GraphView.js","sources":["../../src/tool/GraphViewStyle.tsx","../../src/tool/utils.ts","../../src/tool/GraphView.tsx"],"sourcesContent":["import {type PropsWithChildren} from 'react'\nimport {styled} from 'styled-components'\n\nimport type {Theme} from '@sanity/ui'\n\nimport {black} from '@sanity/color'\n\ntype Style = PropsWithChildren<{theme: SanityTheme}>\ntype SanityTheme = Theme['sanity']\n\nexport const GraphRoot: React.FC<Style> = styled.div`\n font-family: ${({theme}: Style) => theme.fonts.text.family};\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: ${black.hex};\n`\n\nexport const GraphWrapper: React.FC<Style> = styled.div`\n position: relative;\n width: 100%;\n height: 100%;\n` as React.FC<Style>\n\nexport const HoverNode: React.FC<Style> = styled.div`\n font-family: ${({theme}: Style) => theme.fonts.text.family};\n display: none;\n position: absolute;\n bottom: ${({theme}: Style) => theme.space[0]}px;\n left: 50%;\n transform: translate3d(-50%, 0, 0);\n background: var(--component-bg);\n border-radius: ${({theme}: Style) => theme.radius[2]}px;\n padding: ${({theme}: Style) => theme.space[2]}px;\n z-index: 1000;\n\n &:empty {\n display: none;\n }\n`\n\nexport const Legend: React.FC<Style> = styled.div`\n color: #ccc;\n position: absolute;\n top: ${({theme}: Style) => theme.space[4]}px;\n left: ${({theme}: Style) => theme.space[4]}px;\n\n & > div {\n margin: 5px 0;\n }\n`\n\nexport const LegendRow: React.FC<\n PropsWithChildren<{className?: string; style?: React.CSSProperties}>\n> = styled.div`\n display: flex;\n`\n\nexport const LegendBadge: React.FC<Style> = styled.div`\n width: 1.25em;\n height: 1.25em;\n background: currentColor;\n border-radius: 50%;\n margin-right: ${({theme}: Style) => theme.space[2]}px;\n`\n","export function sizeOf(value: any): number {\n if (value === null) {\n return 0\n }\n\n if (typeof value === 'object') {\n return Object.entries(value).reduce((total, [k, v]) => total + sizeOf(k) + sizeOf(v), 0)\n }\n\n if (Array.isArray(value)) {\n return Object.entries(value).reduce((total, v) => total + sizeOf(v), 0)\n }\n\n if (typeof value === 'string') {\n return value.length\n }\n\n return 1\n}\n\nexport function loadImage(url: string, w: number, h: number): Promise<HTMLImageElement \| null> {\n return new Promise((resolve) => {\n const img = new Image(w, h)\n img.onload = () => {\n resolve(img)\n }\n img.onerror = (event) => {\n console.log('Image error', event)\n resolve(null)\n }\n img.src = url\n })\n}\n\nexport function sortBy<T>(array: T[], f: (t: T) => number): T[] {\n return array.sort((a, b) => {\n const va = f(a)\n const vb = f(b)\n return va < vb ? -1 : va > vb ? 1 : 0\n })\n}\n\nexport function truncate(s: string, limit: number): string {\n if (s.length > limit) {\n return `${s.substring(0, limit)}…`\n }\n return s\n}\n","import BezierEasing from 'bezier-easing'\nimport deepEqual from 'deep-equal'\nimport {rgba} from 'polished'\nimport {useEffect, useState} from 'react'\nimport {ForceGraph2D} from 'react-force-graph'\nimport {useClient, useUserColorManager, type SanityClient, type SanityDocument} from 'sanity'\nimport {useRouter} from 'sanity/router'\nimport {v4 as uuidv4} from 'uuid'\n\nimport {black, COLOR_HUES, gray, white, hues} from '@sanity/color'\nimport {useTheme} from '@sanity/ui'\n\nimport {GraphRoot, GraphWrapper, HoverNode, Legend, LegendBadge, LegendRow} from './GraphViewStyle'\nimport {sortBy, loadImage, sizeOf, truncate} from './utils'\n\nconst DEFAULT_QUERY = `\n [\n !(_id in path(\"_.\")) &&\n !(_type match \"system.\") &&\n !(_type match \"sanity.\")\n ]\n`\n\nconst fadeEasing = BezierEasing(0, 0.9, 1, 1)\nconst softEasing = BezierEasing(0.25, 0.1, 0.0, 1.0)\nconst idleTimeout = 10000\nconst imageSize = 40\n\nfunction getTopDocTypes(counts: Record<string, number>) {\n return sortBy(Object.keys(counts), (docType) => counts[docType] \|\| 0)\n .reverse()\n .slice(0, 10)\n}\n\nfunction formatDocType(docType: string) {\n return (docType.substring(0, 1).toUpperCase() + docType.substring(1))\n .replace(/\\./g, ' ')\n .replace(/[A-Z]/g, ' $&')\n .trim()\n}\n\nfunction getDocTypeCounts(docs: SanityDocument[]) {\n const types: Record<string, number> = {}\n for (const doc of docs) {\n types[doc._type] = (types[doc._type] \|\| 0) + 1\n }\n return types\n}\n\nfunction labelFor(doc: SanityDocument) {\n // oxlint-disable-next-line restrict-template-expressions,no-base-to-string\n return `${doc.title \|\| doc.name \|\| doc._id}`.trim()\n}\n\nfunction valueFor(doc: any, maxSize: number) {\n return 5 + 100 * (sizeOf(doc) / maxSize)\n}\n\nfunction findRefs(obj: any, dest: any[] = []) {\n if (obj !== null) {\n if (typeof obj === 'object') {\n for (const [k, v] of Object.entries(obj)) {\n if (k === '_ref' && typeof v === 'string' && v.length > 0) {\n dest.push(stripDraftId(v))\n }\n findRefs(v, dest)\n }\n } else if (Array.isArray(obj)) {\n for (const v of obj) {\n findRefs(v, dest)\n }\n }\n }\n return dest\n}\n\nfunction stripDraftId(id: string) {\n return id.replace(/^drafts\\./, '')\n}\n\nfunction deduplicateDrafts(docs: SanityDocument[]) {\n const deduped: Record<string, SanityDocument> = {}\n for (const doc of docs) {\n if (!doc._id.startsWith('drafts.')) {\n deduped[doc._id] = doc\n }\n }\n for (const doc of docs) {\n if (doc._id.startsWith('drafts.')) {\n const id = stripDraftId(doc._id)\n deduped[id] = Object.assign(doc, {_id: id})\n }\n }\n return Object.values(deduped)\n}\n\nclass Users {\n _users: any[] = []\n\n async getById(id: string, client: SanityClient) {\n let user = this._users.find((u) => u._id === id)\n if (!user) {\n user = await client.users.getById(id)\n this._users.push(user)\n user.image = await loadImage(\n user.imageUrl \|\|\n 'https://raw.githubusercontent.com/sanity-io/sanity-plugin-graph-view/main/assets/head-silhouette.jpg',\n imageSize,\n imageSize,\n )\n }\n return user\n }\n}\n\nclass Session {\n id: string \| null = null\n user: any = null\n doc: SanityDocument \| null = null\n lastActive: number = 0\n startTime: number = 0\n angle: number = 0\n}\n\nclass GraphData {\n sessions: Session[] = []\n data: any\n\n constructor(docs: SanityDocument[] = []) {\n const docsById: Record<string, SanityDocument> = {}\n for (const doc of docs) {\n docsById[doc._id] = doc\n }\n\n this.data = {\n nodes: docs.map((d) => Object.assign({id: d._id, type: 'document', doc: d})),\n links: docs\n .flatMap((doc) => findRefs(doc).map((ref) => ({source: doc._id, target: ref})))\n .filter((link) => docsById[link.source] && docsById[link.target]),\n }\n }\n\n setSession(user: any, docNode: any) {\n let session = this.sessions.find((s) => s.user.id === user.id && s.doc?._id === docNode.doc._id)\n if (!session) {\n session = new Session()\n session.id = uuidv4()\n session.user = user\n session.startTime = Date.now()\n session.doc = docNode.doc\n session.angle = Math.random() * 2 * Math.PI\n this.sessions.push(session)\n }\n session.lastActive = Date.now()\n }\n\n reapSessions() {\n for (let i = 0; i < this.sessions.length; i++) {\n const session = this.sessions[i]\n if (Date.now() - session.lastActive > idleTimeout) {\n this.sessions = [...this.sessions.slice(0, i), ...this.sessions.slice(i + 1)]\n i--\n }\n }\n }\n\n clone() {\n const copy = new GraphData()\n Object.assign(copy, this)\n copy.data = {\n nodes: [...this.data.nodes],\n links: [...this.data.links],\n }\n return copy\n }\n}\n\nconst users = new Users()\n\ninterface GraphViewConfig {\n query?: string\n /** default: '2022-09-01' /\n apiVersion?: string\n}\n\nexport default function GraphView({\n tool: {options: props},\n}: {\n tool: {options: GraphViewConfig}\n}): React.JSX.Element {\n const query = props.query \|\| DEFAULT_QUERY\n const apiVersion = props.apiVersion ?? '2022-09-01'\n\n const userColorManager = useUserColorManager()\n const [maxSize, setMaxSize] = useState(0)\n const [hoverNode, setHoverNode] = useState<any>(null)\n const [documents, setDocuments] = useState<SanityDocument[]>([])\n const [docTypes, setDocTypes] = useState<Record<string, number>>({})\n const [graph, setGraph] = useState(() => new GraphData())\n const router = useRouter()\n const client = useClient({apiVersion})\n\n useEffect(() => {\n void client.fetch(query).then((_docs) => {\n const docs = deduplicateDrafts(_docs)\n setMaxSize(Math.max(...docs.map(sizeOf)))\n setDocuments(docs)\n setDocTypes(getDocTypeCounts(docs))\n setGraph(new GraphData(docs))\n })\n }, [client, query])\n\n useEffect(() => {\n const subscription = client.listen(query, {}, {}).subscribe(async (update) => {\n if (update.type !== 'mutation') return\n const doc = update.result\n if (doc) {\n doc._id = stripDraftId(doc._id)\n\n const docsById: Record<string, SanityDocument> = {}\n for (const d of documents) {\n docsById[d._id] = d\n }\n\n let oldDoc\n const docs = [...documents]\n const idx = documents.findIndex((d) => d._id === doc._id)\n if (idx >= 0) {\n oldDoc = docs[idx]\n docs[idx] = doc\n } else {\n docs.push(doc)\n }\n setDocuments(docs)\n setDocTypes(getDocTypeCounts(docs))\n setMaxSize(Math.max(...docs.map(sizeOf)))\n\n const newGraph = graph.clone()\n\n const oldRefs = findRefs(oldDoc \|\| {}).filter(\n (id) => id === doc._id \|\| docsById[id] !== null,\n )\n const newRefs = findRefs(doc).filter((id) => id === doc._id \|\| docsById[id] !== null)\n\n let graphChanged = !deepEqual(oldRefs, newRefs)\n if (graphChanged) {\n newGraph.data.links = newGraph.data.links\n .filter((l: any) => l.source.id !== doc._id)\n .concat(newRefs.map((ref) => ({source: doc._id, target: ref})))\n }\n\n let docNode\n const nodeIdx = graph.data.nodes.findIndex((n: any) => n.doc && n.doc._id === doc._id)\n if (nodeIdx >= 0) {\n docNode = graph.data.nodes[nodeIdx]\n docNode.doc = doc\n } else {\n docNode = {id: doc._id, type: 'document', doc: doc}\n newGraph.data.nodes.push(docNode)\n graphChanged = true\n }\n if (graphChanged) {\n setGraph(newGraph)\n }\n\n const user = await users.getById(update.identity, client)\n graph.setSession(user, docNode)\n } else if (update.transition === 'disappear') {\n const docId = stripDraftId(update.documentId)\n\n const docs = documents.filter((d) => d._id !== docId)\n setDocuments(docs)\n setDocTypes(getDocTypeCounts(docs))\n setMaxSize(Math.max(...docs.map(sizeOf)))\n\n const newGraph = graph.clone()\n newGraph.data.links = newGraph.data.links.filter(\n (l: any) => l.source.id !== docId && l.target.id !== docId,\n )\n newGraph.data.nodes = newGraph.data.nodes.filter((n: any) => n.id !== docId)\n setGraph(newGraph)\n }\n })\n return () => {\n subscription.unsubscribe()\n }\n }, [client, query, documents, graph])\n\n useEffect(() => {\n const interval = setInterval(() => graph.reapSessions(), 1000)\n return () => clearInterval(interval)\n }, [graph])\n\n const theme = useTheme().sanity\n\n return (\n <GraphWrapper theme={theme}>\n <GraphRoot theme={theme}>\n <Legend theme={theme}>\n {getTopDocTypes(docTypes).map((docType) => (\n <LegendRow\n className={'legend__row'}\n key={docType}\n style={{color: getDocTypeColor(docType).fill}}\n >\n <LegendBadge theme={theme} />\n <div>{formatDocType(docType)}</div>\n </LegendRow>\n ))}\n </Legend>\n {hoverNode && <HoverNode theme={theme}>{labelFor(hoverNode.doc)}</HoverNode>}\n <ForceGraph2D\n graphData={graph.data}\n nodeAutoColorBy=\"group\"\n enableNodeDrag={false}\n onNodeHover={(node: any) => setHoverNode(node)}\n onNodeClick={(node: any) => {\n router.navigateIntent('edit', {id: node.doc._id, documentType: node.doc._type})\n }}\n linkColor={() => rgba(gray[500].hex, 0.25)}\n nodeLabel={() => ''}\n nodeRelSize={1}\n nodeVal={(node: any) => valueFor(node.doc, maxSize)}\n onRenderFramePost={(ctx, globalScale) => {\n for (const session of graph.sessions) {\n const node = graph.data.nodes.find(\n (n: any) => n.doc && n.doc._id === session?.doc?._id,\n )\n if (node) {\n const idleFactorRange = idleTimeout\n const angle = session.angle\n const radius = Math.sqrt(valueFor(node.doc, maxSize))\n const image = session.user.image\n const userColor = userColorManager.get(session.user.displayName).tints[400].hex\n const distance = radius globalScale + 40\n const imgW = image ? image.width : 0\n const imgH = image ? image.height : 0\n const x = node.x + (Math.sin(angle) * distance) / globalScale\n const y = node.y + (Math.cos(angle) * distance) / globalScale\n\n ctx.save()\n // eslint-disable-next-line react-hooks/todo\n try {\n ctx.globalAlpha = fadeEasing(\n 1 -\n Math.min(idleFactorRange, Date.now() - session.lastActive) / idleFactorRange,\n )\n ctx.font = `bold ${Math.round(12 / globalScale)}px sans-serif`\n\n ctx.beginPath()\n ctx.strokeStyle = rgba(white.hex, 1.0)\n ctx.lineWidth = 2 / globalScale\n ctx.moveTo(\n node.x + (Math.sin(angle) * (distance - imgW / 2)) / globalScale,\n node.y + (Math.cos(angle) * (distance - imgH / 2)) / globalScale,\n )\n ctx.lineTo(node.x + Math.sin(angle) * radius, node.y + Math.cos(angle) * radius)\n ctx.stroke()\n\n ctx.beginPath()\n ctx.strokeStyle = rgba(white.hex, 1.0)\n ctx.lineWidth = 2 / globalScale\n ctx.arc(node.x, node.y, radius, 0, 2 * Math.PI, false)\n ctx.stroke()\n\n if (image) {\n ctx.save()\n try {\n const dur = 700\n const f = softEasing(\n Math.max(0, (dur - (Date.now() - session.startTime)) / dur),\n )\n if (f > 0) {\n ctx.beginPath()\n ctx.fillStyle = rgba(userColor, f)\n ctx.arc(x, y, (imgW / 2 + 10) / globalScale, 0, 2 * Math.PI, false)\n ctx.fill()\n }\n\n ctx.beginPath()\n ctx.fillStyle = rgba(white.hex, 1.0)\n ctx.arc(x, y, imgW / globalScale / 2, 0, 2 * Math.PI, false)\n ctx.clip()\n\n ctx.drawImage(\n image,\n x - imgW / globalScale / 2,\n y - imgH / globalScale / 2,\n imgW / globalScale,\n imgH / globalScale,\n )\n\n ctx.strokeStyle = black.hex\n ctx.lineWidth = 6 / globalScale\n ctx.stroke()\n\n ctx.strokeStyle = userColor\n ctx.lineWidth = 4 / globalScale\n ctx.stroke()\n } finally {\n ctx.restore()\n }\n }\n\n ctx.beginPath()\n ctx.strokeStyle = rgba(black.hex, 1)\n ctx.lineWidth = 0.5 / globalScale\n ctx.arc(x, y, imgW / globalScale / 2, 0, 2 * Math.PI, false)\n ctx.stroke()\n\n const above = angle >= Math.PI / 2 && angle < Math.PI * 1.5\n const textY = above\n ? y - (imgH / 2 + 5) / globalScale\n : y + (imgH / 2 + 5) / globalScale\n ctx.fillStyle = rgba(white.hex, 1.0)\n ctx.textAlign = 'center'\n ctx.textBaseline = above ? 'bottom' : 'top'\n ctx.fillText(session.user.displayName, x, textY)\n } finally {\n ctx.restore()\n }\n }\n }\n }}\n nodeCanvasObject={(node: any, ctx, globalScale) => {\n switch (node.type) {\n case 'document': {\n const nodeColor = getDocTypeColor(node.doc._type)\n const radius = Math.sqrt(valueFor(node.doc, maxSize))\n const fontSize = Math.min(100, 10.0 / globalScale)\n\n ctx.beginPath()\n ctx.fillStyle =\n hoverNode !== null && node.doc._id === hoverNode.doc._id\n ? rgba(gray[500].hex, 0.8)\n : nodeColor.fill\n ctx.strokeStyle = nodeColor.border\n ctx.lineWidth = 0.5\n ctx.arc(node.x, node.y, radius, 0, 2 * Math.PI, false)\n ctx.stroke()\n ctx.fill()\n\n if (radius * globalScale > 10) {\n ctx.font = `${fontSize}px sans-serif`\n const w = radius * 2 + 30 / globalScale\n for (let len = 50; len >= 5; len /= 1.2) {\n const label = truncate(labelFor(node.doc), Math.round(len))\n const textMetrics = ctx.measureText(label)\n if (textMetrics.width < w) {\n // ctx.fillStyle = rgba(color.white.hex, 1.0)\n ctx.textAlign = 'center'\n ctx.textBaseline = 'top'\n\n ctx.strokeStyle = rgba(black.hex, 0.5)\n ctx.lineWidth = 2 / globalScale\n ctx.strokeText(label, node.x, node.y + radius + 5 / globalScale)\n\n ctx.fillText(label, node.x, node.y + radius + 5 / globalScale)\n break\n }\n }\n }\n }\n }\n }}\n linkCanvasObject={(link: any, ctx, globalScale) => {\n ctx.beginPath()\n ctx.strokeStyle = rgba(gray[500].hex, 0.125)\n ctx.lineWidth = 2 / globalScale\n ctx.moveTo(link.source.x, link.source.y)\n ctx.lineTo(link.target.x, link.target.y)\n ctx.stroke()\n }}\n />\n </GraphRoot>\n </GraphWrapper>\n )\n}\n\nconst colorCache: Record<string, {fill: string; border: string}> = {}\nlet typeColorNum = 0\n\nfunction getDocTypeColor(docType: any) {\n if (colorCache[docType]) {\n return colorCache[docType]\n }\n\n const hue = COLOR_HUES[typeColorNum % COLOR_HUES.length]\n\n typeColorNum += 1\n\n colorCache[docType] = {\n fill: hues[hue][400].hex,\n border: rgba(black.hex, 0.5),\n }\n\n return colorCache[docType]\n}\n"],"names":["GraphRoot","styled","div","theme","fonts","text","family","black","hex","GraphWrapper","HoverNode","space","radius","Legend","LegendRow","LegendBadge","sizeOf","value","Object","entries","reduce","total","k","v","Array","isArray","length","loadImage","url","w","h","Promise","resolve","img","Image","onload","onerror","event","console","log","src","sortBy","array","f","sort","a","b","va","vb","truncate","s","limit","substring","DEFAULT_QUERY","fadeEasing","BezierEasing","softEasing","idleTimeout","imageSize","getTopDocTypes","counts","keys","docType","reverse","slice","formatDocType","toUpperCase","replace","trim","getDocTypeCounts","docs","types","doc","_type","labelFor","title","name","_id","valueFor","maxSize","findRefs","obj","dest","push","stripDraftId","id","deduplicateDrafts","deduped","startsWith","assign","values","Users","_users","getById","client","user","find","u","users","image","imageUrl","Session","lastActive","startTime","angle","GraphData","sessions","constructor","docsById","data","nodes","map","d","type","links","flatMap","ref","source","target","filter","link","setSession","docNode","session","uuidv4","Date","now","Math","random","PI","reapSessions","i","clone","copy","GraphView","tool","options","props","query","apiVersion","userColorManager","useUserColorManager","setMaxSize","useState","hoverNode","setHoverNode","documents","setDocuments","docTypes","setDocTypes","graph","setGraph","router","useRouter","useClient","useEffect","fetch","then","_docs","max","subscription","listen","subscribe","update","result","oldDoc","idx","findIndex","newGraph","oldRefs","newRefs","graphChanged","deepEqual","l","concat","nodeIdx","n","identity","transition","docId","documentId","unsubscribe","interval","setInterval","clearInterval","useTheme","sanity","color","getDocTypeColor","fill","node","navigateIntent","documentType","rgba","gray","ctx","globalScale","idleFactorRange","sqrt","userColor","get","displayName","tints","distance","imgW","width","imgH","height","x","sin","y","cos","save","globalAlpha","min","font","round","beginPath","strokeStyle","white","lineWidth","moveTo","lineTo","stroke","arc","dur","fillStyle","clip","drawImage","restore","above","textY","textAlign","textBaseline","fillText","nodeColor","fontSize","border","len","label","measureText","strokeText","colorCache","typeColorNum","hue","COLOR_HUES","hues"],"mappings":"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"}

package/dist/index.cjs CHANGED Viewed

@@ -1,31 +1,23 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: !0 });
-var react = require("react"), sanity = require("sanity"), router = require("sanity/router"), jsxRuntime = require("react/jsx-runtime");
+var react = require("react"), sanity = require("sanity"), router = require("sanity/router"), jsxRuntime = require("react/jsx-runtime"), reactCompilerRuntime = require("react-compiler-runtime");
 function GraphViewIcon() {
-  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 46.063 46.063", children: /* @__PURE__ */ jsxRuntime.jsx(
-    "path",
-    {
-      fill: "currentColor",
-      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"
-    }
-  ) });
+  const $ = reactCompilerRuntime.c(1);
+  let t0;
+  return $[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 46.063 46.063", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "currentColor", 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" }) }), $[0] = t0) : t0 = $[0], t0;
 }
 const GraphView = react.lazy(() => Promise.resolve().then(function() {
   return require("./_chunks-cjs/GraphView.cjs");
-})), contentGraphView = sanity.definePlugin(
-  (config = {}) => ({
-    name: "@sanity/content-graph-view",
-    tools: [
-      {
-        name: "graph-your-content",
-        title: "Graph",
-        icon: GraphViewIcon,
-        component: GraphView,
-        options: config,
-        router: router.route.create("/:selectedDocumentId")
-      }
-    ]
-  })
-);
+})), contentGraphView = sanity.definePlugin((config = {}) => ({
+  name: "@sanity/content-graph-view",
+  tools: [{
+    name: "graph-your-content",
+    title: "Graph",
+    icon: GraphViewIcon,
+    component: GraphView,
+    options: config,
+    router: router.route.create("/:selectedDocumentId")
+  }]
+}));
 exports.contentGraphView = contentGraphView;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","sources":["../src/tool/GraphViewIcon.tsx","../src/plugin.tsx"],"sourcesContent":["/*\n Couple of things to note:\n * - width and height is set to 1em\n * - fill is `currentColor` - this will ensure that the icon looks uniform and\n * that the hover/active state works. You can of course render anything you\n * would like here, but for plugins that are to be used in more than one\n * studio, we suggest these rules are followed\n **/\nexport function GraphViewIcon(): React.JSX.Element {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 46.063 46.063\">\n <path\n fill=\"currentColor\"\n 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\"\n />\n </svg>\n )\n}\n","import {lazy} from 'react'\nimport {definePlugin} from 'sanity'\nimport {route} from 'sanity/router'\n\nimport {GraphViewIcon} from './tool/GraphViewIcon'\n\nexport interface GraphViewConfig {\n query?: string\n}\n\nconst GraphView = lazy(() => import('./tool/GraphView'))\n\nexport const contentGraphView = definePlugin<void \| GraphViewConfig>(\n (config: GraphViewConfig = {}) => {\n return {\n name: '@sanity/content-graph-view',\n\n tools: [\n {\n name: 'graph-your-content',\n title: 'Graph',\n icon: GraphViewIcon,\n component: GraphView,\n options: config,\n router: route.create('/:selectedDocumentId'),\n },\n ],\n }\n },\n)\n"],"names":["jsx","lazy","definePlugin","route"],"mappings":";;;AAQO,~~SAAS~~,~~gBAAmC~~;~~AACjD~~,~~SACEA~~,2BAAAA,~~IAAC~~,~~SAAI~~,~~OAAM~~,~~8BAA6B~~,~~OAAM~~,~~OAAM~~,~~QAAO~~,~~OAAM~~,~~SAAQ~~,qBACvE,UAAAA,2BAAAA~~;AAAAA~~,~~IAAC;AAAA,~~IAAA~~;AAAA~~,~~MACC~~,~~MAAK;AAAA~~,~~MACL~~,~~GAAE;AAAA~~,~~IAAA;AAAA~~,EAAA,~~GAEN~~;~~AAEJ~~;~~ACPA~~,~~MAAM~~,YAAYC,MAAAA,KAAK,MAAM,QAAA,QAAA,EAAA,KAAA,WAAA;AAAA,SAAA,QAAO,6BAAkB;EAAC,~~GAE1C~~,mBAAmBC,OAAAA~~;AAAAA~~,~~EAC9B~~,~~CAAC~~,SAA0B,~~CAAA,OAClB~~;AAAA,~~IACL~~,MAAM;AAAA,~~IAEN~~,OAAO~~;AAAA~~,~~MACL~~;AAAA,~~QACE~~,MAAM;AAAA,~~QACN~~,OAAO;AAAA,~~QACP~~,~~MAAM~~;~~AAAA~~,~~QACN~~,~~WAAW~~;~~AAAA~~,~~QACX~~,~~SAAS~~;~~AAAA~~,~~QACT~~,QAAQC,OAAAA,~~MAAM~~,OAAO,sBAAsB;AAAA,~~MAAA;AAAA~~,~~IAC7C~~;~~AAAA~~,~~EACF;AAGN~~;;"}
1	+ {"version":3,"file":"index.cjs","sources":["../src/tool/GraphViewIcon.tsx","../src/plugin.tsx"],"sourcesContent":["/*\n Couple of things to note:\n * - width and height is set to 1em\n * - fill is `currentColor` - this will ensure that the icon looks uniform and\n * that the hover/active state works. You can of course render anything you\n * would like here, but for plugins that are to be used in more than one\n * studio, we suggest these rules are followed\n **/\nexport function GraphViewIcon(): React.JSX.Element {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 46.063 46.063\">\n <path\n fill=\"currentColor\"\n 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\"\n />\n </svg>\n )\n}\n","import {lazy} from 'react'\nimport {definePlugin} from 'sanity'\nimport {route} from 'sanity/router'\n\nimport {GraphViewIcon} from './tool/GraphViewIcon'\n\nexport interface GraphViewConfig {\n query?: string\n}\n\nconst GraphView = lazy(() => import('./tool/GraphView'))\n\nexport const contentGraphView = definePlugin<void \| GraphViewConfig>(\n (config: GraphViewConfig = {}) => {\n return {\n name: '@sanity/content-graph-view',\n\n tools: [\n {\n name: 'graph-your-content',\n title: 'Graph',\n icon: GraphViewIcon,\n component: GraphView,\n options: config,\n router: route.create('/:selectedDocumentId'),\n },\n ],\n }\n },\n)\n"],"names":["GraphViewIcon","$","_c","t0","Symbol","for","jsx","GraphView","lazy","contentGraphView","definePlugin","config","name","tools","title","icon","component","options","router","route","create"],"mappings":";;;AAQO,SAAAA,gBAAA;AAAA,QAAAC,IAAAC,qBAAAA,EAAA,CAAA;AAAA,MAAAC;AAAA,SAAAF,EAAA,CAAA,MAAAG,OAAAC,IAAA,2BAAA,KAEHF,KAAAG,2BAAAA,IAAA,OAAA,EAAW,OAAA,8BAAmC,OAAA,OAAa,QAAA,OAAc,SAAA,qBACvE,UAAAA,2BAAAA,IAAA,QAAA,EACO,MAAA,gBACH,GAAA,4zBAAA,CAA2zB,EAAA,CAEj0B,GAAML,OAAAE,MAAAA,KAAAF,EAAA,CAAA,GALNE;AAKM;ACLV,MAAMI,YAAYC,MAAAA,KAAK,MAAM,QAAA,QAAA,EAAA,KAAA,WAAA;AAAA,SAAA,QAAO,6BAAkB;EAAC,GAE1CC,mBAAmBC,OAAAA,aAC9B,CAACC,SAA0B,QAClB;AAAA,EACLC,MAAM;AAAA,EAENC,OAAO,CACL;AAAA,IACED,MAAM;AAAA,IACNE,OAAO;AAAA,IACPC,MAAMf;AAAAA,IACNgB,WAAWT;AAAAA,IACXU,SAASN;AAAAA,IACTO,QAAQC,OAAAA,MAAMC,OAAO,sBAAsB;AAAA,EAAA,CAC5C;AAEL,EAEJ;;"}