Getting Started: Wallet Extension - Coinbase

Coinbase Wallet Extension: Seamlessly connect to your digital assets. Securely manage your crypto portfolio, explore decentralized apps, and enjoy a user-friendly extension that puts you in control of

In collaboration with the Relay team at Meta, Coinbase has built a VSCode extension to integrate with the Relay language server which is now available for developer use.

The Relay framework is self-described as “the GraphQL client that scales with you”. As mentioned in a previous blog post, we currently use Relay to accelerate development for 300+ engineers on our core applications. Having a world class IDE experience is an important facet to improve engineer productivity — which is a top priority.

The extension allows for connection to the following:

IntelliSense (autocomplete in your GraphQL tags)
Go to Definition for fragments, fields, GraphQL types, etc.
Diagnostics (Errors, Warnings)
Hover type information
GraphQL syntax highlighting

Motivation

Prior to this extension, syntax highlighting and IntelliSense were available by using any of the other existing GraphQL extensions in the VSCode Marketplace, so why did Coinbase decide to build another one?

From custom directives to its own compiler, Relay adds several features on top of GraphQL. A third-party editor integration would need to re-implement all of the work done in the Relay Compiler to achieve what we’ve built in this extension. This feature integrates directly into the Relay Compiler via a language server giving us the full context from the compiler. This level of context unlocks the following features in your editor:

Showing Relay Compiler errors in your code
Jump to definition on Relay Resolver fields
Support for Relay directives

As Relay continues to build more features, Coinbase wants to remain at the forefront of this innovation and help set the tone for a better developer experience.

Last updated 3 months ago