@questpie/admin 1.1.1 → 2.0.0

package/dist/client/components/fields/rich-text-editor/link-popover.mjs

@@ -0,0 +1,86 @@
+import { useTranslation } from "../../../i18n/hooks.mjs";
+import { Button } from "../../ui/button.mjs";
+import { Input } from "../../ui/input.mjs";
+import { Popover, PopoverContent, PopoverHeader, PopoverTitle, PopoverTrigger } from "../../ui/popover.mjs";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/client/components/fields/rich-text-editor/link-popover.tsx
+/**
+* Link insertion/editing popover
+*/
+function LinkPopover({ editor, open, onOpenChange, disabled }) {
+	const { t } = useTranslation();
+	const [linkUrl, setLinkUrl] = React$1.useState("");
+	React$1.useEffect(() => {
+		if (!open || !editor) return;
+		const currentLink = editor.getAttributes("link").href;
+		setLinkUrl(currentLink || "");
+	}, [editor, open]);
+	const handleApplyLink = React$1.useCallback(() => {
+		if (!editor) return;
+		if (!linkUrl) {
+			editor.chain().focus().unsetLink().run();
+			onOpenChange(false);
+			return;
+		}
+		editor.chain().focus().setLink({
+			href: linkUrl,
+			target: "_blank",
+			rel: "noopener noreferrer"
+		}).run();
+		onOpenChange(false);
+	}, [
+		editor,
+		linkUrl,
+		onOpenChange
+	]);
+	const handleRemoveLink = React$1.useCallback(() => {
+		if (!editor) return;
+		editor.chain().focus().unsetLink().run();
+		onOpenChange(false);
+	}, [editor, onOpenChange]);
+	return /* @__PURE__ */ jsxs(Popover, {
+		open,
+		onOpenChange,
+		children: [/* @__PURE__ */ jsx(PopoverTrigger, { render: /* @__PURE__ */ jsx("div", { className: "sr-only" }) }), /* @__PURE__ */ jsxs(PopoverContent, {
+			className: "w-72",
+			children: [/* @__PURE__ */ jsx(PopoverHeader, { children: /* @__PURE__ */ jsx(PopoverTitle, { children: t("editor.link") }) }), /* @__PURE__ */ jsxs("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ jsx(Input, {
+					value: linkUrl,
+					placeholder: "https://example.com",
+					onChange: (event) => setLinkUrl(event.target.value),
+					onKeyDown: (event) => {
+						if (event.key === "Enter") {
+							event.preventDefault();
+							handleApplyLink();
+						}
+					},
+					disabled,
+					autoFocus: true
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "flex justify-end gap-2",
+					children: [/* @__PURE__ */ jsx(Button, {
+						type: "button",
+						size: "xs",
+						variant: "outline",
+						onClick: handleRemoveLink,
+						disabled: disabled || !editor?.isActive("link"),
+						children: t("common.remove")
+					}), /* @__PURE__ */ jsx(Button, {
+						type: "button",
+						size: "xs",
+						onClick: handleApplyLink,
+						disabled,
+						children: t("common.apply")
+					})]
+				})]
+			})]
+		})]
+	});
+}
+
+//#endregion
+export { LinkPopover };
+//# sourceMappingURL=link-popover.mjs.map

