@rebasepro/admin 0.4.0 → 0.6.0

package/dist/CollectionsStudioView-UKouBPOm.js

@@ -0,0 +1,170 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { Tn as useUrlController } from "./src-BJ8fkM8y.js";
+import { t as CollectionEditor } from "./CollectionEditorDialog-jA-PLh6N.js";
+import { s as AIModifiedPathsProvider } from "./PropertyEditView-DEUddmg_.js";
+import { useEffect, useState } from "react";
+import { Button, IconButton, PlusIcon, ResizablePanels, Tooltip, Typography, cls, defaultBorderMixin, iconSize } from "@rebasepro/ui";
+import { IconForView, UnsavedChangesDialog, useSnackbarController, useUnsavedChangesDialog } from "@rebasepro/core";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useLocation, useNavigate } from "react-router-dom";
+//#region src/collection_editor/ui/collection_editor/CollectionStudioView.tsx
+function CollectionStudioView({ collectionId, ...props }) {
+	const snackbarController = useSnackbarController();
+	const navigate = useNavigate();
+	const urlController = useUrlController();
+	const [formDirty, setFormDirty] = useState(false);
+	const [cancelRequested, setCancelRequested] = useState(false);
+	const { dialogProps, triggerDialog } = useUnsavedChangesDialog(formDirty, () => setFormDirty(false));
+	const activeCollectionId = collectionId;
+	const handleCancelClick = () => {
+		if (!formDirty) navigate(urlController.buildAppUrlPath("/"));
+		else {
+			setCancelRequested(true);
+			triggerDialog();
+		}
+	};
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex-grow flex flex-col h-full w-full bg-white dark:bg-surface-950",
+		children: /* @__PURE__ */ jsxs(AIModifiedPathsProvider, { children: [activeCollectionId ? /* @__PURE__ */ jsx(CollectionEditor, {
+			...props,
+			fullScreen: true,
+			open: true,
+			isNewCollection: activeCollectionId === "new",
+			editedCollectionId: activeCollectionId !== "new" ? activeCollectionId : void 0,
+			handleCancel: handleCancelClick,
+			handleClose: (savedCollection) => {
+				setFormDirty(false);
+				if (savedCollection) {
+					snackbarController.open({
+						type: "success",
+						message: `Collection ${savedCollection.name || savedCollection.slug} saved`
+					});
+					if (activeCollectionId === "new") navigate(urlController.buildAppUrlPath(`s/schema/${savedCollection.slug}`));
+				}
+			},
+			setFormDirty
+		}, activeCollectionId) : /* @__PURE__ */ jsxs("div", {
+			className: "flex-grow flex flex-col items-center justify-center h-full gap-4",
+			children: [/* @__PURE__ */ jsx(Typography, {
+				variant: "label",
+				children: "Select a collection or create a new one"
+			}), /* @__PURE__ */ jsxs(Button, {
+				disabled: props.configController?.readOnly,
+				onClick: () => navigate(urlController.buildAppUrlPath("schema/new")),
+				children: [/* @__PURE__ */ jsx(PlusIcon, {}), "Add new collection"]
+			})]
+		}), /* @__PURE__ */ jsx(UnsavedChangesDialog, {
+			...dialogProps,
+			handleOk: () => {
+				dialogProps.handleOk();
+				if (cancelRequested) {
+					navigate(urlController.buildAppUrlPath("/"));
+					setCancelRequested(false);
+				}
+			},
+			handleCancel: () => {
+				dialogProps.handleCancel();
+				setCancelRequested(false);
+			}
+		})] })
+	});
+}
+//#endregion
+//#region src/collection_editor/ui/collection_editor/CollectionsStudioView.tsx
+var CollectionsStudioView_exports = /* @__PURE__ */ __exportAll({ CollectionsStudioView: () => CollectionsStudioView });
+function CollectionsStudioView({ configController }) {
+	const navigate = useNavigate();
+	const urlController = useUrlController();
+	const location = useLocation();
+	const basePath = urlController.buildAppUrlPath("schema");
+	const activeCollectionId = location.pathname.replace(basePath, "").replace(/^\//, "").split("/")[0] || void 0;
+	const [sidebarSize, setSidebarSize] = useState(() => {
+		try {
+			const saved = localStorage.getItem("rebase_collections_editor_sidebar_size");
+			return saved !== null ? parseFloat(saved) : 25;
+		} catch (e) {
+			return 25;
+		}
+	});
+	useEffect(() => {
+		try {
+			localStorage.setItem("rebase_collections_editor_sidebar_size", sidebarSize.toString());
+		} catch (e) {}
+	}, [sidebarSize]);
+	const collections = configController.collections || [];
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex h-full w-full bg-white dark:bg-surface-950 overflow-hidden text-text-primary dark:text-text-primary-dark",
+		children: /* @__PURE__ */ jsx(ResizablePanels, {
+			orientation: "horizontal",
+			panelSizePercent: sidebarSize,
+			onPanelSizeChange: setSidebarSize,
+			minPanelSizePx: 220,
+			firstPanel: /* @__PURE__ */ jsxs("div", {
+				className: cls("flex flex-col h-full w-full bg-white dark:bg-surface-950 border-r", defaultBorderMixin),
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: cls("flex items-center justify-between px-3 py-2 border-b bg-surface-50 dark:bg-surface-900 min-h-[48px]", defaultBorderMixin),
+					children: [/* @__PURE__ */ jsx(Typography, {
+						variant: "caption",
+						className: "font-bold uppercase tracking-wider text-text-disabled dark:text-text-disabled-dark",
+						children: "Collections"
+					}), /* @__PURE__ */ jsx(Tooltip, {
+						title: configController.readOnly ? configController.readOnlyReason || "Read only" : "Add collection",
+						children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(IconButton, {
+							size: "small",
+							disabled: configController.readOnly,
+							onClick: () => navigate(urlController.buildAppUrlPath("schema/new")),
+							className: activeCollectionId === "new" ? "text-primary dark:text-primary-dark" : "text-text-secondary dark:text-text-secondary-dark",
+							children: /* @__PURE__ */ jsx(PlusIcon, { size: iconSize.smallest })
+						}) })
+					})]
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "flex-grow overflow-y-auto w-full no-scrollbar p-2 space-y-0.5",
+					children: [collections.length === 0 && /* @__PURE__ */ jsx("div", {
+						className: "p-4 text-center",
+						children: /* @__PURE__ */ jsx(Typography, {
+							variant: "caption",
+							className: "text-text-disabled dark:text-text-disabled-dark italic",
+							children: "No collections yet."
+						})
+					}), collections.map((collection) => {
+						const collectionKey = collection.slug;
+						const isSelected = activeCollectionId === collectionKey;
+						return /* @__PURE__ */ jsxs("div", {
+							onClick: () => navigate(urlController.buildAppUrlPath(`schema/${collectionKey}`)),
+							className: cls("flex items-center gap-3 px-3 py-2 cursor-pointer rounded-md text-sm transition-colors", isSelected ? "bg-primary/10 text-primary dark:bg-primary/20 dark:text-primary-light" : "hover:bg-surface-100 dark:hover:bg-surface-900 text-text-secondary dark:text-text-secondary-dark"),
+							children: [/* @__PURE__ */ jsx(IconForView, {
+								collectionOrView: collection,
+								size: "small",
+								className: cls(isSelected ? "text-primary dark:text-primary-light" : "text-text-secondary dark:text-text-secondary-dark")
+							}), /* @__PURE__ */ jsx("span", {
+								className: "truncate flex-1",
+								children: collection.name || collection.slug
+							})]
+						}, collectionKey);
+					})]
+				})]
+			}),
+			secondPanel: /* @__PURE__ */ jsx("div", {
+				className: "flex-grow flex flex-col min-w-0 h-full w-full",
+				children: activeCollectionId ? /* @__PURE__ */ jsx(CollectionStudioView, {
+					configController,
+					collectionId: activeCollectionId
+				}, activeCollectionId) : /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col items-center justify-center h-full gap-4",
+					children: [/* @__PURE__ */ jsx(Typography, {
+						variant: "label",
+						children: "Select a collection or create a new one to start editing"
+					}), /* @__PURE__ */ jsxs(Button, {
+						disabled: configController.readOnly,
+						onClick: () => navigate(urlController.buildAppUrlPath("schema/new")),
+						children: [/* @__PURE__ */ jsx(PlusIcon, {}), "Add new collection"]
+					})]
+				})
+			})
+		})
+	});
+}
+//#endregion
+export { CollectionsStudioView_exports as n, CollectionStudioView as r, CollectionsStudioView as t };
+
+//# sourceMappingURL=CollectionsStudioView-UKouBPOm.js.map

