@zencemarketing/text-editor-sdk 0.1.0-alpha.0

package/dist/main.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=main.d.ts.map

package/dist/main.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../src/main.tsx"],"names":[],"mappings":""}

package/dist/types/index.d.ts

@@ -0,0 +1,390 @@
+import { CSSProperties } from 'react';
+/**
+ * User interface for mentions functionality
+ */
+export interface User {
+    /** Unique identifier for the user */
+    id: string;
+    /** Display name of the user */
+    name: string;
+    /** Optional avatar URL */
+    avatar?: string;
+    /** Optional email address */
+    email?: string;
+}
+/**
+ * Tag/Variable interface for dynamic content replacement
+ * Tags are used to insert placeholders that can be replaced with actual values
+ * @example
+ * ```ts
+ * const tag: Tag = {
+ *   id: '1',
+ *   label: 'User Name',
+ *   value: '{{userName}}',
+ *   description: 'Current user\'s name',
+ *   backgroundColor: '#fff3cd',
+ *   color: '#856404'
+ * };
+ * ```
+ */
+export interface Tag {
+    /** Unique identifier for the tag */
+    id: string;
+    /** Human-readable label shown in the tag picker */
+    label: string;
+    /** The actual tag/variable syntax (e.g., "{{name}}", "${userName}") */
+    value: string;
+    /** Optional description shown in the tag picker */
+    description?: string;
+    /** Text color for the tag display */
+    color?: string;
+    /** Background color for the tag display */
+    backgroundColor?: string;
+}
+/**
+ * Configuration for action buttons (Cancel/Submit)
+ */
+export interface ActionButtonConfig {
+    /** Whether to show this button */
+    show?: boolean;
+    /** Button label text (max 15 characters, will be truncated) */
+    label?: string;
+    /** Button position order (1 = first/left, 2 = second/right) */
+    position?: 1 | 2;
+    /** Custom CSS styles for the button */
+    style?: CSSProperties;
+}
+/**
+ * Cancel button configuration
+ * @extends ActionButtonConfig
+ */
+export interface CancelButtonConfig extends ActionButtonConfig {
+    /** Callback fired when cancel button is clicked. Editor content will be cleared automatically. */
+    onClick?: () => void;
+}
+/**
+ * Submit button configuration
+ * @extends ActionButtonConfig
+ */
+export interface SubmitButtonConfig extends ActionButtonConfig {
+    /**
+     * Callback fired when submit button is clicked. Receives editor content as JSON string.
+     * Editor content will be cleared automatically after submission.
+     */
+    onClick?: (content: string) => void;
+}
+/**
+ * Feature flags to enable/disable editor capabilities
+ * All features are optional and default to false if not specified
+ */
+export interface EditorFeatures {
+    /** Enable all text formatting options */
+    textFormatting?: boolean;
+    /** Enable heading styles (H1, H2, H3) */
+    headings?: boolean;
+    /** Enable bold text formatting */
+    bold?: boolean;
+    /** Enable italic text formatting */
+    italic?: boolean;
+    /** Enable underline text formatting */
+    underline?: boolean;
+    /** Enable strikethrough text formatting */
+    strikethrough?: boolean;
+    /** Enable text color picker */
+    textColor?: boolean;
+    /** Enable text highlight color */
+    highlightColor?: boolean;
+    /** Enable bulleted lists */
+    bulletList?: boolean;
+    /** Enable numbered lists */
+    numberedList?: boolean;
+    /** Enable attachments functionality */
+    attachments?: boolean;
+    /** Enable link insertion */
+    links?: boolean;
+    /** Enable media (image/video) upload */
+    mediaUpload?: boolean;
+    /** Enable user mentions (@mentions) */
+    mentions?: boolean;
+    /** Enable emoji picker */
+    emoji?: boolean;
+    /** Enable code block insertion */
+    codeBlock?: boolean;
+    /** Enable table creation (future feature) */
+    table?: boolean;
+}
+/**
+ * Main props interface for the RichTextEditor component
+ * @example
+ * ```tsx
+ * import RichTextEditor from '@zencemarketing/rich-text-editor';
+ *
+ * function MyComponent() {
+ *   const [content, setContent] = useState('');
+ *
+ *   return (
+ *     <RichTextEditor
+ *       value={content}
+ *       onChange={setContent}
+ *       placeholder="Start typing..."
+ *       minHeight="200px"
+ *       maxHeight="400px"
+ *       features={{
+ *         bold: true,
+ *         italic: true,
+ *         mentions: true,
+ *         emoji: true
+ *       }}
+ *     />
+ *   );
+ * }
+ * ```
+ */
+export interface RichTextEditorProps {
+    /**
+     * Controlled value (JSON string of Slate nodes). Use with onChange for controlled component.
+     * @example '[]' for empty, '[{"type":"paragraph","children":[{"text":"Hello"}]}]' for content
+     */
+    value?: string;
+    /**
+     * Default initial value (JSON string of Slate nodes). Use for uncontrolled component.
+     * @default '[]'
+     */
+    defaultValue?: string;
+    /**
+     * Callback fired when editor content changes. Receives JSON string of Slate nodes.
+     * @param value - JSON string representation of editor content
+     */
+    onChange?: (value: string) => void;
+    /**
+     * Placeholder text shown when editor is empty
+     * @default "Start typing..."
+     */
+    placeholder?: string;
+    /**
+     * Fixed height of the editor. Note: Use minHeight/maxHeight for flexible height.
+     * @example "400px" | 400 | "50vh"
+     */
+    height?: string | number;
+    /**
+     * Width of the editor container
+     * @default "100%"
+     * @example "100%" | "600px" | 600
+     */
+    width?: string | number;
+    /**
+     * Border color of the editor container
+     * @default "#ddd"
+     * @example "#cccccc" | "rgb(200,200,200)"
+     */
+    borderColor?: string;
+    /**
+     * Border width of the editor container
+     * @default "1px"
+     */
+    borderWidth?: string | number;
+    /**
+     * Border radius for rounded corners
+     * @default "4px"
+     * @example "8px" | "0" | "12px"
+     */
+    borderRadius?: string | number;
+    /**
+     * Background color of the editor content area
+     * @default "#ffffff"
+     */
+    backgroundColor?: string;
+    /**
+     * Text color for editor content
+     * @default "inherit"
+     */
+    textColor?: string;
+    /**
+     * Background color for the toolbar
+     * @default "#f8f9fa"
+     */
+    toolbarBackgroundColor?: string;
+    /**
+     * Alternative background color for toolbar header (overrides toolbarBackgroundColor)
+     */
+    headerBackgroundColor?: string;
+    /**
+     * Background image URL for toolbar header
+     * @example "https://example.com/header-bg.jpg"
+     */
+    headerBackgroundImage?: string;
+    /**
+     * Object to enable/disable specific editor features
+     * @default All features disabled (false)
+     * @example { bold: true, italic: true, links: true }
+     */
+    features?: EditorFeatures;
+    /**
+     * Array of users available for @mentions
+     * Users will appear in the mentions dropdown when typing '@'
+     */
+    mentionUsers?: User[];
+    /**
+     * Callback fired when a user is mentioned
+     * @param user - The selected user object
+     */
+    onMentionSelect?: (user: User) => void;
+    /**
+     * Callback fired when a link is added
+     * @param url - The URL that was added
+     */
+    onLinkAdd?: (url: string) => void;
+    /**
+     * Async callback for handling media uploads (images/videos)
+     * Should upload the file and return the URL where it's hosted
+     * @param file - The File object to upload
+     * @returns Promise resolving to the hosted file URL, or void if upload fails
+     * @example
+     * ```ts
+     * async (file) => {
+     *   const formData = new FormData();
+     *   formData.append('file', file);
+     *   const response = await fetch('/api/upload', {
+     *     method: 'POST',
+     *     body: formData
+     *   });
+     *   const { url } = await response.json();
+     *   return url;
+     * }
+     * ```
+     */
+    onMediaUpload?: (file: File) => Promise<string | void>;
+    /**
+     * Array of tags/variables available for insertion
+     * Tags appear in the dropdown when clicking the # button
+     */
+    tags?: Tag[];
+    /**
+     * Callback fired when a tag is selected and inserted
+     * @param tag - The selected tag object
+     */
+    onTagSelect?: (tag: Tag) => void;
+    /**
+     * Placeholder text for the tag search input
+     * @default "Search variables..."
+     */
+    tagPlaceholder?: string;
+    /**
+     * Show character count indicator
+     * @default false
+     */
+    showCharCount?: boolean;
+    /**
+     * Maximum number of characters allowed. Prevents typing when reached.
+     * @default undefined (no limit)
+     * @example 1000
+     */
+    maxCharCount?: number;
+    /**
+     * Position of the character count display
+     * @default "bottom-right"
+     */
+    charCountPosition?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
+    /**
+     * Allow users to resize the editor by dragging
+     * @default false
+     */
+    resizable?: boolean;
+    /**
+     * Minimum height constraint (also used as initial height when no fixed height set)
+     * @default "200px"
+     * @example "150px" | 150
+     */
+    minHeight?: string | number;
+    /**
+     * Maximum height constraint. Scrolling enabled when content exceeds this.
+     * @default "400px"
+     * @example "600px" | "80vh"
+     */
+    maxHeight?: string | number;
+    /**
+     * Minimum width constraint (used when resizable=true)
+     * @default "300px"
+     */
+    minWidth?: string | number;
+    /**
+     * Maximum width constraint (used when resizable=true)
+     * @default "100%"
+     */
+    maxWidth?: string | number;
+    /**
+     * Position of the toolbar(s)
+     * @default "top"
+     * - "top" - Toolbar at the top only
+     * - "bottom" - Toolbar at the bottom only
+     * - "both" - Toolbars at both top and bottom
+     */
+    toolbarPosition?: 'top' | 'bottom' | 'both';
+    /**
+     * Array of button names to show in the top toolbar
+     * If empty/undefined, all enabled features will be shown
+     * @default []
+     * @example ['headings', 'bold', 'italic', 'link']
+     *
+     * Available buttons: 'headings', 'bold', 'italic', 'underline', 'strikethrough',
+     * 'bulletList', 'numberedList', 'link', 'mediaUpload', 'mentions', 'tags',
+     * 'emoji', 'codeBlock', 'more'
+     */
+    topToolbarButtons?: string[];
+    /**
+     * Array of button names to show in the bottom toolbar
+     * If empty/undefined, all enabled features will be shown
+     * @default []
+     * @example ['emoji', 'mentions', 'mediaUpload']
+     */
+    bottomToolbarButtons?: string[];
+    /**
+     * Position of action buttons (Cancel/Submit)
+     * @default "none"
+     * - "none" - Don't show action buttons
+     * - "top-right" - Show in top toolbar on the right
+     * - "bottom-right" - Show in bottom toolbar on the right
+     */
+    actionButtonsPosition?: 'top-right' | 'bottom-right' | 'none';
+    /**
+     * Cancel button configuration
+     * Clicking cancel will clear the editor and call onClick callback
+     */
+    cancelButton?: CancelButtonConfig;
+    /**
+     * Submit button configuration
+     * Clicking submit will call onClick with editor content and clear the editor
+     */
+    submitButton?: SubmitButtonConfig;
+    /**
+     * Disable all editor interactions
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Make editor read-only (view-only mode)
+     * @default false
+     */
+    readOnly?: boolean;
+    /**
+     * Additional CSS class name for the editor container
+     */
+    className?: string;
+    /**
+     * Inline CSS styles for the editor container
+     */
+    style?: CSSProperties;
+}
+/**
+ * Props for toolbar button components (internal use)
+ * @internal
+ */
+export interface ToolbarButtonProps {
+    active?: boolean;
+    disabled?: boolean;
+    onClick: () => void;
+    icon?: React.ReactNode;
+    label: string;
+    tooltip?: string;
+}
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/types/slate.d.ts

