@suilend/sui-fe-next 0.1.47

package/README.md

@@ -0,0 +1,8 @@
+# sui-fe-next
+
+A collection of TypeScript frontend components and hooks.
+
+## Get started
+
+1. Install `bun` [https://bun.sh/](https://bun.sh/)
+2. Run `bun i`

package/contexts/SettingsContext.d.ts

@@ -0,0 +1,17 @@
+import { PropsWithChildren } from "react";
+import { SuiClient } from "@mysten/sui/client";
+import { Explorer, ExplorerId, Rpc, RpcId } from "@suilend/sui-fe";
+interface SettingsContext {
+    rpc: Rpc;
+    setRpcId: (id: RpcId) => void;
+    setRpcUrl: (url: string) => void;
+    explorer: Explorer;
+    setExplorerId: (id: ExplorerId) => void;
+    gasBudget: string;
+    setGasBudget: (value: string) => void;
+    suiClient: SuiClient;
+}
+declare const SettingsContext: import("react").Context<SettingsContext>;
+export declare const useSettingsContext: () => SettingsContext;
+export declare function SettingsContextProvider({ children }: PropsWithChildren): import("react").JSX.Element;
+export {};

package/contexts/SettingsContext.jsx

@@ -0,0 +1,79 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { createContext, useContext, useMemo } from "react";
+import { SuiClient, getFullnodeUrl } from "@mysten/sui/client";
+import { useLocalStorage } from "usehooks-ts";
+import { EXPLORERS, RPCS, RpcId, } from "@suilend/sui-fe";
+var defaultContextValue = {
+    rpc: RPCS[0],
+    setRpcId: function () {
+        throw Error("SettingsContextProvider not initialized");
+    },
+    setRpcUrl: function () {
+        throw Error("SettingsContextProvider not initialized");
+    },
+    explorer: EXPLORERS[0],
+    setExplorerId: function () {
+        throw Error("SettingsContextProvider not initialized");
+    },
+    gasBudget: "",
+    setGasBudget: function () {
+        throw Error("SettingsContextProvider not initialized");
+    },
+    suiClient: new SuiClient({ url: getFullnodeUrl("mainnet") }),
+};
+var SettingsContext = createContext(defaultContextValue);
+export var useSettingsContext = function () { return useContext(SettingsContext); };
+export function SettingsContextProvider(_a) {
+    var children = _a.children;
+    // RPC
+    var _b = useLocalStorage("rpcId", defaultContextValue.rpc.id), rpcId = _b[0], setRpcId = _b[1];
+    var _c = useLocalStorage("rpcUrl", ""), rpcUrl = _c[0], setRpcUrl = _c[1];
+    var rpc = useMemo(function () {
+        var _a;
+        return rpcId === RpcId.CUSTOM
+            ? __assign(__assign({}, RPCS.find(function (_rpc) { return _rpc.id === RpcId.CUSTOM; })), { url: rpcUrl }) : ((_a = RPCS.find(function (_rpc) { return _rpc.id === rpcId; })) !== null && _a !== void 0 ? _a : RPCS[0]);
+    }, [rpcId, rpcUrl]);
+    // Explorer
+    var _d = useLocalStorage("explorerId", defaultContextValue.explorer.id), explorerId = _d[0], setExplorerId = _d[1];
+    var explorer = useMemo(function () {
+        var _a;
+        return (_a = EXPLORERS.find(function (_explorer) { return _explorer.id === explorerId; })) !== null && _a !== void 0 ? _a : EXPLORERS[0];
+    }, [explorerId]);
+    // Gas budget
+    var _e = useLocalStorage("gasBudget", defaultContextValue.gasBudget), gasBudget = _e[0], setGasBudget = _e[1];
+    // Sui client
+    var suiClient = useMemo(function () { return new SuiClient({ url: rpc.url }); }, [rpc.url]);
+    // Context
+    var contextValue = useMemo(function () { return ({
+        rpc: rpc,
+        setRpcId: setRpcId,
+        setRpcUrl: setRpcUrl,
+        explorer: explorer,
+        setExplorerId: setExplorerId,
+        gasBudget: gasBudget,
+        setGasBudget: setGasBudget,
+        suiClient: suiClient,
+    }); }, [
+        rpc,
+        setRpcId,
+        setRpcUrl,
+        explorer,
+        setExplorerId,
+        gasBudget,
+        setGasBudget,
+        suiClient,
+    ]);
+    return (<SettingsContext.Provider value={contextValue}>
+      {children}
+    </SettingsContext.Provider>);
+}

package/contexts/WalletContext.d.ts

@@ -0,0 +1,55 @@
+import { Dispatch, PropsWithChildren, SetStateAction } from "react";
+import { DevInspectResults, SuiTransactionBlockResponse } from "@mysten/sui/client";
+import { Transaction } from "@mysten/sui/transactions";
+import { WalletAccount, WalletIcon, WalletWithRequiredFeatures } from "@mysten/wallet-standard";
+export declare enum WalletType {
+    EXTENSION = "extension",
+    WEB = "web"
+}
+type WalletPlatform = "iOS" | "android" | "extension";
+export type Wallet = {
+    name: string;
+    isInstalled?: boolean;
+    iconUrl?: WalletIcon;
+    type: WalletType;
+    downloadUrls?: Record<WalletPlatform, string | undefined>;
+    raw?: WalletWithRequiredFeatures;
+};
+declare enum WalletName {
+    SLUSH = "Slush",
+    BACKPACK = "Backpack",
+    PHANTOM = "Phantom",
+    NIGHTLY = "Nightly",
+    SUIET = "Suiet",
+    BYBIT_WALLET = "Bybit Wallet",
+    GATE_WALLET = "Gate Wallet",
+    OKX_WALLET = "OKX Wallet",
+    MSAFE_WALLET = "MSafe Wallet"
+}
+export declare const DEFAULT_EXTENSION_WALLET_NAMES: WalletName[];
+export declare enum WalletContextQueryParams {
+    WALLET = "wallet"
+}
+export interface WalletContext {
+    isImpersonating?: boolean;
+    isConnectWalletDropdownOpen: boolean;
+    setIsConnectWalletDropdownOpen: Dispatch<SetStateAction<boolean>>;
+    wallets: Wallet[];
+    wallet?: Wallet;
+    connectWallet: (wallet: Wallet) => void;
+    disconnectWallet: () => void;
+    accounts: readonly WalletAccount[];
+    account?: WalletAccount;
+    switchAccount: (account: WalletAccount, addressNameServiceName?: string) => void;
+    address?: string;
+    dryRunTransaction: (transaction: Transaction, setGasBudget?: boolean) => Promise<DevInspectResults>;
+    signExecuteAndWaitForTransaction: (transaction: Transaction, options?: {
+        auction?: boolean;
+    }) => Promise<SuiTransactionBlockResponse>;
+}
+export declare const useWalletContext: () => WalletContext;
+interface WalletContextProviderProps extends PropsWithChildren {
+    appName: string;
+}
+export declare function WalletContextProvider({ appName, children, }: WalletContextProviderProps): import("react").JSX.Element;
+export {};