sanity-plugin-mux-input 2.2.2 → 2.2.4

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2023 Sanity.io
+Copyright (c) 2024 Sanity.io
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -3,11 +3,11 @@
 > This is a **Sanity Studio v3** plugin.
 > For the v2 version, please refer to the [v2-branch](https://github.com/sanity-io/sanity-plugin-mux-input/tree/studio-v2).
 
-This is a plugin that let you use [Mux](https://www.mux.com) video assets in your Sanity studio.
+This plugin lets you use [Mux](https://www.mux.com) video assets in your Sanity studio.
 
-The Mux plugin for Sanity gives you a way to upload and preview videos easily.
+The Mux plugin for Sanity allows you to easily upload and preview videos.
 
-[Read our blog post](https://www.sanity.io/blog/first-class-responsive-video-support-with-the-new-mux-plugin) about this plugin.
+[Read our blog post](https://www.sanity.io/blog/video-management-with-mux) about this plugin.
 
 Not familiar with Sanity? [Visit www.sanity.io](https://www.sanity.io/)
 
@@ -16,18 +16,18 @@ Not familiar with Sanity? [Visit www.sanity.io](https://www.sanity.io/)
 ## Installation
 
 ```
-npm install --save-exact sanity-plugin-mux-input
+npm install sanity-plugin-mux-input
 ```
 
 or
 
 ```
-yarn add --exact sanity-plugin-mux-input
+yarn add sanity-plugin-mux-input
 ```
 
 ## Quick start
 
-- While in your project folder, run `npm i sanity-plugin-mux-input@studio-v3`.
+- While in your project folder, run `npm i sanity-plugin-mux-input`.
   Read more about [using plugins in Sanity here](https://beta.sanity.io/docs/platform/studio/plugin).
 
 * Make a schema type that uses the plugin's type `mux.video`, for example:
@@ -77,7 +77,7 @@ The Mux plugin will find its access tokens by fetching this document.
 
 We recommend using [Mux Player](https://www.mux.com/player), try the [Codesandbox example](https://codesandbox.io/s/github/sanity-io/sanity-plugin-mux-input/tree/main/example).
 
-# Enabling Signed Urls
+# Enabling Signed URLs
 
 To enable [signed urls](https://docs.mux.com/docs/security-signed-urls) with content uploaded to Mux, you will need to check the "Enable Signed Urls" option in the Mux Plugin configuration. Assuming that the API Access Token and Secret Key are set (as per the [Quick start](#quick-start) section).
 

package/lib/index.cjs

@@ -59,7 +59,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);
 }
@@ -76,15 +76,16 @@ function extractTermsFromQuery(query) {
   const remainingTerms = lodash.uniq(lodash.compact(tokenize(lodash.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)
     }
@@ -354,7 +355,7 @@ function getVideoSrc(_ref3) {
   return "https://stream.mux.com/".concat(playbackId, ".m3u8?").concat(searchParams);
 }
 var name = "sanity-plugin-mux-input";
-var version = "2.2.2";
+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";
@@ -375,8 +376,8 @@ var exports$1 = {
     source: "./src/index.ts",
     require: "./lib/index.cjs",
     node: {
-      "import": "./lib/index.cjs.js",
-      require: "./lib/index.cjs"
+      module: "./lib/index.js",
+      "import": "./lib/index.cjs.js"
     },
     "import": "./lib/index.js",
     "default": "./lib/index.js"
@@ -402,8 +403,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",
@@ -413,46 +414,46 @@ var dependencies = {
   "react-rx": "^2.1.3",
   rxjs: "^7",
   "scroll-into-view-if-needed": "^3",
-  "suspend-react": "^0.1.0",
-  swr: "^2.1.0",
-  "type-fest": "^4.0.0",
+  "suspend-react": "^0.1.3",
+  swr: "^2.2.1",
+  "type-fest": "^4.2.0",
   "use-error-boundary": "^2.0.6"
 };
 var devDependencies = {
-  "@commitlint/cli": "^17.6.7",
-  "@commitlint/config-conventional": "^17.6.7",
-  "@sanity/pkg-utils": "^2.3.10",
-  "@sanity/plugin-kit": "^3.1.7",
-  "@sanity/semantic-release-preset": "^4.1.2",
-  "@sanity/vision": "^3.14.5",
-  "@types/react": "^18.2.18",
-  "@types/styled-components": "^5.1.26",
+  "@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.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.46.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.0",
-  "eslint-plugin-prettier": "^5.0.0",
-  "eslint-plugin-react": "^7.33.1",
+  "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.2.3",
-  next: "^13.4.12",
-  "next-sanity": "^5.1.6",
+  "lint-staged": "^13.3.0",
+  next: "^13.5.6",
+  "next-sanity": "^5.5.10",
   "npm-run-all": "^4.1.5",
-  prettier: "^3.0.1",
-  "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.14.5",
+  sanity: "^3.19.2",
   "styled-components": "^5.3.11",
-  typescript: "^5.1.6"
+  typescript: "^5.2.2"
 };
 var peerDependencies = {
   react: "^18",
@@ -1017,7 +1018,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,
@@ -1268,6 +1270,9 @@ const VideoDetails = props => {
             "aria-labelledby": "details-tab",
             id: "details-panel",
             hidden: tab !== "details",
+            style: {
+              wordBreak: "break-word"
+            },
             children: /* @__PURE__ */jsxRuntime.jsxs(ui.Stack, {
               space: 4,
               children: [/* @__PURE__ */jsxRuntime.jsx(AssetInput, {
@@ -1305,6 +1310,10 @@ const VideoDetails = props => {
                   })),
                   icon: icons.CalendarIcon,
                   size: 2
+                }), /* @__PURE__ */jsxRuntime.jsx(IconInfo, {
+                  text: "Mux ID: \n".concat(displayInfo.id),
+                  icon: icons.TagIcon,
+                  size: 2
                 })]
               })]
             })
@@ -1349,6 +1358,11 @@ const VideoMetadata = props => {
         icon: icons.CalendarIcon,
         size: 1,
         muted: true
+      }), displayInfo.title != displayInfo.id.slice(0, 12) && /* @__PURE__ */jsxRuntime.jsx(IconInfo, {
+        text: displayInfo.id.slice(0, 12),
+        icon: icons.TagIcon,
+        size: 1,
+        muted: true
       })]
     })]
   });

package/lib/index.cjs.js

@@ -3,4 +3,3 @@ import cjs from './index.cjs';
 export const defaultConfig = cjs.defaultConfig;
 export const muxInput = cjs.muxInput;
 
-export default cjs.default;