inkflow-editor 1.3.0

package/dist/style.d.ts

@@ -0,0 +1,4 @@
+declare module 'inkflow-editor/style' {
+  const content: any;
+  export default content;
+}

package/dist/ui/Toolbar.d.ts

@@ -0,0 +1,26 @@
+import { CoreEditor } from '../core/Editor';
+export declare class Toolbar {
+    private editor;
+    private container;
+    private savedRange;
+    private items;
+    private activePicker;
+    private activeModal;
+    private statusEl;
+    private charCountEl;
+    private saveStatusEl;
+    private boundUpdateActiveStates;
+    private itemElements;
+    constructor(editor: CoreEditor);
+    private createToolbarElement;
+    private render;
+    private renderButton;
+    private renderInput;
+    private renderSelect;
+    private renderColorPicker;
+    get el(): HTMLElement;
+    private updateActiveStates;
+    updateStatus(text: string, isLoading?: boolean): void;
+    updateMetrics(): void;
+    destroy(): void;
+}

package/dist/ui/toolbar/EmojiList.d.ts

@@ -0,0 +1,6 @@
+export interface EmojiData {
+    emoji: string;
+    name: string;
+    category: string;
+}
+export declare const EMOJI_LIST: EmojiData[];

package/dist/ui/toolbar/EmojiPicker.d.ts

@@ -0,0 +1,21 @@
+import type { ThemeConfig } from '../../core/Editor';
+export declare class EmojiPicker {
+    private container;
+    private searchInput;
+    private emojiGrid;
+    private onSelect;
+    private onClose;
+    private emojiList;
+    private theme?;
+    private dark?;
+    constructor(onSelect: (emoji: string) => void, onClose: () => void, theme?: ThemeConfig, dark?: boolean);
+    private loadEmojis;
+    private createPickerElement;
+    private setupEvents;
+    private renderEmojis;
+    private renderGridItems;
+    private applyTheme;
+    show(referenceEl: HTMLElement): void;
+    close(): void;
+    get el(): HTMLElement;
+}

package/dist/ui/toolbar/FloatingToolbar.d.ts

@@ -0,0 +1,16 @@
+import { CoreEditor } from '../../core/Editor';
+export declare class FloatingToolbar {
+    private container;
+    private editor;
+    private activeModal;
+    private savedRange;
+    private isVisible;
+    constructor(editor: CoreEditor);
+    private createContainer;
+    private handleCommand;
+    private setupListeners;
+    private updatePosition;
+    private hide;
+    destroy(): void;
+    setDarkMode(dark: boolean): void;
+}

package/dist/ui/toolbar/InputModal.d.ts

@@ -0,0 +1,24 @@
+import type { ThemeConfig } from '../../core/Editor';
+export interface ModalField {
+    id: string;
+    label: string;
+    type: 'text' | 'number' | 'file';
+    placeholder?: string;
+    defaultValue?: string;
+    min?: string;
+    max?: string;
+}
+export declare class InputModal {
+    private container;
+    private onConfirm;
+    private onClose;
+    private dark?;
+    private theme?;
+    private fields;
+    constructor(title: string, fields: ModalField[], onConfirm: (values: Record<string, any>) => void, onClose: () => void, theme?: ThemeConfig, dark?: boolean);
+    private createModalElement;
+    private setupEvents;
+    show(referenceEl: HTMLElement): void;
+    close(): void;
+    private applyTheme;
+}

package/dist/ui/toolbar/ToolbarItem.d.ts

@@ -0,0 +1,16 @@
+export type ToolbarItemType = 'button' | 'select' | 'input' | 'divider' | 'color-picker';
+export interface ToolbarItemOption {
+    label: string;
+    value: string;
+}
+export interface ToolbarItem {
+    id?: string;
+    type: ToolbarItemType;
+    title: string;
+    command?: string;
+    icon?: string;
+    value?: string;
+    options?: ToolbarItemOption[];
+    placeholder?: string;
+    className?: string;
+}

package/dist/ui/toolbar/items/AlignCenter.d.ts

@@ -0,0 +1,2 @@
+import { ToolbarItem } from '../ToolbarItem';
+export declare const alignCenter: ToolbarItem;

package/dist/ui/toolbar/items/AlignJustify.d.ts

