Update all blockchain examples

Author: yashovardhan

app-template.txt

@@ -0,0 +1,92 @@
+import "./App.css";
+import {
+  useWeb3AuthConnect, useWeb3AuthDisconnect, useWeb3AuthUser, useWeb3Auth
+} from "@web3auth/no-modal/react";
+import { WALLET_CONNECTORS, AUTH_CONNECTION } from "@web3auth/no-modal";
+// Import appropriate RPC methods for each blockchain
+// import { getAccounts, getBalance, signMessage, signAndSendTransaction } from "./blockchainRPC";
+
+function App() {
+  const { connect, isConnected, connectorName, loading: connectLoading, error: connectError } = useWeb3AuthConnect();
+  const { disconnect, loading: disconnectLoading, error: disconnectError } = useWeb3AuthDisconnect();
+  const { userInfo } = useWeb3AuthUser();
+  const { provider } = useWeb3Auth();
+
+  // Define blockchain-specific functions here
+  // const onGetAccounts = async () => {
+  //   if (!provider) {
+  //     uiConsole("provider not initialized yet");
+  //     return;
+  //   }
+  //   const userAccount = await getAccounts(provider);
+  //   uiConsole("Address", userAccount);
+  // };
+
+  function uiConsole(...args: any[]): void {
+    const el = document.querySelector("#console>p");
+    if (el) {
+      el.innerHTML = JSON.stringify(args || {}, null, 2);
+    }
+  }
+
+  const loggedInView = (
+    <div className="grid">
+      <div className="flex-container">
+        <div>
+          <button onClick={() => uiConsole(userInfo)} className="card">
+            Get User Info
+          </button>
+        </div>
+        {/* Add blockchain-specific buttons here */}
+        <div>
+          <button onClick={() => disconnect()} className="card">
+            Log Out
+          </button>
+          {disconnectLoading && <div className="loading">Disconnecting...</div>}
+          {disconnectError && <div className="error">{disconnectError.message}</div>}
+        </div>
+      </div>
+    </div>
+  );
+
+  const unloggedInView = (
+    // IMP START - Login  
+    <div className="grid">
+      <button onClick={() => connect(WALLET_CONNECTORS.AUTH, {
+        authConnection: AUTH_CONNECTION.GOOGLE,
+      })} className="card">
+        Login
+      </button>
+      {connectLoading && <div className="loading">Connecting...</div>}
+      {connectError && <div className="error">{connectError.message}</div>}
+    </div>
+    // IMP END - Login
+  );
+
+  return (
+    <div className="container">
+      <h1 className="title">
+        <a target="_blank" href="https://web3auth.io/docs/sdk/pnp/web/no-modal" rel="noreferrer">
+          Web3Auth{" "}
+        </a>
+        & BLOCKCHAIN_NAME Example
+      </h1>
+
+      <div className="grid">{isConnected ? loggedInView : unloggedInView}</div>
+      <div id="console" style={{ whiteSpace: "pre-line" }}>
+        <p style={{ whiteSpace: "pre-line" }}></p>
+      </div>
+      <footer className="footer">
+        <a
+          href="https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/web-no-modal-sdk/blockchain-connection-examples/BLOCKCHAIN_NAME-no-modal-example"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          Source code
+        </a>
+      </footer>
+    </div>
+  );
+}
+
+export default App; 

package.json

@@ -3,7 +3,7 @@
   "private": true,
   "scripts": {
     "update-web3auth": "lerna exec --concurrency 1 -- 'ncu -u @web3auth/* && npm install'",
-    "update-web3auth-alpha": "lerna exec --concurrency 1 -- 'ncu -u @web3auth/* --target @next && npm install --legacy-peer-deps'",
+    "update-web3auth-alpha": "lerna exec --concurrency 1 -- 'ncu -u @web3auth/* --target @next'",
     "install-all": "lerna exec --concurrency 1 -- 'npm install'",
     "lint-all": "lerna exec --concurrency 1 -- 'npm run lint'"
   },

rpc-template.txt

@@ -0,0 +1,51 @@
+import type { IProvider } from "@web3auth/base";
+
+// Get the private key from the Web3Auth provider
+export async function getPrivateKey(provider: IProvider): Promise<string> {
+  try {
+    const privateKey = await provider.request({ method: "private_key" });
+    return privateKey as string;
+  } catch (error) {
+    throw new Error("Failed to retrieve private key");
+  }
+}
+
+// Get account address
+export async function getAccounts(provider: IProvider): Promise<string> {
+  try {
+    // Implement blockchain-specific account retrieval here
+    return "address";
+  } catch (error) {
+    throw new Error("Failed to get account address");
+  }
+}
+
+// Get account balance
+export async function getBalance(provider: IProvider): Promise<string> {
+  try {
+    // Implement blockchain-specific balance retrieval here
+    return "balance";
+  } catch (error) {
+    throw new Error("Failed to get balance");
+  }
+}
+
+// Sign a message
+export async function signMessage(provider: IProvider): Promise<string> {
+  try {
+    // Implement blockchain-specific message signing here
+    return "signed message";
+  } catch (error) {
+    throw new Error("Failed to sign message");
+  }
+}
+
+// Send a transaction
+export async function signAndSendTransaction(provider: IProvider): Promise<string> {
+  try {
+    // Implement blockchain-specific transaction sending here
+    return "transaction hash";
+  } catch (error) {
+    throw new Error("Failed to send transaction");
+  }
+}