circle-check
Our docs are AI-ready. Use them as context for any AI, or ask questions via the search bar.

flag-checkeredComenzando

Descripción general

El Trustless Work React SDK es una colección de hooks y entidades tipadas.

Utiliza Axiosarrow-up-right para solicitudes HTTP.

circle-info

Los flujos de escritura requieren una clave de API (NEXT_PUBLIC_API_KEY). Las llamadas de solo lectura pueden funcionar sin una.

Enlaces rápidos

Configuración

1

Instalación

Instala el SDK.

npm install "@trustless-work/escrow"
2

Configura el proveedor

Configurarás 2 cosas:

  • baseURL: usa development (testnet) o mainNet (mainnet).

  • apiKey: desde el dApp BackOffice.

El SDK exporta TrustlessWorkConfig. Envuelve tu aplicación con él para habilitar todos los hooks.

src/trustless-work-provider.tsx
"use client"; // asegúrate de que este sea un componente cliente

import React from "react";
import {
  // entorno de desarrollo = "https://dev.api.trustlesswork.com"
  development,

  // entorno mainnet = "https://api.trustlesswork.com"
  mainNet,
  TrustlessWorkConfig,
} from "@trustless-work/escrow";

interface TrustlessWorkProviderProps {
  children: React.ReactNode;
}

export function TrustlessWorkProvider({
  children,
}: TrustlessWorkProviderProps) {
  const apiKey = process.env.NEXT_PUBLIC_API_KEY || "";

  return (
    <TrustlessWorkConfig baseURL={development} apiKey={apiKey}>
      {children}
    </TrustlessWorkConfig>
  );
}
circle-exclamation
3

Envuelve tu aplicación

Elige el fragmento que coincida con tu configuración.

app/layout.tsx
import { TrustlessWorkProvider } from "@/trustless-work-provider";
 
export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en">
      <body>
        <TrustlessWorkProvider>{children}</TrustlessWorkProvider>
      </body>
    </html>
  );
}
4

Usa hooks y entidades

Ahora puedes llamar a los hooks del SDK desde cualquier componente bajo el proveedor.

Flujo típico:

  1. Llama a un hook para obtener un XDR sin firmar.

  2. Firma el XDR con la wallet del rol correcto.

  3. Envíalo con useSendTransaction.

Leer: useSendTransaction.

circle-check

Última actualización

¿Te fue útil?