package/dist/client/components/fields/rich-text-editor/link-popover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-popover.mjs","names":["React"],"sources":["../../../../../src/client/components/fields/rich-text-editor/link-popover.tsx"],"sourcesContent":["/**\n * Link Popover Component\n *\n * Dialog for inserting and editing links.\n */\n\nimport type { Editor } from \"@tiptap/core\";\nimport * as React from \"react\";\n\nimport { useTranslation } from \"../../../i18n/hooks\";\nimport { Button } from \"../../ui/button\";\nimport { Input } from \"../../ui/input\";\nimport {\n  Popover,\n  PopoverContent,\n  PopoverHeader,\n  PopoverTitle,\n  PopoverTrigger,\n} from \"../../ui/popover\";\n\nexport type LinkPopoverProps = {\n  editor: Editor | null;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  disabled?: boolean;\n};\n\n/**\n * Link insertion/editing popover\n */\nexport function LinkPopover({\n  editor,\n  open,\n  onOpenChange,\n  disabled,\n}: LinkPopoverProps) {\n  const { t } = useTranslation();\n  const [linkUrl, setLinkUrl] = React.useState(\"\");\n\n  React.useEffect(() => {\n    if (!open || !editor) return;\n    const currentLink = editor.getAttributes(\"link\").href as string | undefined;\n    setLinkUrl(currentLink || \"\");\n  }, [editor, open]);\n\n  const handleApplyLink = React.useCallback(() => {\n    if (!editor) return;\n    if (!linkUrl) {\n      editor.chain().focus().unsetLink().run();\n      onOpenChange(false);\n      return;\n    }\n\n    editor\n      .chain()\n      .focus()\n      .setLink({\n        href: linkUrl,\n        target: \"_blank\",\n        rel: \"noopener noreferrer\",\n      })\n      .run();\n    onOpenChange(false);\n  }, [editor, linkUrl, onOpenChange]);\n\n  const handleRemoveLink = React.useCallback(() => {\n    if (!editor) return;\n    editor.chain().focus().unsetLink().run();\n    onOpenChange(false);\n  }, [editor, onOpenChange]);\n\n  return (\n    <Popover open={open} onOpenChange={onOpenChange}>\n      <PopoverTrigger render={<div className=\"sr-only\" />} />\n      <PopoverContent className=\"w-72\">\n        <PopoverHeader>\n          <PopoverTitle>{t(\"editor.link\")}</PopoverTitle>\n        </PopoverHeader>\n        <div className=\"space-y-2\">\n          <Input\n            value={linkUrl}\n            placeholder=\"https://example.com\"\n            onChange={(event) => setLinkUrl(event.target.value)}\n            onKeyDown={(event) => {\n              if (event.key === \"Enter\") {\n                event.preventDefault();\n                handleApplyLink();\n              }\n            }}\n            disabled={disabled}\n            autoFocus\n          />\n          <div className=\"flex justify-end gap-2\">\n            <Button\n              type=\"button\"\n              size=\"xs\"\n              variant=\"outline\"\n              onClick={handleRemoveLink}\n              disabled={disabled || !editor?.isActive(\"link\")}\n            >\n              {t(\"common.remove\")}\n            </Button>\n            <Button\n              type=\"button\"\n              size=\"xs\"\n              onClick={handleApplyLink}\n              disabled={disabled}\n            >\n              {t(\"common.apply\")}\n            </Button>\n          </div>\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":";;;;;;;;;;;AA8BA,SAAgB,YAAY,EAC1B,QACA,MACA,cACA,YACmB;CACnB,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,CAAC,SAAS,cAAcA,QAAM,SAAS,GAAG;AAEhD,SAAM,gBAAgB;AACpB,MAAI,CAAC,QAAQ,CAAC,OAAQ;EACtB,MAAM,cAAc,OAAO,cAAc,OAAO,CAAC;AACjD,aAAW,eAAe,GAAG;IAC5B,CAAC,QAAQ,KAAK,CAAC;CAElB,MAAM,kBAAkBA,QAAM,kBAAkB;AAC9C,MAAI,CAAC,OAAQ;AACb,MAAI,CAAC,SAAS;AACZ,UAAO,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK;AACxC,gBAAa,MAAM;AACnB;;AAGF,SACG,OAAO,CACP,OAAO,CACP,QAAQ;GACP,MAAM;GACN,QAAQ;GACR,KAAK;GACN,CAAC,CACD,KAAK;AACR,eAAa,MAAM;IAClB;EAAC;EAAQ;EAAS;EAAa,CAAC;CAEnC,MAAM,mBAAmBA,QAAM,kBAAkB;AAC/C,MAAI,CAAC,OAAQ;AACb,SAAO,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK;AACxC,eAAa,MAAM;IAClB,CAAC,QAAQ,aAAa,CAAC;AAE1B,QACE,qBAAC;EAAc;EAAoB;aACjC,oBAAC,kBAAe,QAAQ,oBAAC,SAAI,WAAU,YAAY,GAAI,EACvD,qBAAC;GAAe,WAAU;cACxB,oBAAC,2BACC,oBAAC,0BAAc,EAAE,cAAc,GAAgB,GACjC,EAChB,qBAAC;IAAI,WAAU;eACb,oBAAC;KACC,OAAO;KACP,aAAY;KACZ,WAAW,UAAU,WAAW,MAAM,OAAO,MAAM;KACnD,YAAY,UAAU;AACpB,UAAI,MAAM,QAAQ,SAAS;AACzB,aAAM,gBAAgB;AACtB,wBAAiB;;;KAGX;KACV;MACA,EACF,qBAAC;KAAI,WAAU;gBACb,oBAAC;MACC,MAAK;MACL,MAAK;MACL,SAAQ;MACR,SAAS;MACT,UAAU,YAAY,CAAC,QAAQ,SAAS,OAAO;gBAE9C,EAAE,gBAAgB;OACZ,EACT,oBAAC;MACC,MAAK;MACL,MAAK;MACL,SAAS;MACC;gBAET,EAAE,eAAe;OACX;MACL;KACF;IACS;GACT"}

package/dist/client/components/fields/rich-text-editor/presets.d.mts

@@ -0,0 +1,11 @@
+import "./types.mjs";
+
+//#region src/client/components/fields/rich-text-editor/presets.d.ts
+
+/**
+ * Preset type
+ */
+type RichTextPreset = "minimal" | "simple" | "standard" | "advanced";
+//#endregion
+export { RichTextPreset };
+//# sourceMappingURL=presets.d.mts.map

package/dist/client/components/fields/rich-text-editor/presets.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"presets.d.mts","names":[],"sources":["../../../../../src/client/components/fields/rich-text-editor/presets.ts"],"sourcesContent":[],"mappings":";;;;;;;KAWY,cAAA"}

