@vtex/clients
TypeScript icon, indicating that this package has built-in type declarations

2.21.0 • Public • Published

VTEX IO Clients

Collection of ready-to-use VTEX IO Clients to access VTEX APIs

This exports Clients, Client Factories and Typescript typings to help you connecting a VTEX IO application with VTEX Core Commerce modules on Node.js services.

Installing

yarn add @vtex/clients

Available Clients

Client Name Implemented Methods Observations
Affiliate registerAffiliate, changeNotification, createSeller, getSellerList -
Catalog getProductsAndSkus, getSkuById, changeNotification, createSeller, getSellerList, getSellerById, getSkuContext, getCategoryById, getBrandById -
Checkout getOrderFormConfiguration, setOrderFormConfiguration, setSingleCustomData -
Logistics getDockById, pickupById, listPickupPoints, nearPickupPoints, shipping, listInventoryBySku -
OMS listOrders, userLastOrder, order, orderNotification, cancelOrder -
OMS Proxy orders, orderFormId, customData, register You will have to declare a dependency and a policy on your app. You can check out this document.
Rates and Benefits getAllBenefits, getPromotionById, createOrUpdatePromotion, createMultipleSkuPromotion, updateMultipleSkuPromotion Uses ADMIN_TOKEN as authMethod by default.
Suggestions getAllSuggestions, getSuggestionById, sendSkuSuggestion, deleteSkuSuggestion, getAllVersions, getVersionById -

Available Factories

Factory Implemented Methods Observations
Master Data get, save, update, saveOrUpdate, saveOrUpdatePartial, delete, search, searchRaw, scroll Use the masterDataFor helper function.
VBase get, getRaw, getWithMetadata, save, trySaveIfhashMatches Use the vbaseFor helper function.

Note: Some of the methods might need some policies to be inserted on your application's manifest.json file.

Master Data Builder: There are two versions of Master Data Builder version 1.x and 2.x both can be used. Version 2.x presents a new feature to create schemas more intelligently, avoiding their excessive creation. To use version 2.x, it is important to make this explicit in the app's Manifest and pass the new major parameter in the masterDataFor function (e.g. masterDataFor('books', undefined, 2))

How to use

  1. Install this package on the node/ folder of your VTEX IO app:
    yarn add @vtex/clients
    

Clients

  1. Import the individual Client on your app's Clients configuration (node/clients/index.ts):
    import { Catalog } from '@vtex/clients'
  2. Add a new getter on the Clients class with the imported Client:
      public get catalog() {
        return this.getOrSet('catalog', Catalog)
      }
  3. Now, you can use the available client's on the app's resolver functions!
    ctx.clients.catalog.getSkuById(...)

Factories

  1. Import the helper method for the Factory you want to use:
  import { masterDataFor, vbaseFor } from '@vtex/clients
  1. Following the instructions for each factory, use its method to create a Client class.
const BooksClient = masterDataFor<MyBookType>('books')
const ContractsClient = vbaseFor<string, MyContractType>('contracts')

// Optional - Export the type to be able to use it as a type parameter
export type ContractsClient = InstanceType<typeof Contracts>

🚨 Warning: If you are NOT using the version 1.x of Masterdata builder, you should call masterDataFor passing the major version being used as the third parameter masterDataFor<MyBookType>('books', undefined, 2).

  1. Add new getters on the Clients class with the created Client:
  public get books() {
    return this.getOrSet('books', BooksClient)
  }

  public get contracts() {
    return this.getOrSet('contracts', ContractsClient)
  }
  1. Now, you can use the client with the provided methods by the Factory on your app's resolvers.
ctx.clients.books.save({ name: 'Example Book' })
ctx.clients.contracts.save('example-key', { id: 'example-id' })

For more information, read How to use and create Clients on VTEX IO.

Authorization

Every Client method should accept an option authMethod parameter that declares which token will be used on that HTTP call. By default, the request will use the authToken of the app.

Here are the available options for that parameter:

Option Description
AUTH_TOKEN Use the current app's token (default)
STORE_TOKEN Use the current authenticated store user's token
ADMIN_TOKEN Use the current authenticated admin user's token

API Reference

To discover and learn more about VTEX Core Commerce APIs, read VTEX Developer Portal.

Contributing

Feel free to submit new Clients to this package, as long as they help to connect with VTEX Core Commerce APIs.

In order to test your new feature or fix using vtex link (command used for linking a service application in IO, for example), follow these steps:

  • Guarantee that @vtex/api version is the same in both IO service and @vtex/clients;
  • Run yarn && yarn install-peers in package;
  • Run yarn build && yarn unlink && yarn link in package;
  • Delete node_modules inside your service application (this step is not obligatory but might fix some issues);
  • You might need to remove the dependency @vtex/clients from your service's package.json to avoid conflicts;
  • Run yarn unlink @vtex/clients && yarn link @vtex/clients && yarn in your service;
  • Now you can link your service application with vtex link.

Releasing

We have a Github Action configured to release the package on NPM for every Release tag pushed into the repository. So, in order to have this project published:

  1. Merge the Pull Request on the main branch, after having your changes approved.
  2. Run git checkout master && git pull on your local repository.
  3. Use the releasy tool to push a new release (e.g: releasy minor --stable).
  4. Check the result of the process on Github checking the status on the latest commit.

Readme

Keywords

none

Package Sidebar

Install

npm i @vtex/clients

Weekly Downloads

2,112

Version

2.21.0

License

none

Unpacked Size

144 kB

Total Files

83

Last publish

Collaborators

  • eduardoformiga
  • mayzabel
  • natamelo
  • augusto.lazaro
  • rafarubim
  • jeymisson
  • victorhmp
  • lurian
  • arturpimentel
  • anitavincent
  • brunojdo
  • vtexlab-user
  • emersonlaurentino
  • emersonvtex
  • viniagostini
  • lucasaarcoverde
  • lariciamota
  • fabits
  • geraldo.fernandes
  • mateuspontes
  • vitorlgomes
  • policarpo
  • marcelovicentegc
  • maianabt
  • hiagolcm
  • william.silva
  • wender
  • vcnovaes
  • carolinerpessoa
  • lpolon
  • gianvittorio
  • filafb
  • mendescamara
  • kevinvtex
  • myllena.alves
  • enzomerca
  • jardelymaris
  • rodzac
  • daniyelnnr
  • denissilvavtex
  • vinhags
  • georgebrindeiro
  • marcos_vtex
  • luiznickel-vtex
  • rodrigo.albuquerque
  • luisgomes01_extvtex
  • sophreisvtex