Update deps to latest (#713)

* Update deps * review fixes
penumbra-zone · Mar 11, 2024 · 929796f · 929796f
1 parent 0186d72
commit 929796f
Show file tree

Hide file tree

Showing 27 changed files with 823 additions and 831 deletions.
diff --git a/apps/extension/package.json b/apps/extension/package.json
@@ -26,22 +26,21 @@
     "@tanstack/react-query": "^5.25.0",
     "buffer": "^6.0.3",
     "framer-motion": "^11.0.8",
-    "immer": "^10.0.3",
+    "immer": "^10.0.4",
     "node-fetch": "^3.3.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-router-dom": "^6.22.2",
+    "react-router-dom": "^6.22.3",
     "react-use-measure": "^2.1.1",
-    "usehooks-ts": "^2.16.0",
+    "usehooks-ts": "^3.0.1",
     "zustand": "^4.5.2"
   },
   "devDependencies": {
     "@penumbra-zone/polyfills": "workspace:*",
     "@radix-ui/react-icons": "^1.3.0",
-    "@types/firefox-webext-browser": "^120.0.2",
-    "@types/node": "^20.11.24",
-    "@types/react": "^18.2.63",
-    "@types/react-dom": "^18.2.20",
+    "@types/firefox-webext-browser": "^120.0.3",
+    "@types/react": "^18.2.64",
+    "@types/react-dom": "^18.2.21",
     "autoprefixer": "^10.4.18",
     "copy-webpack-plugin": "^12.0.2",
     "css-loader": "^6.10.0",

diff --git a/apps/extension/src/routes/popup/approval/origin.tsx b/apps/extension/src/routes/popup/approval/origin.tsx
@@ -34,7 +34,7 @@ export const OriginApproval = () => {
 
   return (
     <FadeTransition>
-      <div className='flex min-h-[100vh] w-[100vw] flex-col gap-6'>
+      <div className='flex min-h-screen w-screen flex-col gap-6'>
         <h1 className='flex h-[70px] items-center justify-center border-b border-border-secondary font-headline text-xl font-semibold leading-[30px]'>
           Connect
         </h1>
@@ -83,7 +83,7 @@ export const OriginApproval = () => {
                   </div>
                 </div>
                 <div className='z-30 flex h-11 w-full items-center overflow-x-scroll rounded-lg bg-background p-2 text-muted-foreground [scrollbar-color:red_red]'>
-                  <div className='mx-auto items-center p-2 text-center leading-[0.8em] [background-clip:content-box] [background-image:repeating-linear-gradient(45deg,red,black_15px)] first-line:[background-color:black]'>
+                  <div className='mx-auto items-center p-2 text-center'>
                     <DisplayOriginURL url={new URL(requestOrigin)} />
                   </div>
                 </div>

diff --git a/apps/extension/src/routes/popup/settings/settings-advanced.tsx b/apps/extension/src/routes/popup/settings/settings-advanced.tsx
@@ -24,7 +24,7 @@ export const SettingsAdvanced = () => {
 
   return (
     <FadeTransition>
-      <div className='flex min-h-[100vh] w-[100vw] flex-col gap-6'>
+      <div className='flex min-h-screen w-screen flex-col gap-6'>
         <SettingsHeader title='Advanced' />
         <div className='mx-auto size-20'>
           <DashboardGradientIcon />

diff --git a/apps/extension/src/routes/popup/settings/settings-auto-lock.tsx b/apps/extension/src/routes/popup/settings/settings-auto-lock.tsx
@@ -5,7 +5,7 @@ import { TimerGradientIcon } from '../../../icons';
 export const SettingsAutoLock = () => {
   return (
     <FadeTransition>
-      <div className='flex min-h-[100vh] w-[100vw] flex-col gap-6'>
+      <div className='flex min-h-screen w-screen flex-col gap-6'>
         <SettingsHeader title='Auto-lock timer' />
         <div className='mx-auto size-20'>
           <TimerGradientIcon />

diff --git a/apps/extension/src/routes/popup/settings/settings-clear-cache.tsx b/apps/extension/src/routes/popup/settings/settings-clear-cache.tsx
@@ -10,7 +10,7 @@ export const SettingsClearCache = () => {
   const navigate = usePopupNav();
   return (
     <FadeTransition>
-      <div className='flex min-h-[100vh] w-[100vw] flex-col gap-6'>
+      <div className='flex min-h-screen w-screen flex-col gap-6'>
         <SettingsHeader title='Clear cache' />
         <div className='mx-auto size-20'>
           <TrashGradientIcon />

diff --git a/apps/extension/src/routes/popup/settings/settings-connected-sites.tsx b/apps/extension/src/routes/popup/settings/settings-connected-sites.tsx
@@ -28,7 +28,7 @@ export const SettingsConnectedSites = () => {
 
   return (
     <FadeTransition>
-      <div className='flex min-h-[100vh] w-[100vw] flex-col gap-6'>
+      <div className='flex min-h-screen w-screen flex-col gap-6'>
         <SettingsHeader title='Connected sites' />
         <div className='mx-auto size-20'>
           <LinkGradientIcon />

diff --git a/apps/extension/src/routes/popup/settings/settings-full-viewing-key.tsx b/apps/extension/src/routes/popup/settings/settings-full-viewing-key.tsx
@@ -29,7 +29,7 @@ export const SettingsFullViewingKey = () => {
 
   return (
     <FadeTransition>
-      <div className='flex min-h-[100vh] w-[100vw] flex-col gap-6'>
+      <div className='flex min-h-screen w-screen flex-col gap-6'>
         <SettingsHeader title='Full Viewing Key' />
         <div className='mx-auto size-20'>
           <KeyGradientIcon />

diff --git a/apps/extension/src/routes/popup/settings/settings-passphrase.tsx b/apps/extension/src/routes/popup/settings/settings-passphrase.tsx
@@ -29,7 +29,7 @@ export const SettingsPassphrase = () => {
 
   return (
     <FadeTransition>
-      <div className='flex min-h-[100vh] w-[100vw] flex-col gap-6'>
+      <div className='flex min-h-screen w-screen flex-col gap-6'>
         <SettingsHeader title='Recovery Passphrase' />
         <div className='mx-auto size-20'>
           <FileTextGradientIcon />

diff --git a/apps/extension/src/routes/popup/settings/settings-rpc.tsx b/apps/extension/src/routes/popup/settings/settings-rpc.tsx
@@ -61,7 +61,7 @@ export const SettingsRPC = () => {
 
   return (
     <FadeTransition>
-      <div className='flex min-h-[100vh] w-[100vw] flex-col gap-6'>
+      <div className='flex min-h-screen w-screen flex-col gap-6'>
         <SettingsHeader title='RPC' />
         <div className='mx-auto size-20'>
           <ShareGradientIcon />

diff --git a/apps/extension/src/routes/popup/settings/settings-security.tsx b/apps/extension/src/routes/popup/settings/settings-security.tsx
@@ -28,7 +28,7 @@ export const SettingsSecurity = () => {
 
   return (
     <FadeTransition>
-      <div className='flex min-h-[100vh] w-[100vw] flex-col gap-6'>
+      <div className='flex min-h-screen w-screen flex-col gap-6'>
         <SettingsHeader title='Security & Privacy' />
         <div className='mx-auto size-20'>
           <EyeGradientIcon />

diff --git a/apps/extension/src/routes/popup/settings/settings-spend-key.tsx b/apps/extension/src/routes/popup/settings/settings-spend-key.tsx
@@ -29,7 +29,7 @@ export const SettingsSpendKey = () => {
 
   return (
     <FadeTransition>
-      <div className='flex min-h-[100vh] w-[100vw] flex-col gap-6'>
+      <div className='flex min-h-screen w-screen flex-col gap-6'>
         <SettingsHeader title='Spending Key' />
         <div className='mx-auto size-20'>
           <AccountKeyGradientIcon />

diff --git a/apps/extension/src/routes/popup/settings/settings.tsx b/apps/extension/src/routes/popup/settings/settings.tsx
@@ -41,7 +41,7 @@ export const Settings = () => {
 
   return (
     <FadeTransition>
-      <div className='flex min-h-[100vh] w-[100vw] flex-col justify-between gap-6'>
+      <div className='flex min-h-screen w-screen flex-col justify-between gap-6'>
         <SettingsHeader title='Settings' />
         <div className='flex flex-1 flex-col items-start gap-5 px-[30px]'>
           {links.map(i => (

diff --git a/apps/extension/src/shared/components/display-origin-url.tsx b/apps/extension/src/shared/components/display-origin-url.tsx
@@ -5,13 +5,13 @@ export const DisplayOriginURL = ({ url: { protocol, hostname, port } }: { url: U
       <span className='tracking-[-0.21em]'>{':/'}</span>
       {'/'}
     </span>
-    <span className='tracking-[-0.05em] brightness-150 saturate-150'>{hostname}</span>
+    <span className='tracking-tighter brightness-150 saturate-150'>{hostname}</span>
     {port ? (
       <>
         <span className='ml-[-0.05em] inline-block tracking-[-0.11em] brightness-90 saturate-50'>
           {':'}
         </span>
-        <span className='tracking-[-0.05em] brightness-150 saturate-150'>{port}</span>
+        <span className='tracking-tighter brightness-150 saturate-150'>{port}</span>
       </>
     ) : null}
   </span>

diff --git a/apps/extension/src/state/connected-sites.test.ts b/apps/extension/src/state/connected-sites.test.ts
@@ -3,11 +3,11 @@ import { create, StoreApi, UseBoundStore } from 'zustand';
 import { AllSlices, initializeStore } from '.';
 import {
   ExtensionStorage,
-  LocalStorageState,
-  OriginRecord,
   localDefaults,
+  LocalStorageState,
   mockLocalExtStorage,
   mockSessionExtStorage,
+  OriginRecord,
 } from '@penumbra-zone/storage';
 import { UserChoice } from '@penumbra-zone/types/src/user-choice';
 

diff --git a/apps/minifront/package.json b/apps/minifront/package.json
@@ -21,12 +21,12 @@
     "@tanstack/react-query": "^5.25.0",
     "bignumber.js": "^9.1.2",
     "date-fns": "^3.3.1",
-    "immer": "^10.0.3",
+    "immer": "^10.0.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-helmet": "^6.1.0",
     "react-loader-spinner": "^6.1.6",
-    "react-router-dom": "^6.22.2",
+    "react-router-dom": "^6.22.3",
     "sonner": "1.4.3",
     "tailwindcss": "^3.4.1",
     "zod": "^3.22.4",
@@ -36,12 +36,11 @@
     "@penumbra-zone/polyfills": "workspace:*",
     "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react": "^14.2.1",
-    "@types/node": "^20.11.24",
-    "@types/react": "^18.2.63",
-    "@types/react-dom": "^18.2.20",
+    "@types/react": "^18.2.64",
+    "@types/react-dom": "^18.2.21",
     "@types/react-helmet": "^6.1.11",
     "autoprefixer": "^10.4.18",
-    "firebase-tools": "^13.4.0",
+    "firebase-tools": "^13.4.1",
     "postcss": "^8.4.35"
   }
 }
diff --git a/apps/minifront/src/components/tx-details/hash-parser.tsx b/apps/minifront/src/components/tx-details/hash-parser.tsx
@@ -21,7 +21,7 @@ export const TxViewer = ({ txInfo, hash }: TxDetailsLoaderResult) => {
       <div className='text-xl font-bold'>Transaction View</div>
       <div className='mb-8 break-all font-mono italic text-muted-foreground'>{hash}</div>
       <Tabs defaultValue={TxDetailsTab.PRIVATE}>
-        <TabsList className='mx-auto grid w-[75%] grid-cols-2 gap-4 xl:w-[372px]'>
+        <TabsList className='mx-auto grid w-3/4 grid-cols-2 gap-4 xl:w-[372px]'>
           <TabsTrigger value={TxDetailsTab.PRIVATE}>Your View</TabsTrigger>
           <TabsTrigger value={TxDetailsTab.PUBLIC}>Public View</TabsTrigger>
         </TabsList>

diff --git a/apps/node-status/package.json b/apps/node-status/package.json
@@ -15,11 +15,11 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-loader-spinner": "^6.1.6",
-    "react-router-dom": "^6.22.2",
+    "react-router-dom": "^6.22.3",
     "tailwindcss": "^3.4.1"
   },
   "devDependencies": {
-    "@types/react": "^18.2.63",
-    "@types/react-dom": "^18.2.20"
+    "@types/react": "^18.2.64",
+    "@types/react-dom": "^18.2.21"
   }
 }
diff --git a/package.json b/package.json
@@ -22,8 +22,8 @@
   "dependencies": {
     "@buf/cosmos_ibc.bufbuild_es": "1.7.2-20240215124455-b32ecf3ebbcb.1",
     "@buf/cosmos_ibc.connectrpc_es": "1.4.0-20240215124455-b32ecf3ebbcb.1",
-    "@buf/penumbra-zone_penumbra.bufbuild_es": "1.7.2-20240305185028-b2205cd1a3b7.1",
-    "@buf/penumbra-zone_penumbra.connectrpc_es": "1.4.0-20240305185028-b2205cd1a3b7.1",
+    "@buf/penumbra-zone_penumbra.bufbuild_es": "1.7.2-20240307042300-430cab1eb638.1",
+    "@buf/penumbra-zone_penumbra.connectrpc_es": "1.4.0-20240307042300-430cab1eb638.1",
     "@buf/tendermint_tendermint.bufbuild_es": "1.7.2-20231117195010-33ed361a9051.1",
     "@bufbuild/protobuf": "^1.7.2",
     "@connectrpc/connect": "^1.4.0",
@@ -34,8 +34,9 @@
     "@penumbra-zone/types": "workspace:*",
     "@penumbra-zone/wasm": "workspace:*",
     "@storybook/react-vite": "8.0.0-beta.4",
-    "@turbo/gen": "^1.12.4",
-    "@types/chrome": "0.0.262",
+    "@turbo/gen": "^1.12.5",
+    "@types/chrome": "0.0.263",
+    "@types/node": "^20.11.25",
     "@typescript-eslint/eslint-plugin": "^7.1.1",
     "@typescript-eslint/parser": "^7.1.1",
     "@vitejs/plugin-basic-ssl": "^1.1.0",
@@ -44,13 +45,13 @@
     "@vitest/browser": "^1.3.1",
     "eslint": "^8.57.0",
     "eslint-config-custom": "workspace:*",
-    "eslint-plugin-vitest": "^0.3.22",
+    "eslint-plugin-vitest": "^0.3.25",
     "jsdom": "^24.0.0",
     "playwright": "^1.42.1",
     "prettier": "^3.2.5",
     "tsconfig": "workspace:*",
-    "turbo": "^1.12.4",
-    "typescript": "^5.3.3",
+    "turbo": "^1.12.5",
+    "typescript": "^5.4.2",
     "vite": "^5.1.5",
     "vite-plugin-top-level-await": "^1.4.1",
     "vite-plugin-wasm": "^3.3.0",

diff --git a/packages/eslint-config-custom/package.json b/packages/eslint-config-custom/package.json
@@ -6,17 +6,17 @@
   "dependencies": {
     "@typescript-eslint/eslint-plugin": "^7.1.1",
     "@typescript-eslint/parser": "^7.1.1",
-    "eslint-config-next": "^14.1.2",
+    "eslint-config-next": "^14.1.3",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-config-turbo": "^1.12.4",
+    "eslint-config-turbo": "^1.12.5",
     "eslint-import-resolver-typescript": "^3.6.1",
     "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-react": "7.34.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.5",
-    "eslint-plugin-tailwindcss": "^3.14.3",
-    "eslint-plugin-turbo": "^1.12.4",
-    "eslint-plugin-vitest": "^0.3.22"
+    "eslint-plugin-tailwindcss": "^3.15.0",
+    "eslint-plugin-turbo": "^1.12.5",
+    "eslint-plugin-vitest": "^0.3.25"
   },
   "publishConfig": {
     "access": "public"

diff --git a/packages/transport-chrome/package.json b/packages/transport-chrome/package.json
@@ -9,8 +9,5 @@
     "@bufbuild/protobuf": "^1.7.2",
     "@connectrpc/connect": "^1.4.0",
     "@penumbra-zone/transport-dom": "workspace:*"
-  },
-  "devDependencies": {
-    "@types/chrome": "0.0.262"
   }
 }
diff --git a/packages/types/package.json b/packages/types/package.json
@@ -10,7 +10,6 @@
   "dependencies": {
     "@penumbra-zone/constants": "workspace:*",
     "@penumbra-zone/getters": "workspace:*",
-    "@types/chrome": "0.0.262",
     "bech32": "^2.0.0",
     "bignumber.js": "^9.1.2",
     "idb": "^8.0.0",

diff --git a/packages/ui/components/ui/button.tsx b/packages/ui/components/ui/button.tsx
@@ -12,7 +12,7 @@ const buttonVariants = cva(
         gradient:
           'background-size-200 bg-button-gradient transition-all duration-500 hover:bg-right-center',
         secondary:
-          'before:border-mask before:background-size-200 relative before:absolute before:inset-0 before:rounded-lg before:bg-button-gradient before:p-[1px] before:transition-all before:duration-500 before:content-[""] before:hover:bg-right-center',
+          'before:border-mask before:background-size-200 relative before:absolute before:inset-0 before:rounded-lg before:bg-button-gradient before:p-px before:transition-all before:duration-500 before:content-[""] before:hover:bg-right-center',
         destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/90',
         outline:
           'rounded-none border-b border-border-secondary bg-background font-body font-bold text-muted-foreground hover:opacity-50',

diff --git a/packages/ui/components/ui/dialog.tsx b/packages/ui/components/ui/dialog.tsx
@@ -4,7 +4,7 @@ import * as React from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { Cross2Icon } from '@radix-ui/react-icons';
 import { cn } from '../../lib/utils';
-import { VariantProps, cva } from 'class-variance-authority';
+import { cva, VariantProps } from 'class-variance-authority';
 
 /**
  * @example
@@ -52,14 +52,14 @@ DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
 const dialogContentVariants = cva(
   [
     'fixed',
-    'left-[50%]',
-    'top-[50%]',
+    'left-1/2',
+    'top-1/2',
     'z-50',
     'grid',
     'w-full',
     'max-h-screen',
-    'translate-x-[-50%]',
-    'translate-y-[-50%]',
+    '-translate-x-1/2',
+    '-translate-y-1/2',
     'gap-4',
     'rounded-lg',
     'bg-card-radial',

diff --git a/packages/ui/components/ui/input.tsx b/packages/ui/components/ui/input.tsx
@@ -13,7 +13,7 @@ const inputVariants = cva(
         error: 'border-red-400',
         warn: 'border-yellow-300',
         transparent:
-          'h-[22px] rounded-[0px] border-none bg-transparent p-0 placeholder:text-[15px] placeholder:font-bold placeholder:leading-[22px] placeholder:text-light-brown',
+          'h-[22px] rounded-none border-none bg-transparent p-0 placeholder:text-[15px] placeholder:font-bold placeholder:leading-[22px] placeholder:text-light-brown',
       },
     },
     defaultVariants: {

diff --git a/packages/ui/components/ui/navigation-menu.tsx b/packages/ui/components/ui/navigation-menu.tsx
@@ -49,7 +49,7 @@ const NavigationMenuTrigger = React.forwardRef<
   >
     {children}{' '}
     <ChevronDown
-      className='relative top-[1px] ml-1 size-5 transition duration-200 group-data-[state=open]:rotate-180'
+      className='relative top-px ml-1 size-5 transition duration-200 group-data-[state=open]:rotate-180'
       aria-hidden='true'
     />
   </NavigationMenuPrimitive.Trigger>

diff --git a/packages/ui/package.json b/packages/ui/package.json
@@ -31,11 +31,11 @@
     "djb2a": "^2.0.0",
     "framer-motion": "^11.0.8",
     "humanize-duration": "^3.31.0",
-    "lucide-react": "^0.344.0",
+    "lucide-react": "^0.354.0",
     "react-dom": "^18.2.0",
     "react-json-view-lite": "^1.2.1",
     "react-loader-spinner": "^6.1.6",
-    "react-router-dom": "^6.22.2",
+    "react-router-dom": "^6.22.3",
     "sonner": "1.4.3",
     "tailwind-merge": "^2.2.1",
     "tinycolor2": "^1.6.0"
@@ -51,9 +51,8 @@
     "@storybook/react-vite": "8.0.0-beta.4",
     "@testing-library/react": "^14.2.1",
     "@types/humanize-duration": "^3.27.4",
-    "@types/node": "^20.11.24",
-    "@types/react": "^18.2.63",
-    "@types/react-dom": "^18.2.20",
+    "@types/react": "^18.2.64",
+    "@types/react-dom": "^18.2.21",
     "@types/tinycolor2": "^1.4.6",
     "autoprefixer": "^10.4.18",
     "eslint-plugin-storybook": "^0.8.0",