package/dist/client/components/fields/rich-text-editor/presets.mjs

@@ -0,0 +1,124 @@
+//#region src/client/components/fields/rich-text-editor/presets.ts
+/**
+* MINIMAL - Only bubble menu with basic formatting
+*
+* Use case: Inline editing, comments, simple text fields
+* Features: Bold, Italic, Underline, Link
+* UI: No toolbar, only bubble menu on selection
+*/
+const PRESET_MINIMAL = {
+	toolbar: false,
+	bubbleMenu: true,
+	slashCommands: false,
+	history: true,
+	heading: false,
+	bold: true,
+	italic: true,
+	underline: true,
+	strike: false,
+	code: false,
+	codeBlock: false,
+	blockquote: false,
+	bulletList: false,
+	orderedList: false,
+	horizontalRule: false,
+	align: false,
+	link: true,
+	image: false,
+	table: false,
+	tableControls: false,
+	characterCount: false
+};
+/**
+* SIMPLE - Basic rich text without media
+*
+* Use case: Blog posts, articles, descriptions
+* Features: Headings, formatting, lists, quotes, links
+* UI: Compact toolbar with essential controls
+*/
+const PRESET_SIMPLE = {
+	toolbar: true,
+	bubbleMenu: true,
+	slashCommands: true,
+	history: true,
+	heading: true,
+	bold: true,
+	italic: true,
+	underline: true,
+	strike: true,
+	code: true,
+	codeBlock: false,
+	blockquote: true,
+	bulletList: true,
+	orderedList: true,
+	horizontalRule: true,
+	align: false,
+	link: true,
+	image: false,
+	table: false,
+	tableControls: false,
+	characterCount: true
+};
+/**
+* STANDARD - Full-featured editor (default)
+*
+* Use case: General-purpose content editing
+* Features: All formatting, alignment, images, basic tables
+* UI: Full toolbar with all standard controls
+*/
+const PRESET_STANDARD = {
+	toolbar: true,
+	bubbleMenu: true,
+	slashCommands: true,
+	history: true,
+	heading: true,
+	bold: true,
+	italic: true,
+	underline: true,
+	strike: true,
+	code: true,
+	codeBlock: true,
+	blockquote: true,
+	bulletList: true,
+	orderedList: true,
+	horizontalRule: true,
+	align: true,
+	link: true,
+	image: true,
+	table: true,
+	tableControls: true,
+	characterCount: true
+};
+/**
+* ADVANCED - Everything including advanced features
+*
+* Use case: Documentation, technical writing, complex layouts
+* Features: Everything in standard + advanced table controls
+* UI: Full toolbar with all advanced controls
+*/
+const PRESET_ADVANCED = { ...PRESET_STANDARD };
+/**
+* Get preset configuration by name
+*/
+function getPreset(preset) {
+	switch (preset) {
+		case "minimal": return PRESET_MINIMAL;
+		case "simple": return PRESET_SIMPLE;
+		case "standard": return PRESET_STANDARD;
+		case "advanced": return PRESET_ADVANCED;
+		default: return PRESET_STANDARD;
+	}
+}
+/**
+* Merge preset with custom feature overrides
+*/
+function mergePresetFeatures(preset, overrides) {
+	return {
+		...getPreset(preset),
+		...overrides
+	};
+}
+
+//#endregion
+export { mergePresetFeatures };
+//# sourceMappingURL=presets.mjs.map

