@haklex/rich-compose 0.32.0 → 0.34.0

package/dist/{compose-CCyeRK8c.js → compose-BC3hv8cT.js}

@@ -112,11 +112,15 @@ function renderBuiltinNode(node, key, children, headingSlugs, textContent) {
 				})]
 			}, key);
 		}
-		case "list": return /* @__PURE__ */ jsx(node.listType === "number" ? "ol" : "ul", {
-			className: node.listType === "number" ? shared$1("listOl") : node.listType === "check" ? `${shared$1("checklist")} ${shared$1("listUl")}` : shared$1("listUl"),
-			start: node.start !== 1 ? node.start : void 0,
-			children
-		}, key);
+		case "list": {
+			const Tag = node.listType === "number" ? "ol" : "ul";
+			const cls = node.listType === "number" ? shared$1("listOl") : node.listType === "check" ? `${shared$1("checklist")} ${shared$1("listUl")}` : shared$1("listUl");
+			return /* @__PURE__ */ jsx(Tag, {
+				className: cls,
+				start: node.start !== 1 ? node.start : void 0,
+				children
+			}, key);
+		}
 		case "listitem": {
 			const isChecklist = node.checked !== void 0;
 			const hasNestedList = node.children?.some((c) => c.type === "list");
@@ -154,11 +158,15 @@ function renderBuiltinNode(node, key, children, headingSlugs, textContent) {
 			})
 		}, key);
 		case "tablerow": return /* @__PURE__ */ jsx("tr", { children }, key);
