@sanity/embeddings-index-ui 1.0.0 → 1.0.1

package/README.md

@@ -1,7 +1,7 @@
 # @sanity/embeddings-index-ui
 > This package contains plugins for **Sanity Studio v3**.
 
-`@sanity/embeddings-index-ui` Sanity Studio plugins that interacts with the `/embeddings-index` HTTP API.
+Sanity Studio plugins that interacts with the `/embeddings-index` HTTP API.
 
 The embeddings index API allows the creation of named embeddings vector indexes.
 An embeddings index contains embeddings for all Sanity documents matching a configured GROQ filter in a dataset.

package/dist/index.d.ts

@@ -42,7 +42,7 @@ export declare interface QueryResult {
   score: number
   value: {
     documentId: string
-    type?: string
+    type: string
   }
 }
 

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { useClient, useSchema, DefaultPreview, useDocumentPreviewStore, SanityDefaultPreview, getPreviewValueWithFallback, getPreviewStateObservable, typed, unset, setIfMissing, set, definePlugin, isObjectInputProps } from 'sanity';
+import { useSchema, DefaultPreview, useDocumentPreviewStore, SanityDefaultPreview, getPreviewValueWithFallback, getPreviewStateObservable, typed, unset, setIfMissing, set, useClient, definePlugin, isObjectInputProps } from 'sanity';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Card, Button, Box, Flex, Autocomplete, Text, Stack, Label, TextInput, TextArea, Dialog, Spinner, Heading, MenuButton, Menu, MenuItem } from '@sanity/ui';
 import { ErrorOutlineIcon, EarthGlobeIcon, LinkIcon, AddIcon, SearchIcon, EllipsisVerticalIcon, TrashIcon, UndoIcon } from '@sanity/icons';
@@ -1740,20 +1740,12 @@ function DocumentPreview(_ref) {
   let {
     documentId,
     style,
+    schemaTypeName,
     ...buttonProps
   } = _ref;
-  const client = useClient({
-    apiVersion: "2023-06-06"
-  });
-  const [type, setType] = useState(void 0);
   const schema = useSchema();
-  const schemaType = type ? schema.get(type) : void 0;
-  useEffect(() => {
-    client.fetch("* [_id==$id]._type", {
-      id: documentId
-    }).then(setType);
-  }, [documentId, client]);
-  if (!type) {
+  const schemaType = schemaTypeName ? schema.get(schemaTypeName) : void 0;
+  if (!schemaTypeName) {
     return /* @__PURE__ */jsx(Card, {
       style: {
         minHeight: "36px"
@@ -1775,7 +1767,7 @@ function DocumentPreview(_ref) {
         media: () => /* @__PURE__ */jsx(ErrorOutlineIcon, {}),
         title: /* @__PURE__ */jsxs(Fragment, {
           children: ["Unknown type ", /* @__PURE__ */jsx("code", {
-            children: type != null ? type : "N/A"
+            children: schemaTypeName != null ? schemaTypeName : "N/A"
           }), " for ", documentId]
         })
       })
@@ -1783,6 +1775,7 @@ function DocumentPreview(_ref) {
   }
   return /* @__PURE__ */jsx(DocumentPreviewInner, {
     documentId,
+    schemaTypeName,
     schemaType,
     style,
     ...buttonProps
@@ -1965,7 +1958,7 @@ function SemanticSearchInput(props) {
   const handleFocus = useCallback(() => onPathFocus(["_ref"]), [onPathFocus]);
   const handleBlur = useCallback(() => onPathFocus([]), [onPathFocus]);
   const runIndexQuery = useCallback(queryString => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     setSearching(true);
     const refSchema = schemaType;
     const indexName = (_b = (_a = refSchema.options) == null ? void 0 : _a.embeddingsIndex) == null ? void 0 : _b.indexName;
@@ -1975,7 +1968,7 @@ function SemanticSearchInput(props) {
       throw new Error("Reference option embeddingsIndex.indexName is required, but was missing in type ".concat(refSchema.name));
     }
     queryIndex({
-      query: queryString,
+      query: queryString.trim().length ? queryString : (_e = JSON.stringify(docRef.current)) != null ? _e : "",
       indexName,
       maxResults,
       filter: {
@@ -2024,7 +2017,7 @@ function SemanticSearchInput(props) {
     id,
     ref: autocompleteRef,
     "data-testid": "semantic-autocomplete",
-    placeholder: "Type to search",
+    placeholder: "Type to search...",
     openButton: openButtonConfig,
     onFocus: handleFocus,
     onChange: handleChange,
@@ -2038,6 +2031,7 @@ function SemanticSearchInput(props) {
   });
 }
 function AutocompleteOption(props) {
+  const value = props.result.value;
   return /* @__PURE__ */jsx(Button, {
     mode: "bleed",
     padding: 1,
@@ -2050,7 +2044,8 @@ function AutocompleteOption(props) {
       children: [/* @__PURE__ */jsx(Box, {
         flex: 1,
         children: /* @__PURE__ */jsx(DocumentPreview, {
-          documentId: props.result.value.documentId
+          documentId: value.documentId,
+          schemaTypeName: value.type
         })
       }), /* @__PURE__ */jsx(Box, {
         padding: 2,
@@ -2501,13 +2496,15 @@ function ResultList(props) {
   });
 }
 function ResultEntry(props) {
+  const value = props.result.value;
   return /* @__PURE__ */jsxs(Flex, {
     gap: 4,
     align: "center",
     children: [/* @__PURE__ */jsx(Box, {
       flex: 1,
       children: /* @__PURE__ */jsx(DocumentPreview, {
-        documentId: props.result.value.documentId,
+        documentId: value.documentId,
+        schemaTypeName: value.type,
         button: true
       })
     }), /* @__PURE__ */jsx(Box, {