chore: laboratory add siwx status

apps/laboratory/src/components/DefaultSIWXStatus.tsx

@@ -0,0 +1,43 @@
+'use client'
+
+import { Card, CardHeader, Code, Heading, Text } from '@chakra-ui/react'
+import { useEffect, useState } from 'react'
+
+export interface DefaultSIWXStatusProps {
+  localStorageKey?: string
+}
+
+export function DefaultSIWXStatus({ localStorageKey = '@appkit/siwx' }: DefaultSIWXStatusProps) {
+  const [status, setStatus] = useState('')
+
+  useEffect(() => {
+    const interval = setInterval(() => {
+      const newStatus = localStorage.getItem(localStorageKey) || ''
+      if (newStatus !== status) {
+        setStatus(newStatus)
+      }
+    }, 1000)
+
+    return () => {
+      clearInterval(interval)
+    }
+  }, [])
+
+  if (!status) {
+    return null
+  }
+
+  return (
+    <Card marginTop={10} marginBottom={10}>
+      <CardHeader>
+        <Heading size="md">SIWX Status</Heading>
+      </CardHeader>
+
+      <Text mx="4">Below is shown the data stored for SIWX sessions:</Text>
+
+      <Code m="4" maxH="64" whiteSpace="pre" overflow="auto" variant="outline">
+        {JSON.stringify(JSON.parse(status), null, 2)}
+      </Code>
+    </Card>
+  )
+}

apps/laboratory/src/pages/library/siwx-default.tsx

@@ -1,4 +1,4 @@
-import { createAppKit } from '@reown/appkit/react'
+import { createAppKit, useAppKitNetwork } from '@reown/appkit/react'
 import { EthersAdapter } from '@reown/appkit-adapter-ethers'
 import { SolanaAdapter } from '@reown/appkit-adapter-solana'
 import { ThemeStore } from '../../utils/StoreUtil'
@@ -9,6 +9,10 @@ import { HuobiWalletAdapter, SolflareWalletAdapter } from '@solana/wallet-adapte
 import { mainnet } from '@reown/appkit/networks'
 import { DefaultSIWX } from '@reown/appkit-siwx'
 import { BitcoinAdapter } from '@reown/appkit-adapter-bitcoin'
+import { DefaultSIWXStatus } from '../../components/DefaultSIWXStatus'
+import { EthersTests } from '../../components/Ethers/EthersTests'
+import { SolanaTests } from '../../components/Solana/SolanaTests'
+import { BitcoinTests } from '../../components/Bitcoin/BitcoinTests'
 
 const networks = ConstantsUtil.AllNetworks
 networks.push(...ConstantsUtil.BitcoinNetworks)
@@ -37,9 +41,16 @@ const modal = createAppKit({
 ThemeStore.setModal(modal)
 
 export default function SIWXDefault() {
+  const { caipNetwork } = useAppKitNetwork()
+
   return (
     <>
       <AppKitButtons />
+      <DefaultSIWXStatus />
+
+      {caipNetwork?.chainNamespace === 'eip155' && <EthersTests />}
+      {caipNetwork?.chainNamespace === 'solana' && <SolanaTests />}
+      {caipNetwork?.chainNamespace === 'bip122' && <BitcoinTests />}
     </>
   )
 }