Where can I get types to describe integration actions with fuel wallet?

[sway]

I have check this article about wallet and how to connect and disconnect but i need types description for my functions in typescript. Please help me to find npm type package or full type description of FuelWeb3Provider

[camiinthisthang.sway]

Hey Lidia, I just screated a new category in the forum dedicated to the wallet and SDK. The npm package is https://www.npmjs.com/package/fuels and you can find the docs for the wallet SDK here API | Fuel Wallet

[sway]

Yes, I have seen this one already, and my question was about this category.
So, I am looking for a types description for this wallet object called FuelWeb3

something like @types/fuels, but they’re nothing like this on npm

Type for methods and instances are mentioned in the article but there is no link where I can get them.

[fuel]

Also, you can check this topic for more info

Fuel Wallet and SDK

FuelWallet is the crypto wallet used to interact with the Fuel Network, built by the team at Fuel Labs. This project enables users to access their assets and interact with decentralized applications through a browser extension. Fuels is an SDK that allows developers to let users interact with the Fuel node from their application via the Fuel wallet. Check out the API reference here. Keep in mind the wallet is in alpha and there will be many improvements over the next weeks. Follow the progress…

[stacio]

Hi @sway, you don’t provide a nice way to import types yet. But the work is in progress. You can track it here: Add FuelWeb3 on the types package · Issue #310 · FuelLabs/fuels-wallet · GitHub.

But you can use a temporary solution for it by installing: https://www.npmjs.com/package/@fuel-wallet/sdk

And adding into a types file the following code;

import { FuelWeb3SDK } from '@fuel-wallet/sdk';

declare global {
  interface Window {
    FuelWeb3: FuelWeb3SDK;
  }
}

Once the PR is merged you are going to be able to import '@fuel-wallet/sdk directly into your types.d.ts or react-app-env.d.ts by adding the following line;

/// <reference types="@fuel-wallet/sdk" />

Or directly on the tsconfig config file by adding;

{
    "compilerOptions": {
          "types": ["@fuel-wallet/sdk"]
    }
    ...
}

[sway]

Wonderful, thats what I was looking for, i will follow this PR
thanks

[stacio]

@sway the new versions with the types are now available on @fuel-wallet version 0.2.0. https://www.npmjs.com/package/@fuel-wallet/sdk

[fdsc]

Wow, you guys are so good