-		case "tablecell": return /* @__PURE__ */ jsx(node.headerState ? "th" : "td", {
-			className: node.headerState ? tableHead : tableCell,
-			colSpan: node.colSpan > 1 ? node.colSpan : void 0,
-			children
-		}, key);
+		case "tablecell": {
+			const CellTag = node.headerState ? "th" : "td";
+			const cls = node.headerState ? tableHead : tableCell;
+			return /* @__PURE__ */ jsx(CellTag, {
+				className: cls,
+				colSpan: node.colSpan > 1 ? node.colSpan : void 0,
+				children
+			}, key);
+		}
 		case "details": {
 			const summary = node.summary || "";
 			return /* @__PURE__ */ jsxs("details", {
@@ -363,7 +371,8 @@ function renderEditorToReact(value, nodes, builtinNodeOverrides) {
 	editorState.read(() => {
 		const root = $getRoot();
 		const headingSlugs = /* @__PURE__ */ new Map();
-		content = /* @__PURE__ */ jsx(Fragment$1, { children: root.getChildren().map((child, i) => renderTree(child, editor, editorConfig, headingSlugs, `ssr-${i}`, rawRootChildren?.[i]?.$?.blockId, builtinNodeOverrides)) });
+		const children = root.getChildren().map((child, i) => renderTree(child, editor, editorConfig, headingSlugs, `ssr-${i}`, rawRootChildren?.[i]?.$?.blockId, builtinNodeOverrides));
+		content = /* @__PURE__ */ jsx(Fragment$1, { children });
 	});
 	const renderNestedContent = (state) => {
 		const nestedEditor = createHeadlessEditor({
@@ -386,7 +395,8 @@ function renderEditorToReact(value, nodes, builtinNodeOverrides) {
 		nestedState.read(() => {
 			const root = $getRoot();
 			const headingSlugs = /* @__PURE__ */ new Map();
-			nested = /* @__PURE__ */ jsx(Fragment$1, { children: root.getChildren().map((child, i) => renderTree(child, nestedEditor, nestedEditorConfig, headingSlugs, `nested-${i}`, nestedRawChildren?.[i]?.$?.blockId, builtinNodeOverrides)) });
+			const ch = root.getChildren().map((child, i) => renderTree(child, nestedEditor, nestedEditorConfig, headingSlugs, `nested-${i}`, nestedRawChildren?.[i]?.$?.blockId, builtinNodeOverrides));
+			nested = /* @__PURE__ */ jsx(Fragment$1, { children: ch });
 		});
 		return nested;
 	};
@@ -570,13 +580,14 @@ function composeRenderer(opts) {
 	const builtinNodeOverrides = opts.builtinNodeOverrides;
 	function ComposedRenderer(props) {
 		const { theme, variant } = props;
+		const renderNested = useCallback((value, overrideVariant) => /* @__PURE__ */ jsx(ComposedRenderer, {
+			nested: true,
+			theme,
+			value,
+			variant: overrideVariant ?? variant
+		}), [theme, variant]);
 		return /* @__PURE__ */ jsx(NestedContentRendererProvider, {
-			value: useCallback((value, overrideVariant) => /* @__PURE__ */ jsx(ComposedRenderer, {
-				nested: true,
-				theme,
-				value,
-				variant: overrideVariant ?? variant
-			}), [theme, variant]),
+			value: renderNested,
 			children: /* @__PURE__ */ jsx(ComposedProviders, { children: /* @__PURE__ */ jsx(RichRenderer, {
 				as: props.as,
 				builtinNodeOverrides,

package/dist/core.mjs

@@ -1,2 +1,2 @@
-import { a as RichRenderer, i as mergeModules, n as wrapLazy, r as dedupNodes, t as composeRenderer } from "./compose-CCyeRK8c.js";
+import { a as RichRenderer, i as mergeModules, n as wrapLazy, r as dedupNodes, t as composeRenderer } from "./compose-BC3hv8cT.js";
 export { RichRenderer, composeRenderer, dedupNodes, mergeModules, wrapLazy };

package/dist/editor.d.ts

@@ -15,7 +15,8 @@ import { mermaidEditModule } from './modules/mermaid/edit';
 import { nestedDocEditModule } from './modules/nested-doc/edit';
 import { pollEditModule } from './modules/poll/edit';
 import { rubyEditModule } from './modules/ruby/edit';
+import { slashMenuEditModule } from './modules/slash-menu/edit';
 import { videoEditModule } from './modules/video/edit';
-export { alertEditModule, bannerEditModule, chatEditModule, codeBlockEditModule, codeSnippetEditModule, dynamicEditModule, embedEditModule, excalidrawEditModule, galleryEditModule, imageEditModule, katexEditModule, linkCardEditModule, mentionEditModule, mermaidEditModule, nestedDocEditModule, pollEditModule, rubyEditModule, videoEditModule, };
+export { alertEditModule, bannerEditModule, chatEditModule, codeBlockEditModule, codeSnippetEditModule, dynamicEditModule, embedEditModule, excalidrawEditModule, galleryEditModule, imageEditModule, katexEditModule, linkCardEditModule, mentionEditModule, mermaidEditModule, nestedDocEditModule, pollEditModule, rubyEditModule, slashMenuEditModule, videoEditModule, };
 export declare const allEditorModules: import('./core').RichEditorModule[];
 //# sourceMappingURL=editor.d.ts.map

package/dist/editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../src/editor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,OAAO,EACL,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,mBAAmB,EACnB,qBAAqB,EACrB,iBAAiB,EACjB,eAAe,EACf,oBAAoB,EACpB,iBAAiB,EACjB,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,EACnB,cAAc,EACd,cAAc,EACd,eAAe,GAChB,CAAC;AAEF,eAAO,MAAM,gBAAgB,qCAmB5B,CAAC"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../src/editor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,OAAO,EACL,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,mBAAmB,EACnB,qBAAqB,EACrB,iBAAiB,EACjB,eAAe,EACf,oBAAoB,EACpB,iBAAiB,EACjB,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,EACnB,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,eAAe,GAChB,CAAC;AAEF,eAAO,MAAM,gBAAgB,qCAoB5B,CAAC"}

package/dist/editor.mjs

@@ -15,6 +15,7 @@ import { mermaidEditModule } from "./modules/mermaid/edit.mjs";
 import { nestedDocEditModule } from "./modules/nested-doc/edit.mjs";
 import { pollEditModule } from "./modules/poll/edit.mjs";
 import { rubyEditModule } from "./modules/ruby/edit.mjs";
+import { slashMenuEditModule } from "./modules/slash-menu/edit.mjs";
 import { videoEditModule } from "./modules/video/edit.mjs";
 //#region src/editor.ts
 var allEditorModules = [
@@ -35,7 +36,8 @@ var allEditorModules = [
 	nestedDocEditModule,
 	pollEditModule,
 	rubyEditModule,
+	slashMenuEditModule,
 	videoEditModule
 ];
 //#endregion
-export { alertEditModule, allEditorModules, bannerEditModule, chatEditModule, codeBlockEditModule, codeSnippetEditModule, dynamicEditModule, embedEditModule, excalidrawEditModule, galleryEditModule, imageEditModule, katexEditModule, linkCardEditModule, mentionEditModule, mermaidEditModule, nestedDocEditModule, pollEditModule, rubyEditModule, videoEditModule };
+export { alertEditModule, allEditorModules, bannerEditModule, chatEditModule, codeBlockEditModule, codeSnippetEditModule, dynamicEditModule, embedEditModule, excalidrawEditModule, galleryEditModule, imageEditModule, katexEditModule, linkCardEditModule, mentionEditModule, mermaidEditModule, nestedDocEditModule, pollEditModule, rubyEditModule, slashMenuEditModule, videoEditModule };

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { a as RichRenderer, i as mergeModules, n as wrapLazy, r as dedupNodes, t as composeRenderer } from "./compose-CCyeRK8c.js";
+import { a as RichRenderer, i as mergeModules, n as wrapLazy, r as dedupNodes, t as composeRenderer } from "./compose-BC3hv8cT.js";
 import { t as defineConfigurableModule } from "./configurable-module-Bur4JaI3.js";
 import { Fragment, memo, useCallback, useMemo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -60,13 +60,14 @@ function composeEditor(opts) {
 	function ComposedEditor(props) {
 		const { extraNodes: userExtraNodes, actions, children, theme, variant, ...rest } = props;
 		const mergedExtraNodes = useMemo(() => userExtraNodes ? dedupNodes([...allNodes, ...userExtraNodes]) : allNodes, [userExtraNodes]);
+		const renderNested = useCallback((value, overrideVariant) => /* @__PURE__ */ jsx(NestedRenderer, {
+			nested: true,
+			theme,
+			value,
+			variant: overrideVariant ?? variant
+		}), [theme, variant]);
 		return /* @__PURE__ */ jsx(NestedContentRendererProvider, {
-			value: useCallback((value, overrideVariant) => /* @__PURE__ */ jsx(NestedRenderer, {
-				nested: true,
-				theme,
-				value,
-				variant: overrideVariant ?? variant
-			}), [theme, variant]),
+			value: renderNested,
 			children: /* @__PURE__ */ jsx(NestedEditorPluginsProvider, {
 				plugins: nestedEditorPlugins,
 				children: /* @__PURE__ */ jsx(ComposedProviders, { children: /* @__PURE__ */ jsx(ComposedEditorProviders, { children: /* @__PURE__ */ jsxs(RichEditor, {

package/dist/litexml-html-preview-client.css

@@ -605,6 +605,24 @@
   gap: 2px;
 }
 ._88dxwgk {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  padding: 8px 16px;
+  border-bottom: 1px solid var(--rc-border);
+  flex-shrink: 0;
+}
+._88dxwgl {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+._88dxwgm {
+  font-size: var(--rc-font-size-xs);
+  color: var(--rc-text-secondary);
+  flex-shrink: 0;
+}
+._88dxwgn {
   margin-left: 8px;
   flex-shrink: 0;
   display: flex;
@@ -619,22 +637,22 @@
   cursor: pointer;
   transition: background 0.15s, color 0.15s;
 }
-._88dxwgk:hover {
+._88dxwgn:hover {
   background: color-mix(in srgb, currentColor 8%, transparent);
   color: var(--rc-text);
 }
-._88dxwgl {
+._88dxwgo {
   flex: 1;
   min-height: 0;
   overflow-y: auto;
   padding: 1rem;
 }
-._88dxwgm {
+._88dxwgp {
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
 }
-._88dxwgn {
+._88dxwgq {
   display: flex;
   align-items: flex-start;
   gap: 0.75rem;
@@ -643,7 +661,7 @@
   border: 1px solid var(--rc-border);
   background: color-mix(in srgb, var(--rc-text) 2%, transparent);
 }
-._88dxwgo {
+._88dxwgr {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -656,14 +674,14 @@
   border-radius: 4px;
   transition: background 0.15s, color 0.15s;
 }
-._88dxwgo:hover {
+._88dxwgr:hover {
   background: color-mix(in srgb, currentColor 8%, transparent);
   color: var(--rc-text);
 }
-._88dxwgo:active {
+._88dxwgr:active {
   cursor: grabbing;
 }
-._88dxwgp {
+._88dxwgs {
   width: 64px;
   height: 64px;
   border-radius: 4px;
@@ -674,22 +692,22 @@
   align-items: center;
   justify-content: center;
 }
-._88dxwgp img {
+._88dxwgs img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
-._88dxwgq {
+._88dxwgt {
   color: color-mix(in srgb, var(--rc-text-secondary) 40%, transparent);
 }
-._88dxwgr {
+._88dxwgu {
   flex: 1;
   display: flex;
   flex-direction: column;
   gap: 6px;
   min-width: 0;
 }
-._88dxwgs {
+._88dxwgv {
   width: 100%;
   padding: 4px 8px;
   border-radius: 4px;
@@ -700,19 +718,22 @@
   outline: none;
   transition: border-color 0.15s;
 }
-._88dxwgs:focus {
+._88dxwgv:focus {
   border-color: color-mix(in srgb, var(--rc-text) 30%, transparent);
 }
-._88dxwgs::placeholder {
+._88dxwgv::placeholder {
   color: color-mix(in srgb, var(--rc-text-secondary) 50%, transparent);
 }
-._88dxwgt {
+._88dxwgw {
+  width: 96px;
+}
+._88dxwgx {
   display: flex;
   flex-direction: column;
   gap: 2px;
   flex-shrink: 0;
 }
-._88dxwgu {
+._88dxwgy {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -725,11 +746,11 @@
   cursor: pointer;
   transition: background 0.15s, color 0.15s;
 }
-._88dxwgu:hover {
+._88dxwgy:hover {
   background: color-mix(in srgb, var(--rc-alert-caution) 10%, transparent);
   color: var(--rc-alert-caution);
 }
-._88dxwgv {
+._88dxwgz {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -744,12 +765,12 @@
   cursor: pointer;
   transition: border-color 0.15s, color 0.15s, background 0.15s;
 }
-._88dxwgv:hover {
+._88dxwgz:hover {
   border-color: color-mix(in srgb, var(--rc-text) 20%, transparent);
   color: var(--rc-text);
   background: color-mix(in srgb, var(--rc-text) 2%, transparent);
 }
-._88dxwgw {
+._88dxwg10 {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -759,16 +780,16 @@
   flex-shrink: 0;
   background-color: color-mix(in srgb, var(--rc-text) 1.5%, transparent);
 }
-._88dxwgx {
+._88dxwg11 {
   font-size: var(--rc-font-size-xs);
   color: var(--rc-text-secondary);
 }
-._88dxwgy {
+._88dxwg12 {
   display: flex;
   align-items: center;
   gap: 0.5rem;
 }
-._88dxwgz {
+._88dxwg13 {
   padding: 0.25rem 0.75rem;
   border-radius: 0.375rem;
   font-size: var(--rc-font-size-xs);
@@ -777,23 +798,23 @@
   height: 28px;
   transition: background-color 0.15s, border-color 0.15s;
 }
-._88dxwg10 {
+._88dxwg14 {
   background-color: transparent;
   color: var(--rc-text-secondary);
   border: 1px solid var(--rc-border);
 }
-._88dxwg10:hover {
+._88dxwg14:hover {
   background-color: color-mix(in srgb, var(--rc-text) 4%, transparent);
 }
-._88dxwg11 {
+._88dxwg15 {
   background-color: var(--rc-text);
   color: var(--rc-bg);
   border: 1px solid transparent;
 }
-._88dxwg11:hover {
+._88dxwg15:hover {
   background-color: color-mix(in srgb, var(--rc-text) 85%, transparent);
 }
-._88dxwg12 {
+._88dxwg16 {
   display: flex;
   flex-direction: column;
   align-items: center;