@sanity/client 0.0.0-dev.2 → 0.0.0-dev.4

package/dist/index.browser.js

@@ -1,9 +1,10 @@
 import { getIt } from 'get-it';
+export { adapter as unstable__adapter, environment as unstable__environment } from 'get-it';
 import { jsonRequest, jsonResponse, progress, observable } from 'get-it/middleware';
 import { Observable, lastValueFrom } from 'rxjs';
 import { map, filter } from 'rxjs/operators';
-import polyfilledEventSource from '@sanity/eventsource';
 var envMiddleware = [];
+const MAX_ITEMS_IN_ERROR_MESSAGE = 5;
 class ClientError extends Error {
   constructor(res) {
     const props = extractErrorProps(res);
@@ -33,6 +34,20 @@ function extractErrorProps(res) {
     props.message = "".concat(body.error, " - ").concat(body.message);
     return props;
   }
+  if (isMutationError(body)) {
+    const allItems = body.error.items || [];
+    const items = allItems.slice(0, MAX_ITEMS_IN_ERROR_MESSAGE).map(item => {
+      var _a;
+      return (_a = item.error) == null ? void 0 : _a.description;
+    }).filter(Boolean);
+    let itemsStr = items.length ? ":\n- ".concat(items.join("\n- ")) : "";
+    if (allItems.length > MAX_ITEMS_IN_ERROR_MESSAGE) {
+      itemsStr += "\n...and ".concat(allItems.length - MAX_ITEMS_IN_ERROR_MESSAGE, " more");
+    }
+    props.message = "".concat(body.error.description).concat(itemsStr);
+    props.details = body.error;
+    return props;
+  }
   if (body.error && body.error.description) {
     props.message = body.error.description;
     props.details = body.error;
@@ -41,6 +56,12 @@ function extractErrorProps(res) {
   props.message = body.error || body.message || httpErrorMessage(res);
   return props;
 }
+function isMutationError(body) {
+  return isPlainObject(body) && isPlainObject(body.error) && body.error.type === "mutationError" && typeof body.error.description === "string";
+}
+function isPlainObject(obj) {
+  return typeof obj === "object" && obj !== null && !Array.isArray(obj);
+}
 function httpErrorMessage(res) {
   const statusMessage = res.statusMessage ? " ".concat(res.statusMessage) : "";
   return "".concat(res.method, "-request to ").concat(res.url, " resulted in HTTP ").concat(res.statusCode).concat(statusMessage);
@@ -143,7 +164,7 @@ const validateObject = (op, val) => {
   }
 };
 const validateDocumentId = (op, id) => {
-  if (typeof id !== "string" || !/^[a-z0-9_.-]+$/i.test(id)) {
+  if (typeof id !== "string" || !/^[a-z0-9_][a-z0-9_.-]{0,127}$/i.test(id) || id.includes("..")) {
     throw new Error("".concat(op, "(): \"").concat(id, "\" is not a valid document ID"));
   }
 };
@@ -783,16 +804,10 @@ function _requestObservable(client, httpRequest, options) {
       ...options.query
     };
   }
-  if (config.unstable_overlayDrafts) {
-    if (config.apiVersion !== "X") {
-      console.error("You need to set `apiVersion` to `X` to use `unstable_overlayDrafts");
-    }
+  if (config.encodeStegaSourceMap) {
     options.query = {
-      ...options.query,
-      params: {
-        ...(options.query.params || {}),
-        draftMode: true
-      }
+      encodeHackySourceMap: true,
+      ...options.query
     };
   }
   const reqOptions = requestOptions(config, Object.assign({}, options, {
@@ -939,7 +954,7 @@ function _upload(client, httpRequest, assetType, body) {
   });
 }
 function optionsFromFile(opts, file) {
-  if (typeof window === "undefined" || !(file instanceof window.File)) {
+  if (typeof File === "undefined" || !(file instanceof File)) {
     return opts;
   }
   return Object.assign({
@@ -1052,7 +1067,6 @@ const pick = (obj, props) => props.reduce((selection, prop) => {
   return selection;
 }, {});
 const MAX_URL_LENGTH = 16e3 - 1200;
-const EventSource = polyfilledEventSource;
 const possibleOptions = ["includePreviousRevision", "includeResult", "visibility", "effectFormat", "tag"];
 const defaultOptions = {
   includeResult: true
@@ -1095,7 +1109,13 @@ function _listen(query, params) {
     };
   }
   return new Observable(observer => {
-    let es = getEventSource();
+    let es;
+    getEventSource().then(eventSource => {
+      es = eventSource;
+    }).catch(reason => {
+      observer.error(reason);
+      stop();
+    });
     let reconnectTimer;
     let stopped = false;
     function onError() {
@@ -1106,7 +1126,7 @@ function _listen(query, params) {
       if (stopped) {
         return;
       }
-      if (es.readyState === EventSource.CLOSED) {
+      if (es.readyState === es.CLOSED) {
         unsubscribe();
         clearTimeout(reconnectTimer);
         reconnectTimer = setTimeout(open, 100);
@@ -1125,10 +1145,11 @@ function _listen(query, params) {
       observer.complete();
     }
     function unsubscribe() {
-      es.removeEventListener("error", onError, false);
-      es.removeEventListener("channelError", onChannelError, false);
-      es.removeEventListener("disconnect", onDisconnect, false);
-      listenFor.forEach(type => es.removeEventListener(type, onMessage, false));
+      if (!es) return;
+      es.removeEventListener("error", onError);
+      es.removeEventListener("channelError", onChannelError);
+      es.removeEventListener("disconnect", onDisconnect);
+      listenFor.forEach(type => es.removeEventListener(type, onMessage));
       es.close();
     }
     function emitReconnect() {
@@ -1138,16 +1159,24 @@ function _listen(query, params) {
         });
       }
     }
-    function getEventSource() {
+    async function getEventSource() {
+      const {
+        default: EventSource
+      } = await import('@sanity/eventsource');
       const evs = new EventSource(uri, esOptions);
-      evs.addEventListener("error", onError, false);
-      evs.addEventListener("channelError", onChannelError, false);
-      evs.addEventListener("disconnect", onDisconnect, false);
-      listenFor.forEach(type => evs.addEventListener(type, onMessage, false));
+      evs.addEventListener("error", onError);
+      evs.addEventListener("channelError", onChannelError);
+      evs.addEventListener("disconnect", onDisconnect);
+      listenFor.forEach(type => evs.addEventListener(type, onMessage));
       return evs;
     }
     function open() {
-      es = getEventSource();
+      getEventSource().then(eventSource => {
+        es = eventSource;
+      }).catch(reason => {
+        observer.error(reason);
+        stop();
+      });
     }
     function stop() {
       stopped = true;