Giter Club home page Giter Club logo

airtable-typegen's Introduction

airtable-typegen

Generate TypeScript types & Zod schemas from your Airtable bases.

Version CI Downloads/week License

⚠️ This tool is in ALPHA. It has not be thoroughly tested with Airtable bases in the wild. Please use carefully and sanity check the generated code before using in production! Contributions & bug reports are appreciated :)

Quickstart

$ npm install --save-dev airtable-typegen
# or
$ yarn add -D airtable-typegen

Then generate types via:

$ airtable-typegen <BASE_ID> -o ./types/airtable.d.ts

Or generate Zod schemas with the -z flag!

$ airtable-typegen <BASE_ID> -z -o ./src/schemas/airtable.ts

Setup

The script relies on the Airtable Meta API, which requires an Access Token. This is different than an Airtable API key. The simplest way to get one is by creating a personal access token:

  1. Navigate to https://airtable.com/create/tokens
  2. Click “Create token”
  3. Enter a name (e.g. “airtable-typegen”)
  4. Give it a scope of schema.bases:read
  5. Give permission to your relevant bases/workspaces
  6. Copy the created token & store it in your .env as AIRTABLE_TYPEGEN_ACCESS_TOKEN

Usage

The command takes a list of Airtable base IDs (those of the form appXYZ...) and some flags. It will output a file in your current working directory depending on the flags you supply it:

USAGE
  $ airtable-typegen [BASEID] [-v] [-z] [-t <value>]

ARGUMENTS
  BASEID  The Airtable Base ID (looks like appABC123XYZ). Can specify multiple.

FLAGS
  -o, --output=<value>  The file (relative to CWD) to write generated code to (defaults to "base-name.ts")
  -t, --tables=<value>  A comma-separated list of tables (names or ids) to generate from (defaults to all tables)
  -v, --version         Show CLI version.
  -z, --zod             Generate Zod schemas instead of TypeScript definitions

DESCRIPTION
  Generate TypeScript types and/or Zod schemas from an Airtable Base.
  Will read your Airtable API key from the AIRTABLE_TYPEGEN_ACCESS_TOKEN environment variable.
  Reads environment from .env file if present in current working directory.

EXAMPLES
  $ airtable-typegen appABC123
  > Outputs TypeScript definitions to ./base-name.ts

  $ airtable-typegen appABC123 -t MyTable,tblUOInmv7kanMKjr
  > Outputs TypeScript definitions to ./base-name.ts for the specified tables

  $ airtable-typegen appABC123 -z -o ./src/schemas/airtable.ts
  > Outputs Zod schemas to ./src/schemas/airtable.ts

For example, you could do this in your package.json:

{
  "scripts": {
    "generate:airtable": "airtable-typegen <BASE_ID> -z -o src/schemas/airtable.ts",
  }
}

then run it everytime you want to sync the types:

$ npm run generate:airtable

Alternatively, you could combine it into your dev and build commands (withs omething like npm-run-all, perhaps):

{
  "scripts": {
    "build": "run-s generate:airtable 'remix build'",
    "dev": "run-s generate:airtable 'remix dev'",
    "generate:airtable": "airtable-typegen <BASE_ID> -z -o src/schemas/airtable.ts",
  }
}

TODO

  • Show how types & Zod schemas can be used (currently need to parse each row individually)
  • Add a thin runtime wrapper around Airtable SDK to parse FieldSets with proper types
  • Improve example/

I probably won't work on this much until I absolutely need it. Sorry. Welcome any and all contributions!

airtable-typegen's People

Contributors

dependabot[bot] avatar jkcorrea avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.