shopify-storefront-api-typings
TypeScript icon, indicating that this package has built-in type declarations

1.2.1 • Public • Published

Shopify Storefront API Types

Dependencies Contributions welcome License

Overview

Auto-generated Typescript typings for Shopify Storefront API. Current version includes all types for version: 2020-04.

types

How to use

  1. Install package: npm i -S shopify-storefront-api-typings
  2. Import typings in your code. (vscode should find the typings and auto import for you).
import { Checkout } from "shopify-storefront-api-typings";

Here is how you can get strongly typed queries with apollo:

export const QUERY_CHECKOUT = gql`
  query($id: ID!) {
    checkout: node(id: $id) {
      ... on Checkout {
        ...CheckoutPartialFragment
      }
    }
  }
  ${CheckoutFragment}
`;
...
const { data } = useQuery<{ checkout: Checkout }>(QUERY_CHECKOUT);

Use the Partial<> utility if you want to create subsets of the type without getting type errors.

const variant: Partial<ProductVariant= { title: "Variant" };

Build your own typings

If you want to customise the namings or the Storefront API version you can build your own typings. To do that, you need to create a Private app with Storefront API enabled.

  1. Clone this repository
git clone https://github.com/caki0915/shopify-storefront-api-typings.git
  1. Rename .env.example to .env.
  2. Inside .env add your Shopify Storefront API endpoint and access-token.
  3. Run npm start

Package Sidebar

Install

npm i shopify-storefront-api-typings

Weekly Downloads

192

Version

1.2.1

License

MIT

Unpacked Size

366 kB

Total Files

5

Last publish

Collaborators

  • caki0915