@sanity/sdk-react 0.0.1 → 0.0.3

package/dist/index.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { c } from "react-compiler-runtime";
-import { getAuthState, getLoginUrlState, observeOrganizationVerificationState, handleAuthCallback, logout, AuthStateType, createSanityInstance, getTokenState, getCurrentUserState, getDashboardOrganizationId, getClientState, getOrCreateController, getOrCreateChannel, releaseChannel, getOrCreateNode, releaseNode, getFavoritesState, resolveFavoritesState, resolveDatasets, getDatasetsState, applyDocumentActions, resolveDocument, getDocumentState, subscribeDocumentEvents, getPermissionsState, getDocumentSyncStatus, editDocument, getQueryKey, parseQueryKey, getQueryState, resolveQuery, createGroqSearchFilter, getPreviewState, resolvePreview, getProjectionState, resolveProjection, resolveProject, getProjectState, resolveProjects, getProjectsState, getActiveReleasesState, getPerspectiveState, getUsersKey, parseUsersKey, getUsersState, resolveUsers, loadMoreUsers } from "@sanity/sdk";
+import { getAuthState, getLoginUrlState, observeOrganizationVerificationState, handleAuthCallback, logout, AuthStateType, createSanityInstance, getTokenState, getCurrentUserState, getDashboardOrganizationId, getClientState, getOrCreateController, getOrCreateChannel, releaseChannel, getNodeState, getFavoritesState, resolveFavoritesState, resolveDatasets, getDatasetsState, applyDocumentActions, resolveDocument, getDocumentState, subscribeDocumentEvents, getPermissionsState, getDocumentSyncStatus, editDocument, getQueryKey, parseQueryKey, getQueryState, resolveQuery, createGroqSearchFilter, getPreviewState, resolvePreview, getProjectionState, resolveProjection, resolveProject, getProjectState, resolveProjects, getProjectsState, getActiveReleasesState, getPerspectiveState, getUsersKey, parseUsersKey, getUsersState, resolveUsers, loadMoreUsers } from "@sanity/sdk";
 export * from "@sanity/sdk";
 import { createContext, useContext, useSyncExternalStore, useState, useEffect, useRef, Suspense, useMemo, useCallback, useInsertionEffect, useTransition } from "react";
 import { ErrorBoundary } from "react-error-boundary";
@@ -329,52 +329,50 @@ function useFrameConnection(options) {
 function _temp$4(unsub) {
   return unsub();
 }
+const useNodeState = createStateSourceHook({
+  getState: getNodeState,
+  shouldSuspend: (instance, nodeInput) => getNodeState(instance, nodeInput).getCurrent() === void 0,
+  suspender: (instance, nodeInput) => firstValueFrom(getNodeState(instance, nodeInput).observable.pipe(filter(Boolean)))
+});
 function useWindowConnection(t0) {
-  const $ = c(11), {
+  const $ = c(19), {
     name,
     connectTo,
-    onMessage,
-    onStatus
-  } = t0, nodeRef = useRef(null);
+    onMessage
+  } = t0;
   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);
-    }), () => {
-      statusUnsubscribe(), messageUnsubscribers.current.forEach(_temp$3), messageUnsubscribers.current = [], releaseNode(instance, name), nodeRef.current = null;
-    };
-  }, 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);
+  $[0] !== connectTo || $[1] !== name ? (t1 = {
+    name,
+    connectTo
+  }, $[0] = connectTo, $[1] = name, $[2] = t1) : t1 = $[2];
+  const {
+    node
+  } = useNodeState(t1);
+  let t2;
+  $[3] === Symbol.for("react.memo_cache_sentinel") ? (t2 = [], $[3] = t2) : t2 = $[3];
+  const messageUnsubscribers = useRef(t2), instance = useSanityInstance();
+  let t3;
+  $[4] !== node || $[5] !== onMessage ? (t3 = () => (onMessage && Object.entries(onMessage).forEach((t42) => {
+    const [type, handler] = t42, messageUnsubscribe = node.on(type, handler);
+    messageUnsubscribe && messageUnsubscribers.current.push(messageUnsubscribe);
+  }), () => {
+    messageUnsubscribers.current.forEach(_temp$3), messageUnsubscribers.current = [];
+  }), $[4] = node, $[5] = onMessage, $[6] = t3) : t3 = $[6];
   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;