package/dist/client/components/fields/rich-text-editor/presets.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"presets.mjs","names":["PRESET_MINIMAL: Required<RichTextFeatures>","PRESET_SIMPLE: Required<RichTextFeatures>","PRESET_STANDARD: Required<RichTextFeatures>","PRESET_ADVANCED: Required<RichTextFeatures>"],"sources":["../../../../../src/client/components/fields/rich-text-editor/presets.ts"],"sourcesContent":["/**\n * RichText Editor Presets\n *\n * Pre-configured feature sets for common use cases.\n */\n\nimport type { RichTextFeatures } from \"./types\";\n\n/**\n * Preset type\n */\nexport type RichTextPreset = \"minimal\" | \"simple\" | \"standard\" | \"advanced\";\n\n/**\n * MINIMAL - Only bubble menu with basic formatting\n *\n * Use case: Inline editing, comments, simple text fields\n * Features: Bold, Italic, Underline, Link\n * UI: No toolbar, only bubble menu on selection\n */\nexport const PRESET_MINIMAL: Required<RichTextFeatures> = {\n  toolbar: false,\n  bubbleMenu: true,\n  slashCommands: false,\n  history: true,\n  heading: false,\n  bold: true,\n  italic: true,\n  underline: true,\n  strike: false,\n  code: false,\n  codeBlock: false,\n  blockquote: false,\n  bulletList: false,\n  orderedList: false,\n  horizontalRule: false,\n  align: false,\n  link: true,\n  image: false,\n  table: false,\n  tableControls: false,\n  characterCount: false,\n};\n\n/**\n * SIMPLE - Basic rich text without media\n *\n * Use case: Blog posts, articles, descriptions\n * Features: Headings, formatting, lists, quotes, links\n * UI: Compact toolbar with essential controls\n */\nexport const PRESET_SIMPLE: Required<RichTextFeatures> = {\n  toolbar: true,\n  bubbleMenu: true,\n  slashCommands: true,\n  history: true,\n  heading: true,\n  bold: true,\n  italic: true,\n  underline: true,\n  strike: true,\n  code: true,\n  codeBlock: false,\n  blockquote: true,\n  bulletList: true,\n  orderedList: true,\n  horizontalRule: true,\n  align: false,\n  link: true,\n  image: false,\n  table: false,\n  tableControls: false,\n  characterCount: true,\n};\n\n/**\n * STANDARD - Full-featured editor (default)\n *\n * Use case: General-purpose content editing\n * Features: All formatting, alignment, images, basic tables\n * UI: Full toolbar with all standard controls\n */\nexport const PRESET_STANDARD: Required<RichTextFeatures> = {\n  toolbar: true,\n  bubbleMenu: true,\n  slashCommands: true,\n  history: true,\n  heading: true,\n  bold: true,\n  italic: true,\n  underline: true,\n  strike: true,\n  code: true,\n  codeBlock: true,\n  blockquote: true,\n  bulletList: true,\n  orderedList: true,\n  horizontalRule: true,\n  align: true,\n  link: true,\n  image: true,\n  table: true,\n  tableControls: true,\n  characterCount: true,\n};\n\n/**\n * ADVANCED - Everything including advanced features\n *\n * Use case: Documentation, technical writing, complex layouts\n * Features: Everything in standard + advanced table controls\n * UI: Full toolbar with all advanced controls\n */\nexport const PRESET_ADVANCED: Required<RichTextFeatures> = {\n  ...PRESET_STANDARD,\n  // Advanced preset currently same as standard\n  // Reserved for future advanced features like:\n  // - Custom blocks\n  // - Collaboration\n  // - Advanced table features\n  // - Math equations\n  // - Diagrams\n};\n\n/**\n * Get preset configuration by name\n */\nexport function getPreset(preset: RichTextPreset): Required<RichTextFeatures> {\n  switch (preset) {\n    case \"minimal\":\n      return PRESET_MINIMAL;\n    case \"simple\":\n      return PRESET_SIMPLE;\n    case \"standard\":\n      return PRESET_STANDARD;\n    case \"advanced\":\n      return PRESET_ADVANCED;\n    default:\n      return PRESET_STANDARD;\n  }\n}\n\n/**\n * Merge preset with custom feature overrides\n */\nexport function mergePresetFeatures(\n  preset: RichTextPreset,\n  overrides?: Partial<RichTextFeatures>,\n): Required<RichTextFeatures> {\n  const basePreset = getPreset(preset);\n  return {\n    ...basePreset,\n    ...overrides,\n  };\n}\n"],"mappings":";;;;;;;;AAoBA,MAAaA,iBAA6C;CACxD,SAAS;CACT,YAAY;CACZ,eAAe;CACf,SAAS;CACT,SAAS;CACT,MAAM;CACN,QAAQ;CACR,WAAW;CACX,QAAQ;CACR,MAAM;CACN,WAAW;CACX,YAAY;CACZ,YAAY;CACZ,aAAa;CACb,gBAAgB;CAChB,OAAO;CACP,MAAM;CACN,OAAO;CACP,OAAO;CACP,eAAe;CACf,gBAAgB;CACjB;;;;;;;;AASD,MAAaC,gBAA4C;CACvD,SAAS;CACT,YAAY;CACZ,eAAe;CACf,SAAS;CACT,SAAS;CACT,MAAM;CACN,QAAQ;CACR,WAAW;CACX,QAAQ;CACR,MAAM;CACN,WAAW;CACX,YAAY;CACZ,YAAY;CACZ,aAAa;CACb,gBAAgB;CAChB,OAAO;CACP,MAAM;CACN,OAAO;CACP,OAAO;CACP,eAAe;CACf,gBAAgB;CACjB;;;;;;;;AASD,MAAaC,kBAA8C;CACzD,SAAS;CACT,YAAY;CACZ,eAAe;CACf,SAAS;CACT,SAAS;CACT,MAAM;CACN,QAAQ;CACR,WAAW;CACX,QAAQ;CACR,MAAM;CACN,WAAW;CACX,YAAY;CACZ,YAAY;CACZ,aAAa;CACb,gBAAgB;CAChB,OAAO;CACP,MAAM;CACN,OAAO;CACP,OAAO;CACP,eAAe;CACf,gBAAgB;CACjB;;;;;;;;AASD,MAAaC,kBAA8C,EACzD,GAAG,iBAQJ;;;;AAKD,SAAgB,UAAU,QAAoD;AAC5E,SAAQ,QAAR;EACE,KAAK,UACH,QAAO;EACT,KAAK,SACH,QAAO;EACT,KAAK,WACH,QAAO;EACT,KAAK,WACH,QAAO;EACT,QACE,QAAO;;;;;;AAOb,SAAgB,oBACd,QACA,WAC4B;AAE5B,QAAO;EACL,GAFiB,UAAU,OAAO;EAGlC,GAAG;EACJ"}

