mirror of
https://github.com/lukaszraczylo/ghtracker.git
synced 2026-10-15 01:07:40 +00:00
lukaszraczylo
5313b56774
ghtracker authenticates as a GitHub App and scans a configured list of repositories on a schedule. It serves a dashboard, a JSON state endpoint, a health probe and Prometheus metrics. The dashboard lists only items that need attention: failing workflows, pull requests that wait too long or fail their checks, stale issues and projects that failed to scan. It has search, dynamic filters and a button that rescans on demand. The Vue app is embedded in the Go binary. The client protects the GitHub rate limit with conditional requests, a request reserve and Retry-After handling.
52 lines
1.6 KiB
Vue
52 lines
1.6 KiB
Vue
<script setup lang="ts">
|
|
import type { VariantProps } from 'class-variance-authority'
|
|
import type { ToggleGroupItemProps } from 'reka-ui'
|
|
import type { HTMLAttributes } from 'vue'
|
|
import { reactiveOmit } from '@vueuse/core'
|
|
import { ToggleGroupItem, useForwardProps } from 'reka-ui'
|
|
import { inject } from 'vue'
|
|
import { cn } from '@/lib/utils'
|
|
import { toggleVariants } from '@/components/ui/toggle'
|
|
|
|
type ToggleGroupVariants = VariantProps<typeof toggleVariants> & {
|
|
spacing?: number
|
|
}
|
|
|
|
const props = defineProps<
|
|
ToggleGroupItemProps & {
|
|
class?: HTMLAttributes['class']
|
|
variant?: ToggleGroupVariants['variant']
|
|
size?: ToggleGroupVariants['size']
|
|
}
|
|
>()
|
|
|
|
const context = inject<ToggleGroupVariants>('toggleGroup')
|
|
|
|
const delegatedProps = reactiveOmit(props, 'class', 'size', 'variant')
|
|
const forwardedProps = useForwardProps(delegatedProps)
|
|
</script>
|
|
|
|
<template>
|
|
<ToggleGroupItem
|
|
v-slot="slotProps"
|
|
data-slot="toggle-group-item"
|
|
:data-variant="context?.variant || variant"
|
|
:data-size="context?.size || size"
|
|
:data-spacing="context?.spacing"
|
|
v-bind="forwardedProps"
|
|
:class="
|
|
cn(
|
|
toggleVariants({
|
|
variant: context?.variant || variant,
|
|
size: context?.size || size,
|
|
}),
|
|
'w-auto min-w-0 shrink-0 px-3 focus:z-10 focus-visible:z-10',
|
|
'data-[spacing=0]:rounded-none data-[spacing=0]:shadow-none data-[spacing=0]:first:rounded-l-md data-[spacing=0]:last:rounded-r-md data-[spacing=0]:data-[variant=outline]:border-l-0 data-[spacing=0]:data-[variant=outline]:first:border-l',
|
|
props.class,
|
|
)
|
|
"
|
|
>
|
|
<slot v-bind="slotProps" />
|
|
</ToggleGroupItem>
|
|
</template>
|