GraphQL Codegenでenumをオブジェクトリテラルで生成する

graphql-codegen のenumsAsConst設定なるものを知った。 非推奨の enum ではなく、オブジェクトリテラルで生成してくれる。

// オブジェクトリテラル
const Position = {
  Top: 0,
  Right: 1,
  Bottom: 2,
  Left: 3,
} as const;

client preset は現状未対応だった。

feat(presets/client): support `enumsAsConst` option by azu · Pull Request #9981 · dotansimha/graphql-code-generator

Description Add enumsAsConst to client presets. Related [client-preset] allowed options and defaults #8562 (comment) graphql-modules-preset: Accept enumsAsConst for typescript plugin config #9072 ...

github.com

enumsAsType

enumsAsConstの代わりに enum を Union 型で生成してくれるenumsAsTypeが使えそう

参考

列挙型(enum)の問題点と代替手段 | TypeScript入門『サバイバルTypeScript』

TypeScriptの列挙型(enum)にはいくつか問題点が指摘されていてます。ここでは、その問題点と代替手段を説明します。

typescriptbook.jp