package/dist/client/components/fields/rich-text-editor/slash-commands.mjs

@@ -0,0 +1,145 @@
+import { cn } from "../../../lib/utils.mjs";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ReactRenderer } from "@tiptap/react";
+import { Extension } from "@tiptap/core";
+import Suggestion from "@tiptap/suggestion";
+import tippy from "tippy.js";
+
+//#region src/client/components/fields/rich-text-editor/slash-commands.tsx
+/**
+* Slash Commands Component
+*
+* Provides the "/" command menu for quick insertion of blocks.
+*/
+/**
+* Slash command list component
+*/
+const SlashCommandList = React$1.forwardRef(function SlashCommandList$1({ items, command }, ref) {
+	const [selectedIndex, setSelectedIndex] = React$1.useState(0);
+	React$1.useEffect(() => {
+		if (items.length === 0) {
+			setSelectedIndex(0);
+			return;
+		}
+		setSelectedIndex((prev) => Math.min(prev, items.length - 1));
+	}, [items.length]);
+	const selectItem = (index) => {
+		const item = items[index];
+		if (item) command(item);
+	};
+	React$1.useImperativeHandle(ref, () => ({ onKeyDown: ({ event }) => {
+		if (items.length === 0) return false;
+		if (event.key === "ArrowDown") {
+			event.preventDefault();
+			setSelectedIndex((prev) => (prev + 1) % items.length);
+			return true;
+		}
+		if (event.key === "ArrowUp") {
+			event.preventDefault();
+			setSelectedIndex((prev) => (prev - 1 + items.length) % items.length);
+			return true;
+		}
+		if (event.key === "Enter") {
+			event.preventDefault();
+			selectItem(selectedIndex);
+			return true;
+		}
+		return false;
+	} }));
+	return /* @__PURE__ */ jsxs("div", {
+		className: "qp-rich-text-editor__slash",
+		children: [items.length === 0 && /* @__PURE__ */ jsx("div", {
+			className: "qp-rich-text-editor__slash-empty",
+			children: "No results"
+		}), items.map((item, index) => /* @__PURE__ */ jsxs("button", {
+			type: "button",
+			tabIndex: -1,
+			className: cn("qp-rich-text-editor__slash-item", index === selectedIndex ? "qp-rich-text-editor__slash-item--active" : ""),
+			onMouseDown: (event) => event.preventDefault(),
+			onClick: () => selectItem(index),
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "qp-rich-text-editor__slash-title",
+				children: item.title
+			}), item.description && /* @__PURE__ */ jsx("span", {
+				className: "qp-rich-text-editor__slash-description",
+				children: item.description
+			})]
+		}, item.title))]
+	});
+});
+/**
+* Create slash command extension factory
+*/
+function createSlashCommandExtension(getItems) {
+	return Extension.create({
+		name: "slashCommand",
+		addOptions() {
+			return { suggestion: {
+				char: "/",
+				startOfLine: true,
+				command: ({ editor, range, props }) => {
+					editor.chain().focus().deleteRange(range).run();
+					props.command(editor);
+				},
+				items: ({ query, editor }) => {
+					const items = getItems(editor);
+					if (!query) return items;
+					const search = query.toLowerCase();
+					return items.filter((item) => {
+						return item.title.toLowerCase().includes(search) || item.description?.toLowerCase().includes(search) || item.keywords?.some((keyword) => keyword.toLowerCase().includes(search));
+					});
+				},
+				render: () => {
+					let component = null;
+					let popup = null;
+					return {
+						onStart: (props) => {
+							component = new ReactRenderer(SlashCommandList, {
+								props,
+								editor: props.editor
+							});
+							if (!props.clientRect) return;
+							popup = tippy("body", {
+								getReferenceClientRect: props.clientRect,
+								appendTo: () => document.body,
+								content: component.element,
+								showOnCreate: true,
+								interactive: true,
+								trigger: "manual",
+								placement: "bottom-start",
+								theme: "qp-rich-text-editor"
+							});
+						},
+						onUpdate: (props) => {
+							component?.updateProps(props);
+							if (!props.clientRect) return;
+							popup?.[0].setProps({ getReferenceClientRect: props.clientRect });
+						},
+						onKeyDown: (props) => {
+							if (props.event.key === "Escape") {
+								popup?.[0].hide();
+								return true;
+							}
+							return component?.ref?.onKeyDown(props) ?? false;
+						},
+						onExit: () => {
+							popup?.[0].destroy();
+							component?.destroy();
+						}
+					};
+				}
+			} };
+		},
+		addProseMirrorPlugins() {
+			return [Suggestion({
+				editor: this.editor,
+				...this.options.suggestion
+			})];
+		}
+	});
+}
+
+//#endregion
+export { createSlashCommandExtension };
+//# sourceMappingURL=slash-commands.mjs.map