@@ -0,0 +1,82 @@
+import { BaseEditor } from 'slate';
+import { ReactEditor } from 'slate-react';
+import { HistoryEditor } from 'slate-history';
+export type CustomEditor = BaseEditor & ReactEditor & HistoryEditor;
+export type ParagraphElement = {
+    type: 'paragraph';
+    children: CustomText[];
+};
+export type HeadingElement = {
+    type: 'heading-1' | 'heading-2' | 'heading-3';
+    children: CustomText[];
+};
+export type ListElement = {
+    type: 'bulleted-list' | 'numbered-list';
+    children: CustomElement[];
+};
+export type ListItemElement = {
+    type: 'list-item';
+    parent?: 'bulleted-list' | 'numbered-list';
+    children: CustomText[];
+};
+export type LinkElement = {
+    type: 'link';
+    url: string;
+    children: CustomText[];
+};
+export type CodeBlockElement = {
+    type: 'code-block';
+    width?: string | number;
+    height?: string | number;
+    children: CustomText[];
+};
+export type MentionElement = {
+    type: 'mention';
+    character: string;
+    userId: string;
+    children: CustomText[];
+};
+export type ImageElement = {
+    type: 'image';
+    url: string;
+    width?: string | number;
+    height?: string | number;
+    children: CustomText[];
+};
+export type HorizontalRuleElement = {
+    type: 'horizontal-rule';
+    children: CustomText[];
+};
+export type IndentElement = {
+    type: 'indent';
+    children: CustomElement[];
+};
+export type TagElement = {
+    type: 'tag';
+    tagId: string;
+    tagValue: string;
+    tagLabel: string;
+    color?: string;
+    backgroundColor?: string;
+    children: CustomText[];
+};
+export type CustomElement = ParagraphElement | HeadingElement | ListElement | ListItemElement | LinkElement | CodeBlockElement | MentionElement | ImageElement | HorizontalRuleElement | IndentElement | TagElement;
+export type CustomText = {
+    text: string;
+    bold?: boolean;
+    italic?: boolean;
+    underline?: boolean;
+    strikethrough?: boolean;
+    code?: boolean;
+    color?: string;
+    backgroundColor?: string;
+};
+export type SlateElement = CustomElement;
+declare module 'slate' {
+    interface CustomTypes {
+        Editor: CustomEditor;
+        Element: CustomElement;
+        Text: CustomText;
+    }
+}
+//# sourceMappingURL=slate.d.ts.map

