@lombard.finance/sdk 4.0.0 → 4.1.2

package/src/stories/components/decorators/function-type.tsx

@@ -1,63 +0,0 @@
-type FuncType = 'api-get' | 'api-post' | 'read' | 'write';
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const functionType = (type: FuncType) => (Story: any) => {
-  return (
-    <div
-      style={{
-        display: 'flex',
-        gap: '5px',
-        flexDirection: 'column',
-        border: `1px solid ${colors[type]}`,
-        borderRadius: '5px',
-        overflow: 'hidden',
-      }}
-    >
-      <div
-        style={{
-          display: 'inline-flex',
-          flexDirection: 'row',
-          gap: '5px',
-          fontSize: '0.8em',
-          background: colors[type],
-          color: 'var(--bs-white)',
-          padding: '2px 5px',
-          //   borderRadius: '5px',
-        }}
-      >
-        <span style={{ fontWeight: '800 ' }}>{labels[type]}</span>
-        <span style={{ opacity: '0.8' }}>{descriptions[type]}</span>
-      </div>
-
-      <div
-        style={{
-          padding: '20px',
-        }}
-      >
-        <Story />
-      </div>
-    </div>
-  );
-};
-
-const labels: Record<FuncType, string> = {
-  'api-get': 'API (get)',
-  'api-post': 'API (post)',
-  read: 'READ',
-  write: 'WRITE',
-};
-
-const descriptions: Record<FuncType, string> = {
-  'api-get': 'The function gets data from the Lombard API(s)',
-  'api-post': 'The function posts data to the Lombard API(s)',
-  read: 'The function reads data from the contract(s)',
-  write:
-    'The function writes data to the contract(s) or performs a wallet action.',
-};
-
-const colors: Record<FuncType, string> = {
-  'api-get': 'rgb(100 100 255)',
-  'api-post': 'rgb(100 0 255)',
-  read: 'rgb(200 100 255)',
-  write: 'rgb(200 0 255)',
-};

package/src/stories/components/decorators/index.ts

@@ -1,2 +0,0 @@
-export { functionType } from './function-type';
-export { wagmiDecorator } from './wagmi-decorator';

package/src/stories/components/decorators/wagmi-decorator.tsx

@@ -1,92 +0,0 @@
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { avalanche, avalancheFuji } from '@wagmi/core/chains';
-import { ReactNode } from 'react';
-import { createConfig, http, WagmiProvider } from 'wagmi';
-import {
-  base,
-  baseSepolia,
-  berachain,
-  berachainTestnetbArtio,
-  bsc,
-  bscTestnet,
-  corn,
-  holesky,
-  mainnet,
-  morph,
-  morphHolesky,
-  sepolia,
-  sonic,
-  sonicBlazeTestnet,
-  swellchain,
-} from 'wagmi/chains';
-
-import { rpcUrlConfig } from '../../../clients/rpc-url-config';
-import { katana, katanaTatara, tac } from '../../../common/chains';
-
-const config = createConfig({
-  chains: [
-    mainnet,
-    base,
-    berachain,
-    bsc,
-    corn,
-    katana,
-    morph,
-    sonic,
-    swellchain,
-    tac,
-    avalanche,
-    // Testnets:
-    baseSepolia,
-    berachainTestnetbArtio,
-    bscTestnet,
-    holesky,
-    katanaTatara,
-    morphHolesky,
-    sepolia,
-    sonicBlazeTestnet,
-    avalancheFuji,
-  ],
-  transports: {
-    [mainnet.id]: http(rpcUrlConfig[mainnet.id]),
-    [base.id]: http(rpcUrlConfig[base.id]),
-    [berachain.id]: http(rpcUrlConfig[berachain.id]),
-    [bsc.id]: http(rpcUrlConfig[bsc.id]),
-    [corn.id]: http(rpcUrlConfig[corn.id]),
-    [katana.id]: http(rpcUrlConfig[katana.id]),
-    [morph.id]: http(rpcUrlConfig[morph.id]),
-    [sonic.id]: http(rpcUrlConfig[sonic.id]),
-    [swellchain.id]: http(rpcUrlConfig[swellchain.id]),
-    [tac.id]: http(rpcUrlConfig[tac.id]),
-    [avalanche.id]: http(rpcUrlConfig[avalanche.id]),
-    // Testnets:
-    [baseSepolia.id]: http(rpcUrlConfig[baseSepolia.id]),
-    [berachainTestnetbArtio.id]: http(rpcUrlConfig[berachainTestnetbArtio.id]),
-    [bscTestnet.id]: http(rpcUrlConfig[bscTestnet.id]),
-    [holesky.id]: http(rpcUrlConfig[holesky.id]),
-    [katanaTatara.id]: http(rpcUrlConfig[katanaTatara.id]),
-    [morphHolesky.id]: http(rpcUrlConfig[morphHolesky.id]),
-    [sepolia.id]: http(rpcUrlConfig[sepolia.id]),
-    [sonicBlazeTestnet.id]: http(rpcUrlConfig[sonicBlazeTestnet.id]),
-    [avalancheFuji.id]: http(rpcUrlConfig[avalancheFuji.id]),
-  },
-});
-
-const queryClient = new QueryClient();
-
-export function ConnectionProvider({ children }: { children: ReactNode }) {
-  return (
-    <QueryClientProvider client={queryClient}>
-      <WagmiProvider config={config}>{children}</WagmiProvider>
-    </QueryClientProvider>
-  );
-}
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const wagmiDecorator = (Story: any) => {
-  return (
-    <ConnectionProvider>
-      <Story />
-    </ConnectionProvider>
-  );
-};