package/dist/CollectionsStudioView-UKouBPOm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionsStudioView-UKouBPOm.js","names":[],"sources":["../src/collection_editor/ui/collection_editor/CollectionStudioView.tsx","../src/collection_editor/ui/collection_editor/CollectionsStudioView.tsx"],"sourcesContent":["\nimport { useUnsavedChangesDialog, UnsavedChangesDialog } from \"@rebasepro/core\";\nimport { useUrlController } from \"../../_cms_internals\";\nimport * as React from \"react\";\nimport { useState, useMemo, useEffect } from \"react\";\nimport { Button, PlusIcon, Typography } from \"@rebasepro/ui\";\nimport { useSnackbarController } from \"@rebasepro/core\";\nimport { CollectionEditorDialogProps } from \"./CollectionEditorDialog\";\nimport { AIModifiedPathsProvider } from \"./AIModifiedPathsContext\";\nimport { CollectionEditor } from \"./CollectionEditorDialog\";\nimport { useNavigate } from \"react-router-dom\";\n\nexport type CollectionStudioViewProps = Omit<CollectionEditorDialogProps, \"open\" | \"isNewCollection\" | \"editedCollectionId\" | \"handleClose\" | \"handleCancel\"> & {\n    collectionId?: string | \"new\";\n};\n\nexport function CollectionStudioView({ collectionId, ...props }: CollectionStudioViewProps) {\n    const snackbarController = useSnackbarController();\n    const navigate = useNavigate();\n    const urlController = useUrlController();\n\n    // Form state from the editor\n    const [formDirty, setFormDirty] = useState<boolean>(false);\n    const [cancelRequested, setCancelRequested] = useState<boolean>(false);\n\n    const { dialogProps, triggerDialog } = useUnsavedChangesDialog(\n        formDirty,\n        () => setFormDirty(false)\n    );\n\n    // Map collectionId from URL params if missing? We can pass it directly.\n    const activeCollectionId = collectionId;\n\n    const handleCancelClick = () => {\n        if (!formDirty) {\n            navigate(urlController.buildAppUrlPath(\"/\"));\n        } else {\n            setCancelRequested(true);\n            triggerDialog();\n        }\n    };\n\n    return (\n        <div className=\"flex-grow flex flex-col h-full w-full bg-white dark:bg-surface-950\">\n            <AIModifiedPathsProvider>\n                {activeCollectionId ? (\n                    <CollectionEditor\n                        key={activeCollectionId}\n                        {...props}\n                        fullScreen={true}\n                        open={true}\n                        isNewCollection={activeCollectionId === \"new\"}\n                        editedCollectionId={activeCollectionId !== \"new\" ? activeCollectionId : undefined}\n                        handleCancel={handleCancelClick}\n                        handleClose={(savedCollection) => {\n                            setFormDirty(false);\n                            if (savedCollection) {\n                                snackbarController.open({\n                                    type: \"success\",\n                                    message: `Collection ${savedCollection.name || savedCollection.slug} saved`\n                                });\n                                if (activeCollectionId === \"new\") {\n                                    navigate(urlController.buildAppUrlPath(`s/schema/${savedCollection.slug}`));\n                                }\n                            }\n                        }}\n                        setFormDirty={setFormDirty}\n                    />\n                ) : (\n                    <div className=\"flex-grow flex flex-col items-center justify-center h-full gap-4\">\n                        <Typography variant=\"label\">\n                            Select a collection or create a new one\n                        </Typography>\n                        <Button\n                            disabled={props.configController?.readOnly}\n                            onClick={() => navigate(urlController.buildAppUrlPath(\"schema/new\"))}\n                        >\n                            <PlusIcon/>\n                            Add new collection\n                        </Button>\n                    </div>\n                )}\n\n                <UnsavedChangesDialog\n                    {...dialogProps}\n                    handleOk={() => {\n                        dialogProps.handleOk();\n                        if (cancelRequested) {\n                            navigate(urlController.buildAppUrlPath(\"/\"));\n                            setCancelRequested(false);\n                        }\n                    }}\n                    handleCancel={() => {\n                        dialogProps.handleCancel();\n                        setCancelRequested(false);\n                    }}\n                />\n            </AIModifiedPathsProvider>\n        </div>\n    );\n}\n","\nimport { IconForView } from \"@rebasepro/core\";\n;\nimport { useUrlController } from \"../../_cms_internals\";\nimport React, { useState, useEffect } from \"react\";\nimport { useLocation, useNavigate } from \"react-router-dom\";\nimport {\n    Button,\n    cls,\n    defaultBorderMixin,\n    IconButton,\n    iconSize,\n    PlusIcon,\n    ResizablePanels,\n    Tooltip,\n    Typography\n} from \"@rebasepro/ui\";\n;\nimport { CollectionsConfigController } from \"../../types/config_controller\";\nimport { CollectionStudioView } from \"./CollectionStudioView\";\n\nexport interface CollectionsStudioViewProps {\n    configController: CollectionsConfigController;\n}\n\nexport function CollectionsStudioView({ configController }: CollectionsStudioViewProps) {\n    const navigate = useNavigate();\n    const urlController = useUrlController();\n    const location = useLocation();\n\n    // Determine the active collection from the URL segment after \"schema/\"\n    const basePath = urlController.buildAppUrlPath(\"schema\");\n    const relativePath = location.pathname.replace(basePath, \"\").replace(/^\\//, \"\");\n\n    // The collectionId could be \"new\", empty (no selection), or a collection slug\n    const activeCollectionId = relativePath.split(\"/\")[0] || undefined;\n\n    const [sidebarSize, setSidebarSize] = useState(() => {\n        try {\n            const saved = localStorage.getItem(\"rebase_collections_editor_sidebar_size\");\n            return saved !== null ? parseFloat(saved) : 25;\n        } catch (e) {\n            return 25;\n        }\n    });\n\n    useEffect(() => {\n        try {\n            localStorage.setItem(\"rebase_collections_editor_sidebar_size\", sidebarSize.toString());\n        } catch (e) {\n            // ignore local storage error\n        }\n    }, [sidebarSize]);\n\n    const collections = configController.collections || [];\n\n    return (\n        <div className=\"flex h-full w-full bg-white dark:bg-surface-950 overflow-hidden text-text-primary dark:text-text-primary-dark\">\n            <ResizablePanels\n                orientation=\"horizontal\"\n                panelSizePercent={sidebarSize}\n                onPanelSizeChange={setSidebarSize}\n                minPanelSizePx={220}\n                firstPanel={\n                    <div className={cls(\"flex flex-col h-full w-full bg-white dark:bg-surface-950 border-r\", defaultBorderMixin)}>\n                        <div className={cls(\"flex items-center justify-between px-3 py-2 border-b bg-surface-50 dark:bg-surface-900 min-h-[48px]\", defaultBorderMixin)}>\n                            <Typography variant=\"caption\" className=\"font-bold uppercase tracking-wider text-text-disabled dark:text-text-disabled-dark\">\n                                Collections\n                            </Typography>\n                            <Tooltip title={configController.readOnly ? configController.readOnlyReason || \"Read only\" : \"Add collection\"}>\n                                <div>\n                                    <IconButton\n                                        size=\"small\"\n                                        disabled={configController.readOnly}\n                                        onClick={() => navigate(urlController.buildAppUrlPath(\"schema/new\"))}\n                                        className={activeCollectionId === \"new\" ? \"text-primary dark:text-primary-dark\" : \"text-text-secondary dark:text-text-secondary-dark\"}\n                                    >\n                                        <PlusIcon size={iconSize.smallest}/>\n                                    </IconButton>\n                                </div>\n                            </Tooltip>\n                        </div>\n\n                        <div className=\"flex-grow overflow-y-auto w-full no-scrollbar p-2 space-y-0.5\">\n                            {collections.length === 0 && (\n                                <div className=\"p-4 text-center\">\n                                    <Typography variant=\"caption\" className=\"text-text-disabled dark:text-text-disabled-dark italic\">\n                                        No collections yet.\n                                    </Typography>\n                                </div>\n                            )}\n                            {collections.map((collection) => {\n                                const collectionKey = collection.slug;\n                                const isSelected = activeCollectionId === collectionKey;\n                                return (\n                                    <div\n                                        key={collectionKey}\n                                        onClick={() => navigate(urlController.buildAppUrlPath(`schema/${collectionKey}`))}\n                                        className={cls(\n                                            \"flex items-center gap-3 px-3 py-2 cursor-pointer rounded-md text-sm transition-colors\",\n                                            isSelected\n                                                ? \"bg-primary/10 text-primary dark:bg-primary/20 dark:text-primary-light\"\n                                                : \"hover:bg-surface-100 dark:hover:bg-surface-900 text-text-secondary dark:text-text-secondary-dark\"\n                                        )}\n                                    >\n                                        <IconForView collectionOrView={collection} size={\"small\"} className={cls(\n                                            isSelected\n                                                ? \"text-primary dark:text-primary-light\"\n                                                : \"text-text-secondary dark:text-text-secondary-dark\"\n                                        )}/>\n                                        <span className=\"truncate flex-1\">\n                                            {collection.name || collection.slug}\n                                        </span>\n                                    </div>\n                                );\n                            })}\n                        </div>\n                    </div>\n                }\n                secondPanel={\n                    <div className=\"flex-grow flex flex-col min-w-0 h-full w-full\">\n                        {/* We use key to force unmount when switching collections, preventing stale state */}\n                        {activeCollectionId ? (\n                            <CollectionStudioView\n                                key={activeCollectionId}\n                                configController={configController}\n                                collectionId={activeCollectionId}\n                            />\n                        ) : (\n                            <div className=\"flex flex-col items-center justify-center h-full gap-4\">\n                                <Typography variant=\"label\">\n                                    Select a collection or create a new one to start editing\n                                </Typography>\n                                <Button\n                                    disabled={configController.readOnly}\n                                    onClick={() => navigate(urlController.buildAppUrlPath(\"schema/new\"))}\n                                >\n                                    <PlusIcon/>\n                                    Add new collection\n                                </Button>\n                            </div>\n                        )}\n                    </div>\n                }\n            />\n        </div>\n    );\n}\n"],"mappings":"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"}