sanity-plugin-mux-input 2.0.2 → 2.0.4

package/lib/_chunks/index-adfcd166.js

@@ -0,0 +1,265 @@
+'use strict';
+
+var _templateObject;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var sanity = require('sanity');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var ui = require('@sanity/ui');
+var scrollIntoView = require('scroll-into-view-if-needed');
+var suspendReact = require('suspend-react');
+var useErrorBoundary = require('use-error-boundary');
+var styled = require('styled-components');
+function _interopDefaultCompat(e) {
+  return e && typeof e === 'object' && 'default' in e ? e : {
+    default: e
+  };
+}
+var scrollIntoView__default = /*#__PURE__*/_interopDefaultCompat(scrollIntoView);
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+function isMuxInputProps(props) {
+  var _a;
+  return sanity.isObjectInputProps(props) && ((_a = props.schemaType.type) == null ? void 0 : _a.name) === "mux.video";
+}
+function isMuxInputPreviewProps(props) {
+  var _a, _b;
+  return ((_b = (_a = props.schemaType) == null ? void 0 : _a.type) == null ? void 0 : _b.name) === "mux.video";
+}
+const name = "mux-input";
+const cacheNs = "sanity-plugin-mux-input";
+const muxSecretsDocumentId = "secrets.mux";
+function ErrorBoundaryCard(props) {
+  const {
+    children,
+    schemaType
+  } = props;
+  const {
+    push: pushToast
+  } = ui.useToast();
+  const errorRef = React.useRef(null);
+  const {
+    ErrorBoundary,
+    didCatch,
+    error,
+    reset
+  } = useErrorBoundary.useErrorBoundary({
+    onDidCatch: (err, errorInfo) => {
+      console.group(err.toString());
+      console.groupCollapsed("console.error");
+      console.error(err);
+      console.groupEnd();
+      if (err.stack) {
+        console.groupCollapsed("error.stack");
+        console.log(err.stack);
+        console.groupEnd();
+      }
+      if (errorInfo == null ? void 0 : errorInfo.componentStack) {
+        console.groupCollapsed("errorInfo.componentStack");
+        console.log(errorInfo.componentStack);
+        console.groupEnd();
+      }
+      console.groupEnd();
+      pushToast({
+        status: "error",
+        title: "Plugin crashed",
+        description: /* @__PURE__ */jsxRuntime.jsx(ui.Flex, {
+          align: "center",
+          children: /* @__PURE__ */jsxRuntime.jsxs(ui.Inline, {
+            space: 1,
+            children: ["An error happened while rendering", /* @__PURE__ */jsxRuntime.jsx(ui.Button, {
+              padding: 1,
+              fontSize: 1,
+              style: {
+                transform: "translateY(1px)"
+              },
+              mode: "ghost",
+              text: schemaType.title,
+              onClick: () => {
+                if (errorRef.current) {
+                  scrollIntoView__default.default(errorRef.current, {
+                    behavior: "smooth",
+                    scrollMode: "if-needed",
+                    block: "center"
+                  });
+                }
+              }
+            })]
+          })
+        })
+      });
+    }
+  });
+  const handleRetry = React.useCallback(() => {
+    suspendReact.clear([name]);
+    reset();
+  }, [reset]);
+  if (didCatch) {
+    return /* @__PURE__ */jsxRuntime.jsx(ui.Card, {
+      ref: errorRef,
+      paddingX: [2, 3, 4, 4],
+      height: "fill",
+      shadow: 1,
+      overflow: "auto",
+      children: /* @__PURE__ */jsxRuntime.jsx(ui.Flex, {
+        justify: "flex-start",
+        align: "center",
+        height: "fill",
+        children: /* @__PURE__ */jsxRuntime.jsxs(ui.Grid, {
+          columns: 1,
+          gap: [2, 3, 4, 4],
+          children: [/* @__PURE__ */jsxRuntime.jsxs(ui.Heading, {
+            as: "h1",
+            children: ["The ", /* @__PURE__ */jsxRuntime.jsx("code", {
+              children: name
+            }), " plugin crashed"]
+          }), (error == null ? void 0 : error.message) && /* @__PURE__ */jsxRuntime.jsx(ui.Card, {
+            padding: 3,
+            tone: "critical",
+            shadow: 1,
+            radius: 2,
+            children: /* @__PURE__ */jsxRuntime.jsx(ui.Text, {
+              children: error.message
+            })
+          }), /* @__PURE__ */jsxRuntime.jsx(ui.Inline, {
+            children: /* @__PURE__ */jsxRuntime.jsx(ui.Button, {
+              onClick: handleRetry,
+              text: "Retry"
+            })
+          })]
+        })
+      })
+    });
+  }
+  return /* @__PURE__ */jsxRuntime.jsx(ErrorBoundary, {
+    children
+  });
+}
+var ErrorBoundaryCard$1 = React.memo(ErrorBoundaryCard);
+const AspectRatioCard = styled__default.default(ui.Card)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  aspect-ratio: 16 / 9;\n  position: relative;\n  width: 100%;\n"])));
+const InputFallback = () => {
+  return /* @__PURE__ */jsxRuntime.jsx("div", {
+    style: {
+      padding: 1
+    },
+    children: /* @__PURE__ */jsxRuntime.jsx(ui.Card, {
+      shadow: 1,
+      sizing: "border",
+      style: {
+        aspectRatio: "16/9",
+        width: "100%",
+        borderRadius: "1px"
+      },
+      children: /* @__PURE__ */jsxRuntime.jsxs(ui.Flex, {
+        align: "center",
+        direction: "column",
+        height: "fill",
+        justify: "center",
+        children: [/* @__PURE__ */jsxRuntime.jsx(ui.Spinner, {
+          muted: true
+        }), /* @__PURE__ */jsxRuntime.jsx(ui.Box, {
+          marginTop: 3,
+          children: /* @__PURE__ */jsxRuntime.jsx(ui.Text, {
+            align: "center",
+            muted: true,
+            size: 1,
+            children: "Loading\u2026"
+          })
+        })]
+      })
+    })
+  });
+};
+const Input = React.lazy(() => Promise.resolve().then(function () {
+  return require('./Input-7fb0dcd2.js');
+}));
+var createFormInput = config => React.memo(function FormInput(props) {
+  if (isMuxInputProps(props)) {
+    return /* @__PURE__ */jsxRuntime.jsx(AspectRatioCard, {
+      children: /* @__PURE__ */jsxRuntime.jsx(ErrorBoundaryCard$1, {
+        schemaType: props.schemaType,
+        children: /* @__PURE__ */jsxRuntime.jsx(React.Suspense, {
+          fallback: /* @__PURE__ */jsxRuntime.jsx(InputFallback, {}),
+          children: /* @__PURE__ */jsxRuntime.jsx(Input, {
+            config,
+            ...props
+          })
+        })
+      })
+    });
+  }
+  return props.renderDefault(props);
+});
+const Preview = React.lazy(() => Promise.resolve().then(function () {
+  return require('./Preview-e6f7e765.js');
+}));
+var FormPreview = React.memo(function FormPreview(props) {
+  if (isMuxInputPreviewProps(props)) {
+    return /* @__PURE__ */jsxRuntime.jsx(AspectRatioCard, {
+      children: /* @__PURE__ */jsxRuntime.jsx(Preview, {
+        ...props
+      })
+    });
+  }
+  return props.renderDefault(props);
+});
+const defaultConfig = {
+  mp4_support: "none"
+};
+const muxInput = sanity.definePlugin(userConfig => {
+  const config = {
+    ...defaultConfig,
+    ...userConfig
+  };
+  const InputComponent = createFormInput(config);
+  return {
+    name: "mux-input",
+    form: {
+      components: {
+        input: InputComponent,
+        preview: FormPreview
+      }
+    },
+    schema: {
+      types: [{
+        name: "mux.video",
+        type: "object",
+        title: "Video asset reference",
+        fields: [{
+          title: "Video",
+          name: "asset",
+          type: "reference",
+          weak: true,
+          to: [{
+            type: "mux.videoAsset"
+          }]
+        }]
+      }, {
+        name: "mux.videoAsset",
+        type: "object",
+        title: "Video asset",
+        fields: [{
+          type: "string",
+          name: "status"
+        }, {
+          type: "string",
+          name: "assetId"
+        }, {
+          type: "string",
+          name: "playbackId"
+        }, {
+          type: "string",
+          name: "filename"
+        }, {
+          type: "number",
+          name: "thumbTime"
+        }]
+      }]
+    }
+  };
+});
+exports.InputFallback = InputFallback;
+exports.cacheNs = cacheNs;
+exports.defaultConfig = defaultConfig;
+exports.muxInput = muxInput;
+exports.muxSecretsDocumentId = muxSecretsDocumentId;
+//# sourceMappingURL=index-adfcd166.js.map

