snapshot of https://github.com/shadcn-ui/ui.git (main, 2026-09-15; blobs > 131072B omitted)
This commit is contained in:
upstream-mirror
260
apps/v4/next.config.mjs
Normal file
260
apps/v4/next.config.mjs
Normal file
@@ -0,0 +1,260 @@
|
||||
import { existsSync, readFileSync } from "fs"
|
||||
import path from "path"
|
||||
import { createMDX } from "fumadocs-mdx/next"
|
||||
|
||||
// The generated styles under styles/ are gitignored (see styles/README.md),
|
||||
// but registry/__components__.tsx (tracked in git) dynamically imports from
|
||||
// them. If a tracked map references styles that were never generated locally
|
||||
// (e.g. after pulling a commit that adds a new base), Turbopack hits hundreds
|
||||
// of module-not-found errors compiling /docs and the dev server grinds to a
|
||||
// halt. Fail fast with instructions instead.
|
||||
if (process.env.NODE_ENV === "development") {
|
||||
const componentsMap = path.join(process.cwd(), "registry/__components__.tsx")
|
||||
const referencedStyles = existsSync(componentsMap)
|
||||
? new Set(
|
||||
[...readFileSync(componentsMap, "utf-8").matchAll(/@\/styles\/([\w-]+)\//g)].map(
|
||||
(match) => match[1]
|
||||
)
|
||||
)
|
||||
: new Set(["base-nova"])
|
||||
const missingStyles = [...referencedStyles].filter(
|
||||
(style) => !existsSync(path.join(process.cwd(), "styles", style, "ui"))
|
||||
)
|
||||
|
||||
if (missingStyles.length > 0) {
|
||||
throw new Error(
|
||||
`Generated styles are missing or stale (${missingStyles.join(", ")}). ` +
|
||||
"Run `pnpm --filter=v4 registry:build --style all` once, then restart the dev server."
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
/** @type {import('next').NextConfig} */
|
||||
const nextConfig = {
|
||||
devIndicators: false,
|
||||
typescript: {
|
||||
ignoreBuildErrors: true,
|
||||
},
|
||||
experimental: {
|
||||
// Rewrite barrel imports to deep imports so a single icon doesn't pull the
|
||||
// whole package into the module graph. Next already optimizes lucide-react,
|
||||
// @tabler/icons-react, date-fns and lodash-es by default; these are the
|
||||
// heavy icon packages this app uses that are NOT on that default list.
|
||||
optimizePackageImports: [
|
||||
"@hugeicons/react",
|
||||
"@hugeicons/core-free-icons",
|
||||
"@phosphor-icons/react",
|
||||
"@remixicon/react",
|
||||
],
|
||||
},
|
||||
outputFileTracingIncludes: {
|
||||
"/*": ["./registry/**/*", "./styles/**/*"],
|
||||
},
|
||||
images: {
|
||||
remotePatterns: [
|
||||
{
|
||||
protocol: "https",
|
||||
hostname: "avatars.githubusercontent.com",
|
||||
},
|
||||
{
|
||||
protocol: "https",
|
||||
hostname: "images.unsplash.com",
|
||||
},
|
||||
{
|
||||
protocol: "https",
|
||||
hostname: "avatar.vercel.sh",
|
||||
},
|
||||
],
|
||||
},
|
||||
turbopack: {
|
||||
root: path.resolve(import.meta.dirname, "../.."),
|
||||
},
|
||||
redirects() {
|
||||
return [
|
||||
// Form redirects to /docs/forms.
|
||||
{
|
||||
source: "/docs/components/form",
|
||||
destination: "/docs/forms",
|
||||
permanent: true,
|
||||
},
|
||||
{
|
||||
source: "/docs/components/radix/form",
|
||||
destination: "/docs/forms",
|
||||
permanent: true,
|
||||
},
|
||||
{
|
||||
source: "/docs/components/base/form",
|
||||
destination: "/docs/forms",
|
||||
permanent: true,
|
||||
},
|
||||
{
|
||||
source: "/docs/components/aria/form",
|
||||
destination: "/docs/forms",
|
||||
permanent: true,
|
||||
},
|
||||
// Typography redirects to /docs/typeset.
|
||||
{
|
||||
source: "/docs/components/base/typography",
|
||||
destination: "/docs/typeset",
|
||||
permanent: true,
|
||||
},
|
||||
{
|
||||
source: "/docs/components/radix/typography",
|
||||
destination: "/docs/typeset",
|
||||
permanent: true,
|
||||
},
|
||||
{
|
||||
source: "/docs/components/aria/typography",
|
||||
destination: "/docs/typeset",
|
||||
permanent: true,
|
||||
},
|
||||
// Base UI Sonner redirects to Toast.
|
||||
{
|
||||
source: "/docs/components/base/sonner",
|
||||
destination: "/docs/components/base/toast",
|
||||
permanent: true,
|
||||
},
|
||||
{
|
||||
source: "/docs/components/base/sonner.md",
|
||||
destination: "/docs/components/base/toast.md",
|
||||
permanent: true,
|
||||
},
|
||||
// Component redirects (default to base).
|
||||
{
|
||||
source: "/docs/components/:name((?!radix|base|aria|form)[^/]+)",
|
||||
destination: "/docs/components/base/:name",
|
||||
permanent: false,
|
||||
},
|
||||
{
|
||||
source: "/docs/components/:name((?!radix|base|aria|form)[^/]+).md",
|
||||
destination: "/docs/components/base/:name.md",
|
||||
permanent: false,
|
||||
},
|
||||
// Other redirects.
|
||||
{
|
||||
source: "/components",
|
||||
destination: "/docs/components",
|
||||
permanent: true,
|
||||
},
|
||||
{
|
||||
source: "/official",
|
||||
destination: "/docs/official",
|
||||
permanent: true,
|
||||
},
|
||||
{
|
||||
source: "/docs/primitives/:path*",
|
||||
destination: "/docs/components/:path*",
|
||||
permanent: true,
|
||||
},
|
||||
{
|
||||
source: "/figma",
|
||||
destination: "/docs/figma",
|
||||
permanent: true,
|
||||
},
|
||||
{
|
||||
source: "/sidebar",
|
||||
destination: "/docs/components/sidebar",
|
||||
permanent: true,
|
||||
},
|
||||
{
|
||||
source: "/react-19",
|
||||
destination: "/docs/react-19",
|
||||
permanent: true,
|
||||
},
|
||||
{
|
||||
source: "/charts",
|
||||
destination: "/charts/area",
|
||||
permanent: true,
|
||||
},
|
||||
{
|
||||
source: "/view/styles/:style/:name",
|
||||
destination: "/view/:name",
|
||||
permanent: true,
|
||||
},
|
||||
{
|
||||
source: "/docs/:path*.mdx",
|
||||
destination: "/docs/:path*.md",
|
||||
permanent: true,
|
||||
},
|
||||
{
|
||||
source: "/mcp",
|
||||
destination: "/docs/mcp",
|
||||
permanent: false,
|
||||
},
|
||||
{
|
||||
source: "/directory",
|
||||
destination: "/docs/directory",
|
||||
permanent: false,
|
||||
},
|
||||
{
|
||||
source: "/new",
|
||||
destination: "/docs/new",
|
||||
permanent: false,
|
||||
},
|
||||
{
|
||||
source: "/skills",
|
||||
destination: "/docs/skills",
|
||||
permanent: true,
|
||||
},
|
||||
{
|
||||
source: "/cli",
|
||||
destination: "/docs/cli",
|
||||
permanent: true,
|
||||
},
|
||||
{
|
||||
source: "/themes",
|
||||
destination: "/create",
|
||||
permanent: true,
|
||||
},
|
||||
{
|
||||
source: "/code/:path*",
|
||||
destination:
|
||||
"https://raw.githubusercontent.com/shadcn-ui/ui/refs/heads/main/:path*",
|
||||
permanent: false,
|
||||
},
|
||||
]
|
||||
},
|
||||
rewrites() {
|
||||
return [
|
||||
{
|
||||
source: "/docs/:path*.md",
|
||||
destination: "/llm/:path*",
|
||||
},
|
||||
{
|
||||
source: "/init.md",
|
||||
destination: "/init/md",
|
||||
},
|
||||
// The OIDC registry (shadcn-ui/oidc-ui) is a separate Vercel project
|
||||
// served under /oidc. It sets basePath: "/oidc", so the prefix is
|
||||
// forwarded as-is. RSC requests for the zone's HOME page get
|
||||
// normalized to /oidc.rsc, /oidc.prefetch.rsc and /oidc.segments/*
|
||||
// (dot, not slash) before rewrites run, and the oidc deployment has
|
||||
// no literal outputs at those paths — so send them to /oidc and let
|
||||
// the forwarded RSC headers select the payload there.
|
||||
{
|
||||
source: "/oidc",
|
||||
destination: "https://oidc.shadcn.com/oidc",
|
||||
},
|
||||
{
|
||||
source: "/oidc.rsc",
|
||||
destination: "https://oidc.shadcn.com/oidc",
|
||||
},
|
||||
{
|
||||
source: "/oidc.prefetch.rsc",
|
||||
destination: "https://oidc.shadcn.com/oidc",
|
||||
},
|
||||
{
|
||||
source: "/oidc.segments/:path*",
|
||||
destination: "https://oidc.shadcn.com/oidc",
|
||||
},
|
||||
{
|
||||
source: "/oidc/:path*",
|
||||
destination: "https://oidc.shadcn.com/oidc/:path*",
|
||||
},
|
||||
]
|
||||
},
|
||||
}
|
||||
|
||||
const withMDX = createMDX({})
|
||||
|
||||
export default withMDX(nextConfig)
|
||||
Reference in New Issue
Block a user