@sanity/sdk-react 0.0.0-alpha.19 → 0.0.0-alpha.20

package/dist/index.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx, Fragment as Fragment$1 } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
-import { getAuthState, getLoginUrlsState, fetchLoginUrls, handleCallback, logout, AuthStateType, createSanityInstance, getTokenState, getCurrentUserState, getClientState, getOrCreateController, getOrCreateChannel, releaseChannel, getOrCreateNode, releaseNode, resolveDatasets, getDatasetsState, applyActions, getResourceId, resolveDocument, getDocumentState, subscribeDocumentEvents, getDocumentSyncStatus, editDocument, getPermissionsState, getQueryKey, parseQueryKey, getQueryState, resolveQuery, getPreviewState, resolvePreview, getProjectionState, resolveProjection, resolveProject, getProjectState, resolveProjects, getProjectsState, createUsersStore } from "@sanity/sdk";
+import { getAuthState, getLoginUrlsState, fetchLoginUrls, handleCallback, logout, AuthStateType, createSanityInstance, getTokenState, getCurrentUserState, getDashboardOrganizationId, getClientState, getOrCreateController, getOrCreateChannel, releaseChannel, getOrCreateNode, releaseNode, resolveDatasets, getDatasetsState, applyActions, getResourceId, resolveDocument, getDocumentState, subscribeDocumentEvents, getDocumentSyncStatus, editDocument, getPermissionsState, getQueryKey, parseQueryKey, getQueryState, resolveQuery, getPreviewState, resolvePreview, getProjectionState, resolveProjection, resolveProject, getProjectState, resolveProjects, getProjectsState, createUsersStore } from "@sanity/sdk";
 import { ErrorBoundary } from "react-error-boundary";
-import { createContext, useContext, useSyncExternalStore, useMemo, Fragment, Suspense, useEffect, useState, useRef, useInsertionEffect, useTransition } from "react";
+import { createContext, useContext, useSyncExternalStore, useMemo, Fragment, Suspense, useEffect, useRef, useState, useInsertionEffect, useTransition } from "react";
 import { SanityLogo } from "@sanity/logos";
 import { SDK_CHANNEL_NAME, SDK_NODE_NAME } from "@sanity/message-protocol";
 import { firstValueFrom, filter, Observable, startWith, distinctUntilChanged, switchMap, EMPTY } from "rxjs";
