@ixo/editor 1.1.4 → 1.3.0

package/dist/index.mjs

@@ -1,26 +1,40 @@
 import {
+  AuthzExecActionTypes,
+  BlocknoteProvider,
+  CheckboxBlockSpec,
+  GraphQLClient,
   IxoEditor,
   ListBlock,
   OverviewBlock,
+  ProposalVoteBlockSpec,
+  StakeType,
+  ValidatorActionType,
   blockSpecs,
+  getEntity,
   getExtraSlashMenuItems,
+  ixoGraphQLClient,
+  useBlocknoteContext,
+  useBlocknoteHandlers,
   useCreateCollaborativeIxoEditor,
   useCreateIxoEditor
-} from "./chunk-GSKWOGSU.mjs";
-import {
-  GraphQLClient,
-  getEntity,
-  ixoGraphQLClient
-} from "./chunk-2UJGZZWQ.mjs";
+} from "./chunk-N4T5JPKZ.mjs";
 export {
+  AuthzExecActionTypes,
+  BlocknoteProvider,
+  CheckboxBlockSpec,
   GraphQLClient,
   IxoEditor,
   ListBlock,
   OverviewBlock,
+  ProposalVoteBlockSpec as ProposalVoteBlock,
+  StakeType,
+  ValidatorActionType,
   blockSpecs,
   getEntity,
   getExtraSlashMenuItems,
   ixoGraphQLClient,
+  useBlocknoteContext,
+  useBlocknoteHandlers,
   useCreateCollaborativeIxoEditor,
   useCreateIxoEditor
 };

package/dist/mantine/index.d.ts

@@ -0,0 +1,5 @@
+export { Addr, AuthzExecActionTypes, BlockRequirements, BlocknoteContextValue, BlocknoteHandlers, BlocknoteProvider, CheckboxBlockProps, CheckboxBlockSpec, CosmosMsgForEmpty, Entity, EntityResponse, EntityVariables, Expiration, GraphQLClient, GraphQLRequest, GraphQLResponse, IxoCollaborativeEditorOptions, IxoCollaborativeUser, IxoEditor, IxoEditorConfig, IxoEditorOptions, IxoEditorProps, IxoEditorTheme, ListBlock, ListBlockProps, ListBlockSettings, OverviewBlock, OverviewBlockProps, OverviewBlockSettings, ProposalAction, ProposalResponse, ProposalVoteBlock, ProposalVoteBlockProps, ProposalVoteBlockSettings, SingleChoiceProposal, StakeType, StakeType as StakeTypeValue, Status, Threshold, Timestamp, Uint128, User, ValidatorActionType, Vote, VoteInfo, VoteResponse, Votes, blockSpecs, getEntity, getExtraSlashMenuItems, ixoGraphQLClient, useBlocknoteContext, useBlocknoteHandlers, useCreateCollaborativeIxoEditor, useCreateIxoEditor } from '../index.mjs';
+export { Block, BlockNoteEditor, BlockNoteSchema, DefaultBlockSchema, DefaultInlineContentSchema, DefaultStyleSchema, PartialBlock } from '@blocknote/core';
+import 'matrix-js-sdk';
+import 'yjs';
+import 'react';

package/dist/mantine/index.mjs

