@overlap/rte 0.1.1 → 0.1.2

package/dist/plugins/blockFormat.d.ts

@@ -0,0 +1,7 @@
+import { Plugin } from "../types";
+/**
+ * Erstellt ein Block-Format-Plugin, das Headlines, Listen und Quote in einem Dropdown kombiniert
+ * @param headings - Array von Heading-Levels (z.B. ["h1", "h2", "h3"])
+ */
+export declare function createBlockFormatPlugin(headings?: string[]): Plugin;
+//# sourceMappingURL=blockFormat.d.ts.map

package/dist/plugins/blockFormat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blockFormat.d.ts","sourceRoot":"","sources":["../../src/plugins/blockFormat.tsx"],"names":[],"mappings":"AACA,OAAO,EAA0B,MAAM,EAAE,MAAM,UAAU,CAAC;AAa1D;;;GAGG;AACH,wBAAgB,uBAAuB,CACnC,QAAQ,GAAE,MAAM,EAAoB,GACrC,MAAM,CA6KR"}

package/dist/plugins/headings.d.ts

@@ -1,3 +1,3 @@
-import { Plugin } from '../types';
+import { Plugin } from "../types";
 export declare function createHeadingsPlugin(headings?: string[]): Plugin;
 //# sourceMappingURL=headings.d.ts.map

package/dist/plugins/headings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"headings.d.ts","sourceRoot":"","sources":["../../src/plugins/headings.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAA0B,MAAM,UAAU,CAAC;AAe1D,wBAAgB,oBAAoB,CAAC,QAAQ,GAAE,MAAM,EAAoB,GAAG,MAAM,CA0DjF"}
+{"version":3,"file":"headings.d.ts","sourceRoot":"","sources":["../../src/plugins/headings.tsx"],"names":[],"mappings":"AACA,OAAO,EAA0B,MAAM,EAAE,MAAM,UAAU,CAAC;AAc1D,wBAAgB,oBAAoB,CAChC,QAAQ,GAAE,MAAM,EAAoB,GACrC,MAAM,CAqER"}

package/dist/plugins/index.d.ts

@@ -1,4 +1,4 @@
-import { Plugin } from '../types';
+import { Plugin } from "../types";
 /**
  * Standard-Plugins
  */
@@ -8,7 +8,13 @@ export declare const underlinePlugin: Plugin;
 export declare const undoPlugin: Plugin;
 export declare const redoPlugin: Plugin;
 /**
- * Standard-Plugin-Liste
+ * Indent List Item Plugin (Tab für Unterliste)
  */
+declare const indentListItemPlugin: Plugin;
+/**
+ * Outdent List Item Plugin (Shift+Tab)
+ */
+declare const outdentListItemPlugin: Plugin;
+export { indentListItemPlugin, outdentListItemPlugin };
 export declare const defaultPlugins: Plugin[];
 //# sourceMappingURL=index.d.ts.map

package/dist/plugins/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/plugins/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAIlC;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,MAKxB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,MAK1B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,MAK7B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,MAKxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,MAKxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,MAAM,EAOlC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/plugins/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAA0B,MAAM,EAAE,MAAM,UAAU,CAAC;AAO1D;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,MAKxB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,MAK1B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,MAK7B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,MAKxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,MAKxB,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,oBAAoB,EAAE,MAmC3B,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,qBAAqB,EAAE,MA2C5B,CAAC;AAGF,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,CAAC;AAevD,eAAO,MAAM,cAAc,EAAE,MAAM,EAUlC,CAAC"}

package/dist/plugins/listIndent.d.ts

@@ -0,0 +1,10 @@
+import { Plugin } from "../types";
+/**
+ * Indent List Item Plugin (Tab für Unterliste)
+ */
+export declare const indentListItemPlugin: Plugin;
+/**
+ * Outdent List Item Plugin (Shift+Tab)
+ */
+export declare const outdentListItemPlugin: Plugin;
+//# sourceMappingURL=listIndent.d.ts.map

package/dist/plugins/listIndent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"listIndent.d.ts","sourceRoot":"","sources":["../../src/plugins/listIndent.tsx"],"names":[],"mappings":"AACA,OAAO,EAA0B,MAAM,EAAE,MAAM,UAAU,CAAC;AAE1D;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,MAmClC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,MA2CnC,CAAC"}

package/dist/plugins/optional.d.ts

@@ -1,4 +1,4 @@
-import { Plugin } from '../types';
+import { Plugin } from "../types";
 /**
  * Link-Plugin mit verbesserter Funktionalität
  */

