app-01

Install it

Source

1"use client";
2 
3import { EditorLayout } from "@/registry/blocks/app-01/components/editor-layout";
4import { Versions } from "@/registry/blocks/app-01/components/versions";
5 
6export default function Page() {
7	return (
8		<div className="flex w-screen h-screen justify-start">
9			<Versions className="hidden md:flex" />
10			<EditorLayout />
11		</div>
12	);
13}

What it pulls in

npm packages

• ai
• @ai-sdk/openai
• @uiw/react-codemirror
• @codemirror/lang-javascript
• zustand

Other registry items

• avatar
• input
• label
• tabs
• resizable
• breadcrumb
• button
• toggle-group
• switch
• separator
• card
• badge
• dialog
• slider
• @simple-ai/chat-input
• @simple-ai/chat-message-area
• @simple-ai/chat-message
• @simple-ai/jsx-renderer
• @simple-ai/jsx-utils

Files it writes

• ./src/registry/blocks/app-01/page.tsx
• ./src/registry/blocks/app-01/canvas/page.tsx
• ./src/registry/blocks/app-01/route.ts
• ./src/registry/blocks/app-01/hooks/generation-store.ts
• ./src/registry/blocks/app-01/components/versions.tsx
• ./src/registry/blocks/app-01/components/editor-layout.tsx
• ./src/registry/blocks/app-01/components/editor-toolbar.tsx
• ./src/registry/blocks/app-01/components/code-editor.tsx
• ./src/registry/blocks/app-01/components/preview.tsx
• ./src/registry/blocks/app-01/components/chat-dialog.tsx
• ./src/registry/blocks/app-01/components/copy-button.tsx