package/lib/_chunks/index-adfcd166.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-adfcd166.js","sources":["../../src/util/asserters.ts","../../src/util/constants.ts","../../src/components/ErrorBoundaryCard.tsx","../../src/components/Input.styled.tsx","../../src/components/FormInput.tsx","../../src/components/FormPreview.tsx","../../src/index.ts"],"sourcesContent":["import {type InputProps, type PreviewLayoutKey, type PreviewProps, isObjectInputProps} from 'sanity'\n\nimport type {MuxInputPreviewProps, MuxInputProps} from './types'\n\nexport function isMuxInputProps(props: InputProps): props is MuxInputProps {\n  return isObjectInputProps(props) && props.schemaType.type?.name === 'mux.video'\n}\n\nexport function isMuxInputPreviewProps(\n  props: PreviewProps<PreviewLayoutKey>\n): props is MuxInputPreviewProps {\n  return props.schemaType?.type?.name === 'mux.video'\n}\n","export const name = 'mux-input' as const\n\n// Caching namespace, as suspend-react might be in use by other components on the page we must ensure we don't collide\nexport const cacheNs = 'sanity-plugin-mux-input' as const\n\nexport const muxSecretsDocumentId = 'secrets.mux' as const\n","/* eslint-disable no-console */\nimport {Button, Card, Flex, Grid, Heading, Inline, Text, useToast} from '@sanity/ui'\nimport React, {memo, useCallback, useRef} from 'react'\nimport scrollIntoView from 'scroll-into-view-if-needed'\nimport {clear} from 'suspend-react'\nimport {useErrorBoundary} from 'use-error-boundary'\n\nimport {name} from '../util/constants'\nimport {type MuxInputProps} from '../util/types'\n\nexport interface Props extends Pick<MuxInputProps, 'schemaType'> {\n  children: React.ReactNode\n}\nfunction ErrorBoundaryCard(props: Props) {\n  const {children, schemaType} = props\n  const {push: pushToast} = useToast()\n  const errorRef = useRef(null)\n  const {ErrorBoundary, didCatch, error, reset} = useErrorBoundary({\n    onDidCatch: (err, errorInfo) => {\n      console.group(err.toString())\n      console.groupCollapsed('console.error')\n      console.error(err)\n      console.groupEnd()\n      if (err.stack) {\n        console.groupCollapsed('error.stack')\n        console.log(err.stack)\n        console.groupEnd()\n      }\n      if (errorInfo?.componentStack) {\n        console.groupCollapsed('errorInfo.componentStack')\n        console.log(errorInfo.componentStack)\n        console.groupEnd()\n      }\n      console.groupEnd()\n      pushToast({\n        status: 'error',\n        title: 'Plugin crashed',\n        description: (\n          <Flex align=\"center\">\n            <Inline space={1}>\n              An error happened while rendering\n              <Button\n                padding={1}\n                fontSize={1}\n                style={{transform: 'translateY(1px)'}}\n                mode=\"ghost\"\n                text={schemaType.title}\n                onClick={() => {\n                  if (errorRef.current) {\n                    scrollIntoView(errorRef.current, {\n                      behavior: 'smooth',\n                      scrollMode: 'if-needed',\n                      block: 'center',\n                    })\n                  }\n                }}\n              />\n            </Inline>\n          </Flex>\n        ),\n      })\n    },\n  })\n  const handleRetry = useCallback(() => {\n    // Purge request cache before retrying, otherwise the cached errors will rethrow\n    clear([name])\n\n    reset()\n  }, [reset])\n\n  if (didCatch) {\n    return (\n      <Card ref={errorRef} paddingX={[2, 3, 4, 4]} height=\"fill\" shadow={1} overflow=\"auto\">\n        <Flex justify=\"flex-start\" align=\"center\" height=\"fill\">\n          <Grid columns={1} gap={[2, 3, 4, 4]}>\n            <Heading as=\"h1\">\n              The <code>{name}</code> plugin crashed\n            </Heading>\n            {error?.message && (\n              <Card padding={3} tone=\"critical\" shadow={1} radius={2}>\n                <Text>{error.message}</Text>\n              </Card>\n            )}\n            <Inline>\n              <Button onClick={handleRetry} text=\"Retry\" />\n            </Inline>\n          </Grid>\n        </Flex>\n      </Card>\n    )\n  }\n\n  return <ErrorBoundary>{children}</ErrorBoundary>\n}\n\nexport default memo(ErrorBoundaryCard)\n","import {Box, Card, Flex, Spinner, Text} from '@sanity/ui'\nimport React from 'react'\nimport styled from 'styled-components'\n\n// This container base container ensures everything uses the same aspect ratio, avoids layout shifts and stuff jumping around\nexport const AspectRatioCard = styled(Card)`\n  aspect-ratio: 16 / 9;\n  position: relative;\n  width: 100%;\n`\n\nexport const InputFallback = () => {\n  return (\n    <div style={{padding: 1}}>\n      <Card\n        shadow={1}\n        sizing=\"border\"\n        style={{aspectRatio: '16/9', width: '100%', borderRadius: '1px'}}\n      >\n        <Flex align=\"center\" direction=\"column\" height=\"fill\" justify=\"center\">\n          <Spinner muted />\n          <Box marginTop={3}>\n            <Text align=\"center\" muted size={1}>\n              Loading…\n            </Text>\n          </Box>\n        </Flex>\n      </Card>\n    </div>\n  )\n}\n","import React, {lazy, memo, Suspense} from 'react'\nimport {type InputProps} from 'sanity'\n\nimport {isMuxInputProps} from '../util/asserters'\nimport {type Config} from '../util/types'\nimport ErrorBoundaryCard from './ErrorBoundaryCard'\nimport {AspectRatioCard, InputFallback} from './Input.styled'\n\nconst Input = lazy(() => import('./Input'))\n\n// eslint-disable-next-line import/no-anonymous-default-export\nexport default (config: Config) =>\n  memo(function FormInput(props: InputProps) {\n    if (isMuxInputProps(props)) {\n      return (\n        <AspectRatioCard>\n          <ErrorBoundaryCard schemaType={props.schemaType}>\n            <Suspense fallback={<InputFallback />}>\n              <Input config={config} {...props} />\n            </Suspense>\n          </ErrorBoundaryCard>\n        </AspectRatioCard>\n      )\n    }\n    return props.renderDefault(props)\n  })\n","import React, {lazy, memo} from 'react'\nimport {PreviewLayoutKey, PreviewProps} from 'sanity'\n\nimport {isMuxInputPreviewProps} from '../util/asserters'\nimport {AspectRatioCard} from './Input.styled'\n\nconst Preview = lazy(() => import('./Preview'))\n\nexport default memo(function FormPreview(props: PreviewProps<PreviewLayoutKey>) {\n  if (isMuxInputPreviewProps(props)) {\n    return (\n      <AspectRatioCard>\n        {/* @ts-expect-error */}\n        <Preview {...props} />\n      </AspectRatioCard>\n    )\n  }\n  return props.renderDefault(props)\n})\n","import {definePlugin} from 'sanity'\n\nimport createFormInput from './components/FormInput'\nimport FormPreview from './components/FormPreview'\nimport {type Config} from './util/types'\n\nexport const defaultConfig: Config = {\n  mp4_support: 'none',\n}\n\nexport const muxInput = definePlugin<Partial<Config> | void>((userConfig) => {\n  const config: Config = {...defaultConfig, ...userConfig}\n  const InputComponent = createFormInput(config)\n  return {\n    name: 'mux-input',\n    form: {\n      components: {\n        input: InputComponent,\n        preview: FormPreview,\n      },\n    },\n    schema: {\n      types: [\n        {\n          name: 'mux.video',\n          type: 'object',\n          title: 'Video asset reference',\n          fields: [\n            {\n              title: 'Video',\n              name: 'asset',\n              type: 'reference',\n              weak: true,\n              to: [{type: 'mux.videoAsset'}],\n            },\n          ],\n        },\n        {\n          name: 'mux.videoAsset',\n          type: 'object',\n          title: 'Video asset',\n          fields: [\n            {\n              type: 'string',\n              name: 'status',\n            },\n            {\n              type: 'string',\n              name: 'assetId',\n            },\n            {\n              type: 'string',\n              name: 'playbackId',\n            },\n            {\n              type: 'string',\n              name: 'filename',\n            },\n            {\n              type: 'number',\n              name: 'thumbTime',\n            },\n          ],\n        },\n      ],\n    },\n  }\n})\n"],"names":["isMuxInputProps","props","_a","isObjectInputProps","schemaType","type","name","isMuxInputPreviewProps","_b","cacheNs","muxSecretsDocumentId","ErrorBoundaryCard","children","push","pushToast","useToast","errorRef","useRef","ErrorBoundary","didCatch","error","reset","useErrorBoundary","onDidCatch","err","errorInfo","console","group","toString","groupCollapsed","groupEnd","stack","log","componentStack","status","title","description","Flex","align","jsxs","Inline","space","jsx","Button","padding","fontSize","style","transform","mode","text","onClick","current","scrollIntoView","default","behavior","scrollMode","block","handleRetry","useCallback","clear","Card","ref","paddingX","height","shadow","overflow","justify","Grid","columns","gap","Heading","as","message","tone","radius","Text","memo","AspectRatioCard","styled","InputFallback","sizing","aspectRatio","width","borderRadius","direction","Spinner","muted","Box","marginTop","size","Input","lazy","Promise","resolve","then","require","createFormInput","config","FormInput","Suspense","fallback","renderDefault","Preview","FormPreview","defaultConfig","mp4_support","muxInput","definePlugin","userConfig","InputComponent","form","components","input","preview","schema","types","fields","weak","to"],"mappings":"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"}

