Web frontend for Otomadb.com

Otomadb.comの Web フロントエンドです．

バグ報告など

バグ報告や機能の要望などはIssuesへ書いてもらえると助かります． GitHub のアカウントがない場合は開発者の Twitter などにメンションを送ってください．

編集者へ

次のスクリプトをブックマークに追加すると動画登録が楽になるかもしれません．

(function () {
  const nicovideoRegex = /https:\/\/www.nicovideo.jp\/watch\/([a-z]{2}\d+)+/;
  if (nicovideoRegex.test(window.location.href)) {
    const m = window.location.href.match(nicovideoRegex);
    window.open(`https://www.otomadb.com/editor/nicovideo?sourceId=${m[1]}`);
  }
})();

開発者へ

Contribution は歓迎します．

セットアップ

以下を導入してください．

Node.js v18
pnpm

npm scripts

TL;DR

pnpm run dev
pnpm run codegen:watch # 別のターミナルで

`pnpm run dev`

デフォルトではlocalhost:3000に Next.js 開発環境が立ち上がります．

`pnpm run codegen`

graphql-codegen によって API の型定義が生成されます．

pnpm run codegen:watchでファイル更新がある度に型定義ファイルを更新します．pnpm run devまたはpnpm run storybookの起動中は同時に起動することを推奨します．（pnpm run devでこれが呼ばれることはありません．）

デフォルトでは./schema.graphqlから型定義ファイルを生成しますが，GRAPHQL_SCHEMA_PATHによって変更可能です．例えば，手元でGraphQL APIをlocalhost:8080で動かしているなら，GRAPHQL_SCHEMA_PATH="http://localhost:8080/graphql"などに設定してください．

`pnpm run storybook`

デフォルトではlocalhost:6006に Storybook が立ち上がります．

ライセンス

MIT License

連絡先

SnO2WMaN
- Twitter: @SnO2WMaN

otomadb / web

readme