Comenzando - SDK

Resumen

La biblioteca Trustless Work React es una colección de hooks y entidades de React. Combina los siguientes paquetes:

  • Axios para solicitudes https.

Enlaces

https://www.npmjs.com/package/@trustless-work/escrowwww.npmjs.com

Configuración

1

Instalación

Comience instalando la Biblioteca Trustless Work React.

npm i @trustless-work/escrow

2

Configurar el proveedor

El siguiente paso es configurar el proveedor de Trustless Work. Necesita configurar lo siguiente:

  • baseURL: URL de Trustless Work, esto debe ser el entorno principal o de desarrollo. Proporcionamos mainNety developmentconstantes. Así que solo necesita importar una de ellas y pasarla a la propiedad baseURL.

  • apiKey: Autorización proporcionada por nuestra dApp para usar la API.

Trustless Work React proporciona el TrustlessWorkConfig para proporcionar todos los hooks personalizados y entidades a todo el proyecto. Para lograr esto necesitará crear un Provider.

src/trustless-work-provider.tsx
"use client"; // asegúrese de que este sea un componente del 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) {
  /**
   * Obtenga la clave de API de las variables de entorno
   */
  const apiKey = process.env.NEXT_PUBLIC_API_KEY || "";

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

Envuelva su aplicación en el proveedor

Envuelva su aplicación en el proveedor que acaba de crear.

app.tsx
import { TrustlessWorkProvider} from "@/trustless-work-provider.tsx";
 
export function App() {
  return (
    <TrustlessWorkProvider>
      <YourApp />
    </TrustlessWorkProvider>
  );
}

Tenga en cuenta que si está usando las rutas de la aplicación de Next.js, debe colocar el proveedor en el archivo de diseño raíz.

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

Usando hooks y entidades

¡Ahora puede usar los hooks y entidades de Trustless Work React desde cualquier componente envuelto por el proveedor raíz!

Importante: Esta biblioteca ofrece integración fluida y permite flexibilidad con single-release o multi-release opciones de escrow. Simplemente use el type parámetro y el payload requeridos para sus necesidades

AnteriorVibe Coding - SDKSiguienteuseSendTransaction

Última actualización

¿Te fue útil?