@sanity/client 7.4.0 → 7.5.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

@@ -853,7 +853,7 @@ const encodeQueryString = ({
   const searchParams = new URLSearchParams(), { tag, includeMutations, returnQuery, ...opts } = options;
   tag && searchParams.append("tag", tag), searchParams.append("query", query);
   for (const [key, value] of Object.entries(params))
-    searchParams.append(`$${key}`, JSON.stringify(value));
+    value !== void 0 && searchParams.append(`$${key}`, JSON.stringify(value));
   for (const [key, value] of Object.entries(opts))
     value && searchParams.append(key, `${value}`);
   return returnQuery === !1 && searchParams.append("returnQuery", "false"), includeMutations === !1 && searchParams.append("includeMutations", "false"), `?${searchParams}`;