66 lines
1.9 KiB
TypeScript
66 lines
1.9 KiB
TypeScript
'use client'
|
|
|
|
import { Editor, ItemsPanel } from '@pascal-app/editor'
|
|
import { Layers, Package, Settings } from 'lucide-react'
|
|
import Link from 'next/link'
|
|
import {
|
|
CommunityViewerToolbarLeft,
|
|
CommunityViewerToolbarRight,
|
|
} from '@/components/viewer-toolbar'
|
|
|
|
const SIDEBAR_TABS = [
|
|
{
|
|
id: 'site',
|
|
label: 'Scene',
|
|
component: () => null,
|
|
mobileDefaultSnap: 0.5,
|
|
mobileIcon: <Layers className="h-5 w-5" />,
|
|
},
|
|
{
|
|
id: 'items',
|
|
label: 'Items',
|
|
component: ItemsPanel,
|
|
mobileDefaultSnap: 0.5,
|
|
mobileIcon: <Package className="h-5 w-5" />,
|
|
},
|
|
{
|
|
id: 'settings',
|
|
label: 'Settings',
|
|
component: () => null,
|
|
mobileDefaultSnap: 0.5,
|
|
mobileIcon: <Settings className="h-5 w-5" />,
|
|
},
|
|
]
|
|
|
|
const PROJECT_ID = 'local-editor'
|
|
|
|
export default function Home() {
|
|
return (
|
|
<div className="relative h-screen w-screen">
|
|
{PROJECT_ID === 'local-editor' && (
|
|
<div className="pointer-events-none absolute top-3 left-1/2 z-40 -translate-x-1/2">
|
|
<div className="pointer-events-auto flex items-center gap-3 rounded-full border border-border/60 bg-background/90 px-4 py-1.5 text-xs shadow-sm backdrop-blur">
|
|
<span className="text-muted-foreground">Local editor — scenes are not saved.</span>
|
|
<Link className="font-medium text-foreground hover:underline" href="/scenes">
|
|
Open recent scenes
|
|
</Link>
|
|
<span aria-hidden className="text-muted-foreground">
|
|
·
|
|
</span>
|
|
<Link className="font-medium text-foreground hover:underline" href="/scenes">
|
|
Create new
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
)}
|
|
<Editor
|
|
layoutVersion="v2"
|
|
projectId={PROJECT_ID}
|
|
sidebarTabs={SIDEBAR_TABS}
|
|
viewerToolbarLeft={<CommunityViewerToolbarLeft />}
|
|
viewerToolbarRight={<CommunityViewerToolbarRight />}
|
|
/>
|
|
</div>
|
|
)
|
|
}
|