mirror of
https://github.com/hanzoai/shadcn.git
synced 2026-10-30 18:22:59 +00:00
zeekay
05fc512820
Upstream sync from shadcn-ui/ui (1686 commits since last merge base). Key changes: - packages/shadcn upgraded to 4.1.0 (CLI font transformers, scaffold from github, chart colors) - apps/v4 replaces apps/www as the primary docs/registry app - Font system: 25+ heading font registries, font markers utility, @supports override - Chart improvements: recharts v3 compat, radial chart fixes - templates/ updated with monorepo variants (astro, vite, react-router, start) - skills/shadcn AI skill definitions added - deprecated/ removed (auth, auth-firebase, cli, www) Preserved Hanzo-only paths: app/, pkg/, demo/, docs/, template/next/
62 lines
2.0 KiB
TypeScript
62 lines
2.0 KiB
TypeScript
import { type Metadata } from "next"
|
|
|
|
import { siteConfig } from "@/lib/config"
|
|
import { absoluteUrl } from "@/lib/utils"
|
|
import { SiteHeader } from "@/components/site-header"
|
|
import { Customizer } from "@/app/(create)/components/customizer"
|
|
import { PresetHandler } from "@/app/(create)/components/preset-handler"
|
|
import { Preview } from "@/app/(create)/components/preview"
|
|
import { WelcomeDialog } from "@/app/(create)/components/welcome-dialog"
|
|
import { getAllItems } from "@/app/(create)/lib/api"
|
|
|
|
export const metadata: Metadata = {
|
|
title: "New Project",
|
|
description:
|
|
"Customize everything. Pick your component library, icons, base color, theme, fonts and create your own version of shadcn/ui.",
|
|
openGraph: {
|
|
title: "New Project",
|
|
description:
|
|
"Customize everything. Pick your component library, icons, base color, theme, fonts and create your own version of shadcn/ui.",
|
|
type: "website",
|
|
url: absoluteUrl("/create"),
|
|
images: [
|
|
{
|
|
url: siteConfig.ogImage,
|
|
width: 1200,
|
|
height: 630,
|
|
alt: siteConfig.name,
|
|
},
|
|
],
|
|
},
|
|
twitter: {
|
|
card: "summary_large_image",
|
|
title: "New Project",
|
|
description:
|
|
"Customize everything. Pick your component library, icons, base color, theme, fonts and create your own version of shadcn/ui.",
|
|
images: [siteConfig.ogImage],
|
|
creator: "@shadcn",
|
|
},
|
|
}
|
|
|
|
export default async function CreatePage() {
|
|
const itemsByBase = await getAllItems()
|
|
|
|
return (
|
|
<div
|
|
data-slot="layout"
|
|
className="group/layout relative z-10 flex h-svh flex-col overflow-hidden section-soft [--customizer-width:--spacing(48)] [--gap:--spacing(4)] md:[--gap:--spacing(6)] 2xl:[--customizer-width:--spacing(56)]"
|
|
>
|
|
<SiteHeader />
|
|
<main
|
|
data-slot="designer"
|
|
className="flex min-h-0 flex-1 flex-col gap-(--gap) p-(--gap) pt-[calc(var(--gap)*0.25)] md:flex-row-reverse"
|
|
>
|
|
<Preview />
|
|
<Customizer itemsByBase={itemsByBase} />
|
|
<PresetHandler />
|
|
<WelcomeDialog />
|
|
</main>
|
|
</div>
|
|
)
|
|
}
|