create-lightning-scaffold 1.0.0 → 1.0.1

package/templates/examples/web/gasless-transfer/page.tsx

@@ -1,85 +0,0 @@
-"use client";
-import { useState } from "react";
-import Link from "next/link";
-import { PublicKey, Transaction, SystemProgram, LAMPORTS_PER_SOL } from "@solana/web3.js";
-import { signAndSendTransaction, sponsorTransaction } from "@/lib/lazorkit";
-import { useStore } from "@/lib/store";
-
-export default function GaslessTransfer() {
-  const { wallet } = useStore();
-  const [recipient, setRecipient] = useState("");
-  const [amount, setAmount] = useState("");
-  const [loading, setLoading] = useState(false);
-  const [result, setResult] = useState<{ success: boolean; message: string } | null>(null);
-
-  const handleTransfer = async () => {
-    if (!wallet || !recipient || !amount) return;
-    setLoading(true);
-    setResult(null);
-
-    try {
-      const tx = new Transaction().add(
-        SystemProgram.transfer({
-          fromPubkey: wallet.publicKey,
-          toPubkey: new PublicKey(recipient),
-          lamports: parseFloat(amount) * LAMPORTS_PER_SOL,
-        })
-      );
-
-      const sponsoredTx = await sponsorTransaction(tx);
-      const signature = await signAndSendTransaction(sponsoredTx, wallet);
-
-      setResult(signature ? { success: true, message: `Sent! ${signature.slice(0, 20)}...` } : { success: false, message: "Cancelled" });
-    } catch (e) {
-      setResult({ success: false, message: e instanceof Error ? e.message : "Failed" });
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  if (!wallet) {
-    return (
-      <div className="min-h-screen flex flex-col items-center justify-center p-6">
-        <h1 className="text-xl font-bold mb-4">Connect wallet first</h1>
-        <Link href="/examples/passkey-login" className="bg-blue-600 text-white px-6 py-3 rounded-xl">Go to Login</Link>
-      </div>
-    );
-  }
-
-  return (
-    <div className="min-h-screen flex flex-col items-center justify-center p-6">
-      <h1 className="text-3xl font-bold">Gasless Transfer</h1>
-      <p className="text-gray-500 mt-2 mb-8">Send SOL without paying gas</p>
-
-      <div className="w-full max-w-sm space-y-4">
-        <input
-          type="text"
-          placeholder="Recipient address"
-          value={recipient}
-          onChange={(e) => setRecipient(e.target.value)}
-          className="w-full border border-gray-300 rounded-lg p-3"
-        />
-        <input
-          type="text"
-          placeholder="Amount (SOL)"
-          value={amount}
-          onChange={(e) => setAmount(e.target.value)}
-          className="w-full border border-gray-300 rounded-lg p-3"
-        />
-        <button
-          onClick={handleTransfer}
-          disabled={loading || !recipient || !amount}
-          className="w-full bg-blue-600 text-white py-4 rounded-xl font-semibold hover:bg-blue-700 disabled:opacity-50"
-        >
-          {loading ? "Sending..." : "Send (Gasless)"}
-        </button>
-      </div>
-
-      {result && (
-        <p className={`mt-4 ${result.success ? "text-green-600" : "text-red-500"}`}>{result.message}</p>
-      )}
-
-      <Link href="/examples" className="text-blue-600 mt-8">← Back to Examples</Link>
-    </div>
-  );
-}

package/templates/examples/web/page.tsx

@@ -1,27 +0,0 @@
-import Link from "next/link";
-
-export default function Examples() {
-  const examples = [
-    { href: "/examples/passkey-login", title: "Passkey Login", desc: "WebAuthn-based authentication" },
-    { href: "/examples/gasless-transfer", title: "Gasless Transfer", desc: "Send SOL without gas fees" },
-    { href: "/examples/biometric-onboard", title: "Biometric Onboarding", desc: "Secure wallet setup flow" },
-  ];
-
-  return (
-    <div className="min-h-screen flex flex-col items-center justify-center p-6">
-      <h1 className="text-3xl font-bold mb-2">LazorKit Examples</h1>
-      <p className="text-gray-500 mb-8">Explore the SDK integration demos</p>
-
-      <div className="grid gap-4 w-full max-w-md">
-        {examples.map((ex) => (
-          <Link key={ex.href} href={ex.href} className="block p-4 border border-gray-200 rounded-xl hover:border-blue-500 hover:bg-blue-50 transition">
-            <h2 className="font-semibold">{ex.title}</h2>
-            <p className="text-sm text-gray-500">{ex.desc}</p>
-          </Link>
-        ))}
-      </div>
-
-      <Link href="/" className="text-blue-600 mt-8">← Back to Home</Link>
-    </div>
-  );
-}

package/templates/examples/web/passkey-login/page.tsx

@@ -1,50 +0,0 @@
-"use client";
-import { useState } from "react";
-import Link from "next/link";
-import { connectPasskey } from "@/lib/lazorkit";
-import { useStore } from "@/lib/store";
-
-export default function PasskeyLogin() {
-  const { wallet, setWallet } = useStore();
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState<string | null>(null);
-
-  const handleConnect = async () => {
-    setLoading(true);
-    setError(null);
-    try {
-      const result = await connectPasskey();
-      if (result) setWallet(result);
-      else setError("Connection cancelled");
-    } catch (e) {
-      setError(e instanceof Error ? e.message : "Connection failed");
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  return (
-    <div className="min-h-screen flex flex-col items-center justify-center p-6">
-      <h1 className="text-3xl font-bold">Passkey Login</h1>
-      <p className="text-gray-500 mt-2 mb-8">Connect with biometric authentication</p>
-
-      {wallet ? (
-        <div className="bg-gray-100 p-6 rounded-xl w-full max-w-sm">
-          <p className="text-sm text-gray-500">Connected Wallet</p>
-          <p className="font-mono font-semibold">{wallet.address.slice(0, 8)}...{wallet.address.slice(-8)}</p>
-          <button onClick={() => setWallet(null)} className="w-full mt-4 border border-gray-300 p-3 rounded-lg text-gray-600 hover:bg-gray-50">
-            Disconnect
-          </button>
-        </div>
-      ) : (
-        <button onClick={handleConnect} disabled={loading} className="bg-blue-600 text-white px-8 py-4 rounded-xl font-semibold hover:bg-blue-700 disabled:opacity-50">
-          {loading ? "Connecting..." : "Connect with Passkey"}
-        </button>
-      )}
-
-      {error && <p className="text-red-500 mt-4">{error}</p>}
-
-      <Link href="/examples" className="text-blue-600 mt-8">← Back to Examples</Link>
-    </div>
-  );
-}

package/templates/lib/lazorkit/mobile/index.ts

@@ -1,53 +0,0 @@
-import * as WebBrowser from "expo-web-browser";
-import * as Linking from "expo-linking";
-import { Connection, PublicKey, Transaction } from "@solana/web3.js";
-
-const PORTAL_URL = process.env.EXPO_PUBLIC_LAZORKIT_PORTAL_URL || "https://portal.lazor.sh";
-const PAYMASTER_URL = process.env.EXPO_PUBLIC_LAZORKIT_PAYMASTER_URL || "https://kora.devnet.lazorkit.com";
-const RPC_URL = process.env.EXPO_PUBLIC_SOLANA_RPC || "https://api.devnet.solana.com";
-
-export interface LazorWallet {
-  address: string;
-  publicKey: PublicKey;
-}
-
-export async function connectPasskey(redirectUrl: string): Promise<LazorWallet | null> {
-  const authUrl = `${PORTAL_URL}/auth?redirect=${encodeURIComponent(redirectUrl)}`;
-  const result = await WebBrowser.openAuthSessionAsync(authUrl, redirectUrl);
-
-  if (result.type === "success" && result.url) {
-    const params = Linking.parse(result.url);
-    const address = params.queryParams?.address as string;
-    if (address) return { address, publicKey: new PublicKey(address) };
-  }
-  return null;
-}
-
-export async function signAndSendTransaction(tx: Transaction, wallet: LazorWallet, redirectUrl: string): Promise<string | null> {
-  const connection = new Connection(RPC_URL);
-  const { blockhash } = await connection.getLatestBlockhash();
-  tx.recentBlockhash = blockhash;
-  tx.feePayer = wallet.publicKey;
-
-  const serialized = tx.serialize({ requireAllSignatures: false }).toString("base64");
-  const signUrl = `${PORTAL_URL}/sign?tx=${encodeURIComponent(serialized)}&redirect=${encodeURIComponent(redirectUrl)}`;
-  const result = await WebBrowser.openAuthSessionAsync(signUrl, redirectUrl);
-
-  if (result.type === "success" && result.url) {
-    const params = Linking.parse(result.url);
-    return (params.queryParams?.signature as string) || null;
-  }
-  return null;
-}
-
-export async function sponsorTransaction(tx: Transaction): Promise<Transaction> {
-  const res = await fetch(`${PAYMASTER_URL}/sponsor`, {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify({ transaction: tx.serialize({ requireAllSignatures: false }).toString("base64") }),
-  });
-  const { sponsoredTx } = await res.json();
-  return Transaction.from(Buffer.from(sponsoredTx, "base64"));
-}
-
-export const connection = new Connection(RPC_URL);

package/templates/lib/lazorkit/web/index.ts

@@ -1,67 +0,0 @@
-"use client";
-import { Connection, PublicKey, Transaction } from "@solana/web3.js";
-
-const PORTAL_URL = process.env.NEXT_PUBLIC_LAZORKIT_PORTAL_URL || "https://portal.lazor.sh";
-const PAYMASTER_URL = process.env.NEXT_PUBLIC_LAZORKIT_PAYMASTER_URL || "https://kora.devnet.lazorkit.com";
-const RPC_URL = process.env.NEXT_PUBLIC_SOLANA_RPC || "https://api.devnet.solana.com";
-
-export interface LazorWallet {
-  address: string;
-  publicKey: PublicKey;
-}
-
-export async function connectPasskey(): Promise<LazorWallet | null> {
-  const redirectUrl = `${window.location.origin}/auth/callback`;
-  const popup = window.open(`${PORTAL_URL}/auth?redirect=${encodeURIComponent(redirectUrl)}`, "lazorkit", "width=500,height=600");
-
-  return new Promise((resolve) => {
-    const handler = (e: MessageEvent) => {
-      if (e.origin === window.location.origin && e.data?.address) {
-        window.removeEventListener("message", handler);
-        popup?.close();
-        resolve({ address: e.data.address, publicKey: new PublicKey(e.data.address) });
-      }
-    };
-    window.addEventListener("message", handler);
-    const check = setInterval(() => {
-      if (popup?.closed) { clearInterval(check); window.removeEventListener("message", handler); resolve(null); }
-    }, 500);
-  });
-}
-
-export async function signAndSendTransaction(tx: Transaction, wallet: LazorWallet): Promise<string | null> {
-  const connection = new Connection(RPC_URL);
-  const { blockhash } = await connection.getLatestBlockhash();
-  tx.recentBlockhash = blockhash;
-  tx.feePayer = wallet.publicKey;
-
-  const serialized = tx.serialize({ requireAllSignatures: false }).toString("base64");
-  const redirectUrl = `${window.location.origin}/auth/callback`;
-  const popup = window.open(`${PORTAL_URL}/sign?tx=${encodeURIComponent(serialized)}&redirect=${encodeURIComponent(redirectUrl)}`, "lazorkit", "width=500,height=600");
-
-  return new Promise((resolve) => {
-    const handler = (e: MessageEvent) => {
-      if (e.origin === window.location.origin && e.data?.signature) {
-        window.removeEventListener("message", handler);
-        popup?.close();
-        resolve(e.data.signature);
-      }
-    };
-    window.addEventListener("message", handler);
-    const check = setInterval(() => {
-      if (popup?.closed) { clearInterval(check); window.removeEventListener("message", handler); resolve(null); }
-    }, 500);
-  });
-}
-
-export async function sponsorTransaction(tx: Transaction): Promise<Transaction> {
-  const res = await fetch(`${PAYMASTER_URL}/sponsor`, {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify({ transaction: tx.serialize({ requireAllSignatures: false }).toString("base64") }),
-  });
-  const { sponsoredTx } = await res.json();
-  return Transaction.from(Buffer.from(sponsoredTx, "base64"));
-}
-
-export const connection = new Connection(RPC_URL);

package/templates/mobile/app/(tabs)/_layout.tsx

@@ -1,59 +0,0 @@
-import React from 'react';
-import FontAwesome from '@expo/vector-icons/FontAwesome';
-import { Link, Tabs } from 'expo-router';
-import { Pressable } from 'react-native';
-
-import Colors from '@/constants/Colors';
-import { useColorScheme } from '@/components/useColorScheme';
-import { useClientOnlyValue } from '@/components/useClientOnlyValue';
-
-// You can explore the built-in icon families and icons on the web at https://icons.expo.fyi/
-function TabBarIcon(props: {
-  name: React.ComponentProps<typeof FontAwesome>['name'];
-  color: string;
-}) {
-  return <FontAwesome size={28} style={{ marginBottom: -3 }} {...props} />;
-}
-
-export default function TabLayout() {
-  const colorScheme = useColorScheme();
-
-  return (
-    <Tabs
-      screenOptions={{
-        tabBarActiveTintColor: Colors[colorScheme ?? 'light'].tint,
-        // Disable the static render of the header on web
-        // to prevent a hydration error in React Navigation v6.
-        headerShown: useClientOnlyValue(false, true),
-      }}>
-      <Tabs.Screen
-        name="index"
-        options={{
-          title: 'Tab One',
-          tabBarIcon: ({ color }) => <TabBarIcon name="code" color={color} />,
-          headerRight: () => (
-            <Link href="/modal" asChild>
-              <Pressable>
-                {({ pressed }) => (
-                  <FontAwesome
-                    name="info-circle"
-                    size={25}
-                    color={Colors[colorScheme ?? 'light'].text}
-                    style={{ marginRight: 15, opacity: pressed ? 0.5 : 1 }}
-                  />
-                )}
-              </Pressable>
-            </Link>
-          ),
-        }}
-      />
-      <Tabs.Screen
-        name="two"
-        options={{
-          title: 'Tab Two',
-          tabBarIcon: ({ color }) => <TabBarIcon name="code" color={color} />,
-        }}
-      />
-    </Tabs>
-  );
-}

package/templates/mobile/app/(tabs)/index.tsx

@@ -1,31 +0,0 @@
-import { StyleSheet } from 'react-native';
-
-import EditScreenInfo from '@/components/EditScreenInfo';
-import { Text, View } from '@/components/Themed';
-
-export default function TabOneScreen() {
-  return (
-    <View style={styles.container}>
-      <Text style={styles.title}>Tab One</Text>
-      <View style={styles.separator} lightColor="#eee" darkColor="rgba(255,255,255,0.1)" />
-      <EditScreenInfo path="app/(tabs)/index.tsx" />
-    </View>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-  title: {
-    fontSize: 20,
-    fontWeight: 'bold',
-  },
-  separator: {
-    marginVertical: 30,
-    height: 1,
-    width: '80%',
-  },
-});

package/templates/mobile/app/(tabs)/two.tsx

@@ -1,31 +0,0 @@
-import { StyleSheet } from 'react-native';
-
-import EditScreenInfo from '@/components/EditScreenInfo';
-import { Text, View } from '@/components/Themed';
-
-export default function TabTwoScreen() {
-  return (
-    <View style={styles.container}>
-      <Text style={styles.title}>Tab Two</Text>
-      <View style={styles.separator} lightColor="#eee" darkColor="rgba(255,255,255,0.1)" />
-      <EditScreenInfo path="app/(tabs)/two.tsx" />
-    </View>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-  title: {
-    fontSize: 20,
-    fontWeight: 'bold',
-  },
-  separator: {
-    marginVertical: 30,
-    height: 1,
-    width: '80%',
-  },
-});

package/templates/mobile/app/+html.tsx

@@ -1,38 +0,0 @@
-import { ScrollViewStyleReset } from 'expo-router/html';
-
-// This file is web-only and used to configure the root HTML for every
-// web page during static rendering.
-// The contents of this function only run in Node.js environments and
-// do not have access to the DOM or browser APIs.
-export default function Root({ children }: { children: React.ReactNode }) {
-  return (
-    <html lang="en">
-      <head>
-        <meta charSet="utf-8" />
-        <meta httpEquiv="X-UA-Compatible" content="IE=edge" />
-        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
-
-        {/* 
-          Disable body scrolling on web. This makes ScrollView components work closer to how they do on native. 
-          However, body scrolling is often nice to have for mobile web. If you want to enable it, remove this line.
-        */}
-        <ScrollViewStyleReset />
-
-        {/* Using raw CSS styles as an escape-hatch to ensure the background color never flickers in dark-mode. */}
-        <style dangerouslySetInnerHTML={{ __html: responsiveBackground }} />
-        {/* Add any additional <head> elements that you want globally available on web... */}
-      </head>
-      <body>{children}</body>
-    </html>
-  );
-}
-
-const responsiveBackground = `
-body {
-  background-color: #fff;
-}
-@media (prefers-color-scheme: dark) {
-  body {
-    background-color: #000;
-  }
-}`;

package/templates/mobile/app/+not-found.tsx

@@ -1,40 +0,0 @@
-import { Link, Stack } from 'expo-router';
-import { StyleSheet } from 'react-native';
-
-import { Text, View } from '@/components/Themed';
-
-export default function NotFoundScreen() {
-  return (
-    <>
-      <Stack.Screen options={{ title: 'Oops!' }} />
-      <View style={styles.container}>
-        <Text style={styles.title}>This screen doesn't exist.</Text>
-
-        <Link href="/" style={styles.link}>
-          <Text style={styles.linkText}>Go to home screen!</Text>
-        </Link>
-      </View>
-    </>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
-    padding: 20,
-  },
-  title: {
-    fontSize: 20,
-    fontWeight: 'bold',
-  },
-  link: {
-    marginTop: 15,
-    paddingVertical: 15,
-  },
-  linkText: {
-    fontSize: 14,
-    color: '#2e78b7',
-  },
-});

package/templates/mobile/app/modal.tsx

@@ -1,35 +0,0 @@
-import { StatusBar } from 'expo-status-bar';
-import { Platform, StyleSheet } from 'react-native';
-
-import EditScreenInfo from '@/components/EditScreenInfo';
-import { Text, View } from '@/components/Themed';
-
-export default function ModalScreen() {
-  return (
-    <View style={styles.container}>
-      <Text style={styles.title}>Modal</Text>
-      <View style={styles.separator} lightColor="#eee" darkColor="rgba(255,255,255,0.1)" />
-      <EditScreenInfo path="app/modal.tsx" />
-
-      {/* Use a light status bar on iOS to account for the black space above the modal */}
-      <StatusBar style={Platform.OS === 'ios' ? 'light' : 'auto'} />
-    </View>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-  title: {
-    fontSize: 20,
-    fontWeight: 'bold',
-  },
-  separator: {
-    marginVertical: 30,
-    height: 1,
-    width: '80%',
-  },
-});

package/templates/mobile/components/EditScreenInfo.tsx

@@ -1,77 +0,0 @@
-import React from 'react';
-import { StyleSheet } from 'react-native';
-
-import { ExternalLink } from './ExternalLink';
-import { MonoText } from './StyledText';
-import { Text, View } from './Themed';
-
-import Colors from '@/constants/Colors';
-
-export default function EditScreenInfo({ path }: { path: string }) {
-  return (
-    <View>
-      <View style={styles.getStartedContainer}>
-        <Text
-          style={styles.getStartedText}
-          lightColor="rgba(0,0,0,0.8)"
-          darkColor="rgba(255,255,255,0.8)">
-          Open up the code for this screen:
-        </Text>
-
-        <View
-          style={[styles.codeHighlightContainer, styles.homeScreenFilename]}
-          darkColor="rgba(255,255,255,0.05)"
-          lightColor="rgba(0,0,0,0.05)">
-          <MonoText>{path}</MonoText>
-        </View>
-
-        <Text
-          style={styles.getStartedText}
-          lightColor="rgba(0,0,0,0.8)"
-          darkColor="rgba(255,255,255,0.8)">
-          Change any of the text, save the file, and your app will automatically update.
-        </Text>
-      </View>
-
-      <View style={styles.helpContainer}>
-        <ExternalLink
-          style={styles.helpLink}
-          href="https://docs.expo.io/get-started/create-a-new-app/#opening-the-app-on-your-phonetablet">
-          <Text style={styles.helpLinkText} lightColor={Colors.light.tint}>
-            Tap here if your app doesn't automatically update after making changes
-          </Text>
-        </ExternalLink>
-      </View>
-    </View>
-  );
-}
-
-const styles = StyleSheet.create({
-  getStartedContainer: {
-    alignItems: 'center',
-    marginHorizontal: 50,
-  },
-  homeScreenFilename: {
-    marginVertical: 7,
-  },
-  codeHighlightContainer: {
-    borderRadius: 3,
-    paddingHorizontal: 4,
-  },
-  getStartedText: {
-    fontSize: 17,
-    lineHeight: 24,
-    textAlign: 'center',
-  },
-  helpContainer: {
-    marginTop: 15,
-    marginHorizontal: 20,
-    alignItems: 'center',
-  },
-  helpLink: {
-    paddingVertical: 15,
-  },
-  helpLinkText: {
-    textAlign: 'center',
-  },
-});

package/templates/mobile/components/StyledText.tsx

@@ -1,5 +0,0 @@
-import { Text, TextProps } from './Themed';
-
-export function MonoText(props: TextProps) {
-  return <Text {...props} style={[props.style, { fontFamily: 'SpaceMono' }]} />;
-}

package/templates/mobile/components/__tests__/StyledText-test.js

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import renderer from 'react-test-renderer';
-
-import { MonoText } from '../StyledText';
-
-it(`renders correctly`, () => {
-  const tree = renderer.create(<MonoText>Snapshot test!</MonoText>).toJSON();
-
-  expect(tree).toMatchSnapshot();
-});

package/templates/mobile/lib/lazorkit/index.ts

@@ -1,53 +0,0 @@
-import * as WebBrowser from "expo-web-browser";
-import * as Linking from "expo-linking";
-import { Connection, PublicKey, Transaction } from "@solana/web3.js";
-
-const PORTAL_URL = process.env.EXPO_PUBLIC_LAZORKIT_PORTAL_URL || "https://portal.lazor.sh";
-const PAYMASTER_URL = process.env.EXPO_PUBLIC_LAZORKIT_PAYMASTER_URL || "https://kora.devnet.lazorkit.com";
-const RPC_URL = process.env.EXPO_PUBLIC_SOLANA_RPC || "https://api.devnet.solana.com";
-
-export interface LazorWallet {
-  address: string;
-  publicKey: PublicKey;
-}
-
-export async function connectPasskey(redirectUrl: string): Promise<LazorWallet | null> {
-  const authUrl = `${PORTAL_URL}/auth?redirect=${encodeURIComponent(redirectUrl)}`;
-  const result = await WebBrowser.openAuthSessionAsync(authUrl, redirectUrl);
-
-  if (result.type === "success" && result.url) {
-    const params = Linking.parse(result.url);
-    const address = params.queryParams?.address as string;
-    if (address) return { address, publicKey: new PublicKey(address) };
-  }
-  return null;
-}
-
-export async function signAndSendTransaction(tx: Transaction, wallet: LazorWallet, redirectUrl: string): Promise<string | null> {
-  const connection = new Connection(RPC_URL);
-  const { blockhash } = await connection.getLatestBlockhash();
-  tx.recentBlockhash = blockhash;
-  tx.feePayer = wallet.publicKey;
-
-  const serialized = tx.serialize({ requireAllSignatures: false }).toString("base64");
-  const signUrl = `${PORTAL_URL}/sign?tx=${encodeURIComponent(serialized)}&redirect=${encodeURIComponent(redirectUrl)}`;
-  const result = await WebBrowser.openAuthSessionAsync(signUrl, redirectUrl);
-
-  if (result.type === "success" && result.url) {
-    const params = Linking.parse(result.url);
-    return (params.queryParams?.signature as string) || null;
-  }
-  return null;
-}
-
-export async function sponsorTransaction(tx: Transaction): Promise<Transaction> {
-  const res = await fetch(`${PAYMASTER_URL}/sponsor`, {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify({ transaction: tx.serialize({ requireAllSignatures: false }).toString("base64") }),
-  });
-  const { sponsoredTx } = await res.json();
-  return Transaction.from(Buffer.from(sponsoredTx, "base64"));
-}
-
-export const connection = new Connection(RPC_URL);