@ixo/editor 1.0.1 → 1.1.1

package/dist/mantine/index.mjs

@@ -0,0 +1,413 @@
+import {
+  GraphQLClient,
+  getEntity,
+  ixoGraphQLClient,
+  useMatrixProvider
+} from "../chunk-MXVDN3FO.mjs";
+
+// src/mantine/hooks/useCreateIxoEditor.ts
+import { useCreateBlockNote } from "@blocknote/react";
+import { BlockNoteSchema, defaultBlockSpecs, defaultInlineContentSpecs, defaultStyleSpecs } from "@blocknote/core";
+
+// src/mantine/blocks/list/ListBlock.tsx
+import React from "react";
+import { createReactBlockSpec } from "@blocknote/react";
+var ListBlockContent = ({ block, editor }) => {
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      style: {
+        width: "100%",
+        borderRadius: "6px",
+        padding: "16px",
+        backgroundColor: "#FFFFFF",
+        fontFamily: "Inter, Helvetica, Arial, sans-serif",
+        border: "1px solid #e5e7eb"
+      }
+    },
+    /* @__PURE__ */ React.createElement("div", { style: { marginBottom: "12px" } }, /* @__PURE__ */ React.createElement(
+      "input",
+      {
+        type: "text",
+        value: block.props.title || "",
+        placeholder: "New list",
+        style: {
+          color: "#2F2F2F",
+          fontFamily: "Inter, Helvetica, Arial, sans-serif",
+          fontSize: "14px",
+          fontWeight: 600,
+          border: "none",
+          outline: "none",
+          background: "transparent",
+          width: "100%"
+        },
+        onChange: (e) => {
+          editor.updateBlock(block, {
+            props: {
+              ...block.props,
+              title: e.target.value
+            }
+          });
+        }
+      }
+    )),
+    /* @__PURE__ */ React.createElement("div", { style: { minHeight: "40px", color: "#6b7280" } }, block.props.did ? /* @__PURE__ */ React.createElement("p", null, "Loading data from DID: ", block.props.did) : /* @__PURE__ */ React.createElement("p", null, "Enter a DID to load list data"))
+  );
+};
+var ListBlock = createReactBlockSpec(
+  {
+    type: "list",
+    propSchema: {
+      title: {
+        default: ""
+      },
+      did: {
+        default: ""
+      },
+      fragmentIdentifier: {
+        default: ""
+      }
+    },
+    content: "none"
+  },
+  {
+    render: (props) => /* @__PURE__ */ React.createElement(ListBlockContent, { ...props })
+  }
+);
+
+// src/mantine/blocks/overview/OverviewBlock.tsx
+import React2 from "react";
+import { createReactBlockSpec as createReactBlockSpec2 } from "@blocknote/react";
+var OverviewBlockContent = ({ block, editor }) => {
+  return /* @__PURE__ */ React2.createElement(
+    "div",
+    {
+      style: {
+        width: "100%",
+        borderRadius: "6px",
+        padding: "16px",
+        backgroundColor: "#FFFFFF",
+        fontFamily: "Inter, Helvetica, Arial, sans-serif",
+        border: "1px solid #e5e7eb"
+      }
+    },
+    /* @__PURE__ */ React2.createElement("div", { style: { marginBottom: "12px" } }, /* @__PURE__ */ React2.createElement(
+      "input",
+      {
+        type: "text",
+        value: block.props.did || "",
+        placeholder: "Enter DID",
+        style: {
+          color: "#2F2F2F",
+          fontFamily: "Inter, Helvetica, Arial, sans-serif",
+          fontSize: "14px",
+          fontWeight: 600,
+          border: "none",
+          outline: "none",
+          background: "transparent",
+          width: "100%"
+        },
+        onChange: (e) => {
+          editor.updateBlock(block, {
+            props: {
+              ...block.props,
+              did: e.target.value
+            }
+          });
+        }
+      }
+    )),
+    /* @__PURE__ */ React2.createElement("div", { style: { minHeight: "40px", color: "#6b7280" } }, block.props.did ? /* @__PURE__ */ React2.createElement("p", null, "Loading overview for DID: ", block.props.did) : /* @__PURE__ */ React2.createElement("p", null, "Enter a DID to load overview data"))
+  );
+};
+var OverviewBlock = createReactBlockSpec2(
+  {
+    type: "overview",
+    propSchema: {
+      did: {
+        default: ""
+      }
+    },
+    content: "none"
+  },
+  {
+    render: (props) => /* @__PURE__ */ React2.createElement(OverviewBlockContent, { ...props })
+  }
+);
+
+// src/mantine/blocks/index.ts
+var blockSpecs = {
+  list: ListBlock,
+  overview: OverviewBlock
+};
+var getExtraSlashMenuItems = (editor) => [
+  {
+    title: "List",
+    onItemClick: () => {
+      editor.insertBlocks(
+        [
+          {
+            type: "list",
+            props: {
+              title: "",
+              did: "",
+              fragmentIdentifier: ""
+            }
+          }
+        ],
+        editor.getTextCursorPosition().block,
+        "after"
+      );
+    },
+    aliases: ["list", "data", "dynamic"],
+    group: "Domains",
+    subtext: "Create a dynamic list from DID data"
+  },
+  {
+    title: "Overview",
+    onItemClick: () => {
+      editor.insertBlocks(
+        [
+          {
+            type: "overview",
+            props: {
+              did: ""
+            }
+          }
+        ],
+        editor.getTextCursorPosition().block,
+        "after"
+      );
+    },
+    aliases: ["overview", "overview-block", "data-overview"],
+    group: "Domains",
+    subtext: "Create an overview from DID data"
+  }
+];
+
+// src/mantine/hooks/useCreateIxoEditor.ts
+function useCreateIxoEditor(options) {
+  const {
+    theme = "light",
+    uploadFile,
+    initialContent,
+    editable = true,
+    sideMenu = true,
+    slashMenu = true,
+    formattingToolbar = true,
+    linkToolbar = true,
+    filePanel = true,
+    tableHandles = true
+  } = options || {};
+  const defaultUploadFile = uploadFile || (async (file) => {
+    return new Promise((resolve, reject) => {
+      const reader = new FileReader();
+      reader.onloadend = () => {
+        const dataUrl = reader.result;
+        resolve(dataUrl);
+      };
+      reader.onerror = reject;
+      reader.readAsDataURL(file);
+    });
+  });
+  const schema = BlockNoteSchema.create({
+    blockSpecs: {
+      ...defaultBlockSpecs,
+      ...blockSpecs
+    },
+    inlineContentSpecs: {
+      ...defaultInlineContentSpecs
+    },
+    styleSpecs: {
+      ...defaultStyleSpecs
+    }
+  });
+  const editor = useCreateBlockNote({
+    schema,
+    initialContent,
+    uploadFile: defaultUploadFile
+  });
+  if (editor) {
+    editor._ixoConfig = {
+      theme,
+      editable,
+      sideMenu,
+      slashMenu,
+      formattingToolbar,
+      linkToolbar,
+      filePanel,
+      tableHandles
+    };
+  }
+  return editor;
+}
+
+// src/mantine/hooks/useCollaborativeIxoEditor.ts
+import { useCreateBlockNote as useCreateBlockNote2 } from "@blocknote/react";
+import {
+  BlockNoteSchema as BlockNoteSchema2,
+  defaultBlockSpecs as defaultBlockSpecs2,
+  defaultInlineContentSpecs as defaultInlineContentSpecs2,
+  defaultStyleSpecs as defaultStyleSpecs2
+} from "@blocknote/core";
+import * as Y from "yjs";
+import { useMemo } from "react";
+function useCreateCollaborativeIxoEditor(options) {
+  const yDoc = useMemo(() => new Y.Doc(), []);
+  const {
+    theme = "light",
+    uploadFile,
+    initialContent,
+    editable = true,
+    sideMenu = true,
+    slashMenu = true,
+    formattingToolbar = true,
+    linkToolbar = true,
+    filePanel = true,
+    tableHandles = true,
+    user,
+    matrixClient
+  } = options || {};
+  const memoizedUser = useMemo(() => ({
+    id: user?.id || "",
+    name: user?.name || "",
+    color: user?.color || "",
+    accessToken: user?.accessToken || ""
+  }), [user?.id, user?.name, user?.color, user?.accessToken]);
+  const { matrixProvider, connectionStatus } = useMatrixProvider({
+    yDoc,
+    matrixClient,
+    roomId: options.roomId
+  });
+  const defaultUploadFile = useMemo(() => uploadFile || (async (file) => {
+    return new Promise((resolve, reject) => {
+      const reader = new FileReader();
+      reader.onloadend = () => {
+        const dataUrl = reader.result;
+        resolve(dataUrl);
+      };
+      reader.onerror = reject;
+      reader.readAsDataURL(file);
+    });
+  }), [uploadFile]);
+  const schema = useMemo(() => BlockNoteSchema2.create({
+    blockSpecs: {
+      ...defaultBlockSpecs2,
+      ...blockSpecs
+    },
+    inlineContentSpecs: {
+      ...defaultInlineContentSpecs2
+    },
+    styleSpecs: {
+      ...defaultStyleSpecs2
+    }
+  }), []);
+  const collaborationConfig = useMemo(() => ({
+    provider: matrixProvider,
+    fragment: yDoc.getXmlFragment("document"),
+    user: {
+      name: memoizedUser.name,
+      color: memoizedUser.color
+    }
+  }), [matrixProvider, yDoc, memoizedUser.name, memoizedUser.color]);
+  const ixoConfig = useMemo(() => ({
+    theme,
+    editable,
+    sideMenu,
+    slashMenu,
+    formattingToolbar,
+    linkToolbar,
+    filePanel,
+    tableHandles
+  }), [theme, editable, sideMenu, slashMenu, formattingToolbar, linkToolbar, filePanel, tableHandles]);
+  const editor = useCreateBlockNote2({
+    schema,
+    initialContent,
+    uploadFile: defaultUploadFile,
+    collaboration: collaborationConfig
+  });
+  if (editor) {
+    editor._ixoConfig = ixoConfig;
+  }
+  return { editor, connectionStatus };
+}
+
+// src/mantine/IxoEditor.tsx
+import React3 from "react";
+import {
+  getDefaultReactSlashMenuItems,
+  SuggestionMenuController
+} from "@blocknote/react";
+import { BlockNoteView } from "@blocknote/mantine";
+import { filterSuggestionItems } from "@blocknote/core";
+function IxoEditor({
+  editor,
+  className = "",
+  onChange,
+  onSelectionChange,
+  children
+}) {
+  if (!editor) {
+    return null;
+  }
+  const config = editor._ixoConfig || {
+    theme: "light",
+    editable: true,
+    sideMenu: true,
+    slashMenu: true,
+    formattingToolbar: true,
+    linkToolbar: true,
+    filePanel: true,
+    tableHandles: true
+  };
+  return /* @__PURE__ */ React3.createElement(
+    "div",
+    {
+      className: `ixo-editor ixo-editor--theme-${config.theme} ${className}`
+    },
+    /* @__PURE__ */ React3.createElement(
+      BlockNoteView,
+      {
+        editor,
+        editable: config.editable,
+        sideMenu: config.sideMenu,
+        slashMenu: false,
+        formattingToolbar: config.formattingToolbar,
+        linkToolbar: config.linkToolbar,
+        filePanel: config.filePanel,
+        tableHandles: config.tableHandles,
+        theme: config.theme,
+        onChange,
+        onSelectionChange
+      },
+      config.slashMenu && /* @__PURE__ */ React3.createElement(
+        SuggestionMenuController,
+        {
+          triggerCharacter: "/",
+          getItems: async (query) => {
+            const defaultItems = getDefaultReactSlashMenuItems(editor);
+            const customItems = getExtraSlashMenuItems(editor);
+            return filterSuggestionItems(
+              [...defaultItems, ...customItems],
+              query
+            );
+          }
+        }
+      ),
+      children
+    )
+  );
+}
+export {
+  GraphQLClient,
+  IxoEditor,
+  ListBlock,
+  OverviewBlock,
+  blockSpecs,
+  getEntity,
+  getExtraSlashMenuItems,
+  ixoGraphQLClient,
+  useCreateCollaborativeIxoEditor,
+  useCreateIxoEditor
+};
+//# sourceMappingURL=index.mjs.map

