title: GitHub Dashboard
columns: 3
rows: 2
widgets:
  - extension: github
    widget: RepoBadge
    x: 0
    y: 0
    columns: 1
    rows: 1
    repository: facebook/react
  - extension: github
    widget: PullRequests
    x: 1
    y: 0
    columns: 2
    rows: 1
    repository: vercel/next.js
    state: open
  - extension: json
    widget: JsonStatus
    x: 0
    y: 1
    columns: 3
    rows: 1
    title: API Status
    url: https://api.example.com/health

import { createGitHubClient } from '@dashfy/ext-github/client'
import { createSystemClient } from '@dashfy/ext-system/client'
import { Dashfy } from '@dashfy/server'

const dashfy = new Dashfy()

await dashfy.configureFromFile('./dashfy.config.yml')

dashfy.registerApi(
  'github',
  createGitHubClient({ token: process.env.GITHUB_TOKEN! }),
)

dashfy.registerApi('system', createSystemClient(), 'push')

await dashfy.start()

import { PullRequests, RepoBadge } from '@dashfy/ext-github'
import { CpuUsageLine, MemoryUsageGauge } from '@dashfy/ext-system'
import { Dashfy, WidgetRegistry } from '@dashfy/ui'

WidgetRegistry.addExtension('github', {
  PullRequests,
  RepoBadge,
})

WidgetRegistry.addExtension('system', {
  CpuUsageLine,
  MemoryUsageGauge,
})

export const App = () => {
  return <Dashfy />
}