@kopexa/tiptap 1.0.0 → 2.0.0

package/dist/{chunk-YD56B5SG.mjs → chunk-WPRDVMPN.mjs}

@@ -1,26 +1,28 @@
 "use client";
 import {
   SlashDropdownMenu
-} from "./chunk-ODBSAQ5V.mjs";
+} from "./chunk-QF3YHPWM.mjs";
 import {
   useScrollToHash
-} from "./chunk-6SS62RYU.mjs";
+} from "./chunk-JNL4KY45.mjs";
 import {
   EditorHeader
-} from "./chunk-YYHNT322.mjs";
+} from "./chunk-OZWCQMRA.mjs";
 import {
   useUiEditorState
 } from "./chunk-BXJYNSWQ.mjs";
 import {
-  EditorWrapperProvider,
-  useEditorWrapper
-} from "./chunk-R5AMMJTQ.mjs";
+  EditorUIProvider
+} from "./chunk-REJEJXOZ.mjs";
 import {
   useCreateEditor
-} from "./chunk-4HTILXJM.mjs";
+} from "./chunk-NUCXXNTA.mjs";
 
 // src/presets/basic/index.tsx
-import { editorBasic, editorSpinner } from "@kopexa/theme";
+import {
+  editorBasic,
+  editorSpinner
+} from "@kopexa/theme";
 import {
   EditorContent,
   EditorContext
@@ -28,23 +30,22 @@ import {
 import { useContext } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var BasicEditor = ({
+  variant,
   content,
-  editable,
-  onChange,
-  locale
+  ...options
 }) => {
-  const styles = editorBasic();
-  const editor = useCreateEditor({ content, editable, onChange });
+  const editor = useCreateEditor({ content, ...options });
+  const styles = editorBasic({ variant });
   if (!editor) {
     return /* @__PURE__ */ jsx(LoadingSpinner, {});
   }
-  return /* @__PURE__ */ jsx(EditorWrapperProvider, { value: { styles }, children: /* @__PURE__ */ jsxs(EditorContext.Provider, { value: { editor }, children: [
+  return /* @__PURE__ */ jsx(EditorUIProvider, { value: { styles }, children: /* @__PURE__ */ jsx("div", { className: styles.root(), "data-slot": "editor", children: /* @__PURE__ */ jsxs(EditorContext.Provider, { value: { editor }, children: [
     /* @__PURE__ */ jsx(EditorHeader, { editor }),
-    /* @__PURE__ */ jsx(EditorContentArea, {})
-  ] }) });
+    /* @__PURE__ */ jsx(EditorContentArea, { variant })
+  ] }) }) });
 };
-var EditorContentArea = () => {
-  const { styles } = useEditorWrapper();
+var EditorContentArea = ({ variant }) => {
+  const styles = editorBasic({ variant });
   const { editor } = useContext(EditorContext);
   const { isDragging } = useUiEditorState(editor);
   useScrollToHash();

package/dist/{chunk-44V2Y6IU.mjs → chunk-XL5FS7LN.mjs}

@@ -1,11 +1,11 @@
 "use client";
 import {
   ColorHighlightButton
-} from "./chunk-RQPJU4UB.mjs";
+} from "./chunk-B7WJOQ3X.mjs";
 import {
   pickHighlightColorsByValue,
   useColorHighlight
-} from "./chunk-KI3YOPAA.mjs";
+} from "./chunk-UJ4BNZ63.mjs";
 import {
   useMenuNavigation
 } from "./chunk-42HKGCOO.mjs";
@@ -120,7 +120,7 @@ function ColorHighlightPopover({
 }) {
   const { editor } = useTiptapEditor(providedEditor);
   const [isOpen, setIsOpen] = useState(false);
-  const { isVisible, canColorHighlight, isActive, label, Icon } = useColorHighlight({
+  const { isVisible, canColorHighlight, isActive, label } = useColorHighlight({
     editor,
     hideWhenUnavailable,
     onApplied

package/dist/{chunk-ZSYXHD7D.mjs → chunk-YJAHZXLG.mjs}

@@ -1,13 +1,10 @@
 "use client";
-import {
-  isNodeInSchema,
-  isNodeTypeSelected
-} from "./chunk-C6M3CDOK.mjs";
 import {
   useTiptapEditor
 } from "./chunk-P55PLOHR.mjs";
 
 // src/ui/table-button/use-table.ts
+import { isNodeInSchema, isNodeTypeSelected } from "@kopexa/editor-utils";
 import { TableIcon } from "@kopexa/icons";
 import { isNodeSelection } from "@tiptap/react";
 import { useCallback, useEffect, useState } from "react";

package/dist/{chunk-T7LL5ZSR.mjs → chunk-ZVTJ6XD7.mjs}

@@ -1,12 +1,10 @@
 "use client";
-import {
-  isNodeTypeSelected
-} from "./chunk-C6M3CDOK.mjs";
 import {
   useTiptapEditor
 } from "./chunk-P55PLOHR.mjs";
 
 // src/ui/undo-redo-button/use-undo-redo.ts
+import { isNodeTypeSelected } from "@kopexa/editor-utils";
 import { RedoIcon, UndoIcon } from "@kopexa/icons";
 import { useCallback, useEffect, useState } from "react";
 var UNDO_REDO_SHORTCUT_KEYS = {

package/dist/{chunk-I7WKP3OM.mjs → chunk-ZZ4OU46C.mjs}

@@ -1,15 +1,15 @@
 "use client";
-import {
-  findNodePosition,
-  isNodeInSchema,
-  isNodeTypeSelected,
-  isValidPosition
-} from "./chunk-C6M3CDOK.mjs";
 import {
   useTiptapEditor
 } from "./chunk-P55PLOHR.mjs";
 
 // src/ui/blockquote-button/use-blockquote.ts
+import {
+  findNodePosition,
+  isNodeInSchema,
+  isNodeTypeSelected,
+  isValidPosition
+} from "@kopexa/editor-utils";
 import { BlockquoteIcon } from "@kopexa/icons";
 import { NodeSelection, TextSelection } from "@tiptap/pm/state";
 import * as React from "react";

package/dist/context/editor-context.d.mts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { editorBasic } from '@kopexa/theme';
 
-type EditorContextType = {
+type EditorUIContextType = {
     styles: ReturnType<typeof editorBasic>;
 };
-declare const EditorWrapperProvider: React.Provider<EditorContextType>;
-declare const useEditorWrapper: () => EditorContextType;
+declare const EditorUIProvider: React.Provider<EditorUIContextType>;
+declare const useEditorUIContext: () => EditorUIContextType;
 
-export { EditorWrapperProvider, useEditorWrapper };
+export { EditorUIProvider, useEditorUIContext };

package/dist/context/editor-context.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { editorBasic } from '@kopexa/theme';
 
-type EditorContextType = {
+type EditorUIContextType = {
     styles: ReturnType<typeof editorBasic>;
 };
-declare const EditorWrapperProvider: React.Provider<EditorContextType>;
-declare const useEditorWrapper: () => EditorContextType;
+declare const EditorUIProvider: React.Provider<EditorUIContextType>;
+declare const useEditorUIContext: () => EditorUIContextType;
 
-export { EditorWrapperProvider, useEditorWrapper };
+export { EditorUIProvider, useEditorUIContext };

package/dist/context/editor-context.js

@@ -21,14 +21,14 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/context/editor-context.ts
 var editor_context_exports = {};
 __export(editor_context_exports, {
-  EditorWrapperProvider: () => EditorWrapperProvider,
-  useEditorWrapper: () => useEditorWrapper
+  EditorUIProvider: () => EditorUIProvider,
+  useEditorUIContext: () => useEditorUIContext
 });
 module.exports = __toCommonJS(editor_context_exports);
 var import_react_utils = require("@kopexa/react-utils");
-var [EditorWrapperProvider, useEditorWrapper] = (0, import_react_utils.createContext)();
+var [EditorUIProvider, useEditorUIContext] = (0, import_react_utils.createContext)();
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  EditorWrapperProvider,
-  useEditorWrapper
+  EditorUIProvider,
+  useEditorUIContext
 });

package/dist/context/editor-context.mjs

@@ -1,10 +1,9 @@
 "use client";
 import {
-  EditorWrapperProvider,
-  useEditorWrapper
-} from "../chunk-R5AMMJTQ.mjs";
-import "../chunk-WKV76XOR.mjs";
+  EditorUIProvider,
+  useEditorUIContext
+} from "../chunk-REJEJXOZ.mjs";
 export {
-  EditorWrapperProvider,
-  useEditorWrapper
+  EditorUIProvider,
+  useEditorUIContext
 };

package/dist/extensions/link/index.mjs

@@ -2,7 +2,6 @@
 import {
   Link
 } from "../../chunk-CUT6PA4X.mjs";
-import "../../chunk-WKV76XOR.mjs";
 export {
   Link
 };

package/dist/extensions/selection/index.mjs

@@ -2,7 +2,6 @@
 import {
   Selection
 } from "../../chunk-U5XAL46P.mjs";
-import "../../chunk-WKV76XOR.mjs";
 export {
   Selection
 };

package/dist/extensions/trailing-node/index.mjs

@@ -2,7 +2,6 @@
 import {
   TrailingNode
 } from "../../chunk-H6LC4LDQ.mjs";
-import "../../chunk-WKV76XOR.mjs";
 export {
   TrailingNode
 };

package/dist/extensions/ui-state/index.mjs

@@ -3,7 +3,6 @@ import {
   UiState,
   defaultUiState
 } from "../../chunk-KR42JAVB.mjs";
-import "../../chunk-WKV76XOR.mjs";
 export {
   UiState,
   defaultUiState

package/dist/hooks/use-create-editor.d.mts

@@ -1,11 +1,22 @@
 import * as _tiptap_core from '@tiptap/core';
-import { UseEditorOptions, JSONContent } from '@tiptap/react';
+import { ControlResolver } from '@kopexa/extension-controlref';
+import { Extensions, UseEditorOptions, JSONContent } from '@tiptap/react';
 
 type Omitted = "editorProps";
-type UseCreateEditorOptions = Omit<UseEditorOptions, Omitted> & {
-    placeholder?: string;
+type UseCreateEditorOptions = Omit<UseEditorOptions, Omitted> & GetExtensionsOptions & {
     onChange?: (content: JSONContent) => void;
 };
-declare const useCreateEditor: ({ content, editable, placeholder, onChange, ...options }: UseCreateEditorOptions) => _tiptap_core.Editor;
+declare const useCreateEditor: ({ content, editable, placeholder, onChange, controlResolver, ...options }: UseCreateEditorOptions) => _tiptap_core.Editor;
+type GetExtensionsOptions = {
+    editable?: boolean;
+    placeholder?: string;
+    controlResolver?: ControlResolver;
+};
+/**
+ * getExtensions returns all kopexa used extensions for our editor.
+ * this export is important, and should be used in every editor instance even
+ * the collaborative one, to ensure that all extensions are registered correctly.
+ */
+declare function getExtensions({ editable, placeholder, controlResolver, }: GetExtensionsOptions): Extensions;
 
-export { type UseCreateEditorOptions, useCreateEditor };
+export { type GetExtensionsOptions, type UseCreateEditorOptions, getExtensions, useCreateEditor };

package/dist/hooks/use-create-editor.d.ts

@@ -1,11 +1,22 @@
 import * as _tiptap_core from '@tiptap/core';
-import { UseEditorOptions, JSONContent } from '@tiptap/react';
+import { ControlResolver } from '@kopexa/extension-controlref';
+import { Extensions, UseEditorOptions, JSONContent } from '@tiptap/react';
 
 type Omitted = "editorProps";
-type UseCreateEditorOptions = Omit<UseEditorOptions, Omitted> & {
-    placeholder?: string;
+type UseCreateEditorOptions = Omit<UseEditorOptions, Omitted> & GetExtensionsOptions & {
     onChange?: (content: JSONContent) => void;
 };
-declare const useCreateEditor: ({ content, editable, placeholder, onChange, ...options }: UseCreateEditorOptions) => _tiptap_core.Editor;
+declare const useCreateEditor: ({ content, editable, placeholder, onChange, controlResolver, ...options }: UseCreateEditorOptions) => _tiptap_core.Editor;
+type GetExtensionsOptions = {
+    editable?: boolean;
+    placeholder?: string;
+    controlResolver?: ControlResolver;
+};
+/**
+ * getExtensions returns all kopexa used extensions for our editor.
+ * this export is important, and should be used in every editor instance even
+ * the collaborative one, to ensure that all extensions are registered correctly.
+ */
+declare function getExtensions({ editable, placeholder, controlResolver, }: GetExtensionsOptions): Extensions;
 
-export { type UseCreateEditorOptions, useCreateEditor };
+export { type GetExtensionsOptions, type UseCreateEditorOptions, getExtensions, useCreateEditor };