@@ -0,0 +1,2 @@
+import { ToolbarItem } from '../ToolbarItem';
+export declare const alignJustify: ToolbarItem;

package/dist/ui/toolbar/items/AlignLeft.d.ts

@@ -0,0 +1,2 @@
+import { ToolbarItem } from '../ToolbarItem';
+export declare const alignLeft: ToolbarItem;

package/dist/ui/toolbar/items/AlignRight.d.ts

@@ -0,0 +1,2 @@
+import { ToolbarItem } from '../ToolbarItem';
+export declare const alignRight: ToolbarItem;

package/dist/ui/toolbar/items/Bold.d.ts

@@ -0,0 +1,2 @@
+import { ToolbarItem } from '../ToolbarItem';
+export declare const bold: ToolbarItem;

package/dist/ui/toolbar/items/BulletList.d.ts

@@ -0,0 +1,2 @@
+import { ToolbarItem } from '../ToolbarItem';
+export declare const bulletList: ToolbarItem;

package/dist/ui/toolbar/items/ClearFormatting.d.ts

@@ -0,0 +1,2 @@
+import { ToolbarItem } from '../ToolbarItem';
+export declare const clearFormatting: ToolbarItem;

package/dist/ui/toolbar/items/CodeBlock.d.ts

@@ -0,0 +1,2 @@
+import { ToolbarItem } from '../ToolbarItem';
+export declare const codeBlock: ToolbarItem;

package/dist/ui/toolbar/items/Emoji.d.ts

@@ -0,0 +1,2 @@
+import { ToolbarItem } from '../ToolbarItem';
+export declare const emoji: ToolbarItem;

package/dist/ui/toolbar/items/FontFamily.d.ts

@@ -0,0 +1,2 @@
+import { ToolbarItem } from '../ToolbarItem';
+export declare const fontFamily: ToolbarItem;

package/dist/ui/toolbar/items/FontSize.d.ts

@@ -0,0 +1,2 @@
+import { ToolbarItem } from '../ToolbarItem';
+export declare const fontSize: ToolbarItem;

package/dist/ui/toolbar/items/Heading.d.ts

@@ -0,0 +1,2 @@
+import { ToolbarItem } from '../ToolbarItem';
+export declare const heading: ToolbarItem;

package/dist/ui/toolbar/items/HighlightColor.d.ts

@@ -0,0 +1,2 @@
+import { ToolbarItem } from '../ToolbarItem';
+export declare const highlightColor: ToolbarItem;

package/dist/ui/toolbar/items/HorizontalRule.d.ts

@@ -0,0 +1,2 @@
+import { ToolbarItem } from '../ToolbarItem';
+export declare const horizontalRule: ToolbarItem;

package/dist/ui/toolbar/items/Image.d.ts

@@ -0,0 +1,2 @@
+import { ToolbarItem } from '../ToolbarItem';
+export declare const image: ToolbarItem;

package/dist/ui/toolbar/items/Indent.d.ts

@@ -0,0 +1,2 @@
+import { ToolbarItem } from '../ToolbarItem';
+export declare const indent: ToolbarItem;

package/dist/ui/toolbar/items/Italic.d.ts

@@ -0,0 +1,2 @@
+import { ToolbarItem } from '../ToolbarItem';
+export declare const italic: ToolbarItem;

package/dist/ui/toolbar/items/LineHeight.d.ts

@@ -0,0 +1,2 @@
+import { ToolbarItem } from '../ToolbarItem';
+export declare const lineHeight: ToolbarItem;

package/dist/ui/toolbar/items/Link.d.ts

@@ -0,0 +1,2 @@
+import { ToolbarItem } from '../ToolbarItem';
+export declare const link: ToolbarItem;

package/dist/ui/toolbar/items/MagicFormat.d.ts

@@ -0,0 +1,2 @@
+import { ToolbarItem } from '../ToolbarItem';
+export declare const magicFormat: ToolbarItem;

package/dist/ui/toolbar/items/OrderedList.d.ts

@@ -0,0 +1,2 @@
+import { ToolbarItem } from '../ToolbarItem';
+export declare const orderedList: ToolbarItem;

package/dist/ui/toolbar/items/Outdent.d.ts

@@ -0,0 +1,2 @@
+import { ToolbarItem } from '../ToolbarItem';
+export declare const outdent: ToolbarItem;

