@layerswap/wallet-starknet 1.1.1 → 1.2.0

package/README.md

@@ -0,0 +1,92 @@
+# @layerswap/wallet-starknet
+
+Starknet wallet provider for the Layerswap Widget. Enables Starknet wallet connections and transactions.
+
+## Installation
+
+```bash
+npm install @layerswap/wallet-starknet
+# or
+yarn add @layerswap/wallet-starknet
+# or
+pnpm add @layerswap/wallet-starknet
+```
+
+## Quick Start
+
+```tsx
+import { LayerswapProvider, Swap } from "@layerswap/widget";
+import { createStarknetProvider } from "@layerswap/wallet-starknet";
+
+export default function Page() {
+  const starknetProvider = createStarknetProvider({
+    walletConnectConfigs: {
+      projectId: "your-project-id",
+      name: "Your App",
+      description: "Your app description",
+      url: "https://your-app.com",
+      icons: ["https://your-app.com/icon.png"]
+    }
+  });
+  
+  return (
+    <LayerswapProvider walletProviders={[starknetProvider]}>
+      <Swap />
+    </LayerswapProvider>
+  );
+}
+```
+
+## Usage
+
+Use `createStarknetProvider()` to create a Starknet wallet provider:
+
+```tsx
+import { createStarknetProvider } from "@layerswap/wallet-starknet";
+
+const starknetProvider = createStarknetProvider({
+  walletConnectConfigs: {
+    projectId: "your-project-id",
+    name: "Your App",
+    description: "Your app description",
+    url: "https://your-app.com",
+    icons: ["https://your-app.com/icon.png"]
+  }
+});
+```
+
+## Documentation
+
+For detailed setup instructions, configuration options, and usage examples, see the [Starknet Wallet Provider documentation](https://docs.layerswap.io/integration/UI/Widget/WalletManagement/StarknetProvider).
+
+## Features
+
+- Starknet wallet connection via StarknetKit
+- Balance checking
+- Gas estimation
+- NFT provider support
+- Address validation and utilities
+- Starknet transaction support
+
+## Supported Wallets
+
+- Ready Wallet
+- Ready
+- Web wallet
+- Braavos
+- Keplr
+- Xverse
+- Cartridge Controller
+
+## TypeScript
+
+This package includes TypeScript definitions. All types are exported from the main entry point.
+
+## License
+
+MIT
+
+## Repository
+
+[GitHub](https://github.com/layerswap/layerswapapp/tree/main/packages/wallets/starknet)
+

package/dist/esm/StarknetProvider.js

@@ -92,7 +92,7 @@ const StarknetProvider = ({ children, walletConnectConfigs }) => {
             defaultConnectors.push(new InjectedConnector({ options: { id: "xverse" } }));
         }
         if ((isAndroid || isIOS) && !defaultConnectors.some(c => c.id === "braavos")) {
-            const starknet = (await import('get-starknet-core')).default;
+            const starknet = (await import('@starknet-io/get-starknet-core')).default;
             const discoverWallets = (await starknet.getDiscoveryWallets()).filter(w => {
                 return (isAndroid && w.downloads["android"]) || (isIOS && w.downloads["ios"]);
             });

package/dist/esm/useStarknetConnection.js

@@ -28,20 +28,38 @@ export default function useStarknetConnection({ networks }) {
     const connectWallet = async ({ connector }) => {
         try {
             const starknetConnector = connectors.find(c => c.id === connector.id);
-            const result = await starknetConnector?.connect({});
+            let result = await starknetConnector?.connect({});
             const walletChain = `0x${result?.chainId?.toString(16)}`;
-            const wrongChanin = walletChain == '0x534e5f4d41494e' ? !isMainnet : isMainnet;
-            const starkent = networks.find(n => n.name === KnownInternalNames.Networks.StarkNetMainnet || n.name === KnownInternalNames.Networks.StarkNetSepolia);
-            if (result?.account && wrongChanin) {
-                disconnectWallets(connector?.name, result?.account);
-                const errorMessage = `Please switch the network in your wallet to ${isMainnet ? 'Mainnet' : 'Sepolia'} and click connect again`;
-                throw new Error(errorMessage);
+            const isWalletOnMainnet = walletChain === '0x534e5f4d41494e';
+            const wrongChain = isWalletOnMainnet !== isMainnet;
+            const starknetNetwork = networks.find(n => n.name === KnownInternalNames.Networks.StarkNetMainnet || n.name === KnownInternalNames.Networks.StarkNetSepolia);
+            if (result?.account && wrongChain) {
+                const wallet = starknetConnector?._wallet || starknetConnector?.wallet;
+                if (wallet?.request) {
+                    const targetChainId = isMainnet ? 'SN_MAIN' : 'SN_SEPOLIA';
+                    try {
+                        await wallet.request({
+                            type: "wallet_switchStarknetChain",
+                            params: { chainId: targetChainId }
+                        });
+                        result = await starknetConnector?.connect({});
+                    }
+                    catch (switchError) {
+                        console.log('Chain switch failed:', switchError);
+                        disconnectWallets(connector?.name, result?.account);
+                        throw new Error(`Failed to switch network. Please switch manually to ${isMainnet ? 'Mainnet' : 'Sepolia'} in your wallet.`);
+                    }
+                }
+                else {
+                    disconnectWallets(connector?.name, result?.account);
+                    throw new Error(`Please switch the network in your wallet to ${isMainnet ? 'Mainnet' : 'Sepolia'} and connect again.`);
+                }
             }
             if (result?.account && starknetConnector) {
-                const wallet = await resolveStarknetWallet({
+                const resolvedWallet = await resolveStarknetWallet({
                     name,
                     connector: starknetConnector,
-                    network: starkent,
+                    network: starknetNetwork,
                     disconnectWallets: () => disconnectWallets(starknetConnector.id, result?.account),
                     address: result?.account,
                     withdrawalSupportedNetworks,
@@ -49,15 +67,15 @@ export default function useStarknetConnection({ networks }) {
                     asSourceSupportedNetworks: commonSupportedNetworks,
                 });
                 addAccount(starknetConnector.id, result.account);
-                if (wallet) {
-                    addWallet(wallet);
-                    setActiveWallet(wallet.address);
-                    return wallet;
+                if (resolvedWallet) {
+                    addWallet(resolvedWallet);
+                    setActiveWallet(resolvedWallet.address);
+                    return resolvedWallet;
                 }
             }
         }
         catch (e) {
-            throw new Error(e);
+            throw e;
         }
     };
     const disconnectWallets = async (connectorName, address) => {
@@ -78,7 +96,8 @@ export default function useStarknetConnection({ networks }) {
             id: connector.id,
             icon: resolveStarknetWalletIcon({ icon: connector.icon }),
             type: connector?.["_wallet"] ? 'injected' : 'other',
-            installUrl: connector?.["_wallet"] ? undefined : connectorsConfigs.find(c => c.id === connector.id)?.installLink,
+            installUrl: connectorsConfigs.find(c => c.id === connector.id)?.installLink,
+            extensionNotFound: !connector?.["_wallet"] && connectorsConfigs.find(c => c.id === connector.id)?.installLink !== undefined
         };
     });
     const switchAccount = async (connector, address) => {