@rolder/kit 3.0.0-alpha.78 → 3.0.0-alpha.79

package/dist/ui/editor/Root.d.ts

@@ -1,2 +1,8 @@
 import { type RichTextEditorProps } from '@mantine/tiptap';
-export declare const Root: ({ children, classNames, ...props }: Omit<RichTextEditorProps, "editor">) => import("react/jsx-runtime").JSX.Element;
+import { type EditorOptions } from '@tiptap/react';
+export interface EditorProps extends RichTextEditorProps {
+    editable?: boolean;
+    disabledToolbar?: boolean;
+    onUpdate: EditorOptions['onUpdate'];
+}
+export declare const Root: ({ children, classNames, content, editable, disabledToolbar, onUpdate, editor: customEditor, ...props }: EditorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/editor/Root.js

@@ -1,10 +1,47 @@
 import { jsx } from "react/jsx-runtime";
-import { RichTextEditor } from "@mantine/tiptap";
-import { useEditor } from "./Provider.js";
-const Root = ({ children, classNames, ...props })=>{
-    const { editor } = useEditor();
+import { Link, RichTextEditor, getTaskListExtension } from "@mantine/tiptap";
+import extension_highlight from "@tiptap/extension-highlight";
+import extension_placeholder from "@tiptap/extension-placeholder";
+import { TableKit } from "@tiptap/extension-table";
+import extension_task_item from "@tiptap/extension-task-item";
+import extension_task_list from "@tiptap/extension-task-list";
+import extension_text_align from "@tiptap/extension-text-align";
+import { useEditor } from "@tiptap/react";
+import starter_kit from "@tiptap/starter-kit";
+import { useEffect } from "react";
+import { setDisabledToolbar } from "./store.js";
+const Root = ({ children, classNames, content, editable = true, disabledToolbar, onUpdate, editor: customEditor, ...props })=>{
+    useEffect(()=>setDisabledToolbar(disabledToolbar || false));
+    const editor = useEditor({
+        shouldRerenderOnTransaction: false,
+        immediatelyRender: false,
+        extensions: [
+            starter_kit.configure({
+                link: false
+            }),
+            extension_placeholder.configure({
+                placeholder: 'Документ пуст'
+            }),
+            Link,
+            extension_highlight,
+            extension_text_align.configure({
+                types: [
+                    'heading',
+                    'paragraph'
+                ]
+            }),
+            getTaskListExtension(extension_task_list),
+            extension_task_item.configure({
+                nested: true
+            }),
+            TableKit
+        ],
+        content,
+        onUpdate,
+        editable
+    });
     return /*#__PURE__*/ jsx(RichTextEditor, {
-        editor: editor,
+        editor: customEditor || editor,
         classNames: {
             root: 'rolder-editor-root',
             content: 'rolder-editor-content',

package/dist/ui/editor/Toolbar.js

@@ -2,10 +2,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Loader } from "@mantine/core";
 import { RichTextEditor } from "@mantine/tiptap";
 import { IconCheck } from "@tabler/icons-react";
-import { useEditor } from "./Provider.js";
+import { getDisabledToolbar, useEditor } from "./store.js";
 const Toolbar = ({ saving, children })=>{
-    const { editor, disabledToolbar } = useEditor();
-    return disabledToolbar ? null : /*#__PURE__*/ jsxs(RichTextEditor.Toolbar, {
+    const editor = useEditor();
+    return getDisabledToolbar() ? null : /*#__PURE__*/ jsxs(RichTextEditor.Toolbar, {
         sticky: true,
         children: [
             /*#__PURE__*/ jsxs(RichTextEditor.ControlsGroup, {

package/dist/ui/editor/index.d.ts

@@ -1,5 +1,5 @@
 export declare const Editor: {
-    Root: ({ children, classNames, ...props }: Omit<import("@mantine/tiptap").RichTextEditorProps, "editor">) => import("react/jsx-runtime").JSX.Element;
+    Root: ({ children, classNames, content, editable, disabledToolbar, onUpdate, editor: customEditor, ...props }: import("./Root").EditorProps) => import("react/jsx-runtime").JSX.Element;
     Content: ({ height }: {
         height: string;
     }) => import("react/jsx-runtime").JSX.Element;
@@ -7,6 +7,5 @@ export declare const Editor: {
         saving?: boolean;
         children?: import("react").ReactNode;
     }) => import("react/jsx-runtime").JSX.Element | null;
-    Provider: ({ children, initialContent, initialEditable, initialDisabledToolbar, onChange, }: import("./types").EditorProps) => import("react/jsx-runtime").JSX.Element;
 };
-export { useEditor } from './Provider';
+export * from './store';

package/dist/ui/editor/index.js

@@ -1,11 +1,10 @@
 import { Content } from "./Content.js";
-import { Provider, useEditor } from "./Provider.js";
 import { Root } from "./Root.js";
 import { Toolbar } from "./Toolbar.js";
+export * from "./store.js";
 const Editor = {
     Root: Root,
     Content: Content,
-    Toolbar: Toolbar,
-    Provider: Provider
+    Toolbar: Toolbar
 };
-export { Editor, useEditor };
+export { Editor };

package/dist/ui/editor/store.d.ts

@@ -0,0 +1,6 @@
+import type { Editor } from '@tiptap/react';
+export declare const getEditor: () => Editor | null;
+export declare const useEditor: () => Editor | null;
+export declare const setEditor: (editor: Editor) => void;
+export declare const getDisabledToolbar: () => boolean;
+export declare const setDisabledToolbar: (disabled: boolean) => void;

package/dist/ui/editor/store.js

@@ -0,0 +1,10 @@
+import { useStore } from "@nanostores/react";
+import { atom } from "nanostores";
+const $editor = atom(null);
+const getEditor = ()=>$editor.get();
+const useEditor = ()=>useStore($editor);
+const setEditor = (editor)=>$editor.set(editor);
+const $disabledToolbar = atom(false);
+const getDisabledToolbar = ()=>$disabledToolbar.get();
+const setDisabledToolbar = (disabled)=>$disabledToolbar.set(disabled);
+export { getDisabledToolbar, getEditor, setDisabledToolbar, setEditor, useEditor };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rolder/kit",
-  "version": "3.0.0-alpha.78",
+  "version": "3.0.0-alpha.79",
   "type": "module",
   "exports": {
     ".": {
@@ -42,9 +42,9 @@
     "@nanostores/react": "^1.0.0",
     "@tanstack/react-form": "^1.27.7",
     "@tanstack/react-query": "^5.90.19",
-    "@tanstack/react-router": "^1.151.1",
-    "@tanstack/react-router-ssr-query": "^1.151.1",
-    "@tanstack/react-start": "^1.151.1",
+    "@tanstack/react-router": "^1.151.2",
+    "@tanstack/react-router-ssr-query": "^1.151.2",
+    "@tanstack/react-start": "^1.151.2",
     "@tiptap/extension-highlight": "^3.15.3",
     "@tiptap/extension-placeholder": "^3.15.3",
     "@tiptap/extension-table": "^3.15.3",
@@ -65,7 +65,7 @@
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
     "streamdown": "^2.0.1",
-    "surrealdb": "^2.0.0-alpha.16",
+    "surrealdb": "2.0.0-alpha.16",
     "xlsx": "^0.18.5",
     "zod": "^4.3.5"
   },

package/dist/ui/editor/Provider.d.ts

@@ -1,17 +0,0 @@
-import type { Editor } from '@tiptap/react';
-import type { EditorProps } from './types';
-interface EditorContext {
-    editor: Editor | null;
-    editable?: boolean;
-    setEditable: (value: boolean) => void;
-    disabledToolbar: boolean;
-    setDisabledToolbar: (value: boolean) => void;
-    focused: boolean;
-    setFocused: (value: boolean) => void;
-    editedByUser: boolean;
-    setEditedByUser: (value: boolean) => void;
-}
-declare const EditorContext: import("react").Context<EditorContext | null>;
-export declare const Provider: ({ children, initialContent, initialEditable, initialDisabledToolbar, onChange, }: EditorProps) => import("react/jsx-runtime").JSX.Element;
-export declare const useEditor: () => EditorContext;
-export {};

package/dist/ui/editor/Provider.js

@@ -1,80 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Link, getTaskListExtension } from "@mantine/tiptap";
-import extension_highlight from "@tiptap/extension-highlight";
-import extension_placeholder from "@tiptap/extension-placeholder";
-import { TableKit } from "@tiptap/extension-table";
-import extension_task_item from "@tiptap/extension-task-item";
-import extension_task_list from "@tiptap/extension-task-list";
-import extension_text_align from "@tiptap/extension-text-align";
-import { useEditor } from "@tiptap/react";
-import starter_kit from "@tiptap/starter-kit";
-import { createContext, useContext, useEffect, useState } from "react";
-const EditorContext = /*#__PURE__*/ createContext(null);
-const Provider = ({ children, initialContent, initialEditable = true, initialDisabledToolbar, onChange })=>{
-    const editor = useEditor({
-        shouldRerenderOnTransaction: false,
-        immediatelyRender: false,
-        extensions: [
-            starter_kit.configure({
-                link: false
-            }),
-            extension_placeholder.configure({
-                placeholder: 'Документ пуст'
-            }),
-            Link,
-            extension_highlight,
-            extension_text_align.configure({
-                types: [
-                    'heading',
-                    'paragraph'
-                ]
-            }),
-            getTaskListExtension(extension_task_list),
-            extension_task_item.configure({
-                nested: true
-            }),
-            TableKit
-        ],
-        content: initialContent,
-        onUpdate: ({ editor })=>{
-            onChange?.(editor.getHTML());
-        },
-        editable: initialEditable
-    });
-    const [editable, setEditable] = useState(initialEditable);
-    const [disabledToolbar, setDisabledToolbar] = useState(!!initialDisabledToolbar);
-    const [editedByUser, setEditedByUser] = useState(true);
-    const [focused, setFocused] = useState(false);
-    useEffect(()=>{
-        editor?.on('focus', ()=>setFocused(true));
-        editor?.on('blur', ()=>setFocused(false));
-        editor?.on('update', ({ transaction })=>{
-            if (transaction.docChanged && focused) setEditedByUser(true);
-            if (transaction.docChanged && !focused) setEditedByUser(false);
-        });
-    }, [
-        editor,
-        focused
-    ]);
-    const value = {
-        editor,
-        editable,
-        setEditable,
-        disabledToolbar,
-        setDisabledToolbar,
-        editedByUser,
-        setEditedByUser,
-        focused,
-        setFocused
-    };
-    return /*#__PURE__*/ jsx(EditorContext.Provider, {
-        value: value,
-        children: children
-    });
-};
-const Provider_useEditor = ()=>{
-    const context = useContext(EditorContext);
-    if (!context) throw new Error('useEditor must be used within EditorProvider');
-    return context;
-};
-export { Provider, Provider_useEditor as useEditor };

package/dist/ui/editor/types.d.ts

@@ -1,7 +0,0 @@
-export interface EditorProps {
-    children: React.ReactNode;
-    initialContent?: string;
-    initialEditable?: boolean;
-    initialDisabledToolbar?: boolean;
-    onChange?: (value: string) => void;
-}