@fuma-content/studio 0.1.0

package/dist/bin.d.mts

@@ -0,0 +1 @@
+export { };

package/dist/bin.mjs

@@ -0,0 +1,90 @@
+#!/usr/bin/env -S node --no-warnings
+import { name, version } from "./package.mjs";
+import path from "node:path";
+import open from "open";
+import { fileURLToPath } from "node:url";
+import { program } from "commander";
+import { x } from "tinyexec";
+import { confirm, intro, isCancel, log, outro, spinner } from "@clack/prompts";
+
+//#region lib/bin.ts
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+program.name(name).version(version).description("The Studio app of Fuma Content").option("-p, --port <number>", "Specify port number", (value) => parseInt(value, 10), 3050).option("-b, --bind <address>", "Specify address to bind", "localhost").parse(process.argv);
+const options = program.opts();
+main();
+async function main() {
+	const isCI = process.env.CI === "1";
+	const { bind: HOST, port: PORT } = options;
+	const nextBinPath = path.join(__dirname, "../node_modules/next/dist/bin/next");
+	const appDir = path.join(__dirname, "../");
+	const studioConfig = path.resolve("content.config.ts");
+	const studioDist = path.resolve(".studio");
+	intro(`Fuma Content ${version}`);
+	log.info(`Config Path: ${studioConfig}`);
+	const env = {
+		...process.env,
+		HOSTNAME: HOST,
+		PORT: String(PORT),
+		STUDIO_PARENT_DIR: process.cwd(),
+		STUDIO_VERSION: version,
+		STUDIO_DIST: studioDist,
+		STUDIO_CONFIG: studioConfig,
+		CI: "1",
+		DISABLE_ANALYTICS: "true"
+	};
+	{
+		const spin = spinner();
+		spin.start("Building App (powered by Next.js)");
+		const storedLogs = [];
+		try {
+			const buildResult = x("node", [nextBinPath, "build"], {
+				nodeOptions: {
+					stdio: [
+						"ignore",
+						"pipe",
+						"pipe"
+					],
+					env,
+					cwd: appDir
+				},
+				throwOnError: true
+			});
+			for await (const line of buildResult) {
+				spin.message(`Building App: ${line.trim()}`);
+				storedLogs.push(line);
+			}
+		} catch (e) {
+			spin.error(storedLogs.join("\n"));
+			process.exit();
+		}
+		spin.stop("Compiled to .studio directory");
+	}
+	const serverProcess = x("node", [nextBinPath, "start"], { nodeOptions: {
+		stdio: [
+			"ignore",
+			"pipe",
+			"pipe"
+		],
+		env,
+		cwd: appDir
+	} });
+	process.on("exit", () => {
+		outro(`Stopping server on port ${PORT}...`);
+		serverProcess.kill("SIGTERM");
+	});
+	for await (const message of serverProcess) {
+		log.message(message, { spacing: 0 });
+		if (message.includes(`✓ Ready in`) && !isCI) {
+			const shouldOpen = await confirm({ message: "Do you want to open on browser?" });
+			if (isCancel(shouldOpen)) process.exit();
+			if (shouldOpen) {
+				log.message(`Opening browser at http://${HOST}:${PORT}`, { spacing: 0 });
+				open(`http://${HOST}:${PORT}`);
+			}
+		}
+	}
+}
+
+//#endregion
+export {  };

package/dist/index.d.mts

@@ -0,0 +1,13 @@
+import { ClientContext, CreateDocumentDialogContext, MDXStudioDocument, StudioDocument, StudioHandler } from "./types.mjs";
+import { Plugin } from "fuma-content";
+import "fuma-content/collections";
+
+//#region lib/index.d.ts
+declare module "fuma-content/collections" {
+  interface CollectionHandlers {
+    studio?: StudioHandler<any>;
+  }
+}
+declare function studio(): Plugin;
+//#endregion
+export { ClientContext, CreateDocumentDialogContext, MDXStudioDocument, StudioDocument, StudioHandler, studio };

package/dist/index.mjs

