sanity 5.26.0-next.8 → 5.26.0-next.9

package/lib/_chunks-es/version.js

@@ -1,4 +1,4 @@
-var version = "5.26.0-next.8";
+var version = "5.26.0-next.9";
 let buildVersion;
 try {
   buildVersion = process.env.PKG_BUILD_VERSION;
@@ -7,7 +7,7 @@ try {
 try {
   buildVersion = buildVersion || // This is replaced by `@sanity/pkg-utils` at build time
   // and must always be references by its full static name, e.g. no optional chaining, no `if (process && process.env)` etc.
-  "5.26.0-next.8";
+  "5.26.0-next.9";
 } catch {
 }
 const SANITY_VERSION = buildVersion || `${version}-dev`;

package/lib/index.js

@@ -85135,6 +85135,29 @@ function StudioErrorBoundary(props2) {
   let t3;
   return $[16] !== caughtError.error || $[17] !== caughtError.eventId || $[18] !== heading ? (t3 = /* @__PURE__ */ jsx(FallbackErrorScreen, { heading, error: caughtError.error, eventId: caughtError.eventId, onReset: handleResetError }), $[16] = caughtError.error, $[17] = caughtError.eventId, $[18] = heading, $[19] = t3) : t3 = $[19], t3;
 }
+const StudioToolMountTimeMeasured = defineEvent({
+  name: "Studio Tool Mount Time Measured",
+  version: 1,
+  description: "Time from a tool being selected to its component rendering its first effect (i.e. first paint after Suspense resolves the lazy chunk)."
+}), mountedTools = /* @__PURE__ */ new Set();
+function ToolMountTimer(t0) {
+  const $ = c(5), {
+    toolName,
+    t0Ref
+  } = t0, telemetry = useTelemetry();
+  let t1, t2;
+  return $[0] !== t0Ref || $[1] !== telemetry || $[2] !== toolName ? (t1 = () => {
+    const t0$0 = t0Ref.current;
+    if (t0$0 === null)
+      return;
+    const isFirstMount = !mountedTools.has(toolName);
+    mountedTools.add(toolName), telemetry.log(StudioToolMountTimeMeasured, {
+      toolName,
+      durationMs: performance.now() - t0$0,
+      isFirstMount
+    });
+  }, t2 = [telemetry, toolName, t0Ref], $[0] = t0Ref, $[1] = telemetry, $[2] = toolName, $[3] = t1, $[4] = t2) : (t1 = $[3], t2 = $[4]), useEffect(t1, t2), null;
+}
 const DetectViteDevServerStopped = lazy(() => import("./_chunks-es/ViteDevServerStopped.js").then((DevServerStopped) => ({
   default: DevServerStopped.DetectViteDevServerStopped
 }))), detectViteDevServerStopped = import.meta.hot && process.env.NODE_ENV === "development", SearchFullscreenPortalCard = styled(Card).withConfig({
@@ -85148,7 +85171,7 @@ function StudioLayout() {
   return $[0] !== Layout2 ? (t0 = /* @__PURE__ */ jsx(Layout2, {}), $[0] = Layout2, $[1] = t0) : t0 = $[1], t0;
 }
 function StudioLayoutComponent() {
-  const $ = c(69), {
+  const $ = c(72), {
     name,
     title,
     tools
@@ -85159,98 +85182,106 @@ function StudioLayoutComponent() {
   const defaultRouteTools = t0, router = useRouter(), activeToolName = useRouterState(_temp$u);
   let t1;
   if ($[2] !== activeToolName || $[3] !== tools) {
-    let t26;
-    $[5] !== activeToolName ? (t26 = (tool) => tool.name === activeToolName, $[5] = activeToolName, $[6] = t26) : t26 = $[6], t1 = tools.find(t26), $[2] = activeToolName, $[3] = tools, $[4] = t1;
+    let t28;
+    $[5] !== activeToolName ? (t28 = (tool) => tool.name === activeToolName, $[5] = activeToolName, $[6] = t28) : t28 = $[6], t1 = tools.find(t28), $[2] = activeToolName, $[3] = tools, $[4] = t1;
   } else
     t1 = $[4];
-  const activeTool = t1, [searchFullscreenOpen, setSearchFullscreenOpen] = useState(!1), [searchFullscreenPortalEl, setSearchFullscreenPortalEl] = useState(null), [searchOpen, setSearchOpen] = useState(!1);
-  let t2;
+  const activeTool = t1, toolMountT0Ref = useRef(null), lastToolNameRef = useRef(void 0);
+  let t2, t3;
+  $[7] !== activeToolName ? (t2 = () => {
+    activeToolName !== lastToolNameRef.current && (lastToolNameRef.current = activeToolName, toolMountT0Ref.current = activeToolName ? performance.now() : null);
+  }, t3 = [activeToolName], $[7] = activeToolName, $[8] = t2, $[9] = t3) : (t2 = $[8], t3 = $[9]), useEffect(t2, t3);
+  const [searchFullscreenOpen, setSearchFullscreenOpen] = useState(!1), [searchFullscreenPortalEl, setSearchFullscreenPortalEl] = useState(null), [searchOpen, setSearchOpen] = useState(!1);
+  let t4;
   bb0: {
-    let t32;
-    $[7] !== name || $[8] !== title ? (t32 = title || startCase(name), $[7] = name, $[8] = title, $[9] = t32) : t32 = $[9];
-    const workspaceTitle = t32, toolTitle = activeTool ? activeTool.title || activeTool.name : void 0;
+    let t52;
+    $[10] !== name || $[11] !== title ? (t52 = title || startCase(name), $[10] = name, $[11] = title, $[12] = t52) : t52 = $[12];
+    const workspaceTitle = t52, toolTitle = activeTool ? activeTool.title || activeTool.name : void 0;
     if (toolTitle) {
-      t2 = `${toolTitle} | ${workspaceTitle}`;
+      t4 = `${toolTitle} | ${workspaceTitle}`;
       break bb0;
     }
-    t2 = workspaceTitle;
+    t4 = workspaceTitle;
   }
-  const documentTitle = t2, toolControlsDocumentTitle = !!activeTool?.controlsDocumentTitle;
-  let t3, t4;
-  $[10] !== documentTitle || $[11] !== toolControlsDocumentTitle ? (t3 = () => {
-    toolControlsDocumentTitle || (document.title = documentTitle);
-  }, t4 = [documentTitle, toolControlsDocumentTitle], $[10] = documentTitle, $[11] = toolControlsDocumentTitle, $[12] = t3, $[13] = t4) : (t3 = $[12], t4 = $[13]), useEffect(t3, t4);
+  const documentTitle = t4, toolControlsDocumentTitle = !!activeTool?.controlsDocumentTitle;
   let t5, t6;
-  $[14] !== activeTool || $[15] !== telemetry || $[16] !== tools.length ? (t5 = () => {
+  $[13] !== documentTitle || $[14] !== toolControlsDocumentTitle ? (t5 = () => {
+    toolControlsDocumentTitle || (document.title = documentTitle);
+  }, t6 = [documentTitle, toolControlsDocumentTitle], $[13] = documentTitle, $[14] = toolControlsDocumentTitle, $[15] = t5, $[16] = t6) : (t5 = $[15], t6 = $[16]), useEffect(t5, t6);
+  let t7, t8;
+  $[17] !== activeTool || $[18] !== telemetry || $[19] !== tools.length ? (t7 = () => {
     studioReadyFired || activeTool && (studioReadyFired = !0, telemetry.log(StudioReadyMeasured, {
       durationMs: performance.now(),
       toolsCount: tools.length,
       activeToolName: activeTool.name
     }));
-  }, t6 = [activeTool, telemetry, tools.length], $[14] = activeTool, $[15] = telemetry, $[16] = tools.length, $[17] = t5, $[18] = t6) : (t5 = $[17], t6 = $[18]), useEffect(t5, t6);
-  let t7;
-  $[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t7 = (open) => {
+  }, t8 = [activeTool, telemetry, tools.length], $[17] = activeTool, $[18] = telemetry, $[19] = tools.length, $[20] = t7, $[21] = t8) : (t7 = $[20], t8 = $[21]), useEffect(t7, t8);
+  let t9;
+  $[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t9 = (open) => {
     setSearchFullscreenOpen(open);
-  }, $[19] = t7) : t7 = $[19];
-  const handleSearchFullscreenOpenChange = t7;
-  let t8;
-  $[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t8 = (open_0) => {
+  }, $[22] = t9) : t9 = $[22];
+  const handleSearchFullscreenOpenChange = t9;
+  let t10;
+  $[23] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t10 = (open_0) => {
     setSearchOpen(open_0);
-  }, $[20] = t8) : t8 = $[20];
-  const handleSearchOpenChange = t8;
-  let t9;
-  $[21] !== searchFullscreenOpen || $[22] !== searchFullscreenPortalEl || $[23] !== searchOpen ? (t9 = {
+  }, $[23] = t10) : t10 = $[23];
+  const handleSearchOpenChange = t10;
+  let t11;
+  $[24] !== searchFullscreenOpen || $[25] !== searchFullscreenPortalEl || $[26] !== searchOpen ? (t11 = {
     searchFullscreenOpen,
     searchFullscreenPortalEl,
     searchOpen,
     onSearchFullscreenOpenChange: handleSearchFullscreenOpenChange,
     onSearchOpenChange: handleSearchOpenChange
-  }, $[21] = searchFullscreenOpen, $[22] = searchFullscreenPortalEl, $[23] = searchOpen, $[24] = t9) : t9 = $[24];
-  const navbarContextValue = t9, Navbar = useNavbarComponent(), ActiveToolLayout = useActiveToolLayoutComponent();
-  let t10;
-  $[25] !== activeTool || $[26] !== activeToolName || $[27] !== tools ? (t10 = !activeTool && (activeToolName === "desk" || !activeToolName) && typeof window < "u" && /\/desk(\/|$)/.test(window.location.pathname) && tools.some(_temp2$b), $[25] = activeTool, $[26] = activeToolName, $[27] = tools, $[28] = t10) : t10 = $[28];
-  const isLegacyDeskRedirect = t10;
-  let t11, t12;
-  $[29] !== isLegacyDeskRedirect || $[30] !== router ? (t11 = () => {
+  }, $[24] = searchFullscreenOpen, $[25] = searchFullscreenPortalEl, $[26] = searchOpen, $[27] = t11) : t11 = $[27];
+  const navbarContextValue = t11, Navbar = useNavbarComponent(), ActiveToolLayout = useActiveToolLayoutComponent();
+  let t12;
+  $[28] !== activeTool || $[29] !== activeToolName || $[30] !== tools ? (t12 = !activeTool && (activeToolName === "desk" || !activeToolName) && typeof window < "u" && /\/desk(\/|$)/.test(window.location.pathname) && tools.some(_temp2$b), $[28] = activeTool, $[29] = activeToolName, $[30] = tools, $[31] = t12) : t12 = $[31];
+  const isLegacyDeskRedirect = t12;
+  let t13, t14;
+  $[32] !== isLegacyDeskRedirect || $[33] !== router ? (t13 = () => {
     isLegacyDeskRedirect && router.navigateUrl({
       path: window.location.pathname.replace(/\/desk/, "/structure"),
       replace: !0
     });
-  }, t12 = [isLegacyDeskRedirect, router], $[29] = isLegacyDeskRedirect, $[30] = router, $[31] = t11, $[32] = t12) : (t11 = $[31], t12 = $[32]), useEffect(t11, t12);
+  }, t14 = [isLegacyDeskRedirect, router], $[32] = isLegacyDeskRedirect, $[33] = router, $[34] = t13, $[35] = t14) : (t13 = $[34], t14 = $[35]), useEffect(t13, t14);
   const getErrorScreen = _temp3$5;
-  let t13;
-  $[33] !== Navbar ? (t13 = /* @__PURE__ */ jsx(Navbar, {}), $[33] = Navbar, $[34] = t13) : t13 = $[34];
-  let t14;
-  $[35] !== navbarContextValue || $[36] !== t13 ? (t14 = /* @__PURE__ */ jsx(NavbarContext.Provider, { value: navbarContextValue, children: t13 }), $[35] = navbarContextValue, $[36] = t13, $[37] = t14) : t14 = $[37];
   let t15;
-  $[38] !== isLegacyDeskRedirect ? (t15 = isLegacyDeskRedirect && /* @__PURE__ */ jsx(RedirectingScreen, {}), $[38] = isLegacyDeskRedirect, $[39] = t15) : t15 = $[39];
+  $[36] !== Navbar ? (t15 = /* @__PURE__ */ jsx(Navbar, {}), $[36] = Navbar, $[37] = t15) : t15 = $[37];
   let t16;
-  $[40] !== activeTool || $[41] !== defaultRouteTools ? (t16 = !activeTool && defaultRouteTools.length === 0 && /* @__PURE__ */ jsx(NoToolsScreen, {}), $[40] = activeTool, $[41] = defaultRouteTools, $[42] = t16) : t16 = $[42];
+  $[38] !== navbarContextValue || $[39] !== t15 ? (t16 = /* @__PURE__ */ jsx(NavbarContext.Provider, { value: navbarContextValue, children: t15 }), $[38] = navbarContextValue, $[39] = t15, $[40] = t16) : t16 = $[40];
   let t17;
-  $[43] !== activeTool || $[44] !== activeToolName || $[45] !== isLegacyDeskRedirect || $[46] !== tools.length ? (t17 = tools.length > 0 && !activeTool && activeToolName && !isLegacyDeskRedirect && /* @__PURE__ */ jsx(ToolNotFoundScreen, { toolName: activeToolName }), $[43] = activeTool, $[44] = activeToolName, $[45] = isLegacyDeskRedirect, $[46] = tools.length, $[47] = t17) : t17 = $[47];
+  $[41] !== isLegacyDeskRedirect ? (t17 = isLegacyDeskRedirect && /* @__PURE__ */ jsx(RedirectingScreen, {}), $[41] = isLegacyDeskRedirect, $[42] = t17) : t17 = $[42];
   let t18;
-  $[48] !== searchFullscreenOpen ? (t18 = searchFullscreenOpen && /* @__PURE__ */ jsx(SearchFullscreenPortalCard, { ref: setSearchFullscreenPortalEl, overflow: "auto" }), $[48] = searchFullscreenOpen, $[49] = t18) : t18 = $[49];
-  const t19 = activeTool?.name, t20 = `The ${activeTool?.name} tool crashed`;
-  let t21;
-  $[50] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t21 = detectViteDevServerStopped && /* @__PURE__ */ jsx(DetectViteDevServerStopped, {}), $[50] = t21) : t21 = $[50];
-  let t22;
-  $[51] !== ActiveToolLayout || $[52] !== activeTool || $[53] !== activeToolName ? (t22 = activeTool && activeToolName && /* @__PURE__ */ jsx(RouteScope, { scope: activeToolName, __unsafe_disableScopedSearchParams: activeTool.router?.__unsafe_disableScopedSearchParams, children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingBlock, { showText: !0 }), children: /* @__PURE__ */ jsx(ActiveToolLayout, { activeTool }) }) }), $[51] = ActiveToolLayout, $[52] = activeTool, $[53] = activeToolName, $[54] = t22) : t22 = $[54];
+  $[43] !== activeTool || $[44] !== defaultRouteTools ? (t18 = !activeTool && defaultRouteTools.length === 0 && /* @__PURE__ */ jsx(NoToolsScreen, {}), $[43] = activeTool, $[44] = defaultRouteTools, $[45] = t18) : t18 = $[45];
+  let t19;
+  $[46] !== activeTool || $[47] !== activeToolName || $[48] !== isLegacyDeskRedirect || $[49] !== tools.length ? (t19 = tools.length > 0 && !activeTool && activeToolName && !isLegacyDeskRedirect && /* @__PURE__ */ jsx(ToolNotFoundScreen, { toolName: activeToolName }), $[46] = activeTool, $[47] = activeToolName, $[48] = isLegacyDeskRedirect, $[49] = tools.length, $[50] = t19) : t19 = $[50];
+  let t20;
+  $[51] !== searchFullscreenOpen ? (t20 = searchFullscreenOpen && /* @__PURE__ */ jsx(SearchFullscreenPortalCard, { ref: setSearchFullscreenPortalEl, overflow: "auto" }), $[51] = searchFullscreenOpen, $[52] = t20) : t20 = $[52];
+  const t21 = activeTool?.name, t22 = `The ${activeTool?.name} tool crashed`;
   let t23;
-  $[55] !== searchFullscreenOpen || $[56] !== t22 ? (t23 = /* @__PURE__ */ jsx(Card, { flex: 1, hidden: searchFullscreenOpen, children: t22 }), $[55] = searchFullscreenOpen, $[56] = t22, $[57] = t23) : t23 = $[57];
+  $[53] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t23 = detectViteDevServerStopped && /* @__PURE__ */ jsx(DetectViteDevServerStopped, {}), $[53] = t23) : t23 = $[53];
   let t24;
-  $[58] !== t19 || $[59] !== t20 || $[60] !== t23 ? (t24 = /* @__PURE__ */ jsxs(StudioErrorBoundary, { heading: t20, getErrorScreen, children: [
-    t21,
-    t23
-  ] }, t19), $[58] = t19, $[59] = t20, $[60] = t23, $[61] = t24) : t24 = $[61];
+  $[54] !== ActiveToolLayout || $[55] !== activeTool || $[56] !== activeToolName ? (t24 = activeTool && activeToolName && /* @__PURE__ */ jsx(RouteScope, { scope: activeToolName, __unsafe_disableScopedSearchParams: activeTool.router?.__unsafe_disableScopedSearchParams, children: /* @__PURE__ */ jsxs(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingBlock, { showText: !0 }), children: [
+    /* @__PURE__ */ jsx(ActiveToolLayout, { activeTool }),
+    /* @__PURE__ */ jsx(ToolMountTimer, { toolName: activeTool.name, t0Ref: toolMountT0Ref })
+  ] }) }), $[54] = ActiveToolLayout, $[55] = activeTool, $[56] = activeToolName, $[57] = t24) : t24 = $[57];
   let t25;