package/dist/plugins/optional.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"optional.d.ts","sourceRoot":"","sources":["../../src/plugins/optional.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAA0B,MAAM,UAAU,CAAC;AAG1D;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,MAAM,CAuFzC;AAED,eAAO,MAAM,UAAU,QAAqB,CAAC;AAE7C;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,MAsD9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,MA2BjC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,MA2B/B,CAAC"}
+{"version":3,"file":"optional.d.ts","sourceRoot":"","sources":["../../src/plugins/optional.tsx"],"names":[],"mappings":"AACA,OAAO,EAA0B,MAAM,EAAE,MAAM,UAAU,CAAC;AAE1D;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,MAAM,CA+FzC;AAED,eAAO,MAAM,UAAU,QAAqB,CAAC;AAE7C;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,MA0D9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,MAiCjC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAiC/B,CAAC"}

package/dist/types.d.ts

@@ -44,6 +44,8 @@ export interface EditorAPI {
     clearBackgroundColor: () => void;
     clearFontSize: () => void;
     clearLinks: () => void;
+    indentListItem: () => void;
+    outdentListItem: () => void;
 }
 export interface CustomRenderer {
     renderNode?: (node: EditorNode, children: React.ReactNode) => React.ReactElement | null;

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@overlap/rte",
-    "version": "0.1.1",
+    "version": "0.1.2",
     "description": "A lightweight, extensible Rich Text Editor for React",
     "main": "dist/index.js",
     "module": "dist/index.esm.js",
@@ -13,7 +13,9 @@
     "scripts": {
         "build": "rollup -c",
         "dev": "rollup -c -w",
-        "prepublishOnly": "npm run build"
+        "prepublishOnly": "npm run build",
+        "bump": "node tools/scripts/bumpVersion.mjs",
+        "publish:package": "node tools/scripts/publish.mjs"
     },
     "keywords": [
         "react",
@@ -25,7 +27,10 @@
     "author": "Almir Nakicevic <a.nakicevic@overlap.at>",
     "repository": {
         "type": "git",
-        "url": "https://github.com/overlap-dev/rte"
+        "url": "git+https://github.com/overlap-dev/rte.git"
+    },
+    "publishConfig": {
+        "access": "public"
     },
     "peerDependencies": {
         "react": ">=18.0.0",
@@ -44,5 +49,12 @@
         "rollup-plugin-copy": "^3.5.0",
         "rollup-plugin-dts": "^6.1.0",
         "typescript": "^5.3.3"
-    }
-}
+    },
+    "directories": {
+        "example": "example"
+    },
+    "bugs": {
+        "url": "https://github.com/overlap-dev/rte/issues"
+    },
+    "homepage": "https://github.com/overlap-dev/rte#readme"
+}

package/src/components/Editor.tsx

@@ -1,11 +1,11 @@
 import React, { useCallback, useEffect, useMemo, useRef } from "react";
 import { defaultPlugins } from "../plugins";
+import { createBlockFormatPlugin } from "../plugins/blockFormat";
 import {
     createBackgroundColorPlugin,
     createTextColorPlugin,
 } from "../plugins/colors";
 import { createFontSizePlugin } from "../plugins/fontSize";