package/dist/ui/toolbar/items/Redo.d.ts

@@ -0,0 +1,2 @@
+import { ToolbarItem } from '../ToolbarItem';
+export declare const redo: ToolbarItem;

package/dist/ui/toolbar/items/ResetMagicFormat.d.ts

@@ -0,0 +1,2 @@
+import { ToolbarItem } from '../ToolbarItem';
+export declare const resetMagicFormat: ToolbarItem;

package/dist/ui/toolbar/items/Strikethrough.d.ts

@@ -0,0 +1,2 @@
+import { ToolbarItem } from '../ToolbarItem';
+export declare const strikethrough: ToolbarItem;

package/dist/ui/toolbar/items/Table.d.ts

@@ -0,0 +1,2 @@
+import { ToolbarItem } from '../ToolbarItem';
+export declare const table: ToolbarItem;

package/dist/ui/toolbar/items/TableActions.d.ts

@@ -0,0 +1,5 @@
+import { ToolbarItem } from '../ToolbarItem';
+export declare const addRow: ToolbarItem;
+export declare const deleteRow: ToolbarItem;
+export declare const addColumn: ToolbarItem;
+export declare const deleteColumn: ToolbarItem;

package/dist/ui/toolbar/items/TextColor.d.ts

@@ -0,0 +1,2 @@
+import { ToolbarItem } from '../ToolbarItem';
+export declare const textColor: ToolbarItem;

package/dist/ui/toolbar/items/Underline.d.ts

@@ -0,0 +1,2 @@
+import { ToolbarItem } from '../ToolbarItem';
+export declare const underline: ToolbarItem;

package/dist/ui/toolbar/items/Undo.d.ts

@@ -0,0 +1,2 @@
+import { ToolbarItem } from '../ToolbarItem';
+export declare const undo: ToolbarItem;

package/dist/ui/toolbar/registry.d.ts

@@ -0,0 +1,2 @@
+import { ToolbarItem } from './ToolbarItem';
+export declare const toolbarItems: ToolbarItem[];

package/package.json

@@ -0,0 +1,71 @@
+{
+  "name": "inkflow-editor",
+  "version": "1.3.0",
+  "description": "A premium, lightweight, and framework-agnostic WYSIWYG rich text editor with a sophisticated Slate & Indigo design. Highly customizable and optimized for React, Next.js, and Vanilla TypeScript.",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/inkflow-editor.mjs",
+  "module": "./dist/inkflow-editor.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/inkflow-editor.mjs",
+      "default": "./dist/inkflow-editor.mjs"
+    },
+    "./style": {
+      "types": "./dist/style.d.ts",
+      "default": "./dist/rich-text-editor.css"
+    },
+    "./dist/rich-text-editor.css": "./dist/rich-text-editor.css"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build && tsc -p tsconfig.types.json && cp src/style.d.ts dist/style.d.ts && sed -i '/import.*\\.css/d' dist/index.d.ts",
+    "preview": "vite preview",
+    "test": "vitest",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0"
+  },
+  "devDependencies": {
+    "@types/dompurify": "^3.0.5",
+    "@types/jsdom": "^21.1.7",
+    "@types/node": "^25.3.5",
+    "@vitest/browser": "^4.0.18",
+    "jsdom": "^28.1.0",
+    "typescript": "^5.9.3",
+    "vite": "^7.3.1",
+    "vite-plugin-javascript-obfuscator": "^3.1.0",
+    "vitest": "^4.0.18"
+  },
+  "keywords": [
+    "rich-text-editor",
+    "wysiwyg",
+    "editor",
+    "vanilla-js",
+    "typescript",
+    "premium-ui",
+    "contenteditable",
+    "react-editor",
+    "nextjs-editor",
+    "customizable-toolbar",
+    "table-editor",
+    "emoji-picker",
+    "dark-mode",
+    "lightweight-editor"
+  ],
+  "author": "Anuj Nainwal",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/anujnainwal/rich-text-editor.git"
+  },
+  "bugs": {
+    "url": "https://github.com/anujnainwal/rich-text-editor/issues"
+  },
+  "homepage": "https://github.com/anujnainwal/rich-text-editor#readme",
+  "dependencies": {
+    "dompurify": "^3.3.3"
+  }
+}