mirror of
https://github.com/supabase/supabase.git
synced 2026-10-09 03:15:06 +03:00
751dcecf86
## Summary Brings the Log Drains docs up to the same standard as the Metrics API page. - Replaces the plain destination table with a visual `LogDrainDestinationCards` component — a 3-column card grid that mirrors the product UI destination picker. Cards link to anchors on the same page (no sub-pages needed since setup is simpler than Metrics). - Adds a "What you can do" intro section and a consistent "Required configuration + Steps" structure for every destination. - Adds two destinations that were missing from the docs entirely: **Last9** and **Syslog** (both are live in the product). Config fields sourced from `LogDrainDestinationSheetForm.tsx`. - Cleans up raw `<ul><li>` HTML to markdown lists. - Adds an "Additional resources" footer (pricing, Metrics API, JS SDK tracing). ## Files changed - `apps/docs/content/guides/telemetry/log-drains.mdx` — core of the changes - `apps/docs/components/LogDrainDestinationCards.tsx` — new card grid component - `apps/docs/components/LogDrainDestinationCards.data.ts` — destination data (9 entries) - `apps/docs/internals/markdown-schema/LogDrainDestinationCards.ts` — markdown fallback renderer - `apps/docs/features/docs/MdxBase.shared.tsx` — register new component - `apps/docs/internals/generate-guides-markdown.ts` — register new component ## I have read the [CONTRIBUTING.md](https://github.com/supabase/supabase/blob/master/CONTRIBUTING.md) file. YES ## What kind of change does this PR introduce? docs update ## What is the current behavior? not supanice, also missing syslog and last9 <img width="619" height="687" alt="image" src="https://github.com/user-attachments/assets/58e8f07c-eb40-4d30-a5e2-3988d1af87c2" /> ## What is the new behavior? hopefully more supanice, also added syslog and last9 <img width="568" height="667" alt="image" src="https://github.com/user-attachments/assets/be61e67f-58aa-4e8c-be0d-44206f1b16de" /> ## Additional context <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit * **Documentation** * Reorganized the Log Drains guide with destination-specific sections and a new destination chooser. * Added support and setup guidance for Last9 and Syslog destinations. * Clarified HTTP batching, JSON delivery, compression, authentication, and endpoint requirements. * Updated OpenTelemetry, Datadog, Loki, Amazon S3, Sentry, and Axiom instructions. * Added Edge Function examples covering compressed and uncompressed payloads. * Added links to pricing, Metrics API, and JavaScript tracing resources. * **UI Improvements** * Updated destination listings with clearer, consistent icons and presentation. <!-- end of auto-generated comment: release notes by coderabbit.ai --> --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: Nik Richers <nik@validmind.ai>
65 lines
2.5 KiB
TypeScript
65 lines
2.5 KiB
TypeScript
import type { ContentListingGroup } from '~/lib/content-listings.schema'
|
|
|
|
export const logDrainsDestinations: ContentListingGroup = {
|
|
id: 'log-drains-destinations',
|
|
heading: 'Choose your destination',
|
|
type: 'grid',
|
|
columns: 3,
|
|
items: [
|
|
{
|
|
title: 'Custom Endpoint',
|
|
description: 'Forward logs as a POST request to any custom HTTP endpoint.',
|
|
href: '/guides/telemetry/log-drains#custom-endpoint',
|
|
icon: { kind: 'braces', color: '#3ECF8E', bg: 'rgba(62,207,142,0.1)' },
|
|
},
|
|
{
|
|
title: 'OpenTelemetry (OTLP)',
|
|
description: 'Send logs to any OTLP-compatible endpoint using Protocol Buffers over HTTP.',
|
|
href: '/guides/telemetry/log-drains#opentelemetry-otlp',
|
|
icon: { kind: 'otlp', color: '#F5A623', bg: 'rgba(245,166,35,0.1)' },
|
|
},
|
|
{
|
|
title: 'Datadog',
|
|
description: 'Stream logs directly into Datadog for monitoring and analysis.',
|
|
href: '/guides/telemetry/log-drains#datadog',
|
|
icon: { kind: 'datadog', color: '#632CA6', bg: 'rgba(99,44,166,0.1)' },
|
|
},
|
|
{
|
|
title: 'Loki',
|
|
description: 'Ingest logs into Grafana Loki using the HTTP push API.',
|
|
href: '/guides/telemetry/log-drains#loki',
|
|
icon: { kind: 'grafana', color: '#F05A28', bg: 'rgba(240,90,40,0.1)' },
|
|
},
|
|
{
|
|
title: 'Amazon S3',
|
|
description: 'Write batched log files directly to an S3 bucket you own.',
|
|
href: '/guides/telemetry/log-drains#amazon-s3',
|
|
icon: { kind: 'cloud', color: '#FF9900', bg: 'rgba(255,153,0,0.1)' },
|
|
},
|
|
{
|
|
title: 'Sentry',
|
|
description: "Send logs to Sentry's Logging product for filtering and grouping.",
|
|
href: '/guides/telemetry/log-drains#sentry',
|
|
icon: { kind: 'sentry', color: '#362D59', bg: 'rgba(54,45,89,0.1)' },
|
|
},
|
|
{
|
|
title: 'Axiom',
|
|
description: 'Forward logs to an Axiom dataset for storage and analysis.',
|
|
href: '/guides/telemetry/log-drains#axiom',
|
|
icon: { kind: 'axiom', color: '#6366F1', bg: 'rgba(99,102,241,0.1)' },
|
|
},
|
|
{
|
|
title: 'Last9',
|
|
description: 'Stream logs to Last9 for OpenTelemetry-native observability.',
|
|
href: '/guides/telemetry/log-drains#last9',
|
|
icon: { kind: 'last9', color: '#00B4A0', bg: 'rgba(0,180,160,0.1)' },
|
|
},
|
|
{
|
|
title: 'Syslog',
|
|
description: 'Forward logs to a remote Syslog receiver over TCP or TLS (RFC 5424).',
|
|
href: '/guides/telemetry/log-drains#syslog',
|
|
icon: { kind: 'server', color: '#64748B', bg: 'rgba(100,116,139,0.1)' },
|
|
},
|
|
],
|
|
}
|