-import { createHeadingsPlugin } from "../plugins/headings";
 import { createImagePlugin } from "../plugins/image";
 import { EditorAPI, EditorContent, EditorProps } from "../types";
 import {
@@ -56,8 +56,18 @@ export const Editor: React.FC<EditorProps> = ({
             allPlugins.push(createBackgroundColorPlugin(colors));
         }
 
+        // BlockFormat Plugin ist bereits in defaultPlugins enthalten
+        // Wenn custom headings angegeben sind, ersetze das Standard-Plugin
         if (headings && headings.length > 0) {
-            allPlugins.push(createHeadingsPlugin(headings));
+            // Entferne das Standard-BlockFormat-Plugin
+            const blockFormatIndex = allPlugins.findIndex(
+                (p) => p.name === "blockFormat"
+            );
+            if (blockFormatIndex !== -1) {
+                allPlugins.splice(blockFormatIndex, 1);
+            }
+            // Füge das Plugin mit custom Headlines hinzu
+            allPlugins.push(createBlockFormatPlugin(headings));
         }
 
         allPlugins.push(createImagePlugin(onImageUpload));
@@ -78,7 +88,8 @@ export const Editor: React.FC<EditorProps> = ({
     );
 
     const restoreSelection = useCallback((editor: HTMLElement) => {
-        if (typeof window === 'undefined' || typeof document === 'undefined') return;
+        if (typeof window === "undefined" || typeof document === "undefined")
+            return;
         const range = document.createRange();
         const selection = window.getSelection();
 
@@ -310,7 +321,7 @@ export const Editor: React.FC<EditorProps> = ({
             executeCommand,
 
             getSelection: (): Selection | null => {
-                if (typeof window === 'undefined') return null;
+                if (typeof window === "undefined") return null;
                 return window.getSelection();
             },
 
@@ -547,6 +558,46 @@ export const Editor: React.FC<EditorProps> = ({
                     }, 0);
                 }
             },
+
+            indentListItem: (): void => {
+                const editor = editorRef.current;
+                if (!editor) return;
+
+                const selection = window.getSelection();
+                if (selection && selection.rangeCount > 0) {
+                    const currentContent = domToContent(editor);
+                    historyRef.current.push(currentContent);
+
+                    indentListItem(selection);
+
+                    setTimeout(() => {
+                        if (editor) {
+                            const content = domToContent(editor);
+                            notifyChange(content);
+                        }
+                    }, 0);
+                }
+            },
+
+            outdentListItem: (): void => {
+                const editor = editorRef.current;
+                if (!editor) return;
+
+                const selection = window.getSelection();
+                if (selection && selection.rangeCount > 0) {
+                    const currentContent = domToContent(editor);
+                    historyRef.current.push(currentContent);
+
+                    outdentListItem(selection);
+
+                    setTimeout(() => {
+                        if (editor) {
+                            const content = domToContent(editor);
+                            notifyChange(content);
+                        }
+                    }, 0);
+                }
+            },
         };
     }, [
         notifyChange,
@@ -599,62 +650,54 @@ export const Editor: React.FC<EditorProps> = ({
             const isModifierPressed = e.metaKey || e.ctrlKey;
 
             if (e.key === "Tab" && !isModifierPressed && !e.altKey) {
+                // Immer preventDefault aufrufen (wie Lexical), damit Tab den Fokus nicht aus dem Editor entfernt
+                e.preventDefault();
+                e.stopPropagation();
+                e.stopImmediatePropagation();
+
                 const selection = window.getSelection();
 
-                const isSelectionInEditor =
-                    selection &&
-                    selection.rangeCount > 0 &&
-                    editor.contains(
-                        selection.getRangeAt(0).commonAncestorContainer
-                    );
+                if (!selection || selection.rangeCount === 0) {
+                    // Keine Selection: Tab verhindern, Fokus bleibt im Editor
+                    return;
+                }
 
-                const isEditorFocused =
-                    document.activeElement === editor ||
-                    editor.contains(document.activeElement) ||
-                    isSelectionInEditor;
+                const range = selection.getRangeAt(0);
+                const container = range.commonAncestorContainer;
 
-                if (!isEditorFocused) {
+                if (!editor.contains(container)) {
+                    // Container nicht im Editor: Tab verhindern
                     return;
                 }
 
-                e.preventDefault();
-                e.stopPropagation();
-
-                if (
-                    isSelectionInEditor &&
-                    selection &&
-                    selection.rangeCount > 0
-                ) {
-                    const range = selection.getRangeAt(0);
-                    const container = range.commonAncestorContainer;
-                    const listItem =
-                        container.nodeType === Node.TEXT_NODE
-                            ? container.parentElement?.closest("li")
-                            : (container as HTMLElement).closest("li");
+                // Prüfe ob wir in einer Liste sind
+                const listItem =
+                    container.nodeType === Node.TEXT_NODE
+                        ? container.parentElement?.closest("li")
+                        : (container as HTMLElement).closest("li");
 
-                    if (listItem && editor.contains(listItem)) {
-                        e.stopImmediatePropagation();
+                if (listItem && editor.contains(listItem)) {
+                    // In Liste: Indent/Outdent durchführen
+                    const currentContent = domToContent(editor);
+                    historyRef.current.push(currentContent);
 
-                        const currentContent = domToContent(editor);
-                        historyRef.current.push(currentContent);
+                    if (e.shiftKey) {
+                        outdentListItem(selection);
+                    } else {
+                        indentListItem(selection);
+                    }
 
-                        if (e.shiftKey) {
-                            outdentListItem(selection);
-                        } else {
-                            indentListItem(selection);
+                    setTimeout(() => {
+                        if (editor) {
+                            const content = domToContent(editor);
+                            notifyChange(content);
                         }
-
-                        setTimeout(() => {
-                            if (editor) {
-                                const content = domToContent(editor);
-                                notifyChange(content);
-                            }
-                        }, 0);
-                        return;
-                    }
+                    }, 0);
+                    return;
                 }
 
-                document.execCommand("insertText", false, "\t");
+                // Nicht in Liste: Tab verhindern, aber kein Tab-Zeichen einfügen
+                // Der Fokus bleibt im Editor (durch preventDefault)
             }
 
             if (isModifierPressed && e.key === "z" && !e.shiftKey) {
@@ -672,11 +715,11 @@ export const Editor: React.FC<EditorProps> = ({
         };
 
         editor.addEventListener("input", handleInput);
-        editor.addEventListener("keydown", handleKeyDown);
+        editor.addEventListener("keydown", handleKeyDown, true);
 
         return () => {
             editor.removeEventListener("input", handleInput);
-            editor.removeEventListener("keydown", handleKeyDown);
+            editor.removeEventListener("keydown", handleKeyDown, true);
             if (inputTimeout) {
                 clearTimeout(inputTimeout);
             }