Files
supabase/packages/ui/index.tsx
T
Ivan Vasilov c6cdf4bd53 Migrate off contentlayer2 to Velite (design-system, ui-library, learn) (#48546)
## Summary
- `contentlayer2@0.4.6` is unmaintained and drags in a heavy, stale
dependency graph (esbuild pinned to 0.17–0.20, mdx-bundler, old
`@opentelemetry/core`) that was the recurring source of vuln bumps.
- Migrates all three apps that used it — `design-system`, `ui-library`,
`learn` — to [Velite](https://velite.js.org), preserving the generated
typed `allDocs`/`Doc` collection and the `body.code` + `useMDXComponent`
runtime via a small shared local hook.
- Same MDX pipeline (remark-gfm, remark-code-import, rehype-slug,
rehype-pretty-code w/ Shiki compat + local theme,
rehype-autolink-headings, custom
`__rawString__`/`__src__`/`__event__`/`__style__` visitors) ported 1:1
into each app's `velite.config.js`.
- `learn`'s extra frontmatter fields (`chapterNumber`, `explore`,
`courseHero`) are now backed by real Velite/Zod schema types, so the
`(doc as any)` casts in `get-next-page.ts` / `get-current-chapter.ts` /
the doc page could be dropped.
- `next.config.mjs` no longer wraps with `withContentlayer`; since
Velite has no Next.js webpack-plugin equivalent, each app's `dev` script
now runs `velite dev` and `next dev` in parallel via `npm-run-all`.

Ref:
[FE-3861](https://linear.app/supabase/issue/FE-3861/migrate-off-contentlayer2-learn-ui-library-design-system-to-shed)

## Test plan
- [x] `pnpm build:content` (Velite build) succeeds for all three apps
- [x] `pnpm typecheck` passes for all three apps
- [ ] Manual smoke test of `pnpm dev` for each app in a browser (docs
pages render, TOC, copy-button, code highlighting)

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

* **Improvements**
* Improved content generation across documentation, learning materials,
and the UI library for more consistent pages.
* Preserved MDX rendering, navigation, table of contents, course
metadata, source previews, and component examples.
* Improved consistency when displaying documentation and interactive
examples.
* Improved application loading by optimizing how interface components
are delivered.
* **Chores**
* Streamlined content compilation and development workflows across the
design system, learning area, and UI library.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
2026-09-04 15:49:44 +02:00

171 lines
5.4 KiB
TypeScript

// GENERAL
export * from './src/components/Button'
export * from './src/components/Icon/IconBackground'
// NAV
export * from './src/components/Menu'
export * from './src/components/NavMenu'
// OVERLAYS
export * from './src/components/SidePanel'
// HTML
export {
Heading,
getAnchor,
removeAnchor,
highlightSelectedNavItem,
} from './src/components/CustomHTMLElements'
// UTILITIES
export * from './src/components/Loading'
export * from './src/components/LogoLoader'
export * from './src/components/AnimatedCounter'
export * from './src/lib/utils'
// DATA ENTRY
export * from './src/components/ExpandingTextArea'
// layout
export * from './src/components/LoadingLine'
// ai icon
export * from './src/layout/ai-icon-animation'
export { default as aiIconAnimationStyles } from './src/layout/ai-icon-animation/ai-icon-animation-style.module.css'
// theme switcher
export * from './src/components/ThemeProvider/singleThemes'
// shadcn
export * from './src/components/shadcn/ui/dropdown-menu'
export * from './src/components/shadcn/ui/sonner'
export * from './src/components/shadcn/ui/sonner-progress'
export * from './src/components/shadcn/ui/separator'
export * from './src/components/shadcn/ui/sheet'
export * from './src/components/shadcn/ui/badge'
export * from './src/components/shadcn/ui/input-otp'
export * from './src/components/shadcn/ui/alert-dialog'
export * from './src/components/shadcn/ui/avatar'
export * from './src/components/shadcn/ui/drawer'
export * from './src/components/shadcn/ui/menubar'
export * from './src/components/shadcn/ui/navigation-menu'
export * from './src/components/shadcn/ui/progress'
export * from './src/components/shadcn/ui/skeleton'
export * from './src/components/shadcn/ui/slider'
export * from './src/components/shadcn/ui/textarea'
export * from './src/components/shadcn/ui/toggle-group'
export * from './src/components/shadcn/ui/toggle'
export * from './src/components/shadcn/ui/card'
export * from './src/components/shadcn/ui/command'
export * from './src/components/shadcn/ui/context-menu'
export * from './src/components/shadcn/ui/dialog'
export * from './src/components/shadcn/ui/alert'
export * from './src/components/shadcn/ui/field'
export * from './src/components/shadcn/ui/form'
export * from './src/components/shadcn/ui/popover'
export * from './src/components/shadcn/ui/accordion'
export * from './src/components/shadcn/ui/select'
export * from './src/components/shadcn/ui/radio-group'
export * from './src/components/shadcn/ui/slider'
export * from './src/components/shadcn/ui/input'
export { Button as Button_Shadcn_ } from './src/components/shadcn/ui/button'
export * from './src/components/shadcn/ui/button-group'
export * from './src/components/shadcn/ui/breadcrumb'
export * from './src/components/shadcn/ui/text-area'
export * from './src/components/shadcn/ui/label'
export * from './src/components/shadcn/ui/input-group'
export * from './src/components/shadcn/ui/switch'
export * from './src/components/shadcn/ui/checkbox'
export * from './src/components/shadcn/ui/scroll-area'
export * from './src/components/shadcn/ui/hover-card'
export * from './src/components/shadcn/ui/aspect-ratio'
export * from './src/components/shadcn/ui/table'
export * from './src/components/ShadowScrollArea'
export * from './src/components/shadcn/ui/collapsible'
export * from './src/components/shadcn/ui/tabs'
export * from './src/components/shadcn/ui/tooltip'
export * from './src/components/shadcn/ui/hover-card'
export * from './src/components/shadcn/ui/calendar'
export * from './src/components/shadcn/ui/scroll-area'
export * from './src/components/shadcn/ui/separator'
export * from './src/components/shadcn/ui/resizable'
export * from './src/components/radio-group-stacked'
export * from './src/components/radio-group-card'
export * from './src/components/TreeView'
export * from './src/components/shadcn/ui/chart'
export * from './src/components/shadcn/ui/sidebar'
// ICONS
export * from './src/components/StatusIcon'
export * from './src/components/SuccessCheck'
// export icons
export * from './src/components/Icon/icons/IconBriefcase2'
export * from './src/components/Icon/icons/IconBroadcast'
export * from './src/components/Icon/icons/IconChangelog'
export * from './src/components/Icon/icons/IconDatabaseChanges'
export * from './src/components/Icon/icons/IconDiscord'
export * from './src/components/Icon/icons/IconDiscussions'
export * from './src/components/Icon/icons/IconDocumentation'
export * from './src/components/Icon/icons/IconGitHubSolid'
export * from './src/components/Icon/icons/IconInstagram'
export * from './src/components/Icon/icons/IconIntegrations'
export * from './src/components/Icon/icons/IconLifeBuoy2'
export * from './src/components/Icon/icons/IconLinkedinSolid'
export * from './src/components/Icon/icons/IconMicSolid'
export * from './src/components/Icon/icons/IconPartners'
export * from './src/components/Icon/icons/IconPresence'
export * from './src/components/Icon/icons/IconProductHunt'
export * from './src/components/Icon/icons/IconTikTok'
export * from './src/components/Icon/icons/IconTwitterX'
export * from './src/components/Icon/icons/IconYCombinator'
export * from './src/components/Icon/icons/IconYoutubeSolid'
// Export hooks
export * from './src/lib/Hooks'
export * from './src/components/hooks/use-mobile'
export * from './src/components/KeyboardShortcut/KeyboardShortcut'
export * as colors from './src/lib/tailwind-demo-classes'
export * from './src/lib/constants'