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/
90 lines
2.9 KiB
TypeScript
90 lines
2.9 KiB
TypeScript
import { Button } from "@/registry/new-york-v4/ui/button"
|
|
import {
|
|
Dialog,
|
|
DialogContent,
|
|
DialogDescription,
|
|
DialogHeader,
|
|
DialogTitle,
|
|
DialogTrigger,
|
|
} from "@/registry/new-york-v4/ui/dialog"
|
|
|
|
export function CodeViewer() {
|
|
return (
|
|
<Dialog>
|
|
<DialogTrigger asChild>
|
|
<Button variant="secondary">View code</Button>
|
|
</DialogTrigger>
|
|
<DialogContent>
|
|
<DialogHeader>
|
|
<DialogTitle>View code</DialogTitle>
|
|
<DialogDescription>
|
|
You can use the following code to start integrating your current
|
|
prompt and settings into your application.
|
|
</DialogDescription>
|
|
</DialogHeader>
|
|
<div className="grid gap-4">
|
|
<div className="rounded-md bg-black p-6">
|
|
<pre>
|
|
<code className="grid gap-1 text-sm text-white [&_span]:h-4">
|
|
<span>
|
|
<span className="text-sky-300">import</span> os
|
|
</span>
|
|
<span>
|
|
<span className="text-sky-300">import</span> openai
|
|
</span>
|
|
<span />
|
|
<span>
|
|
openai.api_key = os.getenv(
|
|
<span className="text-green-300">
|
|
"OPENAI_API_KEY"
|
|
</span>
|
|
)
|
|
</span>
|
|
<span />
|
|
<span>response = openai.Completion.create(</span>
|
|
<span>
|
|
{" "}
|
|
model=
|
|
<span className="text-green-300">"davinci"</span>,
|
|
</span>
|
|
<span>
|
|
{" "}
|
|
prompt=<span className="text-amber-300">""</span>,
|
|
</span>
|
|
<span>
|
|
{" "}
|
|
temperature=<span className="text-amber-300">0.9</span>,
|
|
</span>
|
|
<span>
|
|
{" "}
|
|
max_tokens=<span className="text-amber-300">5</span>,
|
|
</span>
|
|
<span>
|
|
{" "}
|
|
top_p=<span className="text-amber-300">1</span>,
|
|
</span>
|
|
<span>
|
|
{" "}
|
|
frequency_penalty=<span className="text-amber-300">0</span>,
|
|
</span>
|
|
<span>
|
|
{" "}
|
|
presence_penalty=<span className="text-green-300">0</span>,
|
|
</span>
|
|
<span>)</span>
|
|
</code>
|
|
</pre>
|
|
</div>
|
|
<div>
|
|
<p className="text-sm text-muted-foreground">
|
|
Your API Key can be found here. You should use environment
|
|
variables or a secret management tool to expose your key to your
|
|
applications.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</DialogContent>
|
|
</Dialog>
|
|
)
|
|
}
|