@@ -294,132 +294,129 @@ function _temp2$3() {
 function _temp$6() {
   console.warn("Redirecting to core", CORE_URL), window.location.replace(CORE_URL);
 }
-const useAuthToken = createStateSourceHook(getTokenState), useCurrentUser = createStateSourceHook(getCurrentUserState), useClient = createStateSourceHook({
+const useAuthToken = createStateSourceHook(getTokenState), useCurrentUser = createStateSourceHook(getCurrentUserState);
+function useDashboardOrganizationId() {
+  const $ = c(2), instance = useSanityInstance();
+  let t0, t1;
+  $[0] !== instance ? (t1 = getDashboardOrganizationId(instance), $[0] = instance, $[1] = t1) : t1 = $[1], t0 = t1;
+  const {
+    subscribe,
+    getCurrent
+  } = t0;
+  return useSyncExternalStore(subscribe, getCurrent);
+}
+const useClient = createStateSourceHook({
   getState: getClientState,
   getResourceId: (e) => e.resourceId
 });
 function useFrameConnection(options) {
-  const $ = c(27), {
+  const $ = c(12), {
     onMessage,
     targetOrigin,
     name,
     connectTo,
-    heartbeat
-  } = options, instance = useSanityInstance(), [status, setStatus] = useState("idle");
+    heartbeat,
+    onStatus
+  } = options, instance = useSanityInstance(), controllerRef = useRef(null), channelRef = useRef(null);
   let t0, t1;
-  $[0] !== instance || $[1] !== targetOrigin ? (t1 = getOrCreateController(instance, targetOrigin), $[0] = instance, $[1] = targetOrigin, $[2] = t1) : t1 = $[2], t0 = t1;
-  const controller = t0;
-  let t2, t3;
-  $[3] !== connectTo || $[4] !== heartbeat || $[5] !== instance || $[6] !== name ? (t3 = getOrCreateChannel(instance, {
-    name,
-    connectTo,
-    heartbeat
-  }), $[3] = connectTo, $[4] = heartbeat, $[5] = instance, $[6] = name, $[7] = t3) : t3 = $[7], t2 = t3;
-  const channel = t2;
-  let t4, t5;
-  $[8] !== channel ? (t4 = () => channel ? channel.onStatus((event) => {
-    setStatus(event.status);
-  }) : void 0, t5 = [channel], $[8] = channel, $[9] = t4, $[10] = t5) : (t4 = $[9], t5 = $[10]), useEffect(t4, t5);
-  let t6, t7;
-  $[11] !== channel || $[12] !== onMessage ? (t6 = () => {
-    if (!channel || !onMessage)
-      return;
-    const unsubscribers = [];
-    return Object.entries(onMessage).forEach((t82) => {
-      const [type, handler] = t82, unsubscribe_0 = channel.on(type, handler);
-      unsubscribers.push(unsubscribe_0);
+  $[0] !== connectTo || $[1] !== heartbeat || $[2] !== instance || $[3] !== name || $[4] !== onMessage || $[5] !== onStatus || $[6] !== targetOrigin ? (t0 = () => {
+    const controller = getOrCreateController(instance, targetOrigin), channel = getOrCreateChannel(instance, {
+      name,
+      connectTo,
+      heartbeat
+    });
+    controllerRef.current = controller, channelRef.current = channel, channel.onStatus((event) => {
+      onStatus?.(event.status);
+    });
+    const messageUnsubscribers = [];
+    return onMessage && Object.entries(onMessage).forEach((t22) => {
+      const [type, handler] = t22, unsubscribe = channel.on(type, handler);
+      messageUnsubscribers.push(unsubscribe);
     }), () => {
-      unsubscribers.forEach(_temp$5);
+      messageUnsubscribers.forEach(_temp$5), releaseChannel(instance, name), channelRef.current = null, controllerRef.current = null;
     };
-  }, t7 = [channel, onMessage], $[11] = channel, $[12] = onMessage, $[13] = t6, $[14] = t7) : (t6 = $[13], t7 = $[14]), useEffect(t6, t7);
-  let t8;
-  $[15] !== controller ? (t8 = (frameWindow) => {
-    const removeTarget = controller?.addTarget(frameWindow);
+  }, t1 = [targetOrigin, name, connectTo, heartbeat, onMessage, instance, onStatus], $[0] = connectTo, $[1] = heartbeat, $[2] = instance, $[3] = name, $[4] = onMessage, $[5] = onStatus, $[6] = targetOrigin, $[7] = t0, $[8] = t1) : (t0 = $[7], t1 = $[8]), useEffect(t0, t1);
+  let t2;
+  $[9] === Symbol.for("react.memo_cache_sentinel") ? (t2 = (frameWindow) => {
+    const removeTarget = controllerRef.current?.addTarget(frameWindow);
     return () => {
       removeTarget?.();
     };
-  }, $[15] = controller, $[16] = t8) : t8 = $[16];
-  const connect = t8;
-  let t9;
-  $[17] !== channel ? (t9 = (type_0, data) => {
-    channel?.post(type_0, data);
-  }, $[17] = channel, $[18] = t9) : t9 = $[18];
-  const sendMessage = t9;
-  let t10, t11;
-  $[19] !== instance || $[20] !== name ? (t10 = () => () => {
-    releaseChannel(instance, name);
-  }, t11 = [name, instance], $[19] = instance, $[20] = name, $[21] = t10, $[22] = t11) : (t10 = $[21], t11 = $[22]), useEffect(t10, t11);
-  let t12;
-  return $[23] !== connect || $[24] !== sendMessage || $[25] !== status ? (t12 = {
+  }, $[9] = t2) : t2 = $[9];
+  const connect = t2;
+  let t3;
+  $[10] === Symbol.for("react.memo_cache_sentinel") ? (t3 = (type_0, data) => {
+    channelRef.current?.post(type_0, data);
+  }, $[10] = t3) : t3 = $[10];
+  const sendMessage = t3;
+  let t4;
+  return $[11] === Symbol.for("react.memo_cache_sentinel") ? (t4 = {
     connect,
-    sendMessage,
-    status
-  }, $[23] = connect, $[24] = sendMessage, $[25] = status, $[26] = t12) : t12 = $[26], t12;
+    sendMessage
+  }, $[11] = t4) : t4 = $[11], t4;
 }
 function _temp$5(unsub) {
   return unsub();
 }
-function useWindowConnection(options) {
-  const $ = c(23), {
+function useWindowConnection(t0) {
+  const $ = c(11), {
     name,
+    connectTo,
     onMessage,
-    connectTo
-  } = options, instance = useSanityInstance(), [status, setStatus] = useState("idle");
-  let t0, t1;
-  $[0] !== connectTo || $[1] !== instance || $[2] !== name ? (t1 = getOrCreateNode(instance, {
-    name,
-    connectTo
-  }), $[0] = connectTo, $[1] = instance, $[2] = name, $[3] = t1) : t1 = $[3], t0 = t1;
-  const node = t0;
-  let t2;
-  $[4] !== node ? (t2 = () => node.onStatus((newStatus) => {
-    setStatus(newStatus);
-  }), $[4] = node, $[5] = t2) : t2 = $[5];
-  let t3;
-  $[6] !== instance || $[7] !== name || $[8] !== node ? (t3 = [node, instance, name], $[6] = instance, $[7] = name, $[8] = node, $[9] = t3) : t3 = $[9], useEffect(t2, t3);
-  let t4, t5;
-  $[10] !== node || $[11] !== onMessage ? (t4 = () => {
-    if (!onMessage)
-      return;
-    const unsubscribers = [];
-    return Object.entries(onMessage).forEach((t62) => {
-      const [type, handler] = t62, unsubscribe_0 = node.on(type, handler);
-      unsubscribers.push(unsubscribe_0);
+    onStatus
+  } = t0, nodeRef = useRef(null);
+  let t1;
+  $[0] === Symbol.for("react.memo_cache_sentinel") ? (t1 = [], $[0] = t1) : t1 = $[0];
+  const messageUnsubscribers = useRef(t1), instance = useSanityInstance();
+  let t2, t3;
+  $[1] !== connectTo || $[2] !== instance || $[3] !== name || $[4] !== onMessage || $[5] !== onStatus ? (t2 = () => {
+    const node = getOrCreateNode(instance, {
+      name,
+      connectTo
+    });
+    nodeRef.current = node;
+    const statusUnsubscribe = node.onStatus((eventStatus) => {
+      onStatus?.(eventStatus);
+    });
+    return onMessage && Object.entries(onMessage).forEach((t42) => {
+      const [type, handler] = t42, messageUnsubscribe = node.on(type, handler);
+      messageUnsubscribers.current.push(messageUnsubscribe);
     }), () => {
-      unsubscribers.forEach(_temp$4);
+      statusUnsubscribe(), messageUnsubscribers.current.forEach(_temp$4), messageUnsubscribers.current = [], releaseNode(instance, name), nodeRef.current = null;
     };
-  }, t5 = [node, onMessage], $[10] = node, $[11] = onMessage, $[12] = t4, $[13] = t5) : (t4 = $[12], t5 = $[13]), useEffect(t4, t5);
+  }, t3 = [instance, name, connectTo, onMessage, onStatus], $[1] = connectTo, $[2] = instance, $[3] = name, $[4] = onMessage, $[5] = onStatus, $[6] = t2, $[7] = t3) : (t2 = $[6], t3 = $[7]), useEffect(t2, t3);
+  let t4;
+  $[8] === Symbol.for("react.memo_cache_sentinel") ? (t4 = (type_0, data) => {
+    if (!nodeRef.current)
+      throw new Error("Cannot send message before connection is established");
+    nodeRef.current.post(type_0, data);
+  }, $[8] = t4) : t4 = $[8];
+  const sendMessage = t4;
+  let t5;
+  $[9] === Symbol.for("react.memo_cache_sentinel") ? (t5 = (type_1, data_0, fetchOptions) => nodeRef.current?.fetch(type_1, data_0, fetchOptions ?? {}), $[9] = t5) : t5 = $[9];
+  const fetch = t5;
   let t6;
-  $[14] !== node ? (t6 = (type_0, data) => {
-    node?.post(type_0, data);
-  }, $[14] = node, $[15] = t6) : t6 = $[15];
-  const sendMessage = t6;
-  let t7, t8;
-  $[16] !== instance || $[17] !== name ? (t7 = () => () => {
-    releaseNode(instance, name);
-  }, t8 = [instance, name], $[16] = instance, $[17] = name, $[18] = t7, $[19] = t8) : (t7 = $[18], t8 = $[19]), useEffect(t7, t8);
-  let t9;
-  return $[20] !== sendMessage || $[21] !== status ? (t9 = {
+  return $[10] === Symbol.for("react.memo_cache_sentinel") ? (t6 = {
     sendMessage,
-    status
-  }, $[20] = sendMessage, $[21] = status, $[22] = t9) : t9 = $[22], t9;
+    fetch
+  }, $[10] = t6) : t6 = $[10], t6;
 }
-function _temp$4(unsub) {
-  return unsub();
+function _temp$4(unsubscribe) {
+  return unsubscribe();
 }
 function useManageFavorite(t0) {
   const $ = c(14), {
     _id,
     _type
-  } = t0, [isFavorited, setIsFavorited] = useState(!1);
+  } = t0, [isFavorited, setIsFavorited] = useState(!1), [status, setStatus] = useState("idle");
   let t1;
   $[0] === Symbol.for("react.memo_cache_sentinel") ? (t1 = {
     name: SDK_NODE_NAME,
-    connectTo: SDK_CHANNEL_NAME
+    connectTo: SDK_CHANNEL_NAME,
+    onStatus: setStatus
   }, $[0] = t1) : t1 = $[0];
   const {
-    sendMessage,
-    status
+    sendMessage
   } = useWindowConnection(t1);
   let t2;
   $[1] !== _id || $[2] !== _type || $[3] !== sendMessage ? (t2 = (action, setFavoriteState) => {
@@ -458,15 +455,15 @@ function useRecordDocumentHistoryEvent(t0) {
   const $ = c(8), {
     _id,
     _type
-  } = t0;
+  } = t0, [status, setStatus] = useState("idle");
   let t1;
   $[0] === Symbol.for("react.memo_cache_sentinel") ? (t1 = {
     name: SDK_NODE_NAME,
-    connectTo: SDK_CHANNEL_NAME
+    connectTo: SDK_CHANNEL_NAME,
+    onStatus: setStatus
   }, $[0] = t1) : t1 = $[0];
   const {
-    sendMessage,
-    status
+    sendMessage
   } = useWindowConnection(t1);
   let t2;
   $[1] !== _id || $[2] !== _type || $[3] !== sendMessage ? (t2 = (eventType) => {
@@ -492,6 +489,100 @@ function useRecordDocumentHistoryEvent(t0) {
     isConnected: t3
   }, $[5] = recordEvent, $[6] = t3, $[7] = t4) : t4 = $[7], t4;
 }
+function useStudioWorkspacesByResourceId() {
+  const $ = c(10);
+  let t0;
+  $[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = {}, $[0] = t0) : t0 = $[0];
+  const [workspacesByResourceId, setWorkspacesByResourceId] = useState(t0), [status, setStatus] = useState("idle"), [error, setError] = useState(null);
+  let t1;
+  $[1] === Symbol.for("react.memo_cache_sentinel") ? (t1 = {
+    name: "core/nodes/sdk",
+    connectTo: "core/channels/sdk",
+    onStatus: setStatus
+  }, $[1] = t1) : t1 = $[1];
+  const {
+    fetch
+  } = useWindowConnection(t1);
+  let t2, t3;
+  $[2] !== fetch || $[3] !== status ? (t2 = () => {
+    if (!fetch || status !== "connected")
+      return;
+    const fetchWorkspaces = async function(signal) {
+      try {
+        const data = await fetch("core/v1/bridge/context", void 0, {
+          signal
+        }), workspaceMap = {};
+        data.context.availableResources.forEach((resource) => {
+          !resource.projectId || !resource.workspaces?.length || resource.workspaces.forEach((workspace) => {
+            const key = `${resource.projectId}:${workspace.dataset}`;
+            workspaceMap[key] || (workspaceMap[key] = []), workspaceMap[key].push(workspace);
+          });
+        }), setWorkspacesByResourceId(workspaceMap), setError(null);
+      } catch (t42) {
+        const err = t42;
+        if (err instanceof Error) {
+          if (err.name === "AbortError")
+            return;
+          setError("Failed to fetch workspaces");
+        }
+      }
+    }, controller = new AbortController();
+    return fetchWorkspaces(controller.signal), () => {
+      controller.abort();
+    };
+  }, t3 = [fetch, status], $[2] = fetch, $[3] = status, $[4] = t2, $[5] = t3) : (t2 = $[4], t3 = $[5]), useEffect(t2, t3);
+  const t4 = status === "connected";
+  let t5;
+  return $[6] !== error || $[7] !== t4 || $[8] !== workspacesByResourceId ? (t5 = {
+    workspacesByResourceId,
+    error,
+    isConnected: t4
+  }, $[6] = error, $[7] = t4, $[8] = workspacesByResourceId, $[9] = t5) : t5 = $[9], t5;
+}
+function useNavigateToStudioDocument(documentHandle) {
+  const $ = c(10), {
+    workspacesByResourceId,
+    isConnected: workspacesConnected
+  } = useStudioWorkspacesByResourceId(), [status, setStatus] = useState("idle");
+  let t0;
+  $[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = {
+    name: "core/nodes/sdk",
+    connectTo: "core/channels/sdk",
+    onStatus: setStatus
+  }, $[0] = t0) : t0 = $[0];
+  const {
+    sendMessage
+  } = useWindowConnection(t0);
+  let t1;
+  $[1] !== documentHandle || $[2] !== sendMessage || $[3] !== status || $[4] !== workspacesByResourceId || $[5] !== workspacesConnected ? (t1 = () => {
+    if (!workspacesConnected || status !== "connected" || !documentHandle.resourceId)
+      return;
+    const [, projectAndDataset] = documentHandle.resourceId.split(":"), [projectId, dataset] = projectAndDataset.split(".");
+    if (!projectId || !dataset)
+      return;
+    const workspaces = workspacesByResourceId[`${projectId}:${dataset}`];
+    if (!workspaces?.length) {
+      console.warn("No workspace found for document", documentHandle.resourceId);
+      return;
+    }
+    workspaces.length > 1 && (console.warn("Multiple workspaces found for document", documentHandle.resourceId), console.warn("Using the first one", workspaces[0]));
+    const message = {
+      type: "core/v1/bridge/navigate-to-resource",
+      data: {
+        resourceId: workspaces[0]._ref,
+        resourceType: "studio",
+        path: `/intent/edit/id=${documentHandle._id};type=${documentHandle._type}`
+      }
+    };
+    sendMessage(message.type, message.data);
+  }, $[1] = documentHandle, $[2] = sendMessage, $[3] = status, $[4] = workspacesByResourceId, $[5] = workspacesConnected, $[6] = t1) : t1 = $[6];
+  const navigateToStudioDocument = t1, t2 = workspacesConnected && status === "connected";
+  let t3;
+  return $[7] !== navigateToStudioDocument || $[8] !== t2 ? (t3 = {
+    navigateToStudioDocument,
+    isConnected: t2
+  }, $[7] = navigateToStudioDocument, $[8] = t2, $[9] = t3) : t3 = $[9], t3;
+}
 const useDatasets = createStateSourceHook({
   // remove `undefined` since we're suspending when that is the case
   getState: getDatasetsState,
@@ -811,7 +902,7 @@ function usePreview(t0) {
   let t5;
   return $[7] !== _id || $[8] !== _type || $[9] !== instance || $[10] !== stateSource ? (t5 = () => {
     const currentState = stateSource.getCurrent();
-    if (currentState.results === null)
+    if (currentState.data === null)
       throw resolvePreview(instance, {
         document: {
           _id,
@@ -861,7 +952,7 @@ function useProjection(t0) {
   let t5;
   return $[8] !== _id || $[9] !== _type || $[10] !== instance || $[11] !== projection || $[12] !== stateSource ? (t5 = () => {
     const currentState = stateSource.getCurrent();
-    if (currentState.results === null)
+    if (currentState.data === null)
       throw resolveProjection(instance, {
         document: {
           _id,
@@ -917,7 +1008,7 @@ function useUsers(params) {
     loadMore: store.loadMore
   }, $[11] = hasMore, $[12] = store.loadMore, $[13] = users, $[14] = t5) : t5 = $[14], t5;
 }
-var version = "0.0.0-alpha.19";
+var version = "0.0.0-alpha.20";
 function getEnv(key) {
   if (typeof import.meta < "u" && import.meta.env)
     return import.meta.env[key];
@@ -938,6 +1029,7 @@ export {
   useAuthToken,
   useClient,
   useCurrentUser,
+  useDashboardOrganizationId,
   useDatasets,
   useDocument,
   useDocumentEvent,
@@ -949,6 +1041,7 @@ export {
   useLogOut,
   useLoginUrls,
   useManageFavorite,
+  useNavigateToStudioDocument,
   usePaginatedList,
   usePermissions,
   usePreview,
@@ -958,6 +1051,7 @@ export {
   useQuery,
   useRecordDocumentHistoryEvent,
   useSanityInstance,
+  useStudioWorkspacesByResourceId,
   useUsers,
   useWindowConnection
 };