@sanity/client 7.21.0 → 7.22.1

package/dist/index.browser.d.cts

@@ -861,6 +861,7 @@ export declare class ClientError extends Error {
   response: ErrorProps['response']
   statusCode: ErrorProps['statusCode']
   responseBody: ErrorProps['responseBody']
+  traceId: ErrorProps['traceId']
   details: ErrorProps['details']
   constructor(res: Any, context?: HttpContext)
 }
@@ -1045,9 +1046,9 @@ export declare interface ContentSourceMapValueMapping {
 
 /** @public */
 export declare class CorsOriginError extends Error {
-  projectId: string
+  projectId?: string
   addOriginUrl?: URL
-  constructor({projectId}: {projectId: string})
+  constructor({projectId, credentials}?: {projectId?: string; credentials?: boolean})
 }
 
 /**
@@ -1417,6 +1418,7 @@ export declare interface ErrorProps {
   response: Any
   statusCode: number
   responseBody: Any
+  traceId?: string
   details: Any
 }
 
@@ -1567,7 +1569,11 @@ export declare type FitMode = 'preserve' | 'stretch' | 'crop' | 'smartcrop' | 'p
  * @returns A formatted error message string.
  * @public
  */
-export declare function formatQueryParseError(error: QueryParseError, tag?: string | null): string
+export declare function formatQueryParseError(
+  error: QueryParseError,
+  tag?: string | null,
+  traceId?: string,
+): string
 
 /** @beta */
 declare type GenerateAsyncInstruction<T extends Record<string, Any> = Record<string, Any>> = (
@@ -5879,6 +5885,7 @@ export declare class ServerError extends Error {
   response: ErrorProps['response']
   statusCode: ErrorProps['statusCode']
   responseBody: ErrorProps['responseBody']
+  traceId: ErrorProps['traceId']
   details: ErrorProps['details']
   constructor(res: Any)
 }

package/dist/index.browser.d.ts

@@ -861,6 +861,7 @@ export declare class ClientError extends Error {
   response: ErrorProps['response']
   statusCode: ErrorProps['statusCode']
   responseBody: ErrorProps['responseBody']
+  traceId: ErrorProps['traceId']
   details: ErrorProps['details']
   constructor(res: Any, context?: HttpContext)
 }
@@ -1045,9 +1046,9 @@ export declare interface ContentSourceMapValueMapping {
 
 /** @public */
 export declare class CorsOriginError extends Error {
-  projectId: string
+  projectId?: string
   addOriginUrl?: URL
-  constructor({projectId}: {projectId: string})
+  constructor({projectId, credentials}?: {projectId?: string; credentials?: boolean})
 }
 
 /**
@@ -1417,6 +1418,7 @@ export declare interface ErrorProps {
   response: Any
   statusCode: number
   responseBody: Any
+  traceId?: string
   details: Any
 }
 
@@ -1567,7 +1569,11 @@ export declare type FitMode = 'preserve' | 'stretch' | 'crop' | 'smartcrop' | 'p
  * @returns A formatted error message string.
  * @public
  */
-export declare function formatQueryParseError(error: QueryParseError, tag?: string | null): string
+export declare function formatQueryParseError(
+  error: QueryParseError,
+  tag?: string | null,
+  traceId?: string,
+): string
 
 /** @beta */
 declare type GenerateAsyncInstruction<T extends Record<string, Any> = Record<string, Any>> = (
@@ -5879,6 +5885,7 @@ export declare class ServerError extends Error {
   response: ErrorProps['response']
   statusCode: ErrorProps['statusCode']
   responseBody: ErrorProps['responseBody']
+  traceId: ErrorProps['traceId']
   details: ErrorProps['details']
   constructor(res: Any)
 }

package/dist/index.browser.js

@@ -85,6 +85,7 @@ class ClientError extends Error {
   response;
   statusCode = 400;
   responseBody;
+  traceId;
   details;
   constructor(res, context) {
     const props = extractErrorProps(res, context);
@@ -95,6 +96,7 @@ class ServerError extends Error {
   response;
   statusCode = 500;
   responseBody;
+  traceId;
   details;
   constructor(res) {
     const props = extractErrorProps(res);
@@ -106,29 +108,30 @@ function extractErrorProps(res, context) {
     response: res,
     statusCode: res.statusCode,
     responseBody: stringifyBody(body, res),
+    traceId: extractTraceId(res),
     message: "",
     details: void 0
   };
   if (!isRecord(body))
-    return props.message = httpErrorMessage(res, body), props;
+    return props.message = `${httpErrorMessage(res, body)}${formatTraceId(props.traceId)}`, props;
   const error = body.error;
   if (typeof error == "string" && typeof body.message == "string")
-    return props.message = `${error} - ${body.message}`, props;
+    return props.message = `${error} - ${body.message}${formatTraceId(props.traceId)}`, props;
   if (typeof error != "object" || error === null)
-    return typeof error == "string" ? props.message = error : typeof body.message == "string" ? props.message = body.message : props.message = httpErrorMessage(res, body), props;
+    return typeof error == "string" ? props.message = `${error}${formatTraceId(props.traceId)}` : typeof body.message == "string" ? props.message = `${body.message}${formatTraceId(props.traceId)}` : props.message = `${httpErrorMessage(res, body)}${formatTraceId(props.traceId)}`, props;
   if (isMutationError(error) || isActionError(error)) {
     const allItems = error.items || [], items = allItems.slice(0, MAX_ITEMS_IN_ERROR_MESSAGE).map((item) => item.error?.description).filter(Boolean);
     let itemsStr = items.length ? `:
 - ${items.join(`
 - `)}` : "";
     return allItems.length > MAX_ITEMS_IN_ERROR_MESSAGE && (itemsStr += `
-...and ${allItems.length - MAX_ITEMS_IN_ERROR_MESSAGE} more`), props.message = `${error.description}${itemsStr}`, props.details = body.error, props;
+...and ${allItems.length - MAX_ITEMS_IN_ERROR_MESSAGE} more`), props.message = `${error.description}${formatTraceId(props.traceId)}${itemsStr}`, props.details = body.error, props;
   }
   if (isQueryParseError(error)) {
     const tag = context?.options?.query?.tag;
-    return props.message = formatQueryParseError(error, tag), props.details = body.error, props;
+    return props.message = formatQueryParseError(error, tag, props.traceId), props.details = body.error, props;
   }
-  return "description" in error && typeof error.description == "string" ? (props.message = error.description, props.details = error, props) : (props.message = httpErrorMessage(res, body), props);
+  return "description" in error && typeof error.description == "string" ? (props.message = `${error.description}${formatTraceId(props.traceId)}`, props.details = error, props) : (props.message = `${httpErrorMessage(res, body)}${formatTraceId(props.traceId)}`, props);
 }
 function isMutationError(error) {
   return "type" in error && error.type === "mutationError" && "description" in error && typeof error.description == "string";
@@ -139,37 +142,43 @@ function isActionError(error) {
 function isQueryParseError(error) {
   return isRecord(error) && error.type === "queryParseError" && typeof error.query == "string" && typeof error.start == "number" && typeof error.end == "number";
 }
-function formatQueryParseError(error, tag) {
-  const { query, start, end, description } = error;
+function formatQueryParseError(error, tag, traceId) {
+  const { query, start, end, description } = error, withTraceId = traceId ? `
+(traceId: ${traceId})` : "";
   if (!query || typeof start > "u")
-    return `GROQ query parse error: ${description}`;
+    return `GROQ query parse error: ${description}${withTraceId}`;
   const withTag = tag ? `
 
 Tag: ${tag}` : "";
   return `GROQ query parse error:
-${codeFrame(query, { start, end }, description)}${withTag}`;
+${codeFrame(query, { start, end }, description)}${withTag}${withTraceId}`;
 }
 function httpErrorMessage(res, body) {
   const details = typeof body == "string" ? ` (${sliceWithEllipsis(body, 100)})` : "", statusMessage = res.statusMessage ? ` ${res.statusMessage}` : "";
   return `${res.method}-request to ${res.url} resulted in HTTP ${res.statusCode}${statusMessage}${details}`;
 }
+function extractTraceId(res) {
+  const traceparent = res?.headers?.traceparent;
+  if (traceparent)
+    return traceparent.split("-")[1];
+}
 function stringifyBody(body, res) {
   return (res.headers["content-type"] || "").toLowerCase().indexOf("application/json") !== -1 ? JSON.stringify(body, null, 2) : body;
 }
+function formatTraceId(traceId) {
+  return traceId ? ` (traceId: ${traceId})` : "";
+}
 function sliceWithEllipsis(str, max) {
   return str.length > max ? `${str.slice(0, max)}\u2026` : str;
 }
 class CorsOriginError extends Error {
   projectId;
   addOriginUrl;
-  constructor({ projectId: projectId2 }) {
-    super("CorsOriginError"), this.name = "CorsOriginError", this.projectId = projectId2;
-    const url = new URL(`https://sanity.io/manage/project/${projectId2}/api`);
-    if (typeof location < "u") {
-      const { origin } = location;
-      url.searchParams.set("cors", "add"), url.searchParams.set("origin", origin), this.addOriginUrl = url, this.message = `The current origin is not allowed to connect to the Live Content API. Add it here: ${url}`;
-    } else
-      this.message = `The current origin is not allowed to connect to the Live Content API. Change your configuration here: ${url}`;
+  constructor({ projectId: projectId2, credentials } = {}) {
+    if (super("CorsOriginError"), this.name = "CorsOriginError", this.projectId = projectId2, projectId2 && typeof location < "u") {
+      const url = new URL(`https://sanity.io/manage/project/${projectId2}/api`), { origin } = location;
+      url.searchParams.set("cors", "add"), url.searchParams.set("origin", origin), credentials && url.searchParams.set("credentials", ""), this.addOriginUrl = url, this.message = `The current origin is not allowed to connect to the Live Content API. Add it here: ${url}`;
+    } else projectId2 ? this.message = `The current origin is not allowed to connect to the Live Content API. Change your configuration here: https://sanity.io/manage/project/${projectId2}/api` : this.message = "The current origin is not allowed to connect to the Live Content API.";
   }
 }
 const httpError = {
@@ -1486,19 +1495,14 @@ class LiveClient {
       "welcome",
       "reconnect",
       "goaway"
-    ]), checkCors = fetchObservable(url, {
-      method: "OPTIONS",
-      mode: "cors",
-      credentials: esOptions.withCredentials ? "include" : "omit",
-      headers: esOptions.headers
-    }).pipe(
-      catchError(() => {
-        throw new CorsOriginError({ projectId: projectId2 });
-      })
+    ]), checkCors = checkCorsObservable(
+      new URL(this.#client.getUrl("/check/cors", !1)),
+      projectId2,
+      esOptions.withCredentials === !0
     ), observable2 = events.pipe(
       reconnectOnConnectionFailure(),
       mergeMap((event) => event.type === "reconnect" ? checkCors.pipe(mergeMap(() => of(event))) : of(event)),
-      catchError((err) => checkCors.pipe(
+      catchError((err) => err instanceof CorsOriginError ? throwError(() => err) : checkCors.pipe(
         mergeMap(() => {
           throw err;
         })
@@ -1519,17 +1523,27 @@ class LiveClient {
     return eventsCache.set(key, observable2), observable2;
   }
 }
-function fetchObservable(url, init) {
+function checkCorsObservable(url, projectId2, requireCredentials) {
   return new Observable((observer) => {
-    const controller = new AbortController(), signal = controller.signal;
-    return fetch(url, { ...init, signal: controller.signal }).then(
-      (response) => {
-        observer.next(response), observer.complete();
-      },
-      (err) => {
-        signal.aborted || observer.error(err);
+    const controller = new AbortController(), { signal } = controller;
+    return fetch(url, { method: "GET", mode: "cors", credentials: "omit", signal }).then((response) => {
+      if (!(signal.aborted || !response.ok))
+        return response.json();
+    }).then((body) => {
+      if (!signal.aborted) {
+        if (requireCredentials && body?.result?.withCredentials === !1) {
+          observer.error(new CorsOriginError({ projectId: projectId2, credentials: !0 }));
+          return;
+        }
+        if (body?.result?.allowed === !1) {
+          observer.error(new CorsOriginError({ projectId: projectId2, credentials: requireCredentials }));
+          return;
+        }
+        observer.next(), observer.complete();
       }
-    ), () => controller.abort();
+    }).catch(() => {
+      signal.aborted || observer.closed || (observer.next(), observer.complete());
+    }), () => controller.abort();
   });
 }
 const eventsCache = /* @__PURE__ */ new Map();