@fuma-content/studio 1.0.0 → 1.0.2

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

@@ -1,44 +0,0 @@
-"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

@@ -1,22 +0,0 @@
-"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

@@ -1,63 +0,0 @@
-"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

@@ -1,41 +0,0 @@
-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

@@ -1,73 +0,0 @@
-"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 };

package/dist/src/components/editor/md.mjs

@@ -1,42 +0,0 @@
-"use client";
-
-import { Editor, EditorContainer } from "./ui/editor.mjs";
-import { EditorKit } from "./editor-kit.mjs";
-import { jsx } from "react/jsx-runtime";
-import { MarkdownPlugin } from "@platejs/markdown";
-import { Plate, usePlateEditor } from "platejs/react";
-import { use, useRef } from "react";
-
-//#region src/components/editor/md.tsx
-const mdMap = {};
-function MDXEditor({ defaultValue, onUpdate, children }) {
-	const initializedRef = useRef(false);
-	const editor = usePlateEditor({
-		plugins: EditorKit,
-		skipInitialization: true
-	});
-	const deserializedDefault = use(mdMap[defaultValue] ??= new Promise((res) => {
-		res(editor.getApi(MarkdownPlugin).markdown.deserialize(defaultValue));
-	}));
-	if (!initializedRef.current) {
-		editor.tf.init({ value: deserializedDefault });
-		initializedRef.current = true;
-	}
-	return /* @__PURE__ */ jsx(Plate, {
-		editor,
-		onValueChange: () => {
-			onUpdate?.({
-				editor,
-				getMarkdown() {
-					return editor.getApi(MarkdownPlugin).markdown.serialize();
-				}
-			});
-		},
-		children: children ?? /* @__PURE__ */ jsx(MDXEditorContainer, { children: /* @__PURE__ */ jsx(MDXEditorView, {}) })
-	});
-}
-const MDXEditorContainer = EditorContainer;
-const MDXEditorView = Editor;
-
-//#endregion
-export { MDXEditor, MDXEditorContainer, MDXEditorView };

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

@@ -1,68 +0,0 @@
-"use client";
-
-import { MarkdownKit } from "./markdown-kit.mjs";
-import { AILoadingBar, AIMenu } from "../ui/ai-menu.mjs";
-import { AIAnchorElement, AILeaf } from "../ui/ai-node.mjs";
-import { useChat } from "../use-chat.mjs";
-import { CursorOverlayKit } from "./cursor-overlay-kit.mjs";
-import { usePluginOption } from "platejs/react";
-import { KEYS, PathApi, getPluginType } from "platejs";
-import { withAIBatch } from "@platejs/ai";
-import { AIChatPlugin, AIPlugin, applyAISuggestions, streamInsertChunk, useChatChunk } from "@platejs/ai/react";
-
-//#region src/components/editor/plugins/ai-kit.tsx
-const aiChatPlugin = AIChatPlugin.extend({
-	options: { chatOptions: {
-		api: "/api/ai/command",
-		body: {}
-	} },
-	render: {
-		afterContainer: AILoadingBar,
-		afterEditable: AIMenu,
-		node: AIAnchorElement
-	},
-	shortcuts: { show: { keys: "mod+j" } },
-	useHooks: ({ editor, getOption }) => {
-		useChat();
-		const mode = usePluginOption(AIChatPlugin, "mode");
-		const toolName = usePluginOption(AIChatPlugin, "toolName");
-		useChatChunk({
-			onChunk: ({ chunk, isFirst, nodes, text: content }) => {
-				if (isFirst && mode === "insert") {
-					editor.tf.withoutSaving(() => {
-						if (!editor.selection) return;
-						editor.tf.insertNodes({
-							children: [{ text: "" }],
-							type: getPluginType(editor, KEYS.aiChat)
-						}, { at: PathApi.next(editor.selection.focus.path.slice(0, 1)) });
-					});
-					editor.setOption(AIChatPlugin, "streaming", true);
-				}
-				if (mode === "insert" && nodes.length > 0) withAIBatch(editor, () => {
-					if (!getOption("streaming")) return;
-					editor.tf.withScrolling(() => {
-						streamInsertChunk(editor, chunk, { textProps: { [getPluginType(editor, KEYS.ai)]: true } });
-					});
-				}, { split: isFirst });
-				if (toolName === "edit" && mode === "chat") withAIBatch(editor, () => {
-					applyAISuggestions(editor, content);
-				}, { split: isFirst });
-			},
-			onFinish: () => {
-				editor.setOption(AIChatPlugin, "streaming", false);
-				editor.setOption(AIChatPlugin, "_blockChunks", "");
-				editor.setOption(AIChatPlugin, "_blockPath", null);
-				editor.setOption(AIChatPlugin, "_mdxName", null);
-			}
-		});
-	}
-});
-const AIKit = [
-	...CursorOverlayKit,
-	...MarkdownKit,
-	AIPlugin.withComponent(AILeaf),
-	aiChatPlugin
-];
-
-//#endregion
-export { AIKit, aiChatPlugin };

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

