demo: turnkey fe wallets

Author: tremarkley

.nvmrc

@@ -1 +1 @@
-18.18.1
+20

packages/demo/backend/src/types/service.ts

@@ -12,7 +12,7 @@ export interface WalletData {
   /** Wallet address */
   address: Address
   /** Wallet ID */
-  id: string
+  // id: string
 }
 
 /**

packages/demo/frontend/package.json

@@ -22,7 +22,9 @@
     "@eth-optimism/verbs-service": "workspace:*",
     "@eth-optimism/viem": "^0.4.13",
     "@privy-io/react-auth": "^2.24.0",
+    "@turnkey/react-wallet-kit": "^1.1.2",
     "buffer": "^6.0.3",
+    "eventemitter3": "^5",
     "react": "^18",
     "react-dom": "^18",
     "react-router": "7",
@@ -31,6 +33,7 @@
     "zod": "^4.0.5"
   },
   "devDependencies": {
+    "@tailwindcss/postcss": "^4.1.13",
     "@testing-library/jest-dom": "^6.1.4",
     "@testing-library/react": "^14.1.2",
     "@testing-library/user-event": "^14.5.1",
@@ -44,7 +47,8 @@
     "globals": "^15.0.0",
     "jsdom": "^23.0.1",
     "postcss": "^8.4.31",
-    "tailwindcss": "^3.3.3",
+    "postcss-import": "^16.1.1",
+    "tailwindcss": "^4.1.13",
     "typescript": "^5.2.2",
     "typescript-eslint": "^8.0.0",
     "vite": "^4.4.5",

packages/demo/frontend/postcss.config.js

@@ -1,6 +1,7 @@
+/** @type {import('postcss-load-config').Config} */
 export default {
   plugins: {
-    tailwindcss: {},
     autoprefixer: {},
+    '@tailwindcss/postcss': {},
   },
 }

packages/demo/frontend/src/App.tsx

@@ -1,11 +1,11 @@
 import { BrowserRouter as Router, Routes, Route } from 'react-router-dom'
 import Terminal from './components/Terminal'
 import Home from './components/Home'
-import { PrivyProvider } from './providers/PrivyProvider'
+import { Turnkey as TurnkeyProvider } from './providers/TurnkeyProvider'
 
 function App() {
   return (
-    <PrivyProvider>
+    <TurnkeyProvider>
       <Router>
         <div className="w-full h-screen bg-terminal-bg">
           <Routes>
@@ -14,7 +14,7 @@ function App() {
           </Routes>
         </div>
       </Router>
-    </PrivyProvider>
+    </TurnkeyProvider>
   )
 }