cvnert-editor 0.1.0

package/dist/components/tiptap-icons/paint-bucket-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const PaintBucketIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/plus-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const PlusIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/plus-small-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const PlusSmallIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/redo2-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const Redo2Icon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/refresh-ccw-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const RefreshCcwIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/repeat-2-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const Repeat2Icon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/rotate-ccw-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const RotateCcwIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/smile-plus-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const SmilePlusIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/square-x-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const SquareXIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/strike-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const StrikeIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/subscript-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const SubscriptIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/sun-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const SunIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/superscript-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const SuperscriptIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/table-cell-merge-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const TableCellMergeIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/table-cell-split-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const TableCellSplitIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/table-header-column-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const TableHeaderColumnIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/table-header-row-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const TableHeaderRowIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/table-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const TableIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/text-color-small-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const TextColorSmallIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/trash-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const TrashIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/type-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const TypeIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/underline-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const UnderlineIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/undo2-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const Undo2Icon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-node/horizontal-rule-node/horizontal-rule-node-extension.d.ts

@@ -0,0 +1,2 @@
+export declare const HorizontalRule: import("@tiptap/core").Node<import("@tiptap/extension-horizontal-rule").HorizontalRuleOptions, any>;
+export default HorizontalRule;

package/dist/components/tiptap-node/image-node/image-node-extension.d.ts

@@ -0,0 +1,3 @@
+import type { ImageOptions } from "@tiptap/extension-image";
+export declare const Image: import("@tiptap/core").Node<ImageOptions, any>;
+export default Image;

package/dist/components/tiptap-node/image-node/image-node-floating.d.ts

@@ -0,0 +1,4 @@
+import type { Editor } from "@tiptap/react";
+export declare function ImageNodeFloating({ editor: providedEditor, }: {
+    editor?: Editor | null;
+}): import("react").JSX.Element | null;

package/dist/components/tiptap-node/image-node/image-node-view.d.ts

@@ -0,0 +1,24 @@
+import type { Editor, NodeViewProps } from "@tiptap/react";
+import "./image-node-view.css";
+export interface ResizeParams {
+    handleUsed: "left" | "right";
+    initialWidth: number;
+    initialClientX: number;
+}
+export interface ResizableImageProps extends React.HTMLAttributes<HTMLDivElement> {
+    src: string;
+    alt?: string;
+    editor?: Editor;
+    minWidth?: number;
+    maxWidth?: number;
+    align?: "left" | "center" | "right";
+    initialWidth?: number;
+    showCaption?: boolean;
+    hasContent?: boolean;
+    onImageResize?: (width?: number) => void;
+    onUpdateAttributes?: (attrs: Record<string, unknown>) => void;
+    getPos: () => number | undefined;
+    nodeSize?: number;
+}
+export declare function ImageNodeView(props: NodeViewProps): import("react").JSX.Element;
+export declare const ResizableImage: React.FC<ResizableImageProps>;

package/dist/components/tiptap-node/image-upload-node/image-upload-node-extension.d.ts

@@ -0,0 +1,57 @@
+import { Node } from "@tiptap/react";
+import type { NodeType } from "@tiptap/pm/model";
+import type { UploadFunction } from "@/types";
+export type { UploadFunction } from "@/types";
+export interface ImageUploadNodeOptions {
+    /**
+     * The type of the node.
+     * @default 'image'
+     */
+    type?: string | NodeType | undefined;
+    /**
+     * Acceptable file types for upload.
+     * @default 'image/*'
+     */
+    accept?: string;
+    /**
+     * Maximum number of files that can be uploaded.
+     * @default 1
+     */
+    limit?: number;
+    /**
+     * Maximum file size in bytes (0 for unlimited).
+     * @default 0
+     */
+    maxSize?: number;
+    /**
+     * Function to handle the upload process.
+     */
+    upload?: UploadFunction;
+    /**
+     * Callback for upload errors.
+     */
+    onError?: (error: Error) => void;
+    /**
+     * Callback for successful uploads.
+     */
+    onSuccess?: (url: string) => void;
+    /**
+     * HTML attributes to add to the image element.
+     * @default {}
+     * @example { class: 'foo' }
+     */
+    HTMLAttributes: Record<string, unknown>;
+}
+declare module "@tiptap/react" {
+    interface Commands<ReturnType> {
+        imageUpload: {
+            setImageUploadNode: (options?: ImageUploadNodeOptions) => ReturnType;
+        };
+    }
+}
+/**
+ * A Tiptap node extension that creates an image upload component.
+ * @see registry/tiptap-node/image-upload-node/image-upload-node
+ */
+export declare const ImageUploadNode: Node<ImageUploadNodeOptions, any>;
+export default ImageUploadNode;

