treesap
Version:
AI Agent Framework
8 lines • 1.06 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
import Layout from "../layouts/Layout.js";
import { Sidebar } from "../components/Sidebar.js";
import { SimpleLivePreview } from "../components/SimpleLivePreview.js";
export function Code({ previewPort = 1234, workingDirectory }) {
return (_jsx(Layout, { title: "Code Editor", children: _jsxs("div", { id: "code-container", class: "h-screen flex bg-[#1e1e1e] relative", children: [_jsx("button", { type: "button", id: "mobile-sidebar-toggle", class: "fixed top-4 left-4 z-60 p-3 bg-[#2d2d30] border border-[#3c3c3c] rounded-lg shadow-xl hover:bg-[#3c3c3c] transition-all md:hidden", title: "Toggle Sidebar", children: _jsx("iconify-icon", { icon: "tabler:menu-2", width: "20", height: "20", class: "text-[#cccccc]" }) }), _jsx(Sidebar, { id: "sidebar", previewPort: previewPort, workingDirectory: workingDirectory }), _jsx("div", { class: "flex-1 md:flex-1", children: _jsx(SimpleLivePreview, { id: "live-preview", previewPort: previewPort }) })] }) }));
}
//# sourceMappingURL=Code.js.map