package/dist/client/components/fields/rich-text-editor/slash-commands.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"slash-commands.mjs","names":["React","SlashCommandList","component: ReactRenderer<SlashCommandListHandle> | null","popup: Instance[] | null"],"sources":["../../../../../src/client/components/fields/rich-text-editor/slash-commands.tsx"],"sourcesContent":["/**\n * Slash Commands Component\n *\n * Provides the \"/\" command menu for quick insertion of blocks.\n */\n\nimport { type Editor, Extension, type Range } from \"@tiptap/core\";\nimport { ReactRenderer } from \"@tiptap/react\";\nimport Suggestion from \"@tiptap/suggestion\";\nimport * as React from \"react\";\nimport tippy, { type Instance } from \"tippy.js\";\n\nimport { cn } from \"../../../utils\";\nimport type {\n  SlashCommandItem,\n  SlashCommandListHandle,\n  SlashCommandListProps,\n} from \"./types\";\n\n/**\n * Slash command list component\n */\nexport const SlashCommandList = React.forwardRef<\n  SlashCommandListHandle,\n  SlashCommandListProps\n>(function SlashCommandList({ items, command }, ref) {\n  const [selectedIndex, setSelectedIndex] = React.useState(0);\n\n  React.useEffect(() => {\n    if (items.length === 0) {\n      setSelectedIndex(0);\n      return;\n    }\n\n    setSelectedIndex((prev) => Math.min(prev, items.length - 1));\n  }, [items.length]);\n\n  const selectItem = (index: number) => {\n    const item = items[index];\n    if (item) {\n      command(item);\n    }\n  };\n\n  React.useImperativeHandle(ref, () => ({\n    onKeyDown: ({ event }) => {\n      if (items.length === 0) return false;\n      if (event.key === \"ArrowDown\") {\n        event.preventDefault();\n        setSelectedIndex((prev) => (prev + 1) % items.length);\n        return true;\n      }\n\n      if (event.key === \"ArrowUp\") {\n        event.preventDefault();\n        setSelectedIndex((prev) => (prev - 1 + items.length) % items.length);\n        return true;\n      }\n\n      if (event.key === \"Enter\") {\n        event.preventDefault();\n        selectItem(selectedIndex);\n        return true;\n      }\n\n      return false;\n    },\n  }));\n\n  return (\n    <div className=\"qp-rich-text-editor__slash\">\n      {items.length === 0 && (\n        <div className=\"qp-rich-text-editor__slash-empty\">No results</div>\n      )}\n      {items.map((item, index) => (\n        <button\n          key={item.title}\n          type=\"button\"\n          tabIndex={-1}\n          className={cn(\n            \"qp-rich-text-editor__slash-item\",\n            index === selectedIndex\n              ? \"qp-rich-text-editor__slash-item--active\"\n              : \"\",\n          )}\n          onMouseDown={(event) => event.preventDefault()}\n          onClick={() => selectItem(index)}\n        >\n          <span className=\"qp-rich-text-editor__slash-title\">{item.title}</span>\n          {item.description && (\n            <span className=\"qp-rich-text-editor__slash-description\">\n              {item.description}\n            </span>\n          )}\n        </button>\n      ))}\n    </div>\n  );\n});\n\n/**\n * Create slash command extension factory\n */\nexport function createSlashCommandExtension(\n  getItems: (editor: Editor) => SlashCommandItem[],\n) {\n  return Extension.create({\n    name: \"slashCommand\",\n    addOptions() {\n      return {\n        suggestion: {\n          char: \"/\",\n          startOfLine: true,\n          command: ({\n            editor,\n            range,\n            props,\n          }: {\n            editor: Editor;\n            range: Range;\n            props: SlashCommandItem;\n          }) => {\n            editor.chain().focus().deleteRange(range).run();\n            props.command(editor);\n          },\n          items: ({ query, editor }: { query: string; editor: Editor }) => {\n            const items = getItems(editor);\n            if (!query) return items;\n            const search = query.toLowerCase();\n            return items.filter((item) => {\n              return (\n                item.title.toLowerCase().includes(search) ||\n                item.description?.toLowerCase().includes(search) ||\n                item.keywords?.some((keyword) =>\n                  keyword.toLowerCase().includes(search),\n                )\n              );\n            });\n          },\n          render: () => {\n            let component: ReactRenderer<SlashCommandListHandle> | null = null;\n            let popup: Instance[] | null = null;\n\n            return {\n              onStart: (props: any) => {\n                component = new ReactRenderer(SlashCommandList, {\n                  props,\n                  editor: props.editor,\n                });\n\n                if (!props.clientRect) {\n                  return;\n                }\n\n                popup = tippy(\"body\", {\n                  getReferenceClientRect: props.clientRect,\n                  appendTo: () => document.body,\n                  content: component.element,\n                  showOnCreate: true,\n                  interactive: true,\n                  trigger: \"manual\",\n                  placement: \"bottom-start\",\n                  theme: \"qp-rich-text-editor\",\n                });\n              },\n\n              onUpdate: (props: any) => {\n                component?.updateProps(props);\n\n                if (!props.clientRect) {\n                  return;\n                }\n\n                popup?.[0].setProps({\n                  getReferenceClientRect: props.clientRect,\n                });\n              },\n\n              onKeyDown: (props: any) => {\n                if (props.event.key === \"Escape\") {\n                  popup?.[0].hide();\n                  return true;\n                }\n\n                return component?.ref?.onKeyDown(props) ?? false;\n              },\n\n              onExit: () => {\n                popup?.[0].destroy();\n                component?.destroy();\n              },\n            };\n          },\n        },\n      };\n    },\n    addProseMirrorPlugins() {\n      return [\n        Suggestion({\n          editor: this.editor,\n          ...this.options.suggestion,\n        }),\n      ];\n    },\n  });\n}\n"],"mappings":"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"}