@@ -0,0 +1,66 @@
+import { getJSONSchema } from "fuma-content";
+import "fuma-content/collections";
+import fs from "node:fs/promises";
+import path from "node:path";
+import grayMatter from "gray-matter";
+import { jsx } from "react/jsx-runtime";
+
+//#region lib/index.tsx
+function studio() {
+	return {
+		name: "studio",
+		collection(collection) {
+			collection.handlers.studio ??= mdx(collection);
+		}
+	};
+}
+function mdx(collection) {
+	const { mdx: mdxHandler, fs: fsHandler } = collection.handlers;
+	if (!mdxHandler || !fsHandler) return;
+	async function read(doc) {
+		try {
+			return (await fs.readFile(doc.filePath)).toString();
+		} catch {
+			return;
+		}
+	}
+	return {
+		async getDocuments() {
+			return (await fsHandler.getFiles()).map((file) => {
+				return {
+					type: "mdx",
+					id: file,
+					name: file,
+					filePath: path.join(fsHandler.dir, file)
+				};
+			});
+		},
+		async getDocument(id) {
+			return (await this.getDocuments()).find((doc) => doc.id === id);
+		},
+		pages: { async edit({ document, collection: collection$1 }) {
+			const { MDXDocUpdateEditor } = await import("./mdx/client.mjs");
+			const parsed = grayMatter(await read(document) ?? "");
+			const jsonSchema = mdxHandler.frontmatterSchema ? JSON.parse(JSON.stringify(getJSONSchema(mdxHandler.frontmatterSchema))) : void 0;
+			return /* @__PURE__ */ jsx(MDXDocUpdateEditor, {
+				documentId: document.id,
+				collectionId: collection$1.name,
+				jsonSchema,
+				frontmatter: parsed.data,
+				content: parsed.content
+			});
+		} },
+		async client() {
+			const { clientContext } = await import("./mdx/client.mjs");
+			return clientContext;
+		},
+		actions: { async deleteDocument(options) {
+			try {
+				await fs.rm(options.document.filePath);
+			} catch {}
+		} }
+	};
+}
+
+//#endregion
+export { studio };

package/dist/mdx/actions.mjs

@@ -0,0 +1,34 @@
+"use server";
+
+import { requireCollection, requireDocument } from "../src/lib/config.mjs";
+import fs from "node:fs/promises";
+import path from "node:path";
+
+//#region lib/mdx/actions.ts
+async function saveMDXDocument(collectionId, documentId, value) {
+	const { document: doc } = await requireDocument(collectionId, documentId);
+	if ("type" in doc && doc.type === "mdx") await fs.writeFile(doc.filePath, value);
+}
+async function createMDXDocument(collectionId, name, content) {
+	const collection = await requireCollection(collectionId, [
+		"studio",
+		"mdx",
+		"fs"
+	]);
+	const fsHandler = collection.handlers.fs;
+	const filePath = path.join(fsHandler.dir, `${name}.mdx`);
+	const relativeFilePath = path.relative(fsHandler.dir, filePath);
+	if (relativeFilePath.startsWith(`..${path.sep}`)) throw new Error(`invalid collection name: ${name}`);
+	if (await fs.access(filePath, fs.constants.R_OK).then(() => true).catch(() => false)) throw new Error(`document ${name} already exists`);
+	await fs.mkdir(path.dirname(filePath), { recursive: true });
+	await fs.writeFile(filePath, content);
+	return {
+		collectionId,
+		id: relativeFilePath,
+		name: relativeFilePath,
+		permissions: { delete: collection.handlers.studio.actions?.deleteDocument !== void 0 }
+	};
+}
+
+//#endregion
+export { createMDXDocument, saveMDXDocument };

package/dist/mdx/client.mjs