+  $[7] !== instance || $[8] !== name || $[9] !== node || $[10] !== onMessage ? (t4 = [instance, name, onMessage, node], $[7] = instance, $[8] = name, $[9] = node, $[10] = onMessage, $[11] = t4) : t4 = $[11], useEffect(t3, t4);
   let t5;
-  $[9] === Symbol.for("react.memo_cache_sentinel") ? (t5 = (type_1, data_0, fetchOptions) => {
-    if (!nodeRef.current)
-      throw new Error("Cannot fetch before connection is established");
-    return nodeRef.current?.fetch(type_1, data_0, fetchOptions ?? {});
-  }, $[9] = t5) : t5 = $[9];
-  const fetch = t5;
+  $[12] !== node ? (t5 = (type_0, data) => {
+    node.post(type_0, data);
+  }, $[12] = node, $[13] = t5) : t5 = $[13];
+  const sendMessage = t5;
   let t6;
-  return $[10] === Symbol.for("react.memo_cache_sentinel") ? (t6 = {
+  $[14] !== node ? (t6 = (type_1, data_0, fetchOptions) => node.fetch(type_1, data_0, fetchOptions ?? {}), $[14] = node, $[15] = t6) : t6 = $[15];
+  const fetch = t6;
+  let t7;
+  return $[16] !== fetch || $[17] !== sendMessage ? (t7 = {
     sendMessage,
     fetch
-  }, $[10] = t6) : t6 = $[10], t6;
+  }, $[16] = fetch, $[17] = sendMessage, $[18] = t7) : t7 = $[18], t7;
 }
 function _temp$3(unsubscribe) {
   return unsubscribe();
@@ -388,12 +386,11 @@ function useManageFavorite({
   resourceType,
   schemaName
 }) {
-  const [status, setStatus] = useState("idle"), {
+  const {
     fetch
   } = useWindowConnection({
     name: SDK_NODE_NAME,
-    connectTo: SDK_CHANNEL_NAME,
-    onStatus: setStatus
+    connectTo: SDK_CHANNEL_NAME
   }), instance = useSanityInstance(), {
     config
   } = instance, instanceProjectId = config?.projectId, instanceDataset = config?.dataset, projectId = paramProjectId ?? instanceProjectId, dataset = paramDataset ?? instanceDataset;
@@ -408,8 +405,8 @@ function useManageFavorite({
     resourceId,
     resourceType,
     schemaName
-  }), [documentId, documentType, resourceId, resourceType, schemaName]), favoriteState = getFavoritesState(instance, context), state = useSyncExternalStore(favoriteState.subscribe, favoriteState.getCurrent), isFavorited = state?.isFavorited ?? !1, handleFavoriteAction = useCallback(async (action) => {
-    if (!(status !== "connected" || !fetch || !documentId || !documentType || !resourceType))
+  }), [documentId, documentType, resourceId, resourceType, schemaName]), favoriteState = getFavoritesState(instance, context), isFavorited = useSyncExternalStore(favoriteState.subscribe, favoriteState.getCurrent)?.isFavorited ?? !1, handleFavoriteAction = useCallback(async (action) => {
+    if (!(!fetch || !documentId || !documentType || !resourceType))
       try {
         const payload = {
           eventType: action,
@@ -429,100 +426,33 @@ function useManageFavorite({
       } catch (err) {
         throw console.error(`Failed to ${action === "added" ? "favorite" : "unfavorite"} document:`, err), err;
       }
-  }, [fetch, documentId, documentType, resourceId, resourceType, schemaName, instance, context, status]), favorite = useCallback(() => handleFavoriteAction("added"), [handleFavoriteAction]), unfavorite = useCallback(() => handleFavoriteAction("removed"), [handleFavoriteAction]);
-  if (!state)
-    try {
-      throw resolveFavoritesState(instance, context);
-    } catch (err_0) {
-      if (err_0 instanceof Error && err_0.message === "Favorites service connection timeout")
-        return {
-          favorite: async () => {
-          },
-          unfavorite: async () => {
-          },
-          isFavorited: !1,
-          isConnected: !1
-        };
-      throw err_0;
-    }
+  }, [fetch, documentId, documentType, resourceId, resourceType, schemaName, instance, context]), favorite = useCallback(() => handleFavoriteAction("added"), [handleFavoriteAction]), unfavorite = useCallback(() => handleFavoriteAction("removed"), [handleFavoriteAction]);
   return {
     favorite,
     unfavorite,
-    isFavorited,
-    isConnected: status === "connected"
+    isFavorited
   };
 }
-function useRecordDocumentHistoryEvent(t0) {
-  const $ = c(11), {
-    documentId,
-    documentType,
-    resourceType,
-    resourceId,
-    schemaName
-  } = t0, [status, setStatus] = useState("idle");
-  let t1;
-  $[0] === Symbol.for("react.memo_cache_sentinel") ? (t1 = {
-    name: SDK_NODE_NAME,
-    connectTo: SDK_CHANNEL_NAME,
-    onStatus: setStatus
-  }, $[0] = t1) : t1 = $[0];
-  const {
-    sendMessage
-  } = useWindowConnection(t1);
-  if (resourceType !== "studio" && !resourceId)
-    throw new Error("resourceId is required for media-library and canvas resources");
-  let t2;
-  $[1] !== documentId || $[2] !== documentType || $[3] !== resourceId || $[4] !== resourceType || $[5] !== schemaName || $[6] !== sendMessage ? (t2 = (eventType) => {
-    try {
-      const message = {
-        type: "dashboard/v1/events/history",
-        data: {
-          eventType,
-          document: {
-            id: documentId,
-            type: documentType,
-            resource: {
-              id: resourceId,
-              type: resourceType,
-              schemaName
-            }
-          }
-        }
-      };
-      sendMessage(message.type, message.data);
-    } catch (t32) {
-      const error = t32;
-      throw console.error("Failed to record history event:", error), error;
-    }
-  }, $[1] = documentId, $[2] = documentType, $[3] = resourceId, $[4] = resourceType, $[5] = schemaName, $[6] = sendMessage, $[7] = t2) : t2 = $[7];
-  const recordEvent = t2, t3 = status === "connected";
-  let t4;
-  return $[8] !== recordEvent || $[9] !== t3 ? (t4 = {
-    recordEvent,
-    isConnected: t3
-  }, $[8] = recordEvent, $[9] = t3, $[10] = t4) : t4 = $[10], t4;
-}
 function useStudioWorkspacesByProjectIdDataset() {
-  const $ = c(10);
+  const $ = c(8);
   let t0;
   $[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = {}, $[0] = t0) : t0 = $[0];
-  const [workspacesByProjectIdAndDataset, setWorkspacesByProjectIdAndDataset] = useState(t0), [status, setStatus] = useState("idle"), [error, setError] = useState(null);
+  const [workspacesByProjectIdAndDataset, setWorkspacesByProjectIdAndDataset] = useState(t0), [error, setError] = useState(null);
   let t1;
   $[1] === Symbol.for("react.memo_cache_sentinel") ? (t1 = {
     name: SDK_NODE_NAME,
-    connectTo: SDK_CHANNEL_NAME,
-    onStatus: setStatus
+    connectTo: SDK_CHANNEL_NAME
   }, $[1] = t1) : t1 = $[1];
   const {
     fetch
   } = useWindowConnection(t1);
   let t2, t3;
-  $[2] !== fetch || $[3] !== status ? (t2 = () => {
-    if (!fetch || status !== "connected")
+  $[2] !== fetch ? (t2 = () => {
+    if (!fetch)
       return;
     const fetchWorkspaces = async function(signal) {
       try {
-        const data = await fetch("dashboard/v1/bridge/context", void 0, {
+        const data = await fetch("dashboard/v1/context", void 0, {
           signal
         }), workspaceMap = {}, noProjectIdAndDataset = [];
         data.context.availableResources.forEach((resource) => {
@@ -547,39 +477,31 @@ function useStudioWorkspacesByProjectIdDataset() {
     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] !== workspacesByProjectIdAndDataset ? (t5 = {
+  }, t3 = [fetch], $[2] = fetch, $[3] = t2, $[4] = t3) : (t2 = $[3], t3 = $[4]), useEffect(t2, t3);
+  let t4;
+  return $[5] !== error || $[6] !== workspacesByProjectIdAndDataset ? (t4 = {
     workspacesByProjectIdAndDataset,
-    error,
-    isConnected: t4
-  }, $[6] = error, $[7] = t4, $[8] = workspacesByProjectIdAndDataset, $[9] = t5) : t5 = $[9], t5;
+    error
+  }, $[5] = error, $[6] = workspacesByProjectIdAndDataset, $[7] = t4) : t4 = $[7], t4;
 }
 function useNavigateToStudioDocument(documentHandle, preferredStudioUrl) {
-  const $ = c(11), {
-    workspacesByProjectIdAndDataset,
-    isConnected: workspacesConnected
-  } = useStudioWorkspacesByProjectIdDataset(), [status, setStatus] = useState("idle");
+  const $ = c(8), {
+    workspacesByProjectIdAndDataset
+  } = useStudioWorkspacesByProjectIdDataset();
   let t0;
   $[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = {
     name: SDK_NODE_NAME,
-    connectTo: SDK_CHANNEL_NAME,
-    onStatus: setStatus
+    connectTo: SDK_CHANNEL_NAME
   }, $[0] = t0) : t0 = $[0];
   const {
     sendMessage
   } = useWindowConnection(t0);
   let t1;
-  $[1] !== documentHandle || $[2] !== preferredStudioUrl || $[3] !== sendMessage || $[4] !== status || $[5] !== workspacesByProjectIdAndDataset || $[6] !== workspacesConnected ? (t1 = () => {
+  $[1] !== documentHandle || $[2] !== preferredStudioUrl || $[3] !== sendMessage || $[4] !== workspacesByProjectIdAndDataset ? (t1 = () => {
     const {
       projectId,
       dataset
     } = documentHandle;
-    if (!workspacesConnected || status !== "connected") {
-      console.warn("Not connected to Dashboard");
-      return;
-    }
     if (!projectId || !dataset) {
       console.warn("Project ID and dataset are required to navigate to a studio document");
       return;
@@ -604,13 +526,60 @@ function useNavigateToStudioDocument(documentHandle, preferredStudioUrl) {
       }
     };
     sendMessage(message.type, message.data);
-  }, $[1] = documentHandle, $[2] = preferredStudioUrl, $[3] = sendMessage, $[4] = status, $[5] = workspacesByProjectIdAndDataset, $[6] = workspacesConnected, $[7] = t1) : t1 = $[7];
-  const navigateToStudioDocument = t1, t2 = workspacesConnected && status === "connected";
+  }, $[1] = documentHandle, $[2] = preferredStudioUrl, $[3] = sendMessage, $[4] = workspacesByProjectIdAndDataset, $[5] = t1) : t1 = $[5];
+  const navigateToStudioDocument = t1;
+  let t2;
+  return $[6] !== navigateToStudioDocument ? (t2 = {
+    navigateToStudioDocument
+  }, $[6] = navigateToStudioDocument, $[7] = t2) : t2 = $[7], t2;
+}
+function useRecordDocumentHistoryEvent(t0) {
+  const $ = c(10), {
+    documentId,
+    documentType,
+    resourceType,
+    resourceId,
+    schemaName
+  } = t0;
+  let t1;
+  $[0] === Symbol.for("react.memo_cache_sentinel") ? (t1 = {
+    name: SDK_NODE_NAME,
+    connectTo: SDK_CHANNEL_NAME
+  }, $[0] = t1) : t1 = $[0];
+  const {
+    sendMessage
+  } = useWindowConnection(t1);
+  if (resourceType !== "studio" && !resourceId)
+    throw new Error("resourceId is required for media-library and canvas resources");
+  let t2;
+  $[1] !== documentId || $[2] !== documentType || $[3] !== resourceId || $[4] !== resourceType || $[5] !== schemaName || $[6] !== sendMessage ? (t2 = (eventType) => {
+    try {
+      const message = {
+        type: "dashboard/v1/events/history",
+        data: {
+          eventType,
+          document: {
+            id: documentId,
+            type: documentType,
+            resource: {
+              id: resourceId,
+              type: resourceType,
+              schemaName
+            }
+          }
+        }
+      };
+      sendMessage(message.type, message.data);
+    } catch (t32) {
+      const error = t32;
+      throw console.error("Failed to record history event:", error), error;
+    }
+  }, $[1] = documentId, $[2] = documentType, $[3] = resourceId, $[4] = resourceType, $[5] = schemaName, $[6] = sendMessage, $[7] = t2) : t2 = $[7];
+  const recordEvent = t2;
   let t3;
-  return $[8] !== navigateToStudioDocument || $[9] !== t2 ? (t3 = {
-    navigateToStudioDocument,
-    isConnected: t2
-  }, $[8] = navigateToStudioDocument, $[9] = t2, $[10] = t3) : t3 = $[10], t3;
+  return $[8] !== recordEvent ? (t3 = {
+    recordEvent
+  }, $[8] = recordEvent, $[9] = t3) : t3 = $[9], t3;
 }
 const useDatasets = createStateSourceHook({
   getState: getDatasetsState,
@@ -620,7 +589,7 @@ const useDatasets = createStateSourceHook({
   ),
   suspender: resolveDatasets,
   getConfig: identity
-}), useApplyDocumentActions = createCallbackHook(applyDocumentActions), useDocument = createStateSourceHook({
+}), useApplyDocumentActions = createCallbackHook(applyDocumentActions), useDocumentValue = createStateSourceHook({
   // Pass options directly to getDocumentState
   getState: (instance, options) => getDocumentState(instance, options),
   // Pass options directly to getDocumentState for checking current value
@@ -631,7 +600,14 @@ const useDatasets = createStateSourceHook({
   // Extract handle part for resolveDocument
   suspender: (instance, options) => resolveDocument(instance, options),
   getConfig: identity
-});
+}), wrapHookWithData = (useValue) => {
+  function useHook(...params) {
+    return {
+      data: useValue(...params)
+    };
+  }
+  return useHook;
+}, useDocument = wrapHookWithData(useDocumentValue);
 function useDocumentEvent(options) {
   const $ = c(9);
   let datasetHandle, onEvent;
@@ -942,7 +918,7 @@ function _temp2(str) {
 function _temp(i) {
   return typeof i == "string";
 }
-function usePreview(t0) {
+function useDocumentPreview(t0) {
   const $ = c(13);
   let docHandle, ref;
   $[0] !== t0 ? ({
@@ -982,7 +958,7 @@ function usePreview(t0) {
     return currentState;
   }, $[9] = docHandle, $[10] = instance, $[11] = stateSource, $[12] = t3) : t3 = $[12], useSyncExternalStore(subscribe, t3);
 }
-function useProjection(t0) {
+function useDocumentProjection(t0) {
   const $ = c(12);
   let docHandle, projection, ref;
   $[0] !== t0 ? ({
@@ -1070,7 +1046,7 @@ function useUsers(options) {
     loadMore
   };
 }
-var version = "0.0.1";
+var version = "0.0.3";
 function getEnv(key) {
   if (typeof import.meta < "u" && import.meta.env)
     return import.meta.env[key];
@@ -1097,6 +1073,8 @@ export {
   useDocument,
   useDocumentEvent,
   useDocumentPermissions,
+  useDocumentPreview,
+  useDocumentProjection,
   useDocumentSyncStatus,
   useDocuments,
   useEditDocument,
@@ -1108,9 +1086,7 @@ export {
   useNavigateToStudioDocument,
   usePaginatedDocuments,
   usePerspective,
-  usePreview,
   useProject,
-  useProjection,
   useProjects,
   useQuery,
   useRecordDocumentHistoryEvent,