@@ -1,28 +0,0 @@
-import { KEYS } from "platejs";
-import { BaseTextAlignPlugin } from "@platejs/basic-styles";
-
-//#region src/components/editor/plugins/align-base-kit.tsx
-const BaseAlignKit = [BaseTextAlignPlugin.configure({ inject: {
-	nodeProps: {
-		defaultNodeValue: "start",
-		nodeKey: "align",
-		styleKey: "textAlign",
-		validNodeValues: [
-			"start",
-			"left",
-			"center",
-			"right",
-			"end",
-			"justify"
-		]
-	},
-	targetPlugins: [
-		...KEYS.heading,
-		KEYS.p,
-		KEYS.img,
-		KEYS.mediaEmbed
-	]
-} })];
-
-//#endregion
-export { BaseAlignKit };

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

@@ -1,30 +0,0 @@
-"use client";
-
-import { KEYS } from "platejs";
-import { TextAlignPlugin } from "@platejs/basic-styles/react";
-
-//#region src/components/editor/plugins/align-kit.tsx
-const AlignKit = [TextAlignPlugin.configure({ inject: {
-	nodeProps: {
-		defaultNodeValue: "start",
-		nodeKey: "align",
-		styleKey: "textAlign",
-		validNodeValues: [
-			"start",
-			"left",
-			"center",
-			"right",
-			"end",
-			"justify"
-		]
-	},
-	targetPlugins: [
-		...KEYS.heading,
-		KEYS.p,
-		KEYS.img,
-		KEYS.mediaEmbed
-	]
-} })];
-
-//#endregion
-export { AlignKit };

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