@@ -0,0 +1,167 @@
+"use client";
+
+import { Button } from "../src/components/ui/button.mjs";
+import { Input } from "../src/components/ui/input.mjs";
+import { MDXEditor, MDXEditorContainer, MDXEditorView } from "../src/components/editor/md.mjs";
+import { Label } from "../src/components/ui/label.mjs";
+import { JSONSchemaEditorContent, JSONSchemaEditorProvider } from "../src/components/json-schema-editor/client.mjs";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "../src/components/ui/tabs.mjs";
+import { YamlEditorLazy } from "../src/components/code-editor/yaml.lazy.mjs";
+import { Spinner } from "../src/components/ui/spinner.mjs";
+import { MDXCodeEditorLazy } from "../src/components/code-editor/mdx.lazy.mjs";
+import { createMDXDocument, saveMDXDocument } from "./actions.mjs";
+import { removeUndefined } from "../src/lib/utils/remove-undefined.mjs";
+import grayMatter from "gray-matter";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useRef, useState, useTransition } from "react";
+import { CheckIcon, CircleIcon } from "lucide-react";
+import { useForm } from "react-hook-form";
+
+//#region lib/mdx/client.tsx
+const clientContext = { dialogs: { createDocument({ collectionId, useDialog }) {
+	const { setOpen, onCreate } = useDialog();
+	const form = useForm({ defaultValues: { name: "" } });
+	return /* @__PURE__ */ jsxs("form", {
+		className: "flex flex-col gap-2",
+		onSubmit: form.handleSubmit(async (values) => {
+			onCreate(await createMDXDocument(collectionId, values.name, ""));
+			setOpen(false);
+		}),
+		children: [
+			/* @__PURE__ */ jsx(Label, {
+				htmlFor: "name",
+				children: "Name"
+			}),
+			/* @__PURE__ */ jsx(Input, {
+				id: "name",
+				...form.register("name"),
+				placeholder: "hello-world"
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				type: "submit",
+				className: "mt-4",
+				children: "Create"
+			})
+		]
+	});
+} } };
+function MDXDocUpdateEditor({ collectionId, documentId, ...rest }) {
+	return /* @__PURE__ */ jsx(MDXDocEditor, {
+		...rest,
+		onSync: (content) => {
+			return saveMDXDocument(collectionId, documentId, content);
+		}
+	});
+}
+/**
+* Combined MDX editor with frontmatter form using JSON Schema
+*/
+function MDXDocEditor({ jsonSchema, content: defaultContent, frontmatter: defaultFrontmatter = {}, onSync: onSyncCallback }) {
+	const [isPending, startTransition] = useTransition();
+	const [status, setStatus] = useState("sync");
+	const timerRef = useRef(null);
+	const currentValue = useRef({
+		frontmatter: defaultFrontmatter,
+		content: defaultContent
+	});
+	const onSync = (syncAction) => {
+		if (isPending) return;
+		setStatus("updated");
+		if (timerRef.current) window.clearTimeout(timerRef.current);
+		timerRef.current = window.setTimeout(() => {
+			startTransition(async () => {
+				syncAction?.();
+				const { frontmatter, content } = currentValue.current;
+				await onSyncCallback(grayMatter.stringify(content, removeUndefined(frontmatter, true)));
+				setStatus("sync");
+			});
+		}, 500);
+	};
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsxs(Tabs, {
+			defaultValue: jsonSchema ? "visual" : "code",
+			children: [
+				/* @__PURE__ */ jsxs(TabsList, { children: [/* @__PURE__ */ jsx(TabsTrigger, {
+					value: "visual",
+					children: "Visual Editor"
+				}), /* @__PURE__ */ jsx(TabsTrigger, {
+					value: "code",
+					children: "Code Editor"
+				})] }),
+				jsonSchema && /* @__PURE__ */ jsx(TabsContent, {
+					value: "visual",
+					className: "-mt-6",
+					children: /* @__PURE__ */ jsx(JSONSchemaEditorProvider, {
+						schema: jsonSchema,
+						defaultValue: defaultFrontmatter,
+						onValueChange: (value) => {
+							onSync(() => {
+								currentValue.current.frontmatter = value;
+							});
+						},
+						writeOnly: true,
+						readOnly: false,
+						children: /* @__PURE__ */ jsx(JSONSchemaEditorContent, {})
+					})
+				}),
+				/* @__PURE__ */ jsx(TabsContent, {
+					value: "code",
+					children: /* @__PURE__ */ jsx(YamlEditorLazy, {
+						defaultValue: defaultFrontmatter,
+						onValueChange: (value) => {
+							onSync(() => {
+								currentValue.current.frontmatter = value;
+							});
+						}
+					})
+				})
+			]
+		}),
+		/* @__PURE__ */ jsxs(Tabs, {
+			defaultValue: "visual",
+			className: "flex-1",
+			children: [
+				/* @__PURE__ */ jsxs(TabsList, { children: [/* @__PURE__ */ jsx(TabsTrigger, {
+					value: "visual",
+					children: "Visual Editor"
+				}), /* @__PURE__ */ jsx(TabsTrigger, {
+					value: "code",
+					children: "Code Editor"
+				})] }),
+				/* @__PURE__ */ jsx(TabsContent, {
+					value: "visual",
+					children: /* @__PURE__ */ jsx(MDXEditor, {
+						defaultValue: defaultContent,
+						onUpdate: (options) => {
+							onSync(() => {
+								currentValue.current.content = options.getMarkdown();
+							});
+						},
+						children: /* @__PURE__ */ jsx(MDXEditorContainer, {
+							className: "[--toolbar-offset:--spacing(12)]",
+							children: /* @__PURE__ */ jsx(MDXEditorView, {})
+						})
+					})
+				}),
+				/* @__PURE__ */ jsx(TabsContent, {
+					value: "code",
+					className: "size-full",
+					children: /* @__PURE__ */ jsx(MDXCodeEditorLazy, {
+						defaultValue: defaultContent,
+						onValueChange: () => null
+					})
+				})
+			]
+		}),
+		/* @__PURE__ */ jsx("div", {
+			className: "sticky bottom-2 rounded-full bg-popover text-xs text-popover-foreground inline-flex items-center gap-1 px-3 py-1.5 border shadow-lg z-20 mx-auto",
+			children: isPending ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Spinner, { className: "text-primary" }), /* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground",
+				children: "Saving"
+			})] }) : status === "sync" ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(CheckIcon, { className: "size-4 text-green-400" }), /* @__PURE__ */ jsx("span", { children: "In Sync" })] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(CircleIcon, { className: "size-4 fill-current stroke-transparent text-orange-400" }), /* @__PURE__ */ jsx("p", { children: "Updated" })] })
+		})
+	] });
+}
+
+//#endregion
+export { MDXDocUpdateEditor, clientContext };