package/dist/client/components/fields/rich-text-editor/table-controls.mjs

@@ -0,0 +1,124 @@
+import { useTranslation } from "../../../i18n/hooks.mjs";
+import { Button } from "../../ui/button.mjs";
+import { Popover, PopoverContent, PopoverHeader, PopoverTitle, PopoverTrigger } from "../../ui/popover.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/client/components/fields/rich-text-editor/table-controls.tsx
+/**
+* Table manipulation controls popover
+*/
+function TableControls({ editor, disabled, inTable, triggerButton }) {
+	const { t } = useTranslation();
+	const isEditable = !disabled;
+	return /* @__PURE__ */ jsxs(Popover, { children: [/* @__PURE__ */ jsx(PopoverTrigger, { render: triggerButton || /* @__PURE__ */ jsx("div", { className: "sr-only" }) }), /* @__PURE__ */ jsxs(PopoverContent, {
+		className: "w-80",
+		children: [/* @__PURE__ */ jsx(PopoverHeader, { children: /* @__PURE__ */ jsx(PopoverTitle, { children: t("editor.table") }) }), /* @__PURE__ */ jsxs("div", {
+			className: "grid grid-cols-2 gap-2",
+			children: [
+				/* @__PURE__ */ jsx(Button, {
+					type: "button",
+					size: "xs",
+					onClick: () => editor.chain().focus().insertTable({
+						rows: 3,
+						cols: 3,
+						withHeaderRow: true
+					}).run(),
+					disabled: !isEditable,
+					children: t("editor.table")
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					type: "button",
+					size: "xs",
+					variant: "outline",
+					onClick: () => editor.chain().focus().addRowBefore().run(),
+					disabled: !isEditable || !inTable,
+					children: t("editor.addRowBefore")
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					type: "button",
+					size: "xs",
+					variant: "outline",
+					onClick: () => editor.chain().focus().addRowAfter().run(),
+					disabled: !isEditable || !inTable,
+					children: t("editor.addRowAfter")
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					type: "button",
+					size: "xs",
+					variant: "outline",
+					onClick: () => editor.chain().focus().addColumnBefore().run(),
+					disabled: !isEditable || !inTable,
+					children: t("editor.addColumnBefore")
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					type: "button",
+					size: "xs",
+					variant: "outline",
+					onClick: () => editor.chain().focus().addColumnAfter().run(),
+					disabled: !isEditable || !inTable,
+					children: t("editor.addColumnAfter")
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					type: "button",
+					size: "xs",
+					variant: "outline",
+					onClick: () => editor.chain().focus().deleteRow().run(),
+					disabled: !isEditable || !inTable,
+					children: t("editor.deleteRow")
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					type: "button",
+					size: "xs",
+					variant: "outline",
+					onClick: () => editor.chain().focus().deleteColumn().run(),
+					disabled: !isEditable || !inTable,
+					children: t("editor.deleteColumn")
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					type: "button",
+					size: "xs",
+					variant: "outline",
+					onClick: () => editor.chain().focus().toggleHeaderRow().run(),
+					disabled: !isEditable || !inTable,
+					children: t("editor.toggleHeaderRow")
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					type: "button",
+					size: "xs",
+					variant: "outline",
+					onClick: () => editor.chain().focus().toggleHeaderColumn().run(),
+					disabled: !isEditable || !inTable,
+					children: t("editor.toggleHeaderColumn")
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					type: "button",
+					size: "xs",
+					variant: "outline",
+					onClick: () => editor.chain().focus().mergeCells().run(),
+					disabled: !isEditable || !inTable,
+					children: t("editor.mergeCells")
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					type: "button",
+					size: "xs",
+					variant: "outline",
+					onClick: () => editor.chain().focus().splitCell().run(),
+					disabled: !isEditable || !inTable,
+					children: t("editor.splitCell")
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					type: "button",
+					size: "xs",
+					variant: "outline",
+					onClick: () => editor.chain().focus().deleteTable().run(),
+					disabled: !isEditable || !inTable,
+					children: t("editor.deleteTable")
+				})
+			]
+		})]
+	})] });
+}
+
+//#endregion
+export { TableControls };
+//# sourceMappingURL=table-controls.mjs.map