package/dist/types/slate.d.ts.map

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

package/dist/utils/pasteHelpers.d.ts

@@ -0,0 +1,5 @@
+import { Editor, Descendant } from 'slate';
+export declare const deserializeHTML: (html: string) => Descendant[];
+export declare const deserializePlainText: (text: string) => Descendant[];
+export declare const handlePaste: (editor: Editor, event: React.ClipboardEvent, pasteMode?: "rich" | "plain" | "ask") => void;
+//# sourceMappingURL=pasteHelpers.d.ts.map

package/dist/utils/pasteHelpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pasteHelpers.d.ts","sourceRoot":"","sources":["../../src/utils/pasteHelpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAc,UAAU,EAAE,MAAM,OAAO,CAAC;AAGvD,eAAO,MAAM,eAAe,GAAI,MAAM,MAAM,KAAG,UAAU,EAwPxD,CAAC;AAGF,eAAO,MAAM,oBAAoB,GAAI,MAAM,MAAM,KAAG,UAAU,EAM7D,CAAC;AAGF,eAAO,MAAM,WAAW,GACtB,QAAQ,MAAM,EACd,OAAO,KAAK,CAAC,cAAc,EAC3B,YAAW,MAAM,GAAG,OAAO,GAAG,KAAa,KAC1C,IAiCF,CAAC"}