package/dist/package.mjs

@@ -0,0 +1,6 @@
+//#region package.json
+var name = "@fuma-content/studio";
+var version = "0.1.0";
+
+//#endregion
+export { name, version };

package/dist/src/components/code-editor/mdx.lazy.mjs

@@ -0,0 +1,19 @@
+"use client";
+
+import { jsx } from "react/jsx-runtime";
+import { Suspense, lazy } from "react";
+
+//#region src/components/code-editor/mdx.lazy.tsx
+const Editor = lazy(() => import("./mdx.mjs").then((mod) => ({ default: mod.MDXCodeEditor })));
+function MDXCodeEditorLazy(props) {
+	return /* @__PURE__ */ jsx(Suspense, {
+		fallback: /* @__PURE__ */ jsx("div", {
+			className: "p-2 text-sm font-mono flex items-center justify-center text-muted-foreground h-full bg-secondary border rounded-lg",
+			children: "Loading editor..."
+		}),
+		children: /* @__PURE__ */ jsx(Editor, { ...props })
+	});
+}
+
+//#endregion
+export { MDXCodeEditorLazy };

package/dist/src/components/code-editor/mdx.mjs

@@ -0,0 +1,44 @@
+"use client";
+
+import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import Editor from "@monaco-editor/react";
+import { useTheme } from "next-themes";
+
+//#region src/components/code-editor/mdx.tsx
+function MDXCodeEditor({ defaultValue, onValueChange }) {
+	const { resolvedTheme } = useTheme();
+	const [value, setValue] = useState(defaultValue);
+	return /* @__PURE__ */ jsx(Editor, {
+		language: "mdx",
+		value,
+		onChange: (value$1 = "") => {
+			setValue(value$1);
+			onValueChange(value$1);
+		},
+		theme: resolvedTheme === "dark" ? "vs-dark" : "light",
+		loading: /* @__PURE__ */ jsx("pre", {
+			className: "ps-17 py-5 text-sm size-full",
+			children: /* @__PURE__ */ jsx("code", { children: value })
+		}),
+		className: "bg-secondary text-secondary-foreground overflow-hidden border rounded-lg",
+		options: {
+			minimap: { enabled: false },
+			padding: {
+				top: 20,
+				bottom: 20
+			},
+			fontSize: 14,
+			lineHeight: 1.428571,
+			lineNumbers: "on",
+			scrollBeyondLastLine: false,
+			automaticLayout: true,
+			tabSize: 2,
+			formatOnPaste: true,
+			formatOnType: true
+		}
+	});
+}
+
+//#endregion
+export { MDXCodeEditor };

package/dist/src/components/code-editor/yaml.lazy.mjs

