@caatinga/cli 2.0.2 → 2.2.0

package/templates/react-vite-counter/src/wallet.ts

@@ -4,12 +4,20 @@ import {
   WalletNetwork,
   type StellarWalletsKitMetadata
 } from "@caatinga/client/stellar-wallets-kit";
+import { requestWalletSelection } from "./wallet-modal-controller.js";
 
-export const stellarWalletAdapter = createStellarWalletsKitAdapter({
+const baseWalletAdapter = createStellarWalletsKitAdapter({
   network: WalletNetwork.TESTNET,
   walletConnectMetadata: getWalletConnectMetadata()
 });
 
+// Route connect() through the custom <WalletModal> instead of SWK's built-in
+// authModal. Everything else (persistence, restore, signing) is untouched.
+export const stellarWalletAdapter = {
+  ...baseWalletAdapter,
+  openModal: () => requestWalletSelection()
+};
+
 export { WalletNetwork };
 
 function getWalletConnectMetadata(): StellarWalletsKitMetadata | undefined {

package/templates/react-vite-counter/vite.config.ts

@@ -2,6 +2,14 @@ import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
 import { fileURLToPath } from "node:url";
 
+// Empty CJS module. Aliasing browser-hostile wallet sub-deps here keeps them out
+// of the bundle on every package manager — no install-time dependency overrides
+// (which differ per pnpm/npm/yarn/bun) required. CJS interop lets any named
+// import resolve to `undefined` without an esbuild "not exported" error.
+const emptyStub = fileURLToPath(
+  new URL("./src/stubs/empty-wallet-dep/index.cjs", import.meta.url)
+);
+
 export default defineConfig({
   plugins: [react()],
   resolve: {
@@ -9,7 +17,15 @@ export default defineConfig({
       // Stellar Wallets Kit drags NEAR's @hot-wallet/sdk (Node-only crypto) into
       // the browser bundle. The adapter filters HOT Wallet out, so stub the SDK
       // to keep the NEAR chain out of the build. See src/stubs/hot-wallet.ts.
-      "@hot-wallet/sdk": fileURLToPath(new URL("./src/stubs/hot-wallet.ts", import.meta.url))
+      "@hot-wallet/sdk": fileURLToPath(new URL("./src/stubs/hot-wallet.ts", import.meta.url)),
+      // SWK + Reown/WalletConnect pull Trezor Connect (Node-only) and Safe Global
+      // SDKs that none of the wallets Caatinga ships actually use. Stub them so the
+      // bundle builds without pnpm-only "-" dependency overrides.
+      "@trezor/connect-web": emptyStub,
+      "@trezor/connect-plugin-stellar": emptyStub,
+      "@safe-global/safe-apps-sdk": emptyStub,
+      "@safe-global/safe-apps-provider": emptyStub,
+      "@safe-global/safe-gateway-typescript-sdk": emptyStub
     }
   }
 });

package/templates/react-vite-counter/src/context/WalletContext.tsx

@@ -1,64 +0,0 @@
-import {
-  createContext,
-  useCallback,
-  useContext,
-  useMemo,
-  useState,
-  type ReactNode
-} from "react";
-import { stellarWalletAdapter } from "../wallet.js";
-
-interface WalletContextValue {
-  publicKey: string | null;
-  loading: boolean;
-  error: string | null;
-  connect: () => Promise<void>;
-  disconnect: () => Promise<void>;
-}
-
-const WalletContext = createContext<WalletContextValue | null>(null);
-
-export function WalletProvider({ children }: { children: ReactNode }) {
-  const [publicKey, setPublicKey] = useState<string | null>(null);
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState<string | null>(null);
-
-  const connect = useCallback(async () => {
-    setLoading(true);
-    setError(null);
-
-    try {
-      // openModal lists only installed/available wallets and resolves with the
-      // chosen account address (rejects if the user dismisses the modal).
-      const address = await stellarWalletAdapter.openModal();
-      setPublicKey(address);
-    } catch (caught) {
-      const message = caught instanceof Error ? caught.message : String(caught);
-      setError(message);
-    } finally {
-      setLoading(false);
-    }
-  }, []);
-
-  const disconnect = useCallback(async () => {
-    await stellarWalletAdapter.disconnect();
-    setPublicKey(null);
-    setError(null);
-  }, []);
-
-  const value = useMemo<WalletContextValue>(
-    () => ({ publicKey, loading, error, connect, disconnect }),
-    [publicKey, loading, error, connect, disconnect]
-  );
-
-  return <WalletContext.Provider value={value}>{children}</WalletContext.Provider>;
-}
-
-export function useWallet(): WalletContextValue {
-  const context = useContext(WalletContext);
-  if (!context) {
-    throw new Error("useWallet must be used within a WalletProvider");
-  }
-
-  return context;
-}