Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/openstatusHQ/openstatus. 🫖 Status page with uptime monitoring & API monitoring as code 🫖 openstatus.dev
bun drizzle-orm monitoring monitoring-as-code nextjs observability on-call open-source shadcn-ui status-page statuspage synthetic-monitoring tinybird turso uptime uptime-checker uptime-monitor
Something went wrong. Try again.
3.1 kB · 98 lines
TypeScript
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899import { Delete } from "@openstatus/icons";
export const actions = [ { id: "delete", label: "Delete", icon: Delete, variant: "destructive" as const, },] as const;
export type PageComponentAction = (typeof actions)[number];
export const getActions = ( props: Partial<Record<PageComponentAction["id"], () => Promise<void> | void>>,): (PageComponentAction & { onClick?: () => Promise<void> | void })[] => { return actions.map((action) => ({ ...action, onClick: props[action.id as keyof typeof props], }));};
type OrderedComponent = { id: number; name: string; groupId?: number | null; order?: number | null; groupOrder?: number | null;};
export type ComponentSection<C extends OrderedComponent> = { /** null for a run of ungrouped components */ group: { id: number; name: string } | null; items: C[];};
/** * Splits components into sections in page order, as the components config * and the public page show them: ungrouped components by `order`, a group * placed at its first member's `order`, members by `groupOrder`. Consecutive * ungrouped components share one section; empty groups are dropped. */export function toComponentSections<C extends OrderedComponent>( components: C[], groups: { id: number; name: string }[] = [],): ComponentSection<C>[] { const groupById = new Map(groups.map((g) => [g.id, g])); const members = new Map<number, C[]>(); const ungrouped: C[] = []; for (const c of components) { if (c.groupId != null && groupById.has(c.groupId)) { members.set(c.groupId, [...(members.get(c.groupId) ?? []), c]); } else { ungrouped.push(c); } }
const entries: { order: number; section: ComponentSection<C> }[] = []; for (const c of ungrouped) { entries.push({ order: c.order ?? 0, section: { group: null, items: [c] } }); } for (const [groupId, items] of members) { const group = groupById.get(groupId); if (!group) continue; items.sort((a, b) => (a.groupOrder ?? 0) - (b.groupOrder ?? 0)); entries.push({ order: Math.min(...items.map((c) => c.order ?? 0)), section: { group: { id: group.id, name: group.name }, items }, }); } entries.sort((a, b) => a.order - b.order);
// merge adjacent ungrouped singletons into one run const sections: ComponentSection<C>[] = []; for (const { section } of entries) { const last = sections.at(-1); if (section.group === null && last?.group === null) { last.items.push(...section.items); } else { sections.push(section); } } return sections;}
/** componentId -> group name, for components in a known group. */export function toGroupNameLookup( components: { id: number; groupId?: number | null }[], groups: { id: number; name: string }[],): Map<number, string> { const groupName = new Map(groups.map((g) => [g.id, g.name])); const lookup = new Map<number, string>(); for (const c of components) { const name = c.groupId != null ? groupName.get(c.groupId) : undefined; if (name) lookup.set(c.id, name); } return lookup;}