@@ -0,0 +1,22 @@
+"use client";
+
+import { jsx } from "react/jsx-runtime";
+import { Suspense, lazy } from "react";
+
+//#region src/components/code-editor/yaml.lazy.tsx
+const Editor = lazy(() => import("./yaml.mjs").then((mod) => ({ default: mod.YamlEditor })));
+function YamlEditorLazy(props) {
+	return /* @__PURE__ */ jsx(Suspense, {
+		fallback: /* @__PURE__ */ jsx("div", {
+			className: "flex flex-col bg-secondary text-secondary-foreground overflow-hidden border rounded-lg",
+			children: /* @__PURE__ */ jsx("div", {
+				className: "p-2 h-[240px] text-sm font-mono flex items-center justify-center text-muted-foreground",
+				children: "Loading editor..."
+			})
+		}),
+		children: /* @__PURE__ */ jsx(Editor, { ...props })
+	});
+}
+
+//#endregion
+export { YamlEditorLazy };

package/dist/src/components/code-editor/yaml.mjs

@@ -0,0 +1,63 @@
+"use client";
+
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import Editor from "@monaco-editor/react";
+import { useTheme } from "next-themes";
+import { dump, load } from "js-yaml";
+
+//#region src/components/code-editor/yaml.tsx
+function YamlEditor({ defaultValue, onValueChange }) {
+	const { resolvedTheme } = useTheme();
+	const [error, setError] = useState(null);
+	const [value, setValue] = useState(() => {
+		try {
+			return dump(defaultValue);
+		} catch {
+			return "";
+		}
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col bg-secondary text-secondary-foreground overflow-hidden border rounded-lg",
+		children: [/* @__PURE__ */ jsx(Editor, {
+			height: "240px",
+			language: "yaml",
+			value,
+			onChange: (newValue = "") => {
+				setValue(newValue);
+				try {
+					onValueChange(load(newValue));
+					setError(null);
+				} catch (e) {
+					if (e instanceof Error) setError(e.message);
+				}
+			},
+			theme: resolvedTheme === "dark" ? "vs-dark" : "light",
+			loading: /* @__PURE__ */ jsx("pre", {
+				className: "ps-17 py-5 text-sm size-full",
+				children: /* @__PURE__ */ jsx("code", { children: value })
+			}),
+			options: {
+				minimap: { enabled: false },
+				padding: {
+					top: 20,
+					bottom: 20
+				},
+				fontSize: 14,
+				lineHeight: 1.428571,
+				lineNumbers: "on",
+				scrollBeyondLastLine: false,
+				automaticLayout: true,
+				tabSize: 2,
+				formatOnPaste: true,
+				formatOnType: true
+			}
+		}), error && /* @__PURE__ */ jsx("p", {
+			className: "p-2 text-sm font-mono border-t font-semibold bg-card text-destructive",
+			children: error
+		})]
+	});
+}
+
+//#endregion
+export { YamlEditor };

package/dist/src/components/editor/editor-base-kit.mjs

@@ -0,0 +1,41 @@
+import { BaseAlignKit } from "./plugins/align-base-kit.mjs";
+import { BaseBasicBlocksKit } from "./plugins/basic-blocks-base-kit.mjs";
+import { BaseBasicMarksKit } from "./plugins/basic-marks-base-kit.mjs";
+import { BaseCalloutKit } from "./plugins/callout-base-kit.mjs";
+import { BaseCodeBlockKit } from "./plugins/code-block-base-kit.mjs";
+import { BaseColumnKit } from "./plugins/column-base-kit.mjs";
+import { BaseCommentKit } from "./plugins/comment-base-kit.mjs";
+import { BaseDateKit } from "./plugins/date-base-kit.mjs";
+import { BaseFontKit } from "./plugins/font-base-kit.mjs";
+import { BaseLineHeightKit } from "./plugins/line-height-base-kit.mjs";
+import { BaseLinkKit } from "./plugins/link-base-kit.mjs";
+import { BaseListKit } from "./plugins/list-base-kit.mjs";
+import { MarkdownKit } from "./plugins/markdown-kit.mjs";
+import { BaseMathKit } from "./plugins/math-base-kit.mjs";
+import { BaseMediaKit } from "./plugins/media-base-kit.mjs";
+import { BaseSuggestionKit } from "./plugins/suggestion-base-kit.mjs";
+import { BaseTableKit } from "./plugins/table-base-kit.mjs";
+
+//#region src/components/editor/editor-base-kit.tsx
+const BaseEditorKit = [
+	...BaseBasicBlocksKit,
+	...BaseCodeBlockKit,
+	...BaseTableKit,
+	...BaseMediaKit,
+	...BaseCalloutKit,
+	...BaseColumnKit,
+	...BaseMathKit,
+	...BaseDateKit,
+	...BaseLinkKit,
+	...BaseBasicMarksKit,
+	...BaseFontKit,
+	...BaseListKit,
+	...BaseAlignKit,
+	...BaseLineHeightKit,
+	...BaseCommentKit,
+	...BaseSuggestionKit,
+	...MarkdownKit
+];
+
+//#endregion
+export { BaseEditorKit };