package/dist/components/tiptap-node/image-upload-node/image-upload-node.d.ts

@@ -0,0 +1,69 @@
+import type { NodeViewProps } from "@tiptap/react";
+import "@/components/tiptap-node/image-upload-node/image-upload-node.css";
+export interface FileItem {
+    /**
+     * Unique identifier for the file item
+     */
+    id: string;
+    /**
+     * The actual File object being uploaded
+     */
+    file: File;
+    /**
+     * Current upload progress as a percentage (0-100)
+     */
+    progress: number;
+    /**
+     * Current status of the file upload process
+     * @default "uploading"
+     */
+    status: "uploading" | "success" | "error";
+    /**
+     * URL to the uploaded file, available after successful upload
+     * @optional
+     */
+    url?: string;
+    /**
+     * Controller that can be used to abort the upload process
+     * @optional
+     */
+    abortController?: AbortController;
+}
+export interface UploadOptions {
+    /**
+     * Maximum allowed file size in bytes
+     */
+    maxSize: number;
+    /**
+     * Maximum number of files that can be uploaded
+     */
+    limit: number;
+    /**
+     * String specifying acceptable file types (MIME types or extensions)
+     * @example ".jpg,.png,image/jpeg" or "image/*"
+     */
+    accept: string;
+    /**
+     * Function that handles the actual file upload process
+     * @param {File} file - The file to be uploaded
+     * @param {Function} onProgress - Callback function to report upload progress
+     * @param {AbortSignal} signal - Signal that can be used to abort the upload
+     * @returns {Promise<string>} Promise resolving to the URL of the uploaded file
+     */
+    upload: (file: File, onProgress: (event: {
+        progress: number;
+    }) => void, signal: AbortSignal) => Promise<string>;
+    /**
+     * Callback triggered when a file is uploaded successfully
+     * @param {string} url - URL of the successfully uploaded file
+     * @optional
+     */
+    onSuccess?: (url: string) => void;
+    /**
+     * Callback triggered when an error occurs during upload
+     * @param {Error} error - The error that occurred
+     * @optional
+     */
+    onError?: (error: Error) => void;
+}
+export declare const ImageUploadNode: React.FC<NodeViewProps>;

package/dist/components/tiptap-node/table-node/extensions/table-handle/helpers/create-image.d.ts

@@ -0,0 +1,9 @@
+import type { Editor } from "@tiptap/core";
+/**
+ * Public API
+ * Creates a polished drag image for a row/column from a TipTap/ProseMirror table.
+ * - Subtle rounded corners & shadow
+ * - Scales down if it exceeds editor width
+ * - Preserves computed styles to look 1:1 with the table
+ */
+export declare function createTableDragImage(editor: Editor, orientation: "row" | "col", index: number, tablePos: number): HTMLElement;

package/dist/components/tiptap-node/table-node/extensions/table-handle/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./table-handle";
+export * from "./table-handle-plugin";

package/dist/components/tiptap-node/table-node/extensions/table-handle/table-handle-plugin.d.ts