package/src/stories/components/error-block.tsx

@@ -1,21 +0,0 @@
-import { ReactNode } from 'react';
-
-export const ErrorBlock = ({ children }: { children: ReactNode }) =>
-  children && (
-    <div
-      style={{
-        margin: '20px 0',
-        padding: '10px 0',
-        paddingLeft: '20px',
-        borderLeft: '3px solid var(--bs-red)',
-        whiteSpace: 'pre-wrap',
-        fontSize: '0.8em',
-        color: 'var(--bs-red)',
-        background: '#fef5f6',
-        overflow: 'hidden',
-        borderRadius: '5px',
-      }}
-    >
-      {children}
-    </div>
-  );

package/src/stories/components/index.ts

@@ -1,11 +0,0 @@
-/**
- * Shared components for Storybook registry explorers
- * These components provide consistent UI patterns across different registry stories
- */
-
-export { Badge } from './Badge';
-export { Card } from './Card';
-export { JsonPreview } from './JsonPreview';
-export { StatsCard } from './StatsCard';
-export { StatusIndicator } from './StatusIndicator';
-export { TreeNode } from './TreeNode';

package/src/stories/constants.ts

@@ -1,3 +0,0 @@
-export const EXAMPLE_EVM_ADDRESS = '0x659579f1460c38c3ce3288b47b074646cef855fc';
-export const EXAMPLE_BABYLON_ADDRESS =
-  'bbn1aa82ux0zp8jtk3wt5gzq8qeprp9zr6a8hy497p';

package/src/stories/hooks/useConnection.ts

@@ -1,63 +0,0 @@
-import { useCallback, useEffect, useState } from 'react';
-import { EIP1193Provider } from 'viem';
-import {
-  type Config,
-  useAccount,
-  type UseAccountReturnType,
-  useConnect as useWagmiConnect,
-  useDisconnect as useWagmiDisconnect,
-} from 'wagmi';
-import { injected } from 'wagmi/connectors';
-
-import { ChainId } from '../../common/chains';
-
-type CanPerformAction = {
-  account: Extract<UseAccountReturnType<Config>, { status: 'connected' }> & {
-    chainId: ChainId;
-  };
-  provider: EIP1193Provider;
-};
-
-export const canPerformAction = <config extends Config = Config>(arg: {
-  account: UseAccountReturnType<config>;
-  provider: EIP1193Provider | undefined;
-}): arg is CanPerformAction =>
-  Boolean(
-    arg.account.status === 'connected' &&
-      arg.account.connector &&
-      arg.account.address &&
-      arg.account.chainId &&
-      arg.provider,
-  );
-
-export function useConnection() {
-  const { connect } = useWagmiConnect();
-  const account = useAccount();
-  const { disconnect } = useWagmiDisconnect();
-  const [provider, setProvider] = useState<EIP1193Provider | undefined>(
-    undefined,
-  );
-
-  const connectWallet = useCallback(() => {
-    connect({ connector: injected() });
-  }, [connect]);
-
-  useEffect(() => {
-    if (!account.address && provider) {
-      setProvider(undefined);
-    }
-
-    const getProvider = async () => {
-      const p = (await account.connector?.getProvider()) as EIP1193Provider;
-      if (p) setProvider(p);
-    };
-    getProvider();
-  }, [account, provider]);
-
-  return {
-    account,
-    provider,
-    connect: connectWallet,
-    disconnect,
-  };
-}

package/src/stories/hooks/useQuery.ts

@@ -1,57 +0,0 @@
-import { useCallback, useEffect, useState } from 'react';
-
-import { getErrorMessage } from '../../utils/err';
-
-type QueryFn<T> = () => Promise<T>;
-
-interface UseQueryResult<T> {
-  data: T | null;
-  error: string | null;
-  isLoading: boolean;
-  refetch: () => void;
-}
-
-/**
- * Custom hook for making a query and managing the query state.
- *
- * @template T - The type of data returned by the query.
- * @param queryFn The function that performs the query.
- * @param dependencies The dependencies that trigger a re-fetch of the query.
- * @param shouldFetch Determines whether the query should be fetched initially. Defaults to true.
- * @returns The query result object containing the data, error, loading state, and a refetch function.
- */
-export function useQuery<T>(
-  queryFn: QueryFn<T>,
-  dependencies: unknown[] = [],
-  shouldFetch = true,
-): UseQueryResult<T> {
-  const [data, setData] = useState<T | null>(null);
-  const [error, setError] = useState<string | null>(null);
-  const [isLoading, setLoading] = useState<boolean>(false);
-
-  const fetchData = useCallback(async () => {
-    setLoading(true);
-    setError(null);
-    setData(null);
-    try {
-      const result = await queryFn();
-      setData(result);
-    } catch (err) {
-      console.error(err);
-      const errorMsg = getErrorMessage(err);
-      setError(errorMsg);
-    } finally {
-      setLoading(false);
-    }
-  }, [queryFn, ...dependencies]);
-
-  useEffect(() => {
-    if (shouldFetch) {
-      fetchData();
-    }
-  }, [shouldFetch, fetchData, ...dependencies]);
-
-  return { data, error, isLoading, refetch: fetchData };
-}
-
-export default useQuery;