@sanity/client 7.4.1 → 7.5.0-live-cors.0

package/README.md

@@ -122,6 +122,7 @@ export async function updateDocumentTitle(_id, title) {
         - [Example: Using the async flag](#example-using-the-async-flag)
       - [Transforming Documents](#transforming-documents)
         - [Transforming images](#transforming-images)
+        - [Image descriptions](#image-descriptions)
         - [Example: Field-based transformation](#example-field-based-transformation)
       - [Translating Documents](#translating-documents)
         - [Example: Storing language in a field](#example-storing-language-in-a-field)
@@ -2111,6 +2112,32 @@ Image transform can have per-path instructions, just like any other target paths
 
 - `target: [{path: ['image', 'asset'], instruction: 'Make the sky blue' }`
 
+##### Image descriptions
+
+## Image description
+
+Images can be transformed to a textual description by targeting a `string`, `text` or Portable Text field (`array` with `block`)
+with `operation: {type: 'image-description'}`.
+
+Custom instructions for image description targets will be used to generate the description.
+
+###### Targeting image fields
+If a target is a descendant field of an image object, no `sourcePath` is required in the operation:
+
+For example:
+- `target: {path: ['image', 'description'], operation: {type: 'image-description'} }`
+- `target: {path: ['array', {_key: 'abc'}, 'alt'], operation: {type: 'image-description'} } //assuming the item in the array on the key-ed path is an image`
+- `target: {path: ['image'], include: ['portableTextField'], operation: {type: 'image-description'}, instruction: 'Use formatting and headings to describe the image in great detail' }`
+
+###### Targeting non-image fields
+If the target image description lives outside an image object, use the `sourcePath` option to specify the path to the image field.
+`sourcePath` must be an image or image asset field.
+
+For example:
+- `target: {path: ['description'], operation: {type: 'image-description', sourcePath: ['image', 'asset'] }`
+- `target: {path: ['wrapper', 'title'], operation: {type: 'image-description', sourcePath: ['array', {_key: 'abc'}, 'image'] }`
+- `target: {path: ['wrapper'], include: ['portableTextField'], operation: {type: 'image-description', sourcePath: ['image', 'asset'] }, instruction: 'Use formatting and headings to describe the image in great detail' }`
+
 ##### Example: Field-based transformation
 
 ```ts

package/dist/index.browser.cjs

@@ -1463,7 +1463,11 @@ class LiveClient {
       method: "OPTIONS",
       mode: "cors",
       credentials: esOptions.withCredentials ? "include" : "omit",
-      headers: esOptions.headers
+      headers: {
+        ...esOptions.headers,
+        // for this preflight check, ensure we send what the browser would send if needed
+        ...esOptions.headers?.Authorization ? { "Access-Control-Request-Headers": "authorization" } : {}
+      }
     }).pipe(
       rxjs.mergeMap(() => rxjs.EMPTY),
       rxjs.catchError(() => {