package/dist/utils/slateHelpers.d.ts

@@ -0,0 +1,25 @@
+import { Editor } from 'slate';
+export declare const isMarkActive: (editor: Editor, format: string) => boolean;
+export declare const toggleMark: (editor: Editor, format: string) => void;
+export declare const isBlockActive: (editor: Editor, format: string) => boolean;
+export declare const toggleBlock: (editor: Editor, format: string) => void;
+export declare const insertLink: (editor: Editor, url: string) => void;
+export declare const isLinkActive: (editor: Editor) => boolean;
+export declare const insertCodeBlock: (editor: Editor) => void;
+export declare const insertMention: (editor: Editor, user: {
+    id: string;
+    name: string;
+}) => void;
+export declare const insertTag: (editor: Editor, tag: {
+    id: string;
+    value: string;
+    label: string;
+    color?: string;
+    backgroundColor?: string;
+}) => void;
+export declare const clearFormatting: (editor: Editor) => void;
+export declare const increaseIndent: (editor: Editor) => void;
+export declare const decreaseIndent: (editor: Editor) => void;
+export declare const insertHorizontalRule: (editor: Editor) => void;
+export declare const removeCodeBlock: (editor: Editor, path: any[]) => void;
+//# sourceMappingURL=slateHelpers.d.ts.map

