fix: update deps

sanity-io · Oct 10, 2022 · 4f722e9 · 4f722e9 · vercel · Oct 10, 2022
1 parent 1860fdd
commit 4f722e9
Show file tree

Hide file tree

Showing 41 changed files with 151 additions and 483 deletions.
diff --git a/example/public/index.html b/example/public/index.html
@@ -2,10 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1, viewport-fit=cover"
-    />
+    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
     <meta name="theme-color" content="hsl(18deg, 100%, 50%)" />
     <title>Loading...</title>
   </head>

diff --git a/example/src/App.css b/example/src/App.css
@@ -2,8 +2,8 @@
   display: grid;
   align-items: center;
   height: 100%;
-  padding: env(safe-area-inset-top) env(safe-area-inset-right)
-    env(safe-area-inset-bottom) env(safe-area-inset-left);
+  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom)
+    env(safe-area-inset-left);
 }
 
 .spinner {

diff --git a/example/src/App.js b/example/src/App.js
@@ -8,14 +8,7 @@ function App() {
       <Suspense
         fallback={
           <svg className="spinner" viewBox="0 0 50 50">
-            <circle
-              className="path"
-              cx="25"
-              cy="25"
-              r="20"
-              fill="none"
-              strokeWidth="5"
-            ></circle>
+            <circle className="path" cx="25" cy="25" r="20" fill="none" strokeWidth="5"></circle>
           </svg>
         }
       >

diff --git a/example/src/index.css b/example/src/index.css
@@ -25,14 +25,12 @@ html {
 
 body {
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-    sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',
+    'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
 code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
-    monospace;
+  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
 }
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -53,12 +53,13 @@
   "prettier": {
     "arrowParens": "always",
     "bracketSpacing": false,
+    "printWidth": 100,
     "semi": false,
     "singleQuote": true,
     "trailingComma": "es5"
   },
   "dependencies": {
-    "@mux/playback-core": "^0.10.0",
+    "@mux/playback-core": "^0.11.0",
     "@mux/upchunk": "^2.6.0",
     "@reach/auto-id": "^0.17.0",
     "@sanity/icons": "^1.3.6",
@@ -67,7 +68,7 @@
     "@sanity/uuid": "^3.0.1",
     "classnames": "^2.3.2",
     "jsonwebtoken-esm": "^1.0.3",
-    "media-chrome": "^0.10.2",
+    "media-chrome": "^0.11.1",
     "motion": "^10.14.2",
     "rxjs": "^6",
     "scroll-into-view-if-needed": "^2.2.29",

diff --git a/renovate.json b/renovate.json
@@ -9,9 +9,7 @@
     {
       "matchFiles": ["example/package.json"],
       "extends": [":semanticCommitTypeAll(chore)"],
-      "ignorePresets": [
-        "github>sanity-io/renovate-presets//ecosystem/group-update-types"
-      ],
+      "ignorePresets": ["github>sanity-io/renovate-presets//ecosystem/group-update-types"],
       "groupName": "example dependencies",
       "groupSlug": "example",
       "matchPackagePatterns": ["*"],

diff --git a/src/actions/secrets.ts b/src/actions/secrets.ts
@@ -64,11 +64,7 @@ export async function haveValidSigningKeys(
     //
     return !!(res.data && res.data.id)
   } catch (e) {
-    console.error(
-      'Error fetching signingKeyId',
-      signingKeyId,
-      'assuming it is not valid'
-    )
+    console.error('Error fetching signingKeyId', signingKeyId, 'assuming it is not valid')
     return false
   }
 }

diff --git a/src/actions/upload.ts b/src/actions/upload.ts
@@ -59,10 +59,7 @@ export function uploadUrl(
             ).pipe(
               mergeMap((result) => {
                 const asset =
-                  (result &&
-                    result.results &&
-                    result.results[0] &&
-                    result.results[0].document) ||
+                  (result && result.results && result.results[0] && result.results[0].document) ||
                   null
 
                 if (!asset) {
@@ -129,31 +126,23 @@ export function uploadFile(
                 })
               ).pipe(
                 mergeMap((result) => {
-                  return createUpChunkObservable(
-                    uuid,
-                    result.upload.url,
-                    file
-                  ).pipe(
+                  return createUpChunkObservable(uuid, result.upload.url, file).pipe(
                     // eslint-disable-next-line no-warning-comments
                     // @TODO type the observable events
                     // eslint-disable-next-line max-nested-callbacks
                     mergeMap((event: any) => {
                       if (event.type !== 'success') {
                         return of(event)
                       }
-                      return from(
-                        updateAssetDocumentFromUpload(client, uuid)
-                      ).pipe(
+                      return from(updateAssetDocumentFromUpload(client, uuid)).pipe(
                         // eslint-disable-next-line max-nested-callbacks
                         mergeMap((doc) => of({...event, asset: doc}))
                       )
                     }),
                     // eslint-disable-next-line max-nested-callbacks
                     catchError((err) => {
                       // Delete asset document
-                      return cancelUpload(client, uuid).pipe(
-                        mergeMapTo(throwError(err))
-                      )
+                      return cancelUpload(client, uuid).pipe(mergeMapTo(throwError(err)))
                     })
                   )
                 })
@@ -189,10 +178,7 @@ export function getUpload(client: SanityClient, assetId: string) {
   })
 }
 
-function pollUpload(
-  client: SanityClient,
-  uuid: string
-): Promise<UploadResponse> {
+function pollUpload(client: SanityClient, uuid: string): Promise<UploadResponse> {
   const maxTries = 10
   let pollInterval: number
   let tries = 0
@@ -220,10 +206,7 @@ function pollUpload(
   })
 }
 
-async function updateAssetDocumentFromUpload(
-  client: SanityClient,
-  uuid: string
-) {
+async function updateAssetDocumentFromUpload(client: SanityClient, uuid: string) {
   let upload: UploadResponse
   let asset: {data: MuxAsset}
   try {

diff --git a/src/clients/upChunkObservable.ts b/src/clients/upChunkObservable.ts
@@ -1,11 +1,7 @@
 import * as UpChunk from '@mux/upchunk'
 import {Observable} from 'rxjs'
 
-export function createUpChunkObservable(
-  uuid: string,
-  uploadUrl: string,
-  source: File
-) {
+export function createUpChunkObservable(uuid: string, uploadUrl: string, source: File) {
   return new Observable((subscriber) => {
     const upchunk = UpChunk.createUpload({
       endpoint: uploadUrl,
@@ -21,8 +17,7 @@ export function createUpChunkObservable(
       subscriber.complete()
     }
 
-    const errorHandler = (data: CustomEvent) =>
-      subscriber.error(new Error(data.detail.message))
+    const errorHandler = (data: CustomEvent) => subscriber.error(new Error(data.detail.message))
 
     const progressHandler = (data: CustomEvent) => {
       return subscriber.next({type: 'progress', percent: data.detail})

diff --git a/src/components/ConfigureApi.tsx b/src/components/ConfigureApi.tsx
@@ -33,10 +33,7 @@ const fieldNames = ['token', 'secretKey', 'enableSignedUrls'] as const
 function ConfigureApi({secrets, setDialogState}: Props) {
   const client = useClient()
   const [state, dispatch] = useSecretsFormState(secrets)
-  const hasSecretsInitially = useMemo(
-    () => secrets.token && secrets.secretKey,
-    [secrets]
-  )
+  const hasSecretsInitially = useMemo(() => secrets.token && secrets.secretKey, [secrets])
   const handleClose = useCallback(() => setDialogState(false), [setDialogState])
   const dirty = useMemo(
     () =>
@@ -47,10 +44,7 @@ function ConfigureApi({secrets, setDialogState}: Props) {
   )
   const id = `ConfigureApi${useId()}`
   const [tokenId, secretKeyId, enableSignedUrlsId] = useMemo<typeof fieldNames>(
-    () =>
-      fieldNames.map(
-        (field) => `${id}-${field}`
-      ) as unknown as typeof fieldNames,
+    () => fieldNames.map((field) => `${id}-${field}`) as unknown as typeof fieldNames,
     [id]
   )
   const firstField = useRef<HTMLInputElement>(null)
@@ -69,10 +63,7 @@ function ConfigureApi({secrets, setDialogState}: Props) {
           .then((savedSecrets) => {
             const {projectId, dataset} = client.config()
             clear([cacheNs, secretsId, projectId, dataset])
-            preload(
-              () => Promise.resolve(savedSecrets),
-              [cacheNs, secretsId, projectId, dataset]
-            )
+            preload(() => Promise.resolve(savedSecrets), [cacheNs, secretsId, projectId, dataset])
             setDialogState(false)
           })
           .catch((err) => dispatch({type: 'error', payload: err.message}))
@@ -137,12 +128,11 @@ function ConfigureApi({secrets, setDialogState}: Props) {
                     .
                   </Text>
                   <Text size={1}>
-                    The access token needs permissions:{' '}
-                    <strong>Mux Video </strong>
+                    The access token needs permissions: <strong>Mux Video </strong>
                     (Full Access) and <strong>Mux Data</strong> (Read)
                     <br />
-                    The credentials will be stored safely in a hidden document
-                    only available to editors.
+                    The credentials will be stored safely in a hidden document only available to
+                    editors.
                   </Text>
                 </Stack>
               </Card>
@@ -177,26 +167,20 @@ function ConfigureApi({secrets, setDialogState}: Props) {
                 />
                 <Box flex={1} paddingLeft={3}>
                   <Text>
-                    <label htmlFor={enableSignedUrlsId}>
-                      Enable Signed Urls
-                    </label>
+                    <label htmlFor={enableSignedUrlsId}>Enable Signed Urls</label>
                   </Text>
                 </Box>
               </Flex>
               {/* TODO: use a popover instead to avoid jumping around */}
               {secrets.signingKeyId && state.enableSignedUrls ? (
                 <Card padding={[3, 3, 3]} radius={2} shadow={1} tone="caution">
                   <Stack space={3}>
-                    <Text size={1}>
-                      The signing key ID that Sanity will use is:
-                    </Text>
+                    <Text size={1}>The signing key ID that Sanity will use is:</Text>
                     <Code size={1}>{secrets.signingKeyId}</Code>
                     <Text size={1}>
-                      This key is only used for previewing content in the Sanity
-                      UI.
+                      This key is only used for previewing content in the Sanity UI.
                       <br />
-                      You should generate a different key to use in your
-                      application server.
+                      You should generate a different key to use in your application server.
                     </Text>
                   </Stack>
                 </Card>