camox 0.0.0 → 0.1.2-alpha.2

package/dist/features/preview/CamoxPreview.d.ts

@@ -0,0 +1,124 @@
+import { api } from 'camox/server/api';
+import * as React from "react";
+/**
+ * Fetches the current page being previewed, with live updates if the user is signed in.
+ * Also will switch to peeked page data if there is one.
+ */
+export declare function usePreviewedPage(): {
+    page: {
+        _id: import('convex/values').GenericId<"pages">;
+        _creationTime: number;
+        parentPageId?: import('convex/values').GenericId<"pages"> | undefined;
+        metaTitle?: string | undefined;
+        metaDescription?: string | undefined;
+        aiSeoEnabled?: boolean | undefined;
+        createdAt: number;
+        updatedAt: number;
+        projectId: import('convex/values').GenericId<"projects">;
+        pathSegment: string;
+        fullPath: string;
+        layoutId: import('convex/values').GenericId<"layouts">;
+    };
+    projectName: string;
+    blocks: {
+        content: import('@camox/backend-content/lib/contentAssembly').ContentRecord;
+        _id: import('convex/values').GenericId<"blocks">;
+        _creationTime: number;
+        layoutId?: import('convex/values').GenericId<"layouts"> | undefined;
+        pageId?: import('convex/values').GenericId<"pages"> | undefined;
+        settings?: any;
+        placement?: "before" | "after" | undefined;
+        summary: string;
+        type: string;
+        position: string;
+        createdAt: number;
+        updatedAt: number;
+    }[];
+    layout: {
+        _id: import('convex/values').GenericId<"layouts">;
+        layoutId: string;
+        blocks: {
+            content: import('@camox/backend-content/lib/contentAssembly').ContentRecord;
+            _id: import('convex/values').GenericId<"blocks">;
+            _creationTime: number;
+            layoutId?: import('convex/values').GenericId<"layouts"> | undefined;
+            pageId?: import('convex/values').GenericId<"pages"> | undefined;
+            settings?: any;
+            placement?: "before" | "after" | undefined;
+            summary: string;
+            type: string;
+            position: string;
+            createdAt: number;
+            updatedAt: number;
+        }[];
+        beforeBlocks: {
+            content: import('@camox/backend-content/lib/contentAssembly').ContentRecord;
+            _id: import('convex/values').GenericId<"blocks">;
+            _creationTime: number;
+            layoutId?: import('convex/values').GenericId<"layouts"> | undefined;
+            pageId?: import('convex/values').GenericId<"pages"> | undefined;
+            settings?: any;
+            placement?: "before" | "after" | undefined;
+            summary: string;
+            type: string;
+            position: string;
+            createdAt: number;
+            updatedAt: number;
+        }[];
+        afterBlocks: {
+            content: import('@camox/backend-content/lib/contentAssembly').ContentRecord;
+            _id: import('convex/values').GenericId<"blocks">;
+            _creationTime: number;
+            layoutId?: import('convex/values').GenericId<"layouts"> | undefined;
+            pageId?: import('convex/values').GenericId<"pages"> | undefined;
+            settings?: any;
+            placement?: "before" | "after" | undefined;
+            summary: string;
+            type: string;
+            position: string;
+            createdAt: number;
+            updatedAt: number;
+        }[];
+    };
+} | {
+    page: {
+        _id: import('convex/values').GenericId<"pages">;
+        _creationTime: number;
+        parentPageId?: import('convex/values').GenericId<"pages"> | undefined;
+        metaTitle?: string | undefined;
+        metaDescription?: string | undefined;
+        aiSeoEnabled?: boolean | undefined;
+        createdAt: number;
+        updatedAt: number;
+        projectId: import('convex/values').GenericId<"projects">;
+        pathSegment: string;
+        fullPath: string;
+        layoutId: import('convex/values').GenericId<"layouts">;
+    };
+    projectName: string;
+    blocks: {
+        content: import('@camox/backend-content/lib/contentAssembly').ContentRecord;
+        _id: import('convex/values').GenericId<"blocks">;
+        _creationTime: number;
+        layoutId?: import('convex/values').GenericId<"layouts"> | undefined;
+        pageId?: import('convex/values').GenericId<"pages"> | undefined;
+        settings?: any;
+        placement?: "before" | "after" | undefined;
+        summary: string;
+        type: string;
+        position: string;
+        createdAt: number;
+        updatedAt: number;
+    }[];
+    layout?: undefined;
+} | null | undefined;
+interface PageContentProps {
+    page: NonNullable<typeof api.pages.getPage._returnType>;
+}
+export declare const PageContent: ({ page: initialPageData }: PageContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CamoxPreview: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare function usePreviewPagesActions(): void;
+export {};
+//# sourceMappingURL=CamoxPreview.d.ts.map

package/dist/features/preview/CamoxPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CamoxPreview.d.ts","sourceRoot":"","sources":["../../../src/features/preview/CamoxPreview.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAGvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsB/B;;;GAGG;AACH,wBAAgB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA2C/B;AAED,UAAU,gBAAgB;IACxB,IAAI,EAAE,WAAW,CAAC,OAAO,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;CACzD;AAED,eAAO,MAAM,WAAW,GAAI,2BAA2B,gBAAgB,4CA8HtE,CAAC;AAMF,eAAO,MAAM,YAAY,GAAI,cAAc;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,4CA4EvE,CAAC;AAEF,wBAAgB,sBAAsB,SAsErC"}

package/dist/features/preview/CamoxPreview.js

@@ -0,0 +1,253 @@
+import { previewStore } from "./previewStore.js";
+import { actionsStore } from "../provider/actionsStore.js";
+import { useCamoxApp } from "../provider/components/CamoxAppContext.js";
+import { Navbar } from "../studio/components/Navbar.js";
+import { AddBlockSheet } from "./components/AddBlockSheet.js";
+import { AgentChatSheet } from "./components/AgentChatSheet.js";
+import { CreatePageSheet } from "./components/CreatePageSheet.js";
+import { EditPageSheet } from "./components/EditPageSheet.js";
+import { PageContentSheet } from "./components/PageContentSheet.js";
+import { PagePicker } from "./components/PagePicker.js";
+import { PageTree } from "./components/PageTree.js";
+import { PeekedBlock } from "./components/PeekedBlock.js";
+import { PreviewFrame, PreviewPanel } from "./components/PreviewPanel.js";
+import { useSelector } from "@xstate/store/react";
+import { api } from "camox/server/api";
+import { useConvexAuth, useQuery } from "convex/react";
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { PanelContent, PanelHeader } from "@camox/ui/panel";
+import { useLocation, useNavigate } from "@tanstack/react-router";
+import { formatPathSegment } from "@/lib/utils";
+//#region src/features/preview/CamoxPreview.tsx
+/**
+* Fetches the current page being previewed, with live updates if the user is signed in.
+* Also will switch to peeked page data if there is one.
+*/
+function usePreviewedPage() {
+	const { pathname } = useLocation();
+	const pagePathnameToFetch = useSelector(previewStore, (state) => state.context.peekedPagePathname) ?? pathname;
+	const prevPathnameRef = React.useRef(pathname);
+	React.useEffect(() => {
+		if (prevPathnameRef.current !== pathname) {
+			prevPathnameRef.current = pathname;
+			previewStore.send({ type: "clearPeekedPage" });
+		}
+	}, [pathname]);
+	/**
+	* Only live update the page data if the user is signed in (i.e. an admin)
+	* to avoid unnecessary load on the backend and layout shifts for regular visitors.
+	*/
+	const { isAuthenticated } = useConvexAuth();
+	const currentPage = useQuery(api.pages.getPage, isAuthenticated ? { fullPath: pagePathnameToFetch } : "skip");
+	/**
+	* Store the previous page data to avoid returning undefined when switching
+	* between peeked pages, which would cause a visual glitch.
+	*/
+	const previousPageRef = React.useRef(currentPage);
+	React.useEffect(() => {
+		if (currentPage !== void 0) previousPageRef.current = currentPage;
+	}, [currentPage]);
+	return currentPage ?? previousPageRef.current;
+}
+var PageContent = ({ page: initialPageData }) => {
+	const pageData = usePreviewedPage() ?? initialPageData;
+	const peekedBlockPosition = useSelector(previewStore, (state) => state.context.peekedBlockPosition);
+	const displayedPositionRef = React.useRef(null);
+	if (peekedBlockPosition !== null) displayedPositionRef.current = peekedBlockPosition;
+	const effectivePosition = peekedBlockPosition ?? displayedPositionRef.current;
+	const onExitComplete = React.useCallback(() => {
+		displayedPositionRef.current = null;
+	}, []);
+	const camoxApp = useCamoxApp();
+	const peekedBlockIndex = React.useMemo(() => {
+		if (effectivePosition === "") return 0;
+		if (effectivePosition === null) return pageData.blocks.length;
+		const afterBlockIndex = pageData.blocks.findIndex((block) => String(block.position) === effectivePosition);
+		if (afterBlockIndex === -1) return pageData.blocks.length;
+		return afterBlockIndex + 1;
+	}, [pageData.blocks, effectivePosition]);
+	const layout = pageData.layout ? camoxApp.getLayoutById(pageData.layout.layoutId) : void 0;
+	const layoutBlocks = React.useMemo(() => {
+		if (!pageData.layout) return null;
+		const blocks = {};
+		for (const block of pageData.layout.blocks) blocks[block.type] = {
+			_id: block._id,
+			type: block.type,
+			content: block.content,
+			settings: block.settings,
+			position: String(block.position)
+		};
+		return blocks;
+	}, [pageData.layout]);
+	const pageBlocksContent = /* @__PURE__ */ jsxs(Fragment, { children: [
+		peekedBlockIndex === 0 && pageData.blocks.length > 0 && /* @__PURE__ */ jsx(PeekedBlock, { onExitComplete }),
+		pageData.blocks.map((blockData, index) => {
+			const block = camoxApp.getBlockById(String(blockData.type));
+			if (!block) return null;
+			return /* @__PURE__ */ jsxs(React.Fragment, { children: [/* @__PURE__ */ jsx(block.Component, {
+				blockData: {
+					_id: blockData._id,
+					type: blockData.type,
+					content: blockData.content,
+					settings: blockData.settings,
+					position: String(blockData.position)
+				},
+				mode: "site",
+				showAddBlockTop: index === 0 ? layout?.blockDefinitions.some((b) => b.placement === "before") ?? false : true,
+				showAddBlockBottom: true
+			}), index === peekedBlockIndex - 1 && /* @__PURE__ */ jsx(PeekedBlock, { onExitComplete })] }, blockData._id);
+		}),
+		pageData.blocks.length === 0 && /* @__PURE__ */ jsx(PeekedBlock, { onExitComplete })
+	] });
+	if (layout && layoutBlocks) {
+		const LayoutComponent = layout.component;
+		return /* @__PURE__ */ jsx(layout.Provider, {
+			layoutBlocks,
+			children: /* @__PURE__ */ jsx(LayoutComponent, { children: pageBlocksContent })
+		});
+	}
+	return /* @__PURE__ */ jsx("main", {
+		className: "flex min-h-screen flex-col",
+		children: pageBlocksContent
+	});
+};
+var CamoxPreview = ({ children }) => {
+	const { isAuthenticated } = useConvexAuth();
+	const isPresentationMode = useSelector(previewStore, (state) => state.context.isPresentationMode);
+	const isSidebarOpen = useSelector(previewStore, (state) => state.context.isSidebarOpen);
+	React.useEffect(() => {
+		const actions = [{
+			id: "enter-presentation-mode",
+			label: "Enter presentation mode",
+			groupLabel: "Preview",
+			checkIfAvailable: () => isAuthenticated && !isPresentationMode,
+			execute: () => previewStore.send({ type: "enterPresentationMode" }),
+			shortcut: {
+				key: "Enter",
+				withMeta: true
+			},
+			icon: "MonitorPlay"
+		}, {
+			id: "exit-presentation-mode",
+			label: "Exit presentation mode",
+			groupLabel: "Preview",
+			checkIfAvailable: () => isAuthenticated && isPresentationMode,
+			execute: () => previewStore.send({ type: "exitPresentationMode" }),
+			shortcut: {
+				key: "Escape",
+				withMeta: true
+			},
+			icon: "MonitorOff"
+		}];
+		actionsStore.send({
+			type: "registerManyActions",
+			actions
+		});
+		return () => {
+			actionsStore.send({
+				type: "unregisterManyActions",
+				ids: actions.map((a) => a.id)
+			});
+		};
+	}, [isPresentationMode, isAuthenticated]);
+	if (isPresentationMode) return /* @__PURE__ */ jsx(PreviewFrame, {
+		className: "h-screen w-full",
+		children
+	});
+	if (!isAuthenticated) return /* @__PURE__ */ jsx(Fragment, { children });
+	return /* @__PURE__ */ jsxs("div", {
+		className: "bg-background flex h-screen flex-col overflow-hidden",
+		children: [
+			/* @__PURE__ */ jsx(Navbar, {}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex h-full flex-row items-stretch",
+				children: [isSidebarOpen && /* @__PURE__ */ jsxs("div", {
+					className: "flex w-[300px] flex-col border-r-2",
+					children: [/* @__PURE__ */ jsx(PanelHeader, {
+						className: "flew-row flex gap-2 px-2 py-2",
+						children: /* @__PURE__ */ jsx(PagePicker, {})
+					}), /* @__PURE__ */ jsx(PanelContent, {
+						className: "flex grow basis-0 flex-col gap-2 overflow-auto p-2",
+						children: /* @__PURE__ */ jsx(PageTree, {})
+					})]
+				}), /* @__PURE__ */ jsxs(PreviewPanel, { children: [children, !isPresentationMode && isAuthenticated && /* @__PURE__ */ jsx("div", { style: {
+					height: "80px",
+					background: "transparent"
+				} })] })]
+			}),
+			/* @__PURE__ */ jsx(PageContentSheet, {}),
+			/* @__PURE__ */ jsx(AddBlockSheet, {}),
+			/* @__PURE__ */ jsx(AgentChatSheet, {}),
+			/* @__PURE__ */ jsx(CreatePageSheet, {}),
+			/* @__PURE__ */ jsx(EditPageSheet, {})
+		]
+	});
+};
+function usePreviewPagesActions() {
+	const navigate = useNavigate();
+	const { pathname } = useLocation();
+	const pages = useQuery(api.pages.listPages);
+	React.useEffect(() => {
+		const GO_TO_PAGE_ID = "go-to-page";
+		const currentPage = pages?.find((p) => p.fullPath === pathname);
+		const actions = [
+			{
+				id: "create-page",
+				label: "Create page",
+				groupLabel: "Preview",
+				icon: "FilePlus",
+				checkIfAvailable: () => true,
+				execute: () => previewStore.send({ type: "openCreatePageSheet" })
+			},
+			{
+				id: "edit-current-page",
+				label: "Edit current page",
+				groupLabel: "Preview",
+				icon: "Pencil",
+				checkIfAvailable: () => !!currentPage,
+				execute: () => {
+					if (!currentPage) return;
+					previewStore.send({
+						type: "openEditPageSheet",
+						page: currentPage
+					});
+				}
+			},
+			{
+				id: GO_TO_PAGE_ID,
+				label: "Go to page",
+				groupLabel: "Preview",
+				checkIfAvailable: () => !!pages,
+				hasChildren: true,
+				execute: () => {},
+				icon: "File"
+			},
+			...pages ? pages.map((page) => ({
+				id: `go-to-page-${page._id}`,
+				parentActionId: GO_TO_PAGE_ID,
+				label: `Go to "${page.metaTitle ?? formatPathSegment(page.pathSegment)}"`,
+				groupLabel: "Preview",
+				checkIfAvailable: () => true,
+				execute: () => navigate({ to: page.fullPath }),
+				icon: "File"
+			})) : []
+		];
+		actionsStore.send({
+			type: "registerManyActions",
+			actions
+		});
+		return () => {
+			actionsStore.send({
+				type: "unregisterManyActions",
+				ids: actions.map((a) => a.id)
+			});
+		};
+	}, [
+		navigate,
+		pages,
+		pathname
+	]);
+}
+//#endregion
+export { CamoxPreview, PageContent, usePreviewPagesActions, usePreviewedPage };