package/dist/utils/slateHelpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slateHelpers.d.ts","sourceRoot":"","sources":["../../src/utils/slateHelpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAA8C,MAAM,OAAO,CAAC;AAE3E,eAAO,MAAM,YAAY,GAAI,QAAQ,MAAM,EAAE,QAAQ,MAAM,YAe1D,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,QAAQ,MAAM,EAAE,QAAQ,MAAM,SAaxD,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,QAAQ,MAAM,EAAE,QAAQ,MAAM,YAe3D,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,QAAQ,MAAM,EAAE,QAAQ,MAAM,SA8BzD,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,QAAQ,MAAM,EAAE,KAAK,MAAM,SAIrD,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,QAAQ,MAAM,YAQ1C,CAAC;AAgCF,eAAO,MAAM,eAAe,GAAI,QAAQ,MAAM,SAK7C,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,QAAQ,MAAM,EAAE,MAAM;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,SAS/E,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,QAAQ,MAAM,EAAE,KAAK;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,eAAe,CAAC,EAAE,MAAM,CAAA;CAAE,SAoBpI,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,QAAQ,MAAM,SAS7C,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,QAAQ,MAAM,SAE5C,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,QAAQ,MAAM,SAI5C,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,QAAQ,MAAM,SASlD,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,QAAQ,MAAM,EAAE,MAAM,GAAG,EAAE,SAO1D,CAAC"}

package/package.json

@@ -0,0 +1,67 @@
+{
+  "name": "@zencemarketing/text-editor-sdk",
+  "version": "0.1.0-alpha.0",
+  "description": "A highly customizable rich text editor React component built with Slate.js - Features include mentions, tags, emoji picker, code blocks, image uploads, paste formatting, character limits, and fully configurable toolbars",
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "rollup -c && tsc --emitDeclarationOnly",
+    "dev": "vite",
+    "preview": "vite preview",
+    "type-check": "tsc --noEmit",
+    "prepublishOnly": "npm run build"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [
+    "zencemarketing",
+    "react",
+    "rich-text-editor",
+    "slate",
+    "slate-react",
+    "wysiwyg",
+    "editor",
+    "mentions",
+    "tags",
+    "emoji",
+    "code-blocks",
+    "customizable",
+    "typescript"
+  ],
+  "author": "ZenceMarketing",
+  "license": "MIT",
+  "type": "module",
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "dependencies": {
+    "emoji-picker-react": "^4.7.1",
+    "slate": "^0.123.0",
+    "slate-history": "^0.113.1",
+    "slate-react": "^0.123.0"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-typescript": "^11.1.5",
+    "@types/react": "^18.2.43",
+    "@types/react-dom": "^18.2.17",
+    "@vitejs/plugin-react": "^4.2.1",
+    "autoprefixer": "^10.4.16",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "rollup": "^4.6.1",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "tslib": "^2.8.1",
+    "typescript": "^5.3.3",
+    "vite": "^5.0.8"
+  }
+}