@@ -1,420 +1,40 @@
 import {
+  AuthzExecActionTypes,
+  BlocknoteProvider,
+  CheckboxBlockSpec,
   GraphQLClient,
+  IxoEditor,
+  ListBlock,
+  OverviewBlock,
+  ProposalVoteBlockSpec,
+  StakeType,
+  ValidatorActionType,
+  blockSpecs,
   getEntity,
+  getExtraSlashMenuItems,
   ixoGraphQLClient,
-  useMatrixProvider
-} from "../chunk-2UJGZZWQ.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
-  ));
-}
+  useBlocknoteContext,
+  useBlocknoteHandlers,
+  useCreateCollaborativeIxoEditor,
+  useCreateIxoEditor
+} from "../chunk-N4T5JPKZ.mjs";
 export {
+  AuthzExecActionTypes,
+  BlocknoteProvider,
+  CheckboxBlockSpec,
   GraphQLClient,
   IxoEditor,
   ListBlock,
   OverviewBlock,
+  ProposalVoteBlockSpec as ProposalVoteBlock,
+  StakeType,
+  ValidatorActionType,
   blockSpecs,
   getEntity,
   getExtraSlashMenuItems,
   ixoGraphQLClient,
+  useBlocknoteContext,
+  useBlocknoteHandlers,
   useCreateCollaborativeIxoEditor,
   useCreateIxoEditor
 };

package/dist/mantine/index.mjs.map

@@ -1 +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 {\n  BlockNoteSchema,\n  defaultBlockSpecs,\n  defaultInlineContentSpecs,\n  defaultStyleSpecs,\n} 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(options?: IxoEditorOptions) {\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 =\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    });\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}\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);\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);\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];\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(options: IxoCollaborativeEditorOptions) {\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    () => ({\n      id: user?.id || '',\n      name: user?.name || '',\n      color: user?.color || '',\n      accessToken: user?.accessToken || '',\n    }),\n    [user?.id, user?.name, user?.color, user?.accessToken]\n  );\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    () =>\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      }),\n    [uploadFile]\n  );\n\n  // Memoize schema to prevent recreation\n  const schema = useMemo(\n    () =>\n      BlockNoteSchema.create({\n        blockSpecs: {\n          ...defaultBlockSpecs,\n          ...blockSpecs,\n        },\n        inlineContentSpecs: {\n          ...defaultInlineContentSpecs,\n        },\n        styleSpecs: {\n          ...defaultStyleSpecs,\n        },\n      }),\n    []\n  );\n\n  // Memoize collaboration config to prevent recreation\n  const collaborationConfig = useMemo(\n    () => ({\n      provider: matrixProvider,\n      fragment: yDoc.getXmlFragment('document'),\n      user: {\n        name: memoizedUser.name,\n        color: memoizedUser.color,\n      },\n    }),\n    [matrixProvider, yDoc, memoizedUser.name, memoizedUser.color]\n  );\n\n  // Memoize IXO config to prevent recreation\n  const ixoConfig = useMemo(\n    () => ({\n      theme,\n      editable,\n      sideMenu,\n      slashMenu,\n      formattingToolbar,\n      linkToolbar,\n      filePanel,\n      tableHandles,\n    }),\n    [theme, editable, sideMenu, slashMenu, formattingToolbar, linkToolbar, filePanel, tableHandles]\n  );\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}\n","import React from 'react';\nimport { getDefaultReactSlashMenuItems, SuggestionMenuController } 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 className={`ixo-editor ixo-editor--theme-${config.theme} ${className}`}>\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([...defaultItems, ...customItems], query);\n            }}\n          />\n        )}\n        {children}\n      </BlockNoteView>\n    </div>\n  );\n}\n"],"mappings":"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","names":["React","createReactBlockSpec","useCreateBlockNote","BlockNoteSchema","defaultBlockSpecs","defaultInlineContentSpecs","defaultStyleSpecs","BlockNoteSchema","defaultBlockSpecs","defaultInlineContentSpecs","defaultStyleSpecs","useCreateBlockNote","React","React"]}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/package.json