package/dist/features/preview/components/AddBlockSheet.d.ts

@@ -0,0 +1,3 @@
+declare const AddBlockSheet: () => import("react/jsx-runtime").JSX.Element;
+export { AddBlockSheet };
+//# sourceMappingURL=AddBlockSheet.d.ts.map

package/dist/features/preview/components/AddBlockSheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddBlockSheet.d.ts","sourceRoot":"","sources":["../../../../src/features/preview/components/AddBlockSheet.tsx"],"names":[],"mappings":"AAuBA,QAAA,MAAM,aAAa,+CAgJlB,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/features/preview/components/AddBlockSheet.js

@@ -0,0 +1,121 @@
+import { previewStore } from "../previewStore.js";
+import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
+import { PreviewSideSheet, Sheet } from "./PreviewSideSheet.js";
+import { usePreviewedPage } from "../CamoxPreview.js";
+import { useSelector } from "@xstate/store/react";
+import { api } from "camox/server/api";
+import { useMutation, useQuery } from "convex/react";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { InfoIcon } from "lucide-react";
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "@camox/ui/command";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@camox/ui/tooltip";
+import { trackClientEvent } from "@/lib/analytics-client";
+//#region src/features/preview/components/AddBlockSheet.tsx
+var AddBlockSheet = () => {
+	const [highlightedValue, setHighlightedValue] = React.useState("");
+	const createBlockMutation = useMutation(api.blocks.createBlock);
+	const availableBlocks = useCamoxApp().getBlocks().filter((b) => !b.layoutOnly);
+	const page = usePreviewedPage();
+	const totalCounts = useQuery(api.blocks.getBlockUsageCounts) ?? {};
+	const pageCounts = React.useMemo(() => {
+		const counts = {};
+		if (!page) return counts;
+		for (const block of page.blocks) counts[block.type] = (counts[block.type] ?? 0) + 1;
+		return counts;
+	}, [page]);
+	const isOpen = useSelector(previewStore, (state) => state.context.isAddBlockSheetOpen);
+	const peekedBlockPosition = useSelector(previewStore, (state) => state.context.peekedBlockPosition);
+	const handleAddBlock = async (block) => {
+		if (!page) return;
+		const afterPosition = peekedBlockPosition === "" ? "" : peekedBlockPosition ?? page.blocks[page.blocks.length - 1]?.position;
+		const blockId = await createBlockMutation({
+			pageId: page.page._id,
+			type: block.id,
+			content: block.getInitialContent(),
+			settings: block.getInitialSettings(),
+			afterPosition
+		});
+		trackClientEvent("block_added", {
+			projectId: page.page.projectId,
+			blockType: block.id
+		});
+		previewStore.send({
+			type: "focusCreatedBlock",
+			blockId
+		});
+		previewStore.send({ type: "exitPeekedBlock" });
+	};
+	const handlePreviewBlock = (block) => {
+		const afterPosition = peekedBlockPosition === "" ? "" : peekedBlockPosition ?? page?.blocks[page.blocks.length - 1]?.position;
+		previewStore.send({
+			type: "setPeekedBlock",
+			block,
+			afterPosition
+		});
+	};
+	const handleValueChange = (value) => {
+		setHighlightedValue(value);
+		const block = availableBlocks.find((b) => b.title === value);
+		if (block) handlePreviewBlock(block);
+		else previewStore.send({ type: "clearPeekedBlock" });
+	};
+	const handleOpenChange = (open) => {
+		if (!open) previewStore.send({ type: "closeAddBlockSheet" });
+	};
+	React.useEffect(() => {
+		if (isOpen) setHighlightedValue("");
+	}, [isOpen]);
+	const displayCount = (blockId) => {
+		const total = totalCounts[blockId] ?? 0;
+		if (total === 0) return "Never used";
+		const page = pageCounts[blockId] ?? "none";
+		return `${total} use${total > 1 ? "s" : ""} (${page} here)`;
+	};
+	return /* @__PURE__ */ jsxs(PreviewSideSheet, {
+		open: isOpen,
+		onOpenChange: handleOpenChange,
+		className: "flex flex-col gap-0",
+		children: [/* @__PURE__ */ jsxs(Sheet.SheetHeader, {
+			className: "border-border border-b",
+			children: [/* @__PURE__ */ jsx(Sheet.SheetTitle, { children: "Add new block" }), /* @__PURE__ */ jsx(Sheet.SheetDescription, { children: "Search and select a block to add to the page." })]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "flex-1 overflow-auto p-2",
+			children: /* @__PURE__ */ jsxs(Command, {
+				value: highlightedValue,
+				onValueChange: handleValueChange,
+				className: "bg-background overflow-visible",
+				onKeyDown: (e) => {
+					if (e.key === "Escape") previewStore.send({ type: "closeAddBlockSheet" });
+				},
+				children: [/* @__PURE__ */ jsx(CommandInput, {
+					placeholder: "Search blocks...",
+					autoFocus: true,
+					wrapperClassName: "border border-input rounded-md shadow-xs focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]"
+				}), /* @__PURE__ */ jsxs(CommandList, {
+					className: "mt-1 max-h-full",
+					children: [/* @__PURE__ */ jsx(CommandEmpty, { children: "No blocks found." }), /* @__PURE__ */ jsx(CommandGroup, { children: availableBlocks.sort((a, b) => (totalCounts[b.id] ?? 0) - (totalCounts[a.id] ?? 0)).map((block) => /* @__PURE__ */ jsxs(CommandItem, {
+						value: block.title,
+						onSelect: () => {
+							handleAddBlock(block);
+						},
+						className: "group flex items-center justify-between gap-2",
+						children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("span", { children: block.title }), /* @__PURE__ */ jsx("span", {
+							className: "text-muted-foreground block",
+							children: displayCount(block.id)
+						})] }), /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+							className: "hidden group-focus-within:flex group-hover:flex",
+							children: /* @__PURE__ */ jsx(InfoIcon, {})
+						}), /* @__PURE__ */ jsx(TooltipContent, {
+							className: "max-w-[300px]",
+							side: "right",
+							children: block.description
+						})] })]
+					}, block.id)) })]
+				})]
+			})
+		})]
+	});
+};
+//#endregion
+export { AddBlockSheet };