@@ -1,214 +0,0 @@
-"use client";
-
-import { KEYS } from "platejs";
-import { insertEmptyCodeBlock } from "@platejs/code-block";
-import { toggleList } from "@platejs/list";
-import { AutoformatPlugin, autoformatArrow, autoformatLegal, autoformatLegalHtml, autoformatMath, autoformatPunctuation, autoformatSmartQuotes } from "@platejs/autoformat";
-
-//#region src/components/editor/plugins/autoformat-kit.tsx
-const autoformatMarks = [
-	{
-		match: "***",
-		mode: "mark",
-		type: [KEYS.bold, KEYS.italic]
-	},
-	{
-		match: "__*",
-		mode: "mark",
-		type: [KEYS.underline, KEYS.italic]
-	},
-	{
-		match: "__**",
-		mode: "mark",
-		type: [KEYS.underline, KEYS.bold]
-	},
-	{
-		match: "___***",
-		mode: "mark",
-		type: [
-			KEYS.underline,
-			KEYS.bold,
-			KEYS.italic
-		]
-	},
-	{
-		match: "**",
-		mode: "mark",
-		type: KEYS.bold
-	},
-	{
-		match: "__",
-		mode: "mark",
-		type: KEYS.underline
-	},
-	{
-		match: "*",
-		mode: "mark",
-		type: KEYS.italic
-	},
-	{
-		match: "_",
-		mode: "mark",
-		type: KEYS.italic
-	},
-	{
-		match: "~~",
-		mode: "mark",
-		type: KEYS.strikethrough
-	},
-	{
-		match: "^",
-		mode: "mark",
-		type: KEYS.sup
-	},
-	{
-		match: "~",
-		mode: "mark",
-		type: KEYS.sub
-	},
-	{
-		match: "==",
-		mode: "mark",
-		type: KEYS.highlight
-	},
-	{
-		match: "≡",
-		mode: "mark",
-		type: KEYS.highlight
-	},
-	{
-		match: "`",
-		mode: "mark",
-		type: KEYS.code
-	}
-];
-const autoformatBlocks = [
-	{
-		match: "# ",
-		mode: "block",
-		type: KEYS.h1
-	},
-	{
-		match: "## ",
-		mode: "block",
-		type: KEYS.h2
-	},
-	{
-		match: "### ",
-		mode: "block",
-		type: KEYS.h3
-	},
-	{
-		match: "#### ",
-		mode: "block",
-		type: KEYS.h4
-	},
-	{
-		match: "##### ",
-		mode: "block",
-		type: KEYS.h5
-	},
-	{
-		match: "###### ",
-		mode: "block",
-		type: KEYS.h6
-	},
-	{
-		match: "> ",
-		mode: "block",
-		type: KEYS.blockquote
-	},
-	{
-		match: "```",
-		mode: "block",
-		type: KEYS.codeBlock,
-		format: (editor) => {
-			insertEmptyCodeBlock(editor, {
-				defaultType: KEYS.p,
-				insertNodesOptions: { select: true }
-			});
-		}
-	},
-	{
-		match: [
-			"---",
-			"—-",
-			"___ "
-		],
-		mode: "block",
-		type: KEYS.hr,
-		format: (editor) => {
-			editor.tf.setNodes({ type: KEYS.hr });
-			editor.tf.insertNodes({
-				children: [{ text: "" }],
-				type: KEYS.p
-			});
-		}
-	}
-];
-const autoformatLists = [
-	{
-		match: ["* ", "- "],
-		mode: "block",
-		type: "list",
-		format: (editor) => {
-			toggleList(editor, { listStyleType: KEYS.ul });
-		}
-	},
-	{
-		match: [String.raw`^\d+\.$ `, String.raw`^\d+\)$ `],
-		matchByRegex: true,
-		mode: "block",
-		type: "list",
-		format: (editor, { matchString }) => {
-			toggleList(editor, {
-				listRestartPolite: Number(matchString) || 1,
-				listStyleType: KEYS.ol
-			});
-		}
-	},
-	{
-		match: ["[] "],
-		mode: "block",
-		type: "list",
-		format: (editor) => {
-			toggleList(editor, { listStyleType: KEYS.listTodo });
-			editor.tf.setNodes({
-				checked: false,
-				listStyleType: KEYS.listTodo
-			});
-		}
-	},
-	{
-		match: ["[x] "],
-		mode: "block",
-		type: "list",
-		format: (editor) => {
-			toggleList(editor, { listStyleType: KEYS.listTodo });
-			editor.tf.setNodes({
-				checked: true,
-				listStyleType: KEYS.listTodo
-			});
-		}
-	}
-];
-const AutoformatKit = [AutoformatPlugin.configure({ options: {
-	enableUndoOnDelete: true,
-	rules: [
-		...autoformatBlocks,
-		...autoformatMarks,
-		...autoformatSmartQuotes,
-		...autoformatPunctuation,
-		...autoformatLegal,
-		...autoformatLegalHtml,
-		...autoformatArrow,
-		...autoformatMath,
-		...autoformatLists
-	].map((rule) => ({
-		...rule,
-		query: (editor) => !editor.api.some({ match: { type: editor.getType(KEYS.codeBlock) } })
-	}))
-} })];
-
-//#endregion
-export { AutoformatKit };

package/dist/src/components/editor/plugins/basic-blocks-base-kit.mjs

@@ -1,22 +0,0 @@
-import { BlockquoteElementStatic } from "../ui/blockquote-node-static.mjs";
-import { H1ElementStatic, H2ElementStatic, H3ElementStatic, H4ElementStatic, H5ElementStatic, H6ElementStatic } from "../ui/heading-node-static.mjs";
-import { HrElementStatic } from "../ui/hr-node-static.mjs";
-import { ParagraphElementStatic } from "../ui/paragraph-node-static.mjs";
-import { BaseParagraphPlugin } from "platejs";
-import { BaseBlockquotePlugin, BaseH1Plugin, BaseH2Plugin, BaseH3Plugin, BaseH4Plugin, BaseH5Plugin, BaseH6Plugin, BaseHorizontalRulePlugin } from "@platejs/basic-nodes";
-
-//#region src/components/editor/plugins/basic-blocks-base-kit.tsx
-const BaseBasicBlocksKit = [
-	BaseParagraphPlugin.withComponent(ParagraphElementStatic),
-	BaseH1Plugin.withComponent(H1ElementStatic),
-	BaseH2Plugin.withComponent(H2ElementStatic),
-	BaseH3Plugin.withComponent(H3ElementStatic),
-	BaseH4Plugin.withComponent(H4ElementStatic),
-	BaseH5Plugin.withComponent(H5ElementStatic),
-	BaseH6Plugin.withComponent(H6ElementStatic),
-	BaseBlockquotePlugin.withComponent(BlockquoteElementStatic),
-	BaseHorizontalRulePlugin.withComponent(HrElementStatic)
-];
-
-//#endregion
-export { BaseBasicBlocksKit };