@@ -1,14 +1,13 @@
 {
   "name": "@ixo/editor",
-  "version": "1.1.4",
+  "version": "1.3.0",
   "description": "A custom BlockNote editor wrapper for IXO team",
   "main": "dist/index.mjs",
-  "types": "dist/index.d.mts",
+  "types": "dist/index.d.ts",
   "files": [
     "dist/",
     "fonts/",
     "style.css",
-    "style-shadcn.css",
     "style-mantine.css",
     "style-core.css",
     "style.css.d.ts",
@@ -16,32 +15,28 @@
   ],
   "exports": {
     ".": {
-      "types": "./dist/index.d.mts",
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs"
     },
-    "./shadcn": {
-      "types": "./dist/shadcn/index.d.mts",
-      "import": "./dist/shadcn/index.mjs"
-    },
     "./mantine": {
-      "types": "./dist/mantine/index.d.mts",
+      "types": "./dist/mantine/index.d.ts",
       "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": "tsup",
+    "build": "tsup && node scripts/rename-dts.mjs",
     "build:watch": "tsup --watch",
     "dev": "tsup --watch",
     "clean": "rimraf dist style.css",
-    "prepare": "npm run clean && npm run build",
+    "prepare": "husky install && npm run clean && npm run build",
     "type-check": "tsc --noEmit",
     "test": "echo \"Error: no test specified\" && exit 1",
     "format": "prettier --write \"src/**/*.{ts,tsx}\"",
-    "format:check": "prettier --check \"src/**/*.{ts,tsx}\""
+    "format:check": "prettier --check \"src/**/*.{ts,tsx}\"",
+    "lint-staged": "lint-staged"
   },
   "keywords": [
     "editor",
@@ -54,34 +49,28 @@
   "license": "MIT",
   "private": false,
   "peerDependencies": {
+    "@ixo/matrix-crdt": "*",
     "@mantine/core": "^7.11.2",
     "@mantine/hooks": "^7.11.2",
     "matrix-js-sdk": "^37.5.0",
     "react": "^18.0.0",
-    "react-dom": "^18.0.0",
-    "ixo-matrix-crdt": "*"
+    "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",
-    "@radix-ui/react-dropdown-menu": "^2.1.16",
-    "@radix-ui/react-label": "^2.1.7",
-    "@radix-ui/react-slot": "^1.2.3",
-    "@radix-ui/react-switch": "^1.2.6",
-    "@radix-ui/react-tabs": "^1.1.13",
-    "@radix-ui/react-toggle": "^1.1.10",
-    "@radix-ui/react-toggle-group": "^1.1.11",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "lucide-react": "^0.542.0",
-    "tailwind-merge": "^3.3.1",
-    "tw-animate-css": "^1.3.7",
-    "yjs": "^13.6.27"
+    "@tabler/icons-react": "^3.35.0",
+    "yjs": "^13.6.27",
+    "zustand": "^5.0.8"
   },
   "devDependencies": {
+    "@commitlint/cli": "^20.0.0",
+    "@commitlint/config-conventional": "^20.0.0",
+    "@eslint/compat": "^1.4.0",
+    "@eslint/eslintrc": "^3.3.1",
+    "@eslint/js": "^9.36.0",
+    "@ixo/matrix-crdt": "1.0.3",
     "@mantine/core": "^7.11.2",
     "@mantine/hooks": "^7.11.2",
     "@semantic-release/changelog": "^6.0.3",
@@ -91,8 +80,15 @@
     "@semantic-release/release-notes-generator": "^12.1.0",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
-    "ixo-matrix-crdt": "github:ixoworld/ixo-matrix-crdt#main",
-    "matrix-js-sdk": "^37.5.0",
+    "@typescript-eslint/eslint-plugin": "^8.44.1",
+    "@typescript-eslint/parser": "^8.44.1",
+    "eslint": "^9.36.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "husky": "^8.0.3",
+    "lint-staged": "^16.2.0",
     "prettier": "^3.2.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -108,5 +104,14 @@
   "homepage": "https://github.com/ixoworld/editor#readme",
   "bugs": {
     "url": "https://github.com/ixoworld/editor/issues"
+  },
+  "lint-staged": {
+    "*.{ts,tsx,js,jsx}": [
+      "eslint --fix",
+      "prettier --write"
+    ],
+    "*.{json,md,css}": [
+      "prettier --write"
+    ]
   }
 }