Feature/519 freighter wallet auth

babel.test.config.js

@@ -0,0 +1,7 @@
+module.exports = {
+  presets: [
+    ["@babel/preset-env", { targets: { node: "current" } }],
+    ["@babel/preset-react", { runtime: "automatic" }],
+    "@babel/preset-typescript",
+  ],
+};

jest.config.js

@@ -0,0 +1,22 @@
+/** @type {import('jest').Config} */
+const config = {
+  testEnvironment: "jsdom",
+  setupFilesAfterEnv: ["@testing-library/jest-dom"],
+  transform: {
+    "^.+\\.(ts|tsx|js|jsx)$": [
+      "babel-jest",
+      { configFile: "./babel.test.config.js" },
+    ],
+  },
+  moduleNameMapper: {
+    "^@/(.*)$": "<rootDir>/src/$1",
+  },
+  testMatch: [
+    "**/__tests__/**/*.(test|spec).(ts|tsx|js|jsx)",
+    "**/*.(test|spec).(ts|tsx|js|jsx)",
+  ],
+  testPathIgnorePatterns: ["/node_modules/", "/.next/"],
+  transformIgnorePatterns: ["/node_modules/(?!(@stellar/freighter-api)/)"],
+};
+
+module.exports = config;

package.json

@@ -11,7 +11,9 @@
     "start": "next start",
     "lint": "eslint",
     "test": "node scripts/test-lang-cache.js",
-    "analyze": "cross-env ANALYZE=true npm run build"
+    "analyze": "cross-env ANALYZE=true npm run build",
+    "test:wallet": "jest src/hooks/__tests__/useWallet.test.tsx --no-coverage",
+    "test:jest": "jest --no-coverage"
   },
   "dependencies": {
     "@stellar/freighter-api": "^6.0.1",
@@ -37,15 +39,25 @@
     "ws": "^8.20.0"
   },
   "devDependencies": {
+    "@babel/core": "^7.29.7",
+    "@babel/preset-env": "^7.29.7",
+    "@babel/preset-react": "^7.29.7",
+    "@babel/preset-typescript": "^7.29.7",
     "@next/bundle-analyzer": "^15.0.0",
     "@tailwindcss/postcss": "^4",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
+    "babel-jest": "^29.7.0",
     "babel-plugin-react-compiler": "1.0.0",
     "cross-env": "^7.0.3",
     "eslint": "^9",
     "eslint-config-next": "16.1.6",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
     "tailwindcss": "^4",
     "typescript": "^5",
     "webpack-bundle-analyzer": "^4.9.0"

src/app/components/providers/FreighterWalletBoundary.tsx

@@ -0,0 +1,20 @@
+"use client";
+
+/**
+ * FreighterWalletBoundary.tsx
+ *
+ * Thin client boundary that provides `<FreighterWalletProvider>` to the
+ * component tree.  Wrapping here (rather than in the Server Component layout)
+ * satisfies Next.js App Router's requirement that Context providers be Client
+ * Components while keeping layout.tsx a Server Component.
+ */
+
+import { FreighterWalletProvider } from "@/context/FreighterWalletContext";
+
+export function FreighterWalletBoundary({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return <FreighterWalletProvider>{children}</FreighterWalletProvider>;
+}

src/app/layout.tsx

@@ -7,6 +7,7 @@ import { ProgressBarProvider } from "./components/TopLoadingBar";
 import { UserProvider } from "./components/providers/UserProvider";
 import { QueryProvider } from "./components/providers/QueryProvider";
 import { ToastProvider } from "@/components/ui/ToastQueue";
+import { FreighterWalletBoundary } from "./components/providers/FreighterWalletBoundary";
 import Script from "next/script";
 import SvgSprite from "@/components/icons/SvgSprite";
 
@@ -91,7 +92,9 @@ export default function RootLayout({
             <QueryProvider>
               <ProgressBarProvider>
                 <ToastProvider>
-                  {children}
+                  <FreighterWalletBoundary>
+                    {children}
+                  </FreighterWalletBoundary>
                 </ToastProvider>
               </ProgressBarProvider>
             </QueryProvider>