tiptop-editor 1.1.0 → 1.3.0

package/dist/types.d.ts

@@ -1,3 +1,4 @@
+import { Extensions } from '@tiptap/core';
 import { Editor, EditorContentProps, Range, UseEditorOptions } from '@tiptap/react';
 import { icons } from 'lucide-react';
 export type ImageUploadResponseResolver = string | string[] | ((response: Record<string, unknown>) => string | null | undefined);
@@ -27,6 +28,12 @@ export type TiptopEditorOptions = Omit<Partial<UseEditorOptions & {
    * @default true
    */
     showDragHandle?: boolean;
+    /**
+   * Additional Tiptap extensions to append after the built-in editor set.
+   * Use this to add feature-specific extensions like AI commands or collaboration.
+   * @default undefined
+   */
+    extraExtensions?: Extensions;
 }>, 'extensions'>;
 export interface EditorButtonProps {
     tooltipText?: React.ReactNode;
@@ -64,6 +71,7 @@ export type TiptopEditorProps = Omit<EditorContentProps, 'editor'> & {
    * implementation.
    */
     editorOptions?: TiptopEditorOptions;
+    slots?: TiptopEditorSlots;
 };
 export interface ColorButtonProps {
     editor: Editor;
@@ -79,6 +87,24 @@ export interface TextSelectionMenuProps {
     prepend?: React.ReactNode;
     append?: React.ReactNode;
 }
+export interface TiptopEditorSlotProps {
+    editor: Editor;
+}
+export type TiptopEditorSlot = React.ReactNode | ((props: TiptopEditorSlotProps) => React.ReactNode);
+export interface TiptopEditorSlots {
+    editorTop?: TiptopEditorSlot;
+    editorBottom?: TiptopEditorSlot;
+    selectionMenuPrepend?: TiptopEditorSlot;
+    selectionMenuAppend?: TiptopEditorSlot;
+    tableMenuPrepend?: TiptopEditorSlot;
+    tableMenuAppend?: TiptopEditorSlot;
+}
+export interface TiptopEditorHandle {
+    getEditor: () => Editor | null;
+    on: Editor['on'];
+    off: Editor['off'];
+    once: Editor['once'];
+}
 export interface KeyDownRef {
     onKeyDown: (props: {
         event: KeyboardEvent;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tiptop-editor",
-  "version": "1.1.0",
+  "version": "1.3.0",
   "description": "Notion-like editor built with Tiptap v3 and HeroUI",
   "type": "module",
   "main": "./dist/tiptop-editor.umd.js",
@@ -30,7 +30,9 @@
     "dev": "vite",
     "clean": "rm -rf dist",
     "preview": "vite preview",
-    "build": "npm run clean && vite build"
+    "build": "npm run clean && vite build",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
   },
   "keywords": [
     "tiptap",
@@ -91,6 +93,8 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.30.1",
+    "@storybook/addon-docs": "^10.2.13",
+    "@storybook/react-vite": "^10.2.13",
     "@tailwindcss/vite": "^4.1.11",
     "@types/node": "^24.1.0",
     "@types/react": "^19.1.8",
@@ -101,6 +105,7 @@
     "eslint-plugin-react-refresh": "^0.4.20",
     "globals": "^16.3.0",
     "rollup-plugin-visualizer": "^6.0.3",
+    "storybook": "^10.2.13",
     "tailwindcss": "^4.1.11",
     "typescript": "~5.8.3",
     "typescript-eslint": "^8.35.1",

package/dist/components/TableSelectionMenu.d.ts

@@ -1,4 +0,0 @@
-import { default as React } from 'react';
-import { TextSelectionMenuProps } from '../types';
-declare const _default: React.MemoExoticComponent<({ editor }: TextSelectionMenuProps) => import("react/jsx-runtime").JSX.Element>;
-export default _default;

package/dist/components/TiptopEditor.d.ts

@@ -1,7 +0,0 @@
-import { useEditorState } from '@tiptap/react';
-import { TiptopEditorProps } from '../types';
-export interface TiptopEditorHandle {
-    getEditor: () => ReturnType<typeof useEditorState> | null;
-}
-declare const TiptopEditor: import('react').ForwardRefExoticComponent<Omit<TiptopEditorProps, "ref"> & import('react').RefAttributes<TiptopEditorHandle>>;
-export default TiptopEditor;