sanity-plugin-mux-input 2.2.3 → 2.2.4

package/lib/index.js

@@ -1,6 +1,6 @@
 import { useClient as useClient$1, createHookFromObservableFactory, useDocumentStore, collate, SanityDefaultPreview, useTimeAgo, TextWithTone, isRecord, getPreviewStateObservable, getPreviewValueWithFallback, DocumentPreviewPresence, useDocumentPreviewStore, useSchema, useDocumentPresence, PreviewCard, useDocumentValues, isReference, useProjectId, useDataset, PatchEvent, unset, setIfMissing, set, LinearProgress, definePlugin } from 'sanity';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { SortIcon, WarningOutlineIcon, EditIcon, PublishIcon, DocumentIcon, TrashIcon, CheckmarkIcon, ErrorOutlineIcon, RevertIcon, SearchIcon, ClockIcon, CropIcon, CalendarIcon, LockIcon, PlayIcon, UploadIcon, PlugIcon, ResetIcon, EllipsisVerticalIcon, DocumentVideoIcon } from '@sanity/icons';
+import { SortIcon, WarningOutlineIcon, EditIcon, PublishIcon, DocumentIcon, TrashIcon, CheckmarkIcon, ErrorOutlineIcon, RevertIcon, SearchIcon, ClockIcon, CropIcon, CalendarIcon, TagIcon, LockIcon, PlayIcon, UploadIcon, PlugIcon, ResetIcon, EllipsisVerticalIcon, DocumentVideoIcon } from '@sanity/icons';
 import { MenuButton, Button, Menu, MenuItem, Box, Spinner, Stack, Flex, Text, Card, Tooltip, Inline, useToast, Dialog, Heading, Checkbox, TabList, Tab, TabPanel, TextInput, Label as Label$1, Grid, Code, useClickOutside, Popover, MenuDivider, rem } from '@sanity/ui';
 import React, { useState, useMemo, useId, memo, isValidElement, useEffect, useRef, useCallback, createElement, forwardRef, Component, useReducer, Suspense } from 'react';
 import { words, trim, toLower, uniq, compact, isString, isNumber } from 'lodash';
