Update Dependencies (#319)

* chore: update deps * style: lint * fix: update wagmi with breaking changes * fix: link
livepeer · Jan 26, 2023 · 1309bec · 1309bec · vercel · Jan 26, 2023
1 parent 7ea4905
commit 1309bec
Show file tree

Hide file tree

Showing 8 changed files with 2,565 additions and 967 deletions.
diff --git a/components/core/Card/index.tsx b/components/core/Card/index.tsx
@@ -3,17 +3,13 @@ import Link from 'next/link';
 function Card({ title, description, icon, href }: any) {
   return (
     <Link href={href}>
-      <a>
-        <div className="h-full p-4 group flex flex-col justify-start overflow-hidden rounded-lg border border-gray-200 bg-transparent text-current no-underline shadow-sm shadow-gray-100 transition-all duration-200 dark:border-neutral-700 dark:shadow-none hover:border-gray-300 hover:bg-slate-50 hover:shadow-md hover:shadow-gray-100 dark:hover:border-neutral-700 dark:hover:bg-neutral-900 dark:hover:shadow-none active:shadow-sm active:shadow-gray-200">
-          <div className="mb-2 text-lg">{icon}</div>
-          <div>
-            <h3 className="text-lg mb-1 font-bold">{title}</h3>
-            {description && (
-              <div className="nx-text-gray-400">{description}</div>
-            )}
-          </div>
+      <div className="h-full p-4 group flex flex-col justify-start overflow-hidden rounded-lg border border-gray-200 bg-transparent text-current no-underline shadow-sm shadow-gray-100 transition-all duration-200 dark:border-neutral-700 dark:shadow-none hover:border-gray-300 hover:bg-slate-50 hover:shadow-md hover:shadow-gray-100 dark:hover:border-neutral-700 dark:hover:bg-neutral-900 dark:hover:shadow-none active:shadow-sm active:shadow-gray-200">
+        <div className="mb-2 text-lg">{icon}</div>
+        <div>
+          <h3 className="text-lg mb-1 font-bold">{title}</h3>
+          {description && <div className="nx-text-gray-400">{description}</div>}
         </div>
-      </a>
+      </div>
     </Link>
   );
 }

diff --git a/components/core/Link.tsx b/components/core/Link.tsx
@@ -7,10 +7,11 @@ type Props = {
 };
 
 const Link = ({ href, children }: Props) => (
-  <NextLink href={href}>
-    <a className="flex nx-text-sm contrast-more:nx-text-gray-700 contrast-more:dark:nx-text-gray-100 -nx-ml-2 nx-hidden nx-whitespace-nowrap nx-p-2 md:nx-inline-block nx-relative nx-text-gray-600 hover:nx-text-gray-800 dark:nx-text-gray-400 dark:hover:nx-text-gray-200">
-      {children}
-    </a>
+  <NextLink
+    className="flex nx-text-sm contrast-more:nx-text-gray-700 contrast-more:dark:nx-text-gray-100 -nx-ml-2 nx-hidden nx-whitespace-nowrap nx-p-2 md:nx-inline-block nx-relative nx-text-gray-600 hover:nx-text-gray-800 dark:nx-text-gray-400 dark:hover:nx-text-gray-200"
+    href={href}
+  >
+    {children}
   </NextLink>
 );
 

diff --git a/components/core/Providers.tsx b/components/core/Providers.tsx
@@ -10,23 +10,24 @@ import { AptosClient } from 'aptos';
 
 import { useTheme } from 'nextra-theme-docs';
 import { ReactNode, createContext, useMemo } from 'react';
-import { WagmiConfig, chain, configureChains, createClient } from 'wagmi';
+import { WagmiConfig, configureChains, createClient } from 'wagmi';
+import { polygonMumbai } from 'wagmi/chains';
 
 import { infuraProvider } from 'wagmi/providers/infura';
 
 import { publicProvider } from 'wagmi/providers/public';
 
+import { SyncedTabsContext, SyncedTabsState } from './SyncedTabs';
 import { useLocalStorage } from '../../hooks';
 
 import { provider as livepeerProvider } from '../../lib/provider';
-import { SyncedTabsContext, SyncedTabsState } from './SyncedTabs';
 
 import '@rainbow-me/rainbowkit/styles.css';
 
 export const AptosContext = createContext<AptosClient | null>(null);
 
 const { chains, provider } = configureChains(
-  [chain.polygonMumbai],
+  [polygonMumbai],
   [
     infuraProvider({ apiKey: process.env.NEXT_PUBLIC_INFURA_API_KEY ?? '' }),
     publicProvider(),

diff --git a/components/react/docs/player/CustomControlsPlayer.tsx b/components/react/docs/player/CustomControlsPlayer.tsx
@@ -11,8 +11,8 @@ import {
 
 import Image from 'next/image';
 
-import blenderPoster from '../../../../public/images/blender-poster-2.png';
 import { DocsDemoPlayer } from './DocsDemoPlayer';
+import blenderPoster from '../../../../public/images/blender-poster-2.png';
 
 const PosterImage = () => {
   return <Image src={blenderPoster} layout="fill" objectFit="cover" />;

diff --git a/components/react/docs/player/ImagePosterPlayer.tsx b/components/react/docs/player/ImagePosterPlayer.tsx
@@ -1,8 +1,7 @@
 import Image from 'next/image';
 
-import blenderPoster from '../../../../public/images/blender-poster.png';
-
 import { DocsDemoPlayer } from './DocsDemoPlayer';
+import blenderPoster from '../../../../public/images/blender-poster.png';
 
 const PosterImage = () => {
   return (

diff --git a/components/react/examples/WagmiNft.tsx b/components/react/examples/WagmiNft.tsx
@@ -7,8 +7,8 @@ import { Callout } from 'nextra-theme-docs';
 import { useMemo, useState } from 'react';
 import { useAccount, useContractWrite, usePrepareContractWrite } from 'wagmi';
 
-import { Spinner } from '../../core';
 import { videoNftAbi } from './videoNftAbi';
+import { Spinner } from '../../core';
 
 export const WagmiNft = () => {
   const { address } = useAccount();

diff --git a/package.json b/package.json
@@ -10,53 +10,54 @@
   },
   "dependencies": {
     "@livepeer/design-system": "^1.0.4",
-    "@livepeer/react": "^2.0.0",
-    "@rainbow-me/rainbowkit": "^0.8.0",
+    "@livepeer/react": "^2.1.2",
+    "@rainbow-me/rainbowkit": "^0.8.1",
     "@reach/skip-nav": "^0.18.0",
-    "@sentry/nextjs": "^7.31.1",
-    "@tanstack/react-query": "4.19.1",
-    "@typescript-eslint/eslint-plugin": "^5.46.1",
-    "aptos": "^1.4.0",
+    "@sentry/nextjs": "^7.33.0",
+    "@tanstack/react-query": "4.23.0",
+    "@typescript-eslint/eslint-plugin": "^5.49.0",
+    "aptos": "^1.6.0",
     "clsx": "^1.2.1",
     "ethers": "^5.7.2",
     "formidable": "^2.0.1",
-    "hls.js": "^1.2.8",
-    "livepeer": "^2.0.0",
-    "next": "12.3.4",
+    "hls.js": "^1.3.1",
+    "livepeer": "^2.1.2",
+    "next": "13.1.5",
     "next-themes": "^0.2.1",
-    "nextra": "2.0.1",
-    "nextra-theme-docs": "2.0.1",
+    "nextra": "2.2.13",
+    "nextra-theme-docs": "2.2.13",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-dropzone": "^14.2.3",
-    "video.js": "^7.20.3",
-    "wagmi": "^0.8.10"
+    "sharp": "^0.31.3",
+    "video.js": "^7.21.1",
+    "wagmi": "^0.10.15"
   },
   "devDependencies": {
-    "@next/bundle-analyzer": "^13.0.6",
-    "@next/eslint-plugin-next": "^13.0.6",
+    "@next/bundle-analyzer": "^13.1.5",
+    "@next/eslint-plugin-next": "^13.1.5",
     "@preconstruct/next": "^4.0.0",
     "@types/formidable": "^2.0.5",
-    "@types/node": "^18.11.11",
-    "@types/react": "^18.0.26",
-    "@types/react-dom": "^18.0.9",
+    "@types/node": "^18.11.18",
+    "@types/react": "^18.0.27",
+    "@types/react-dom": "^18.0.10",
     "@types/video.js": "^7.3.50",
     "autoprefixer": "^10.4.13",
-    "eslint": "^8.29.0",
-    "eslint-config-next": "^13.0.6",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-import-resolver-typescript": "^3.5.2",
+    "eslint": "^8.32.0",
+    "eslint-config-next": "^13.1.5",
+    "eslint-config-prettier": "^8.6.0",
+    "eslint-import-resolver-typescript": "^3.5.3",
     "eslint-plugin-compat": "^4.0.2",
     "eslint-plugin-eslint-comments": "^3.2.0",
-    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-import": "^2.27.5",
     "eslint-plugin-mdx": "^2.0.5",
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-native": "^4.0.0",
-    "eslint-plugin-testing-library": "^5.9.1",
-    "postcss": "^8.4.19",
-    "prettier": "^2.8.1",
+    "eslint-plugin-testing-library": "^5.10.0",
+    "postcss": "^8.4.21",
+    "prettier": "^2.8.3",
     "tailwindcss": "^3.2.4",
-    "typescript": "^4.9.3"
+    "typescript": "^4.9.4"
   }
 }