sanity-plugin-seofields 1.2.1 → 1.2.3

package/dist/index.mjs

@@ -1,7 +1,8 @@
 import o, { useDebugValue, createElement, useRef, useContext, useState, useCallback, useEffect, useMemo } from "react";
-import { useClient, useFormValue, defineType, defineField, definePlugin } from "sanity";
+import { useClient, useWorkspace, useFormValue, defineType, defineField, definePlugin } from "sanity";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useIntentLink } from "sanity/router";
+import { usePaneRouter } from "sanity/structure";
 import { Stack, Text, Box } from "@sanity/ui";
 var __assign = function() {
   return __assign = Object.assign || function(t) {
@@ -1191,16 +1192,9 @@ const DashboardContainer = dt.div`
   color: #6b7280;
 `, StatsGrid = dt.div`
   display: grid;
-  grid-template-columns: repeat(6, 1fr);
+  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
   gap: 14px;
   margin-bottom: 20px;
-
-  @media (max-width: 1100px) {
-    grid-template-columns: repeat(3, 1fr);
-  }
-  @media (max-width: 600px) {
-    grid-template-columns: repeat(2, 1fr);
-  }
 `, StatCard = dt.div`
   background: #ffffff;
   border-radius: 10px;
@@ -1333,6 +1327,11 @@ const DashboardContainer = dt.div`
   align-items: center;
   gap: 4px;
   flex-wrap: wrap;
+  min-width: 0;
+`, TitleCell = dt.div`
+  min-width: 0;
+  overflow: hidden;
+  flex: 1;
 `, ColType = dt.div`
   flex: 0.8;
   min-width: 80px;
@@ -1524,13 +1523,37 @@ const DashboardContainer = dt.div`
     color: #374151;
     border-color: #9ca3af;
   }
-`, DocTitleAnchor = ({
+`, DocTitleAnchor = ({ id, type, structureTool, children }) => {
+  const { basePath } = useWorkspace(), { onClick: intentOnClick, href: intentHref } = useIntentLink({ intent: "edit", params: { id, type } }), href = structureTool ? `${basePath}/${structureTool}/intent/edit/id=${id};type=${type}/` : intentHref;
+  return /* @__PURE__ */ jsx(DocTitleLink, { href, onClick: structureTool ? void 0 : intentOnClick, title: "Open document", children });
+}, PaneLinkWrapper = dt.span`
+  display: block;
+  min-width: 0;
+  overflow: hidden;
+
+  a {
+    font-size: 13px;
+    font-weight: 600;
+    color: #4f46e5;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    text-decoration: none;
+    display: block;
+    transition: color 0.15s;
+
+    &:hover {
+      color: #4338ca;
+      text-decoration: underline;
+    }
+  }
+`, DocTitleAnchorPane = ({
   id,
   type,
   children
 }) => {
-  const { onClick, href } = useIntentLink({ intent: "edit", params: { id, type } });
-  return /* @__PURE__ */ jsx(DocTitleLink, { href, onClick, title: "Open document", children });
+  const { ChildLink } = usePaneRouter();
+  return /* @__PURE__ */ jsx(PaneLinkWrapper, { children: /* @__PURE__ */ jsx(ChildLink, { childId: id, childParameters: { type }, children }) });
 }, DocBadgeRenderer = ({ doc, docBadge }) => {
   const badge = docBadge(doc);
   return badge ? /* @__PURE__ */ jsx(CustomBadge, { $bgColor: badge.bgColor, $textColor: badge.textColor, $fontSize: badge.fontSize, children: badge.label }) : null;
@@ -1772,7 +1795,9 @@ const DashboardContainer = dt.div`
   loadingLicense,
   loadingDocuments,
   noDocuments,
-  previewMode = !1
+  previewMode = !1,
+  openInPane = !1,
+  structureTool
 }) => {
   const client = useClient({ apiVersion }), [licenseStatus, setLicenseStatus] = useState("loading"), [documents, setDocuments] = useState([]), [loading, setLoading] = useState(!0), [searchQuery, setSearchQuery] = useState(""), [filterStatus, setFilterStatus] = useState("all"), [filterType, setFilterType] = useState("all"), [sortBy, setSortBy] = useState("score"), [activePopover, setActivePopover] = useState(null), VALIDATION_ENDPOINT = "https://sanity-plugin-seofields.thehardik.in/api/validate-license", CACHE_TTL_MS = 3600 * 1e3, validateLicense = useCallback(
     async (forceRefresh = !1) => {
@@ -2057,8 +2082,8 @@ export default defineConfig({
           ] }),
           filteredAndSortedDocs.map((doc) => /* @__PURE__ */ jsxs(TableRow, { children: [
             /* @__PURE__ */ jsx(ColTitle, { children: /* @__PURE__ */ jsxs(TitleWrapper, { children: [
-              /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsx(DocTitleAnchor, { id: doc._id, type: doc._type, children: doc.title || "Untitled" }),
+              /* @__PURE__ */ jsxs(TitleCell, { children: [
+                openInPane ? /* @__PURE__ */ jsx(DocTitleAnchorPane, { id: doc._id, type: doc._type, children: doc.title || "Untitled" }) : /* @__PURE__ */ jsx(DocTitleAnchor, { id: doc._id, type: doc._type, structureTool, children: doc.title || "Untitled" }),
                 showDocumentId && /* @__PURE__ */ jsx(DocId, { children: doc._id })
               ] }),
               docBadge && /* @__PURE__ */ jsx(
@@ -3080,7 +3105,8 @@ const resolveDashboardConfig = (healthDashboard) => {
     loadingLicense: cfg?.content?.loadingLicense,
     loadingDocuments: cfg?.content?.loadingDocuments,
     noDocuments: cfg?.content?.noDocuments,
-    previewMode: cfg?.previewMode
+    previewMode: cfg?.previewMode,
+    structureTool: cfg?.structureTool
   };
 }, seofields = definePlugin((config = {}) => {
   const { healthDashboard = !0 } = config, dash = resolveDashboardConfig(healthDashboard), BoundSeoHealthTool = () => o.createElement(SeoHealthTool, {
@@ -3101,7 +3127,8 @@ const resolveDashboardConfig = (healthDashboard) => {
     loadingLicense: dash.loadingLicense,
     loadingDocuments: dash.loadingDocuments,
     noDocuments: dash.noDocuments,
-    previewMode: dash.previewMode
+    previewMode: dash.previewMode,
+    structureTool: dash.structureTool
   });
   return {
     name: "sanity-plugin-seofields",
@@ -3120,10 +3147,18 @@ const resolveDashboardConfig = (healthDashboard) => {
     }
   };
 });
+function createSeoHealthPane(optionsOrS, optionsWhenS) {
+  const S2 = optionsOrS, { query, openInPane = !0, title: paneTitle, ...rest } = optionsWhenS ?? {}, SeoHealthPane = () => /* @__PURE__ */ jsx(SeoHealthDashboard, { customQuery: query, openInPane, title: paneTitle, ...rest });
+  return SeoHealthPane.displayName = "SeoHealthPane", S2.component(SeoHealthPane).title(paneTitle ?? "SEO Health").child((docId, { params }) => {
+    const builder = S2.document().documentId(docId);
+    return params?.type ? builder.schemaType(params.type) : builder;
+  });
+}
 export {
   SeoHealthDashboard,
   SeoHealthTool,
   types as allSchemas,
+  createSeoHealthPane,
   seofields as default,
   metaAttribute as metaAttributeSchema,
   metaTag as metaTagSchema,