package/dist/client/components/fields/rich-text-editor/table-controls.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-controls.mjs","names":[],"sources":["../../../../../src/client/components/fields/rich-text-editor/table-controls.tsx"],"sourcesContent":["/**\n * Table Controls Component\n *\n * Popover with table manipulation controls.\n */\n\nimport type { Editor } from \"@tiptap/core\";\nimport type * as React from \"react\";\n\nimport { useTranslation } from \"../../../i18n/hooks\";\nimport { Button } from \"../../ui/button\";\nimport {\n  Popover,\n  PopoverContent,\n  PopoverHeader,\n  PopoverTitle,\n  PopoverTrigger,\n} from \"../../ui/popover\";\n\nexport type TableControlsProps = {\n  editor: Editor;\n  disabled?: boolean;\n  inTable: boolean;\n  triggerButton?: React.ReactElement;\n};\n\n/**\n * Table manipulation controls popover\n */\nexport function TableControls({\n  editor,\n  disabled,\n  inTable,\n  triggerButton,\n}: TableControlsProps) {\n  const { t } = useTranslation();\n  const isEditable = !disabled;\n\n  return (\n    <Popover>\n      <PopoverTrigger render={triggerButton || <div className=\"sr-only\" />} />\n      <PopoverContent className=\"w-80\">\n        <PopoverHeader>\n          <PopoverTitle>{t(\"editor.table\")}</PopoverTitle>\n        </PopoverHeader>\n        <div className=\"grid grid-cols-2 gap-2\">\n          <Button\n            type=\"button\"\n            size=\"xs\"\n            onClick={() =>\n              editor\n                .chain()\n                .focus()\n                .insertTable({\n                  rows: 3,\n                  cols: 3,\n                  withHeaderRow: true,\n                })\n                .run()\n            }\n            disabled={!isEditable}\n          >\n            {t(\"editor.table\")}\n          </Button>\n          <Button\n            type=\"button\"\n            size=\"xs\"\n            variant=\"outline\"\n            onClick={() => editor.chain().focus().addRowBefore().run()}\n            disabled={!isEditable || !inTable}\n          >\n            {t(\"editor.addRowBefore\")}\n          </Button>\n          <Button\n            type=\"button\"\n            size=\"xs\"\n            variant=\"outline\"\n            onClick={() => editor.chain().focus().addRowAfter().run()}\n            disabled={!isEditable || !inTable}\n          >\n            {t(\"editor.addRowAfter\")}\n          </Button>\n          <Button\n            type=\"button\"\n            size=\"xs\"\n            variant=\"outline\"\n            onClick={() => editor.chain().focus().addColumnBefore().run()}\n            disabled={!isEditable || !inTable}\n          >\n            {t(\"editor.addColumnBefore\")}\n          </Button>\n          <Button\n            type=\"button\"\n            size=\"xs\"\n            variant=\"outline\"\n            onClick={() => editor.chain().focus().addColumnAfter().run()}\n            disabled={!isEditable || !inTable}\n          >\n            {t(\"editor.addColumnAfter\")}\n          </Button>\n          <Button\n            type=\"button\"\n            size=\"xs\"\n            variant=\"outline\"\n            onClick={() => editor.chain().focus().deleteRow().run()}\n            disabled={!isEditable || !inTable}\n          >\n            {t(\"editor.deleteRow\")}\n          </Button>\n          <Button\n            type=\"button\"\n            size=\"xs\"\n            variant=\"outline\"\n            onClick={() => editor.chain().focus().deleteColumn().run()}\n            disabled={!isEditable || !inTable}\n          >\n            {t(\"editor.deleteColumn\")}\n          </Button>\n          <Button\n            type=\"button\"\n            size=\"xs\"\n            variant=\"outline\"\n            onClick={() => editor.chain().focus().toggleHeaderRow().run()}\n            disabled={!isEditable || !inTable}\n          >\n            {t(\"editor.toggleHeaderRow\")}\n          </Button>\n          <Button\n            type=\"button\"\n            size=\"xs\"\n            variant=\"outline\"\n            onClick={() => editor.chain().focus().toggleHeaderColumn().run()}\n            disabled={!isEditable || !inTable}\n          >\n            {t(\"editor.toggleHeaderColumn\")}\n          </Button>\n          <Button\n            type=\"button\"\n            size=\"xs\"\n            variant=\"outline\"\n            onClick={() => editor.chain().focus().mergeCells().run()}\n            disabled={!isEditable || !inTable}\n          >\n            {t(\"editor.mergeCells\")}\n          </Button>\n          <Button\n            type=\"button\"\n            size=\"xs\"\n            variant=\"outline\"\n            onClick={() => editor.chain().focus().splitCell().run()}\n            disabled={!isEditable || !inTable}\n          >\n            {t(\"editor.splitCell\")}\n          </Button>\n          <Button\n            type=\"button\"\n            size=\"xs\"\n            variant=\"outline\"\n            onClick={() => editor.chain().focus().deleteTable().run()}\n            disabled={!isEditable || !inTable}\n          >\n            {t(\"editor.deleteTable\")}\n          </Button>\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":"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"}