package/dist/mantine/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/mantine/hooks/useCreateIxoEditor.ts","../../src/mantine/blocks/list/ListBlock.tsx","../../src/mantine/blocks/overview/OverviewBlock.tsx","../../src/mantine/blocks/index.ts","../../src/mantine/hooks/useCollaborativeIxoEditor.ts","../../src/mantine/IxoEditor.tsx"],"sourcesContent":["import { useCreateBlockNote } from '@blocknote/react';\nimport { BlockNoteSchema, defaultBlockSpecs, defaultInlineContentSpecs, defaultStyleSpecs } from '@blocknote/core';\nimport { IxoEditorOptions } from '../../core/types';\nimport { blockSpecs } from '../blocks';\n\n/**\n * Custom hook that wraps useCreateBlockNote with IXO-specific configurations (Mantine version)\n * @param options - Configuration options for the IxoEditor\n * @returns A configured BlockNote editor instance\n */\nexport function useCreateIxoEditor(\n  options?: IxoEditorOptions\n) {\n  \n  // Extract IXO-specific options and BlockNote options\n  const {\n    theme = 'light',\n    uploadFile,\n    initialContent,\n    editable = true,\n    sideMenu = true,\n    slashMenu = true,\n    formattingToolbar = true,\n    linkToolbar = true,\n    filePanel = true,\n    tableHandles = true,\n  } = options || {};\n\n  // Create default upload handler if not provided\n  const defaultUploadFile = uploadFile || (async (file: File) => {\n    // Default implementation - convert to data URL\n    // In production, you'd want to upload to a server\n    return new Promise<string>((resolve, reject) => {\n      const reader = new FileReader();\n      reader.onloadend = () => {\n        const dataUrl = reader.result as string;\n        resolve(dataUrl);\n      };\n      reader.onerror = reject;\n      reader.readAsDataURL(file);\n    });\n  });\n\n  // Create custom schema with IXO blocks\n  const schema = BlockNoteSchema.create({\n    blockSpecs: {\n      ...defaultBlockSpecs,\n      ...blockSpecs,\n    },\n    inlineContentSpecs: {\n      ...defaultInlineContentSpecs,\n    },\n    styleSpecs: {\n      ...defaultStyleSpecs,\n    },\n  });\n\n  // Create the BlockNote editor with basic configurations\n  const editor = useCreateBlockNote({\n    schema,\n    initialContent,\n    uploadFile: defaultUploadFile,\n  });\n\n  // Store configuration in editor for components to access\n  if (editor) {\n    (editor as any)._ixoConfig = {\n      theme,\n      editable,\n      sideMenu,\n      slashMenu,\n      formattingToolbar,\n      linkToolbar,\n      filePanel,\n      tableHandles,\n    };\n  }\n\n  return editor;\n}","import React from \"react\";\nimport { createReactBlockSpec } from \"@blocknote/react\";\n\nexport interface ListBlockSettings {\n  did: string;\n  fragmentIdentifier: string;\n}\n\nexport interface ListBlockProps {\n  block: any;\n  editor: any;\n}\n\nconst ListBlockContent: React.FC<ListBlockProps> = ({ block, editor }) => {\n  return (\n    <div\n      style={{\n        width: \"100%\",\n        borderRadius: \"6px\",\n        padding: \"16px\",\n        backgroundColor: \"#FFFFFF\",\n        fontFamily: \"Inter, Helvetica, Arial, sans-serif\",\n        border: \"1px solid #e5e7eb\",\n      }}\n    >\n      <div style={{ marginBottom: \"12px\" }}>\n        <input\n          type=\"text\"\n          value={block.props.title || \"\"}\n          placeholder=\"New list\"\n          style={{\n            color: \"#2F2F2F\",\n            fontFamily: \"Inter, Helvetica, Arial, sans-serif\",\n            fontSize: \"14px\",\n            fontWeight: 600,\n            border: \"none\",\n            outline: \"none\",\n            background: \"transparent\",\n            width: \"100%\",\n          }}\n          onChange={(e) => {\n            editor.updateBlock(block, {\n              props: {\n                ...block.props,\n                title: e.target.value,\n              },\n            });\n          }}\n        />\n      </div>\n\n      <div style={{ minHeight: \"40px\", color: \"#6b7280\" }}>\n        {block.props.did ? (\n          <p>Loading data from DID: {block.props.did}</p>\n        ) : (\n          <p>Enter a DID to load list data</p>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport const ListBlock = createReactBlockSpec(\n  {\n    type: \"list\" as const,\n    propSchema: {\n      title: {\n        default: \"\",\n      },\n      did: {\n        default: \"\",\n      },\n      fragmentIdentifier: {\n        default: \"\",\n      },\n    },\n    content: \"none\",\n  },\n  {\n    render: (props) => <ListBlockContent {...props} />,\n  }\n);","import React from \"react\";\nimport { createReactBlockSpec } from \"@blocknote/react\";\n\nexport interface OverviewBlockSettings {\n  did: string;\n}\n\nexport interface OverviewBlockProps {\n  block: any;\n  editor: any;\n}\n\nconst OverviewBlockContent: React.FC<OverviewBlockProps> = ({ block, editor }) => {\n  return (\n    <div\n      style={{\n        width: \"100%\",\n        borderRadius: \"6px\",\n        padding: \"16px\",\n        backgroundColor: \"#FFFFFF\",\n        fontFamily: \"Inter, Helvetica, Arial, sans-serif\",\n        border: \"1px solid #e5e7eb\",\n      }}\n    >\n      <div style={{ marginBottom: \"12px\" }}>\n        <input\n          type=\"text\"\n          value={block.props.did || \"\"}\n          placeholder=\"Enter DID\"\n          style={{\n            color: \"#2F2F2F\",\n            fontFamily: \"Inter, Helvetica, Arial, sans-serif\",\n            fontSize: \"14px\",\n            fontWeight: 600,\n            border: \"none\",\n            outline: \"none\",\n            background: \"transparent\",\n            width: \"100%\",\n          }}\n          onChange={(e) => {\n            editor.updateBlock(block, {\n              props: {\n                ...block.props,\n                did: e.target.value,\n              },\n            });\n          }}\n        />\n      </div>\n\n      <div style={{ minHeight: \"40px\", color: \"#6b7280\" }}>\n        {block.props.did ? (\n          <p>Loading overview for DID: {block.props.did}</p>\n        ) : (\n          <p>Enter a DID to load overview data</p>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport const OverviewBlock = createReactBlockSpec(\n  {\n    type: \"overview\" as const,\n    propSchema: {\n      did: {\n        default: \"\",\n      },\n    },\n    content: \"none\",\n  },\n  {\n    render: (props) => <OverviewBlockContent {...props} />,\n  }\n);","import { ListBlock } from \"./list\";\nimport { OverviewBlock } from \"./overview\";\nexport { ListBlock, OverviewBlock };\nexport type { ListBlockSettings, ListBlockProps } from \"./list\";\nexport type { OverviewBlockSettings, OverviewBlockProps } from \"./overview\";\n\n// Block configuration for easy import\nexport const blockSpecs = {\n  list: ListBlock,\n  overview: OverviewBlock,\n};\n\n// Slash menu items configuration\nexport const getExtraSlashMenuItems = (editor: any) => [\n  {\n    title: \"List\",\n    onItemClick: () => {\n      editor.insertBlocks(\n        [\n          {\n            type: \"list\",\n            props: {\n              title: \"\",\n              did: \"\",\n              fragmentIdentifier: \"\",\n            },\n          },\n        ],\n        editor.getTextCursorPosition().block,\n        \"after\"\n      );\n    },\n    aliases: [\"list\", \"data\", \"dynamic\"],\n    group: \"Domains\",\n    subtext: \"Create a dynamic list from DID data\",\n  },\n  {\n    title: \"Overview\",\n    onItemClick: () => {\n      editor.insertBlocks(\n        [\n          {\n            type: \"overview\",\n            props: {\n              did: \"\",\n            },\n          },\n        ],\n        editor.getTextCursorPosition().block,\n        \"after\"\n      );\n    },\n    aliases: [\"overview\", \"overview-block\", \"data-overview\"],\n    group: \"Domains\",\n    subtext: \"Create an overview from DID data\",\n  },\n];","import { useCreateBlockNote } from \"@blocknote/react\";\nimport {\n  BlockNoteSchema,\n  defaultBlockSpecs,\n  defaultInlineContentSpecs,\n  defaultStyleSpecs,\n} from \"@blocknote/core\";\nimport { IxoCollaborativeEditorOptions } from \"../../core/types\";\nimport { blockSpecs } from \"../blocks\";\nimport { useMatrixProvider } from \"../../core/hooks/useMatrixProvider\";\nimport * as Y from \"yjs\";\nimport { useMemo } from \"react\";\n\n/**\n * Custom hook that wraps useCreateBlockNote with IXO-specific configurations (Mantine version)\n * @param options - Configuration options for the IxoEditor\n * @returns A configured BlockNote editor instance\n */\nexport function useCreateCollaborativeIxoEditor(\n  options: IxoCollaborativeEditorOptions\n) {\n  // Extract IXO-specific options and BlockNote options\n  // Memoize Y.Doc to prevent recreation on every render\n  const yDoc = useMemo(() => new Y.Doc(), []);\n  const {\n    theme = \"light\",\n    uploadFile,\n    initialContent,\n    editable = true,\n    sideMenu = true,\n    slashMenu = true,\n    formattingToolbar = true,\n    linkToolbar = true,\n    filePanel = true,\n    tableHandles = true,\n    user,\n    matrixClient\n  } = options || {};\n\n  // Memoize user data to prevent recreation\n  const memoizedUser = useMemo(() => ({\n    id: user?.id || \"\",\n    name: user?.name || \"\",\n    color: user?.color || \"\",\n    accessToken: user?.accessToken || \"\",\n  }), [user?.id, user?.name, user?.color, user?.accessToken]);\n\n  const { matrixProvider, connectionStatus } = useMatrixProvider({\n    yDoc,\n    matrixClient,\n    roomId: options.roomId\n  });\n\n  // Memoize default upload handler to prevent recreation\n  const defaultUploadFile = useMemo(() => \n    uploadFile ||\n    (async (file: File) => {\n      // Default implementation - convert to data URL\n      // In production, you'd want to upload to a server\n      return new Promise<string>((resolve, reject) => {\n        const reader = new FileReader();\n        reader.onloadend = () => {\n          const dataUrl = reader.result as string;\n          resolve(dataUrl);\n        };\n        reader.onerror = reject;\n        reader.readAsDataURL(file);\n      });\n    }), [uploadFile]);\n\n  // Memoize schema to prevent recreation\n  const schema = useMemo(() => BlockNoteSchema.create({\n    blockSpecs: {\n      ...defaultBlockSpecs,\n      ...blockSpecs,\n    },\n    inlineContentSpecs: {\n      ...defaultInlineContentSpecs,\n    },\n    styleSpecs: {\n      ...defaultStyleSpecs,\n    },\n  }), []);\n\n  // Memoize collaboration config to prevent recreation\n  const collaborationConfig = useMemo(() => ({\n    provider: matrixProvider,\n    fragment: yDoc.getXmlFragment(\"document\"),\n    user: {\n      name: memoizedUser.name,\n      color: memoizedUser.color,\n    },\n  }), [matrixProvider, yDoc, memoizedUser.name, memoizedUser.color]);\n\n  // Memoize IXO config to prevent recreation\n  const ixoConfig = useMemo(() => ({\n    theme,\n    editable,\n    sideMenu,\n    slashMenu,\n    formattingToolbar,\n    linkToolbar,\n    filePanel,\n    tableHandles,\n  }), [theme, editable, sideMenu, slashMenu, formattingToolbar, linkToolbar, filePanel, tableHandles]);\n\n  // Create the BlockNote editor with basic configurations\n  const editor = useCreateBlockNote({\n    schema,\n    initialContent,\n    uploadFile: defaultUploadFile,\n    collaboration: collaborationConfig,\n  });\n\n  // Store configuration in editor for components to access\n  if (editor) {\n    (editor as any)._ixoConfig = ixoConfig;\n  }\n\n  return { editor, connectionStatus: connectionStatus };\n}","import React from \"react\";\nimport {\n  getDefaultReactSlashMenuItems,\n  SuggestionMenuController,\n} from \"@blocknote/react\";\nimport { BlockNoteView } from \"@blocknote/mantine\";\nimport { filterSuggestionItems } from \"@blocknote/core\";\nimport type { BlockNoteEditor } from \"@blocknote/core\";\nimport { IxoEditorConfig } from \"../core/types\";\nimport { getExtraSlashMenuItems } from \"./blocks\";\n\nexport interface IxoEditorProps {\n  editor: BlockNoteEditor<any, any, any> | undefined;\n  className?: string;\n  onChange?: () => void;\n  onSelectionChange?: () => void;\n  children?: React.ReactNode;\n}\n\n/**\n * IxoEditor component - A customized BlockNote editor for IXO (Mantine UI)\n */\nexport function IxoEditor({\n  editor,\n  className = \"\",\n  onChange,\n  onSelectionChange,\n  children,\n}: IxoEditorProps) {\n  if (!editor) {\n    return null;\n  }\n\n  // Get IXO configuration from editor\n  const config: IxoEditorConfig = (editor as any)._ixoConfig || {\n    theme: \"light\",\n    editable: true,\n    sideMenu: true,\n    slashMenu: true,\n    formattingToolbar: true,\n    linkToolbar: true,\n    filePanel: true,\n    tableHandles: true,\n  };\n\n  return (\n    <div\n      className={`ixo-editor ixo-editor--theme-${config.theme} ${className}`}\n    >\n      <BlockNoteView\n        editor={editor}\n        editable={config.editable}\n        sideMenu={config.sideMenu}\n        slashMenu={false}\n        formattingToolbar={config.formattingToolbar}\n        linkToolbar={config.linkToolbar}\n        filePanel={config.filePanel}\n        tableHandles={config.tableHandles}\n        theme={config.theme}\n        onChange={onChange}\n        onSelectionChange={onSelectionChange}\n      >\n        {config.slashMenu && (\n          <SuggestionMenuController\n            triggerCharacter={\"/\"}\n            getItems={async (query) => {\n              // Get default slash menu items for the current editor\n              const defaultItems = getDefaultReactSlashMenuItems(editor);\n              // Add our custom items\n              const customItems = getExtraSlashMenuItems(editor);\n              // Combine and filter based on query\n              return filterSuggestionItems(\n                [...defaultItems, ...customItems],\n                query\n              );\n            }}\n          />\n        )}\n        {children}\n      </BlockNoteView>\n    </div>\n  );\n}"],"mappings":";;;;;;;;AAAA,SAAS,0BAA0B;AACnC,SAAS,iBAAiB,mBAAmB,2BAA2B,yBAAyB;;;ACDjG,OAAO,WAAW;AAClB,SAAS,4BAA4B;AAYrC,IAAM,mBAA6C,CAAC,EAAE,OAAO,OAAO,MAAM;AACxE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,OAAO;AAAA,QACP,cAAc;AAAA,QACd,SAAS;AAAA,QACT,iBAAiB;AAAA,QACjB,YAAY;AAAA,QACZ,QAAQ;AAAA,MACV;AAAA;AAAA,IAEA,oCAAC,SAAI,OAAO,EAAE,cAAc,OAAO,KACjC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAO,MAAM,MAAM,SAAS;AAAA,QAC5B,aAAY;AAAA,QACZ,OAAO;AAAA,UACL,OAAO;AAAA,UACP,YAAY;AAAA,UACZ,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,OAAO;AAAA,QACT;AAAA,QACA,UAAU,CAAC,MAAM;AACf,iBAAO,YAAY,OAAO;AAAA,YACxB,OAAO;AAAA,cACL,GAAG,MAAM;AAAA,cACT,OAAO,EAAE,OAAO;AAAA,YAClB;AAAA,UACF,CAAC;AAAA,QACH;AAAA;AAAA,IACF,CACF;AAAA,IAEA,oCAAC,SAAI,OAAO,EAAE,WAAW,QAAQ,OAAO,UAAU,KAC/C,MAAM,MAAM,MACX,oCAAC,WAAE,2BAAwB,MAAM,MAAM,GAAI,IAE3C,oCAAC,WAAE,+BAA6B,CAEpC;AAAA,EACF;AAEJ;AAEO,IAAM,YAAY;AAAA,EACvB;AAAA,IACE,MAAM;AAAA,IACN,YAAY;AAAA,MACV,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,MACA,KAAK;AAAA,QACH,SAAS;AAAA,MACX;AAAA,MACA,oBAAoB;AAAA,QAClB,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,QAAQ,CAAC,UAAU,oCAAC,oBAAkB,GAAG,OAAO;AAAA,EAClD;AACF;;;ACjFA,OAAOA,YAAW;AAClB,SAAS,wBAAAC,6BAA4B;AAWrC,IAAM,uBAAqD,CAAC,EAAE,OAAO,OAAO,MAAM;AAChF,SACE,gBAAAD,OAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,OAAO;AAAA,QACP,cAAc;AAAA,QACd,SAAS;AAAA,QACT,iBAAiB;AAAA,QACjB,YAAY;AAAA,QACZ,QAAQ;AAAA,MACV;AAAA;AAAA,IAEA,gBAAAA,OAAA,cAAC,SAAI,OAAO,EAAE,cAAc,OAAO,KACjC,gBAAAA,OAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAO,MAAM,MAAM,OAAO;AAAA,QAC1B,aAAY;AAAA,QACZ,OAAO;AAAA,UACL,OAAO;AAAA,UACP,YAAY;AAAA,UACZ,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,OAAO;AAAA,QACT;AAAA,QACA,UAAU,CAAC,MAAM;AACf,iBAAO,YAAY,OAAO;AAAA,YACxB,OAAO;AAAA,cACL,GAAG,MAAM;AAAA,cACT,KAAK,EAAE,OAAO;AAAA,YAChB;AAAA,UACF,CAAC;AAAA,QACH;AAAA;AAAA,IACF,CACF;AAAA,IAEA,gBAAAA,OAAA,cAAC,SAAI,OAAO,EAAE,WAAW,QAAQ,OAAO,UAAU,KAC/C,MAAM,MAAM,MACX,gBAAAA,OAAA,cAAC,WAAE,8BAA2B,MAAM,MAAM,GAAI,IAE9C,gBAAAA,OAAA,cAAC,WAAE,mCAAiC,CAExC;AAAA,EACF;AAEJ;AAEO,IAAM,gBAAgBC;AAAA,EAC3B;AAAA,IACE,MAAM;AAAA,IACN,YAAY;AAAA,MACV,KAAK;AAAA,QACH,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,QAAQ,CAAC,UAAU,gBAAAD,OAAA,cAAC,wBAAsB,GAAG,OAAO;AAAA,EACtD;AACF;;;ACnEO,IAAM,aAAa;AAAA,EACxB,MAAM;AAAA,EACN,UAAU;AACZ;AAGO,IAAM,yBAAyB,CAAC,WAAgB;AAAA,EACrD;AAAA,IACE,OAAO;AAAA,IACP,aAAa,MAAM;AACjB,aAAO;AAAA,QACL;AAAA,UACE;AAAA,YACE,MAAM;AAAA,YACN,OAAO;AAAA,cACL,OAAO;AAAA,cACP,KAAK;AAAA,cACL,oBAAoB;AAAA,YACtB;AAAA,UACF;AAAA,QACF;AAAA,QACA,OAAO,sBAAsB,EAAE;AAAA,QAC/B;AAAA,MACF;AAAA,IACF;AAAA,IACA,SAAS,CAAC,QAAQ,QAAQ,SAAS;AAAA,IACnC,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,aAAa,MAAM;AACjB,aAAO;AAAA,QACL;AAAA,UACE;AAAA,YACE,MAAM;AAAA,YACN,OAAO;AAAA,cACL,KAAK;AAAA,YACP;AAAA,UACF;AAAA,QACF;AAAA,QACA,OAAO,sBAAsB,EAAE;AAAA,QAC/B;AAAA,MACF;AAAA,IACF;AAAA,IACA,SAAS,CAAC,YAAY,kBAAkB,eAAe;AAAA,IACvD,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AACF;;;AH9CO,SAAS,mBACd,SACA;AAGA,QAAM;AAAA,IACJ,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,oBAAoB;AAAA,IACpB,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,eAAe;AAAA,EACjB,IAAI,WAAW,CAAC;AAGhB,QAAM,oBAAoB,eAAe,OAAO,SAAe;AAG7D,WAAO,IAAI,QAAgB,CAAC,SAAS,WAAW;AAC9C,YAAM,SAAS,IAAI,WAAW;AAC9B,aAAO,YAAY,MAAM;AACvB,cAAM,UAAU,OAAO;AACvB,gBAAQ,OAAO;AAAA,MACjB;AACA,aAAO,UAAU;AACjB,aAAO,cAAc,IAAI;AAAA,IAC3B,CAAC;AAAA,EACH;AAGA,QAAM,SAAS,gBAAgB,OAAO;AAAA,IACpC,YAAY;AAAA,MACV,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA,oBAAoB;AAAA,MAClB,GAAG;AAAA,IACL;AAAA,IACA,YAAY;AAAA,MACV,GAAG;AAAA,IACL;AAAA,EACF,CAAC;AAGD,QAAM,SAAS,mBAAmB;AAAA,IAChC;AAAA,IACA;AAAA,IACA,YAAY;AAAA,EACd,CAAC;AAGD,MAAI,QAAQ;AACV,IAAC,OAAe,aAAa;AAAA,MAC3B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;;;AI/EA,SAAS,sBAAAE,2BAA0B;AACnC;AAAA,EACE,mBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,6BAAAC;AAAA,EACA,qBAAAC;AAAA,OACK;AAIP,YAAY,OAAO;AACnB,SAAS,eAAe;AAOjB,SAAS,gCACd,SACA;AAGA,QAAM,OAAO,QAAQ,MAAM,IAAM,MAAI,GAAG,CAAC,CAAC;AAC1C,QAAM;AAAA,IACJ,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,oBAAoB;AAAA,IACpB,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,eAAe;AAAA,IACf;AAAA,IACA;AAAA,EACF,IAAI,WAAW,CAAC;AAGhB,QAAM,eAAe,QAAQ,OAAO;AAAA,IAClC,IAAI,MAAM,MAAM;AAAA,IAChB,MAAM,MAAM,QAAQ;AAAA,IACpB,OAAO,MAAM,SAAS;AAAA,IACtB,aAAa,MAAM,eAAe;AAAA,EACpC,IAAI,CAAC,MAAM,IAAI,MAAM,MAAM,MAAM,OAAO,MAAM,WAAW,CAAC;AAE1D,QAAM,EAAE,gBAAgB,iBAAiB,IAAI,kBAAkB;AAAA,IAC7D;AAAA,IACA;AAAA,IACA,QAAQ,QAAQ;AAAA,EAClB,CAAC;AAGD,QAAM,oBAAoB,QAAQ,MAChC,eACC,OAAO,SAAe;AAGrB,WAAO,IAAI,QAAgB,CAAC,SAAS,WAAW;AAC9C,YAAM,SAAS,IAAI,WAAW;AAC9B,aAAO,YAAY,MAAM;AACvB,cAAM,UAAU,OAAO;AACvB,gBAAQ,OAAO;AAAA,MACjB;AACA,aAAO,UAAU;AACjB,aAAO,cAAc,IAAI;AAAA,IAC3B,CAAC;AAAA,EACH,IAAI,CAAC,UAAU,CAAC;AAGlB,QAAM,SAAS,QAAQ,MAAMC,iBAAgB,OAAO;AAAA,IAClD,YAAY;AAAA,MACV,GAAGC;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA,oBAAoB;AAAA,MAClB,GAAGC;AAAA,IACL;AAAA,IACA,YAAY;AAAA,MACV,GAAGC;AAAA,IACL;AAAA,EACF,CAAC,GAAG,CAAC,CAAC;AAGN,QAAM,sBAAsB,QAAQ,OAAO;AAAA,IACzC,UAAU;AAAA,IACV,UAAU,KAAK,eAAe,UAAU;AAAA,IACxC,MAAM;AAAA,MACJ,MAAM,aAAa;AAAA,MACnB,OAAO,aAAa;AAAA,IACtB;AAAA,EACF,IAAI,CAAC,gBAAgB,MAAM,aAAa,MAAM,aAAa,KAAK,CAAC;AAGjE,QAAM,YAAY,QAAQ,OAAO;AAAA,IAC/B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,CAAC,OAAO,UAAU,UAAU,WAAW,mBAAmB,aAAa,WAAW,YAAY,CAAC;AAGnG,QAAM,SAASC,oBAAmB;AAAA,IAChC;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,eAAe;AAAA,EACjB,CAAC;AAGD,MAAI,QAAQ;AACV,IAAC,OAAe,aAAa;AAAA,EAC/B;AAEA,SAAO,EAAE,QAAQ,iBAAmC;AACtD;;;ACxHA,OAAOC,YAAW;AAClB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,qBAAqB;AAC9B,SAAS,6BAA6B;AAgB/B,SAAS,UAAU;AAAA,EACxB;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AACF,GAAmB;AACjB,MAAI,CAAC,QAAQ;AACX,WAAO;AAAA,EACT;AAGA,QAAM,SAA2B,OAAe,cAAc;AAAA,IAC5D,OAAO;AAAA,IACP,UAAU;AAAA,IACV,UAAU;AAAA,IACV,WAAW;AAAA,IACX,mBAAmB;AAAA,IACnB,aAAa;AAAA,IACb,WAAW;AAAA,IACX,cAAc;AAAA,EAChB;AAEA,SACE,gBAAAC,OAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,gCAAgC,OAAO,KAAK,IAAI,SAAS;AAAA;AAAA,IAEpE,gBAAAA,OAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,UAAU,OAAO;AAAA,QACjB,UAAU,OAAO;AAAA,QACjB,WAAW;AAAA,QACX,mBAAmB,OAAO;AAAA,QAC1B,aAAa,OAAO;AAAA,QACpB,WAAW,OAAO;AAAA,QAClB,cAAc,OAAO;AAAA,QACrB,OAAO,OAAO;AAAA,QACd;AAAA,QACA;AAAA;AAAA,MAEC,OAAO,aACN,gBAAAA,OAAA;AAAA,QAAC;AAAA;AAAA,UACC,kBAAkB;AAAA,UAClB,UAAU,OAAO,UAAU;AAEzB,kBAAM,eAAe,8BAA8B,MAAM;AAEzD,kBAAM,cAAc,uBAAuB,MAAM;AAEjD,mBAAO;AAAA,cACL,CAAC,GAAG,cAAc,GAAG,WAAW;AAAA,cAChC;AAAA,YACF;AAAA,UACF;AAAA;AAAA,MACF;AAAA,MAED;AAAA,IACH;AAAA,EACF;AAEJ;","names":["React","createReactBlockSpec","useCreateBlockNote","BlockNoteSchema","defaultBlockSpecs","defaultInlineContentSpecs","defaultStyleSpecs","BlockNoteSchema","defaultBlockSpecs","defaultInlineContentSpecs","defaultStyleSpecs","useCreateBlockNote","React","React"]}

package/dist/shadcn/index.d.mts

@@ -0,0 +1,6 @@
+export { IxoEditor, IxoEditorProps, ListBlock, ListBlockProps, ListBlockSettings, OverviewBlock, OverviewBlockProps, OverviewBlockSettings, blockSpecs, getExtraSlashMenuItems, useCreateCollaborativeIxoEditor, useCreateIxoEditor } from '../index.mjs';
+export { E as Entity, e as EntityResponse, f as EntityVariables, G as GraphQLClient, j as GraphQLRequest, h as GraphQLResponse, a as IxoCollaborativeEditorOptions, d as IxoCollaborativeUser, c as IxoEditorConfig, I as IxoEditorOptions, b as IxoEditorTheme, g as getEntity, i as ixoGraphQLClient } from '../graphql-client-BmODcqPE.mjs';
+export { Block, BlockNoteEditor, BlockNoteSchema, DefaultBlockSchema, DefaultInlineContentSchema, DefaultStyleSchema, PartialBlock } from '@blocknote/core';
+import 'react';
+import '@blocknote/react';
+import 'matrix-js-sdk';

package/dist/shadcn/index.mjs

@@ -0,0 +1,27 @@
+import {
+  IxoEditor,
+  ListBlock,
+  OverviewBlock,
+  blockSpecs,
+  getExtraSlashMenuItems,
+  useCreateCollaborativeIxoEditor,
+  useCreateIxoEditor
+} from "../chunk-57TP5N42.mjs";
+import {
+  GraphQLClient,
+  getEntity,
+  ixoGraphQLClient
+} from "../chunk-MXVDN3FO.mjs";
+export {
+  GraphQLClient,
+  IxoEditor,
+  ListBlock,
+  OverviewBlock,
+  blockSpecs,
+  getEntity,
+  getExtraSlashMenuItems,
+  ixoGraphQLClient,
+  useCreateCollaborativeIxoEditor,
+  useCreateIxoEditor
+};
+//# sourceMappingURL=index.mjs.map

package/dist/shadcn/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/package.json

@@ -1,28 +1,41 @@
 {
   "name": "@ixo/editor",
-  "version": "1.0.1",
+  "version": "1.1.1",
   "description": "A custom BlockNote editor wrapper for IXO team",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "main": "dist/index.mjs",
+  "types": "dist/index.d.mts",
   "files": [
     "dist/",
+    "fonts/",
     "style.css",
+    "style-shadcn.css",
+    "style-mantine.css",
+    "style-core.css",
     "style.css.d.ts",
     "README.md"
   ],
   "exports": {
     ".": {
-      "import": "./dist/index.js",
-      "require": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+      "types": "./dist/index.d.mts",
+      "import": "./dist/index.mjs"
     },
-    "./style.css": "./style.css"
+    "./shadcn": {
+      "types": "./dist/shadcn/index.d.mts",
+      "import": "./dist/shadcn/index.mjs"
+    },
+    "./mantine": {
+      "types": "./dist/mantine/index.d.mts",
+      "import": "./dist/mantine/index.mjs"
+    },
+    "./style.css": "./style.css",
+    "./style-shadcn.css": "./style-shadcn.css",
+    "./style-mantine.css": "./style-mantine.css",
+    "./style-core.css": "./style-core.css"
   },
   "scripts": {
-    "build": "tsc && tsc-alias && npm run copy-css",
-    "copy-css": "node scripts/build-css.js",
-    "build:watch": "tsc --watch",
-    "dev": "tsc --watch",
+    "build": "tsup",
+    "build:watch": "tsup --watch",
+    "dev": "tsup --watch",
     "clean": "rimraf dist style.css",
     "prepare": "npm run clean && npm run build",
     "type-check": "tsc --noEmit",
@@ -39,11 +52,15 @@
   "license": "MIT",
   "private": false,
   "peerDependencies": {
+    "@mantine/core": "^8.2.8",
+    "@mantine/hooks": "^8.2.8",
+    "matrix-js-sdk": "^37.5.0",
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
   },
   "dependencies": {
     "@blocknote/core": "^0.15.0",
+    "@blocknote/mantine": "^0.15.0",
     "@blocknote/react": "^0.15.0",
     "@blocknote/shadcn": "^0.15.0",
     "@radix-ui/react-dialog": "^1.1.15",
@@ -58,12 +75,14 @@
     "clsx": "^2.1.1",
     "ixo-matrix-crdt": "github:ixoworld/ixo-matrix-crdt#main",
     "lucide-react": "^0.542.0",
-    "matrix-js-sdk": "^38.0.0",
+    "matrix-js-sdk": "^37.5.0",
     "tailwind-merge": "^3.3.1",
     "tw-animate-css": "^1.3.7",
     "yjs": "^13.6.27"
   },
   "devDependencies": {
+    "@mantine/core": "^8.2.8",
+    "@mantine/hooks": "^8.2.8",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/commit-analyzer": "^11.1.0",
     "@semantic-release/git": "^10.0.1",
@@ -75,7 +94,7 @@
     "react-dom": "^18.2.0",
     "rimraf": "^5.0.0",
     "semantic-release": "^22.0.12",
-    "tsc-alias": "^1.8.16",
+    "tsup": "^8.5.0",
     "typescript": "^5.0.0"
   },
   "repository": {