package/lib/index.esm.js

@@ -1,2 +1,3 @@
-import"sanity";export{d as defaultConfig,a as muxInput}from"./_chunks/index-3d8d7583.esm.js";import"react/jsx-runtime";import"react";import"@sanity/ui";import"scroll-into-view-if-needed";import"suspend-react";import"use-error-boundary";import"styled-components";
+import 'sanity';
+export { defaultConfig, muxInput } from './_chunks/index-a9d40189.js';
 //# sourceMappingURL=index.esm.js.map

package/lib/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/index.js

@@ -1,2 +1,10 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("sanity");var e=require("./_chunks/index-efe6ce48.js");require("react/jsx-runtime"),require("react"),require("@sanity/ui"),require("scroll-into-view-if-needed"),require("suspend-react"),require("use-error-boundary"),require("styled-components"),exports.defaultConfig=e.defaultConfig,exports.muxInput=e.muxInput;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+require('sanity');
+var index = require('./_chunks/index-adfcd166.js');
+exports.defaultConfig = index.defaultConfig;
+exports.muxInput = index.muxInput;
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sanity-plugin-mux-input",
-  "version": "2.0.2",
+  "version": "2.0.4",
   "description": "An input component that integrates Sanity Studio with Mux video encoding/hosting service.",
   "keywords": [
     "sanity",
@@ -23,7 +23,7 @@
   "author": "Sanity.io <hello@sanity.io>",
   "exports": {
     ".": {
-      "types": "./lib/src/index.d.ts",
+      "types": "./lib/index.d.ts",
       "source": "./src/index.ts",
       "import": "./lib/index.esm.js",
       "require": "./lib/index.js",
@@ -34,46 +34,39 @@
   "main": "./lib/index.js",
   "module": "./lib/index.esm.js",
   "source": "./src/index.ts",
-  "types": "./lib/src/index.d.ts",
+  "types": "./lib/index.d.ts",
   "files": [
-    "src",
     "lib",
-    "v2-incompatible.js",
-    "sanity.json"
+    "sanity.json",
+    "src",
+    "v2-incompatible.js"
   ],
   "scripts": {
     "prebuild": "npm run clean && plugin-kit verify-package --silent && pkg-utils",
-    "build": "pkg-utils build --strict",
+    "build": "run-s clean && plugin-kit verify-package --silent && pkg-utils build --strict && pkg-utils --strict",
     "clean": "rimraf lib",
     "dev": "next dev",
     "link-watch": "plugin-kit link-watch",
     "lint": "eslint .",
     "prepare": "husky install || true",
-    "prepublishOnly": "npm run build",
+    "prepublishOnly": "run-s build",
     "test": "npm run lint && npm run type-check && npm run build",
     "type-check": "tsc --noEmit",
-    "watch": "pkg-utils watch"
-  },
-  "prettier": {
-    "arrowParens": "always",
-    "bracketSpacing": false,
-    "printWidth": 100,
-    "semi": false,
-    "singleQuote": true,
-    "trailingComma": "es5"
+    "watch": "pkg-utils watch --strict",
+    "format": "prettier --write --cache --ignore-unknown ."
   },
   "dependencies": {
     "@mux/playback-core": "^0.11.0",
     "@mux/upchunk": "^3.0.0",
-    "@sanity/icons": "^2.1.0",
-    "@sanity/incompatible-plugin": "^1.0.4",
-    "@sanity/ui": "^1.0.0",
-    "@sanity/uuid": "^3.0.1",
+    "@sanity/icons": "^2",
+    "@sanity/incompatible-plugin": "^1",
+    "@sanity/ui": "^1",
+    "@sanity/uuid": "^3",
     "classnames": "^2.3.2",
     "jsonwebtoken-esm": "^1.0.3",
     "media-chrome": "^0.16.0",
     "motion": "^10.14.3",
-    "rxjs": "^6",
+    "rxjs": "^7",
     "scroll-into-view-if-needed": "^3.0.3",
     "suspend-react": "^0.0.8",
     "swr": "^1.3.0",
@@ -83,44 +76,44 @@
   "devDependencies": {
     "@commitlint/cli": "^17.2.0",
     "@commitlint/config-conventional": "^17.2.0",
-    "@sanity/eslint-config-no-v2-imports": "0.0.1-studio-v3.3",
-    "@sanity/pkg-utils": "^1.20.1",
-    "@sanity/plugin-kit": "^2.1.19",
+    "@sanity/pkg-utils": "^2.1.0",
+    "@sanity/plugin-kit": "^3.1.1",
     "@sanity/semantic-release-preset": "^2.0.2",
     "@sanity/vision": "^3.0.0",
-    "@types/react": "^18.0.25",
+    "@types/react": "^18.0.26",
     "@types/styled-components": "^5.1.26",
-    "@typescript-eslint/eslint-plugin": "^5.42.1",
-    "@typescript-eslint/parser": "^5.42.1",
+    "@typescript-eslint/eslint-plugin": "^5.48.0",
+    "@typescript-eslint/parser": "^5.48.0",
     "cz-conventional-changelog": "^3.3.0",
-    "eslint": "^8.27.0",
-    "eslint-config-prettier": "^8.5.0",
+    "eslint": "^8.31.0",
+    "eslint-config-prettier": "^8.6.0",
     "eslint-config-react-app": "^7.0.1",
     "eslint-config-sanity": "^6.0.0",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-react": "^7.31.10",
+    "eslint-plugin-react": "^7.31.11",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-simple-import-sort": "^8.0.0",
     "husky": "^8.0.2",
     "lint-staged": "^13.0.3",
     "next": "^13.0.2",
     "next-sanity": "^1.0.9",
-    "prettier": "^2.7.1",
+    "npm-run-all": "^4.1.5",
+    "prettier": "^2.8.1",
     "prettier-plugin-packagejson": "^2.3.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-is": "^18.2.0",
     "rimraf": "^3.0.2",
-    "sanity": "^3.0.0",
+    "sanity": "^3.1.4",
     "styled-components": "^5.3.6",
     "type-fest": "^3.2.0",
-    "typescript": "^4.8.4"
+    "typescript": "^4.9.4"
   },
   "peerDependencies": {
     "react": "^18",
     "react-is": "^18",
-    "sanity": "^3.0.0",
+    "sanity": "^3",
     "styled-components": "^5.2"
   },
   "engines": {

package/src/actions/assets.ts

@@ -1,4 +1,4 @@
-import type {SanityClient} from '@sanity/client'
+import type {SanityClient} from 'sanity'
 
 import type {MuxAsset} from '../util/types'
 

package/src/actions/secrets.ts

@@ -1,6 +1,15 @@
-import type {SanityClient} from '@sanity/client'
+import type {SanityClient} from 'sanity'
 import {defer} from 'rxjs'
 
+interface SecretsDocument {
+  _id: 'secrets.mux'
+  _type: 'mux.apiKey'
+  token: string
+  secretKey: string
+  enableSignedUrls: boolean
+  signingKeyId: string
+  signingKeyPrivate: string
+}
 // eslint-disable-next-line max-params
 export function saveSecrets(
   client: SanityClient,
@@ -9,8 +18,8 @@ export function saveSecrets(
   enableSignedUrls: boolean,
   signingKeyId: string,
   signingKeyPrivate: string
-) {
-  const doc = {
+): Promise<SecretsDocument> {
+  const doc: SecretsDocument = {
     _id: 'secrets.mux',
     _type: 'mux.apiKey',
     token,

package/src/actions/upload.ts

@@ -1,5 +1,5 @@
 /* eslint-disable camelcase */
-import type {SanityClient} from '@sanity/client'
+import type {SanityClient} from 'sanity'
 import {uuid as generateUuid} from '@sanity/uuid'
 import {type Observable, concat, defer, from, of, throwError} from 'rxjs'
 import {catchError, mergeMap, mergeMapTo, switchMap} from 'rxjs/operators'

package/src/components/__legacy__Uploader.tsx

@@ -1,7 +1,7 @@
 /* eslint-disable no-nested-ternary */
 // This component needs to be refactored into a functional component
 
-import type {SanityClient} from '@sanity/client'
+import type {SanityClient} from 'sanity'
 import React, {Component} from 'react'
 import {type Observable, Subject} from 'rxjs'
 import {takeUntil, tap} from 'rxjs/operators'

package/src/hooks/useSaveSecrets.ts

@@ -1,4 +1,4 @@
-import type {SanityClient} from '@sanity/client'
+import type {SanityClient} from 'sanity'
 import {useCallback} from 'react'
 
 import {createSigningKeys, haveValidSigningKeys, saveSecrets, testSecrets} from '../actions/secrets'

package/src/util/generateJwt.ts

@@ -1,4 +1,4 @@
-import type {SanityClient} from '@sanity/client'
+import type {SanityClient} from 'sanity'
 import {suspend} from 'suspend-react'
 
 import {readSecrets} from './readSecrets'

package/src/util/getAnimatedPosterSrc.ts

@@ -1,4 +1,4 @@
-import type {SanityClient} from '@sanity/client'
+import type {SanityClient} from 'sanity'
 
 import {generateJwt} from './generateJwt'
 import {getPlaybackId} from './getPlaybackId'

package/src/util/getPosterSrc.ts

@@ -1,4 +1,4 @@
-import type {SanityClient} from '@sanity/client'
+import type {SanityClient} from 'sanity'
 
 import {generateJwt} from './generateJwt'
 import {getPlaybackId} from './getPlaybackId'

package/src/util/getStoryboardSrc.ts

@@ -1,4 +1,4 @@
-import type {SanityClient} from '@sanity/client'
+import type {SanityClient} from 'sanity'
 
 import {generateJwt} from './generateJwt'
 import {getPlaybackId} from './getPlaybackId'

package/src/util/getVideoSrc.ts

@@ -1,4 +1,4 @@
-import type {SanityClient} from '@sanity/client'
+import type {SanityClient} from 'sanity'
 
 import {generateJwt} from './generateJwt'
 import {getPlaybackId} from './getPlaybackId'

package/src/util/readSecrets.ts

@@ -4,7 +4,7 @@
 
 // @TODO rename to readSigningPair
 
-import type {SanityClient} from '@sanity/client'
+import type {SanityClient} from 'sanity'
 import {suspend} from 'suspend-react'
 
 import {cacheNs} from '../util/constants'