-  return $[62] !== t14 || $[63] !== t15 || $[64] !== t16 || $[65] !== t17 || $[66] !== t18 || $[67] !== t24 ? (t25 = /* @__PURE__ */ jsxs(Flex, { "data-ui": "ToolScreen", direction: "column", height: "fill", "data-testid": "studio-layout", children: [
-    t14,
-    t15,
+  $[58] !== searchFullscreenOpen || $[59] !== t24 ? (t25 = /* @__PURE__ */ jsx(Card, { flex: 1, hidden: searchFullscreenOpen, children: t24 }), $[58] = searchFullscreenOpen, $[59] = t24, $[60] = t25) : t25 = $[60];
+  let t26;
+  $[61] !== t21 || $[62] !== t22 || $[63] !== t25 ? (t26 = /* @__PURE__ */ jsxs(StudioErrorBoundary, { heading: t22, getErrorScreen, children: [
+    t23,
+    t25
+  ] }, t21), $[61] = t21, $[62] = t22, $[63] = t25, $[64] = t26) : t26 = $[64];
+  let t27;
+  return $[65] !== t16 || $[66] !== t17 || $[67] !== t18 || $[68] !== t19 || $[69] !== t20 || $[70] !== t26 ? (t27 = /* @__PURE__ */ jsxs(Flex, { "data-ui": "ToolScreen", direction: "column", height: "fill", "data-testid": "studio-layout", children: [
     t16,
     t17,
     t18,
-    t24
-  ] }), $[62] = t14, $[63] = t15, $[64] = t16, $[65] = t17, $[66] = t18, $[67] = t24, $[68] = t25) : t25 = $[68], t25;
+    t19,
+    t20,
+    t26
+  ] }), $[65] = t16, $[66] = t17, $[67] = t18, $[68] = t19, $[69] = t20, $[70] = t26, $[71] = t27) : t27 = $[71], t27;
 }
 function _temp3$5(error) {
   return isDocumentLimitError(error) ? /* @__PURE__ */ jsx(DocumentLimitsUpsellPanel, {}) : null;