package/dist/features/preview/components/AgentChatSheet.d.ts

@@ -0,0 +1,3 @@
+declare const AgentChatSheet: () => import("react/jsx-runtime").JSX.Element;
+export { AgentChatSheet };
+//# sourceMappingURL=AgentChatSheet.d.ts.map

package/dist/features/preview/components/AgentChatSheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentChatSheet.d.ts","sourceRoot":"","sources":["../../../../src/features/preview/components/AgentChatSheet.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,cAAc,+CAsBnB,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/features/preview/components/AgentChatSheet.js

@@ -0,0 +1,24 @@
+import { previewStore } from "../previewStore.js";
+import { PreviewSideSheet, Sheet } from "./PreviewSideSheet.js";
+import { useSelector } from "@xstate/store/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/features/preview/components/AgentChatSheet.tsx
+var AgentChatSheet = () => {
+	const isOpen = useSelector(previewStore, (state) => state.context.isAgentChatSheetOpen);
+	const handleOpenChange = (open) => {
+		if (!open) previewStore.send({ type: "closeAgentChatSheet" });
+	};
+	return /* @__PURE__ */ jsxs(PreviewSideSheet, {
+		open: isOpen,
+		onOpenChange: handleOpenChange,
+		children: [/* @__PURE__ */ jsxs(Sheet.SheetHeader, { children: [/* @__PURE__ */ jsx(Sheet.SheetTitle, { children: "Agent Chat" }), /* @__PURE__ */ jsx(Sheet.SheetDescription, { children: "Describe the changes you'd like to make to this page." })] }), /* @__PURE__ */ jsx("div", {
+			className: "flex flex-1 items-center justify-center p-6",
+			children: /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground text-center text-sm",
+				children: "Coming soon"
+			})
+		})]
+	});
+};
+//#endregion
+export { AgentChatSheet };