@@ -0,0 +1,43 @@
+import type { Editor } from "@tiptap/core";
+import type { Node as TiptapNode } from "@tiptap/pm/model";
+import { Plugin, PluginKey } from "@tiptap/pm/state";
+export type TableHandlesState = {
+    show: boolean;
+    showAddOrRemoveRowsButton: boolean;
+    showAddOrRemoveColumnsButton: boolean;
+    referencePosCell?: DOMRect;
+    referencePosTable: DOMRect;
+    block: TiptapNode;
+    blockPos: number;
+    colIndex: number | undefined;
+    rowIndex: number | undefined;
+    draggingState?: {
+        draggedCellOrientation: "row" | "col";
+        originalIndex: number;
+        mousePos: number;
+        initialOffset: number;
+    } | undefined;
+    widgetContainer: HTMLElement | undefined;
+};
+export declare const tableHandlePluginKey: PluginKey<any>;
+export declare function TableHandlePlugin(editor: Editor, emitUpdate: (state: TableHandlesState) => void): Plugin;
+/**
+ * Callback for column drag handle
+ */
+export declare const colDragStart: (event: {
+    dataTransfer: DataTransfer | null;
+    currentTarget: EventTarget & Element;
+    clientX: number;
+}) => void;
+/**
+ * Callback for row drag handle
+ */
+export declare const rowDragStart: (event: {
+    dataTransfer: DataTransfer | null;
+    currentTarget: EventTarget & Element;
+    clientY: number;
+}) => void;
+/**
+ * Drag end cleanup
+ */
+export declare const dragEnd: () => void;

package/dist/components/tiptap-node/table-node/extensions/table-handle/table-handle.d.ts

@@ -0,0 +1,14 @@
+import { Extension } from "@tiptap/core";
+import type { TableHandlesState } from "@/components/tiptap-node/table-node/extensions/table-handle";
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        tableHandle: {
+            freezeHandles: () => ReturnType;
+            unfreezeHandles: () => ReturnType;
+        };
+    }
+    interface EditorEvents {
+        tableHandleState: TableHandlesState;
+    }
+}
+export declare const TableHandleExtension: Extension<any, any>;

package/dist/components/tiptap-node/table-node/extensions/table-node-extension.d.ts

@@ -0,0 +1,31 @@
+import type { TableCellOptions, TableHeaderOptions, TableOptions, TableRowOptions } from "@tiptap/extension-table";
+import { Extension } from "@tiptap/core";
+export declare const TableNode: import("@tiptap/core").Node<TableOptions, any>;
+export interface TableNodeOptions {
+    /**
+     * If set to false, the table extension will not be registered
+     * @example table: false
+     */
+    table: Partial<TableOptions> | false;
+    /**
+     * If set to false, the table extension will not be registered
+     * @example tableCell: false
+     */
+    tableCell: Partial<TableCellOptions> | false;
+    /**
+     * If set to false, the table extension will not be registered
+     * @example tableHeader: false
+     */
+    tableHeader: Partial<TableHeaderOptions> | false;
+    /**
+     * If set to false, the table extension will not be registered
+     * @example tableRow: false
+     */
+    tableRow: Partial<TableRowOptions> | false;
+}
+/**
+ * The table kit is a collection of table editor extensions.
+ *
+ * It’s a good starting point for building your own table in Tiptap.
+ */
+export declare const TableKit: Extension<TableNodeOptions, any>;

package/dist/components/tiptap-node/table-node/hooks/use-table-handle-state.d.ts

@@ -0,0 +1,22 @@
+import type { Editor } from "@tiptap/react";
+import type { TableHandlesState } from "@/components/tiptap-node/table-node/extensions/table-handle";
+export interface UseTableHandleStateConfig {
+    /**
+     * The Tiptap editor instance. If omitted, the hook will use
+     * the context/editor from `useTiptapEditor`.
+     */
+    editor?: Editor | null;
+    /**
+     * Initial state of the table handles
+     */
+    initialState?: TableHandlesState | null;
+    /**
+     * Only update state when specific fields change
+     */
+    watchFields?: (keyof TableHandlesState)[];
+    /**
+     * Callback when state changes
+     */
+    onStateChange?: (state: TableHandlesState | null) => void;
+}
+export declare function useTableHandleState(config?: UseTableHandleStateConfig): TableHandlesState | null;