@@ -44,7 +44,7 @@ function tokenize(string) {
 function toGroqParams(terms) {
   const params = {};
   return terms.reduce((acc, term, i) => {
-    acc["t".concat(i)] = "".concat(term, "*");
+    acc["t".concat(i)] = "*".concat(term, "*");
     return acc;
   }, params);
 }
@@ -61,15 +61,16 @@ function extractTermsFromQuery(query) {
   const remainingTerms = uniq(compact(tokenize(toLower(unquotedQuery))));
   return [...quotedTerms, ...remainingTerms];
 }
-const SEARCH_PATHS = ["filename"];
-function createConstraints(terms) {
-  const constraints = terms.map((_term, i) => SEARCH_PATHS.map(joinedPath => "".concat(joinedPath, " match $t").concat(i))).filter(constraint => constraint.length > 0);
+function createConstraints(terms, includeAssetId) {
+  const searchPaths = includeAssetId ? ["filename", "assetId"] : ["filename"];
+  const constraints = terms.map((_term, i) => searchPaths.map(joinedPath => "".concat(joinedPath, " match $t").concat(i))).filter(constraint => constraint.length > 0);
   return constraints.map(constraint => "(".concat(constraint.join(" || "), ")"));
 }
 function createSearchFilter(query) {
   const terms = extractTermsFromQuery(query);
   return {
-    filter: createConstraints(terms),
+    filter: createConstraints(terms, query.length >= 8),
+    // if the search is big enough, include the assetId (mux id) in the results
     params: {
       ...toGroqParams(terms)
     }
@@ -339,7 +340,7 @@ function getVideoSrc(_ref3) {
   return "https://stream.mux.com/".concat(playbackId, ".m3u8?").concat(searchParams);
 }
 var name = "sanity-plugin-mux-input";
-var version = "2.2.3";
+var version = "2.2.4";
 var description = "An input component that integrates Sanity Studio with Mux video encoding/hosting service.";
 var keywords = ["sanity", "video", "mux", "input", "plugin", "sanity-plugin", "media"];
 var homepage = "https://github.com/sanity-io/sanity-plugin-mux-input#readme";
@@ -387,8 +388,8 @@ var scripts = {
   watch: "pkg-utils watch --strict"
 };
 var dependencies = {
-  "@mux/mux-player-react": "1.11.4",
-  "@mux/upchunk": "^3",
+  "@mux/mux-player-react": "1.15.0",
+  "@mux/upchunk": "^3.2.0",
   "@sanity/icons": "^2",
   "@sanity/incompatible-plugin": "^1",
   "@sanity/ui": "^1",
@@ -404,40 +405,40 @@ var dependencies = {
   "use-error-boundary": "^2.0.6"
 };
 var devDependencies = {
-  "@commitlint/cli": "^17.7.1",
-  "@commitlint/config-conventional": "^17.7.0",
-  "@sanity/pkg-utils": "^2.4.6",
+  "@commitlint/cli": "^17.8.1",
+  "@commitlint/config-conventional": "^17.8.1",
+  "@sanity/pkg-utils": "^2.4.10",
   "@sanity/plugin-kit": "^3.1.10",
-  "@sanity/semantic-release-preset": "^4.1.3",
-  "@sanity/vision": "^3.15.1",
-  "@types/react": "^18.2.20",
-  "@types/styled-components": "^5.1.26",
+  "@sanity/semantic-release-preset": "^4.1.6",
+  "@sanity/vision": "^3.19.2",
+  "@types/react": "^18.2.37",
+  "@types/styled-components": "^5.1.30",
   "@typescript-eslint/eslint-plugin": "^5.62.0",
   "@typescript-eslint/parser": "^5.62.0",
   "cz-conventional-changelog": "^3.3.0",
-  eslint: "^8.47.0",
-  "eslint-config-prettier": "^8.10.0",
+  eslint: "^8.53.0",
+  "eslint-config-prettier": "^9.0.0",
   "eslint-config-react-app": "^7.0.1",
   "eslint-config-sanity": "^6.0.0",
-  "eslint-plugin-import": "^2.28.1",
-  "eslint-plugin-prettier": "^5.0.0",
+  "eslint-plugin-import": "^2.29.0",
+  "eslint-plugin-prettier": "^5.0.1",
   "eslint-plugin-react": "^7.33.2",
   "eslint-plugin-react-hooks": "^4.6.0",
   "eslint-plugin-simple-import-sort": "^10.0.0",
   husky: "^8.0.3",
   "lint-staged": "^13.3.0",
-  next: "^13.4.19",
-  "next-sanity": "^5.4.4",
+  next: "^13.5.6",
+  "next-sanity": "^5.5.10",
   "npm-run-all": "^4.1.5",
-  prettier: "^3.0.2",
-  "prettier-plugin-packagejson": "^2.4.5",
+  prettier: "^3.1.0",
+  "prettier-plugin-packagejson": "^2.4.6",
   react: "^18.2.0",
   "react-dom": "^18.2.0",
   "react-is": "^18.2.0",
   rimraf: "^5.0.0",
-  sanity: "^3.15.1",
+  sanity: "^3.19.2",
   "styled-components": "^5.3.11",
-  typescript: "^5.1.6"
+  typescript: "^5.2.2"
 };
 var peerDependencies = {
   react: "^18",
@@ -1002,7 +1003,8 @@ function getVideoMetadata(doc) {
   const id = doc.assetId || doc._id || "";
   const date = ((_a = doc.data) == null ? void 0 : _a.created_at) ? new Date(Number(doc.data.created_at) * 1e3) : new Date(doc._createdAt || doc._updatedAt || Date.now());
   return {
-    title: doc.filename || id.slice(0, 10),
+    title: doc.filename || id.slice(0, 12),
+    id,
     createdAt: date,
     duration: ((_b = doc.data) == null ? void 0 : _b.duration) ? formatSeconds((_c = doc.data) == null ? void 0 : _c.duration) : void 0,
     aspect_ratio: (_d = doc.data) == null ? void 0 : _d.aspect_ratio,
@@ -1253,6 +1255,9 @@ const VideoDetails = props => {
             "aria-labelledby": "details-tab",
             id: "details-panel",
             hidden: tab !== "details",
+            style: {
+              wordBreak: "break-word"
+            },
             children: /* @__PURE__ */jsxs(Stack, {
               space: 4,
               children: [/* @__PURE__ */jsx(AssetInput, {
@@ -1290,6 +1295,10 @@ const VideoDetails = props => {
                   })),
                   icon: CalendarIcon,
                   size: 2
+                }), /* @__PURE__ */jsx(IconInfo, {
+                  text: "Mux ID: \n".concat(displayInfo.id),
+                  icon: TagIcon,
+                  size: 2
                 })]
               })]
             })
@@ -1334,6 +1343,11 @@ const VideoMetadata = props => {
         icon: CalendarIcon,
         size: 1,
         muted: true
+      }), displayInfo.title != displayInfo.id.slice(0, 12) && /* @__PURE__ */jsx(IconInfo, {
+        text: displayInfo.id.slice(0, 12),
+        icon: TagIcon,
+        size: 1,
+        muted: true
       })]
     })]
   });