package/dist/src/components/editor/editor-kit.mjs

@@ -0,0 +1,73 @@
+"use client";
+
+import { CommentKit } from "./plugins/comment-kit.mjs";
+import { MarkdownKit } from "./plugins/markdown-kit.mjs";
+import { SuggestionKit } from "./plugins/suggestion-kit.mjs";
+import { BasicMarksKit } from "./plugins/basic-marks-kit.mjs";
+import { DiscussionKit } from "./plugins/discussion-kit.mjs";
+import { CursorOverlayKit } from "./plugins/cursor-overlay-kit.mjs";
+import { AIKit } from "./plugins/ai-kit.mjs";
+import { AlignKit } from "./plugins/align-kit.mjs";
+import { AutoformatKit } from "./plugins/autoformat-kit.mjs";
+import { BasicBlocksKit } from "./plugins/basic-blocks-kit.mjs";
+import { BlockMenuKit } from "./plugins/block-menu-kit.mjs";
+import { BlockPlaceholderKit } from "./plugins/block-placeholder-kit.mjs";
+import { CalloutKit } from "./plugins/callout-kit.mjs";
+import { CodeBlockKit } from "./plugins/code-block-kit.mjs";
+import { ColumnKit } from "./plugins/column-kit.mjs";
+import { CopilotKit } from "./plugins/copilot-kit.mjs";
+import { DateKit } from "./plugins/date-kit.mjs";
+import { DndKit } from "./plugins/dnd-kit.mjs";
+import { EmojiKit } from "./plugins/emoji-kit.mjs";
+import { ExitBreakKit } from "./plugins/exit-break-kit.mjs";
+import { FixedToolbarKit } from "./plugins/fixed-toolbar-kit.mjs";
+import { FloatingToolbarKit } from "./plugins/floating-toolbar-kit.mjs";
+import { FontKit } from "./plugins/font-kit.mjs";
+import { LineHeightKit } from "./plugins/line-height-kit.mjs";
+import { LinkKit } from "./plugins/link-kit.mjs";
+import { ListKit } from "./plugins/list-kit.mjs";
+import { MathKit } from "./plugins/math-kit.mjs";
+import { MediaKit } from "./plugins/media-kit.mjs";
+import { SlashKit } from "./plugins/slash-kit.mjs";
+import { TableKit } from "./plugins/table-kit.mjs";
+import { useEditorRef } from "platejs/react";
+import { TrailingBlockPlugin } from "platejs";
+
+//#region src/components/editor/editor-kit.tsx
+const EditorKit = [
+	...CopilotKit,
+	...AIKit,
+	...BasicBlocksKit,
+	...CodeBlockKit,
+	...TableKit,
+	...MediaKit,
+	...CalloutKit,
+	...ColumnKit,
+	...MathKit,
+	...DateKit,
+	...LinkKit,
+	...BasicMarksKit,
+	...FontKit,
+	...ListKit,
+	...AlignKit,
+	...LineHeightKit,
+	...DiscussionKit,
+	...CommentKit,
+	...SuggestionKit,
+	...SlashKit,
+	...AutoformatKit,
+	...CursorOverlayKit,
+	...BlockMenuKit,
+	...DndKit,
+	...EmojiKit,
+	...ExitBreakKit,
+	TrailingBlockPlugin,
+	...MarkdownKit,
+	...BlockPlaceholderKit,
+	...FixedToolbarKit,
+	...FloatingToolbarKit
+];
+const useEditor = () => useEditorRef();
+
+//#endregion
+export { EditorKit, useEditor };