YAML設定で運用するNext.js管理コンソール — 複数サイト・複数アクションの一元化

export const SITES = [
  {
    id: 'site-a',
    url: 'https://site-a.example.com/',
    action: { type: 'github-workflow', repo: '...', workflow: 'admin.yml' },
  },
  // ...
]

app:
  title:
    ja: 管理コンソール
    en: Admin Console
  homePage:
    heading:
      ja: 管理コンソール
      en: Admin Console
    lead:
      ja: 各サイトのカードを開いて、操作を実行できます。
      en: Open a site card to run operations.

sites:
  - id: site-a
    name:
      ja: サイトA
      en: Site A
    description:
      ja: サイトAの説明
      en: Description
    url: https://site-a.example.com/
    actions:
      - id: deploy
        label:
          ja: デプロイを実行
          en: Deploy
        description:
          ja: ビルドして公開します。
          en: Build and publish.
        type: github-workflow
        repo: your-org/site-a
        workflow: deploy.yml
        ref: main
      - id: es-sync
        label:
          ja: ESインデックス更新
          en: Re-index
        description:
          ja: Elasticsearchを再同期します。
          en: Re-syncs Elasticsearch.
        type: github-workflow
        repo: your-org/site-a
        workflow: es-sync.yml
        ref: main
        inputs:
          - name: dry_run
            type: boolean
            default: false
            label:
              ja: Dry run
              en: Dry run

// scripts/generate-config.js
const yaml = require('js-yaml')
const config = yaml.load(fs.readFileSync('config.yml', 'utf-8'))

const sitesTs = `// AUTO-GENERATED from config.yml. Do not edit by hand.
export type SiteAction =
  | { id: string; type: 'github-workflow'; repo: string; workflow: string; ref: string; inputs?: ActionInput[] }
  | { id: string; type: 'vercel-deploy-hook'; envHookKey: string }

export const SITES = ${JSON.stringify(normalizedSites, null, 2)}

export function getAction(siteId: string, actionId: string): SiteAction | undefined { ... }
`
fs.writeFileSync('src/lib/sites.generated.ts', sitesTs)

const merged = {
  ...template,
  Common: {
    title: config.app?.title?.[locale] ?? '',
  },
  Sites: Object.fromEntries(
    config.sites.map((s) => [
      s.id,
      {
        name: s.name?.[locale] ?? s.id,
        description: s.description?.[locale] ?? '',
        actions: Object.fromEntries(
          s.actions.map((a) => [
            a.id,
            { label: a.label?.[locale] ?? a.id, description: a.description?.[locale] ?? '' },
          ])
        ),
      },
    ])
  ),
}