package/dist/features/preview/components/AssetFieldEditor.d.ts

@@ -0,0 +1,18 @@
+import { UploadItem } from '../../../hooks/use-file-upload';
+import * as React from "react";
+declare const AssetActionButtons: ({ isImage, multiple, fileInputRef, onPickerOpen, onFilesSelected, uploads, }: {
+    isImage: boolean;
+    multiple: boolean;
+    fileInputRef: React.RefObject<HTMLInputElement | null>;
+    onPickerOpen: () => void;
+    onFilesSelected: (files: FileList) => void;
+    uploads: UploadItem[];
+}) => import("react/jsx-runtime").JSX.Element;
+declare const SingleAssetFieldEditor: ({ fieldName, assetType, currentData, onFieldChange, }: {
+    fieldName: string;
+    assetType: "Image" | "File";
+    currentData: Record<string, unknown>;
+    onFieldChange: (fieldName: string, value: unknown) => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export { AssetActionButtons, SingleAssetFieldEditor };
+//# sourceMappingURL=AssetFieldEditor.d.ts.map

package/dist/features/preview/components/AssetFieldEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetFieldEditor.d.ts","sourceRoot":"","sources":["../../../../src/features/preview/components/AssetFieldEditor.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,KAAK,UAAU,EAAiB,MAAM,yBAAyB,CAAC;AAezE,QAAA,MAAM,kBAAkB,GAAI,8EAOzB;IACD,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACvD,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,eAAe,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC3C,OAAO,EAAE,UAAU,EAAE,CAAC;CACvB,4CAiCA,CAAC;AAMF,QAAA,MAAM,sBAAsB,GAAI,uDAK7B;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5B,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5D,4CAuHA,CAAC;AAEF,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,CAAC"}