doccraft 0.1.0

package/dist/table/TableControls.d.ts

@@ -0,0 +1,6 @@
+import type { Editor } from '@tiptap/react';
+interface TableControlsProps {
+    editor: Editor;
+}
+export declare function TableControls({ editor }: TableControlsProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/toolbar/BubbleToolbar.d.ts

@@ -0,0 +1,6 @@
+import type { Editor } from '@tiptap/react';
+interface BubbleToolbarProps {
+    editor: Editor;
+}
+export declare function BubbleToolbar({ editor }: BubbleToolbarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/toolbar/EditorActions.d.ts

@@ -0,0 +1,25 @@
+import type { DocCraftRef } from '../core/DocCraft';
+export interface EditorActionsConfig {
+    /** Enable/disable individual actions. All enabled by default. */
+    import?: boolean;
+    preview?: boolean;
+    print?: boolean;
+    export?: boolean;
+    /** Lifecycle hooks */
+    onBeforeImport?: (file: File) => boolean | Promise<boolean>;
+    onAfterImport?: (html: string, file: File) => void;
+    onBeforePreview?: () => boolean;
+    onAfterPreview?: (html: string) => void;
+    onBeforePrint?: () => boolean;
+    onAfterPrint?: () => void;
+    onBeforeExport?: (format: 'html' | 'markdown' | 'clipboard') => boolean;
+    onAfterExport?: (content: string, format: 'html' | 'markdown' | 'clipboard') => void;
+}
+interface EditorActionsProps {
+    config: EditorActionsConfig;
+    editorRef: React.RefObject<DocCraftRef | null>;
+    readOnly: boolean;
+    onToggleReadOnly: () => void;
+}
+export declare function EditorActions({ config, editorRef, readOnly, onToggleReadOnly }: EditorActionsProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/toolbar/EditorToolbar.d.ts

@@ -0,0 +1,17 @@
+import type { Editor } from '@tiptap/react';
+import type { EditorBlockPlugin } from '../blocks/types';
+import type { ToolbarFeature, TemplateVariable } from '../types';
+interface EditorToolbarProps {
+    editor: Editor | null;
+    variables?: TemplateVariable[];
+    onAddVariable?: (name: string) => void;
+    blocks?: EditorBlockPlugin[];
+    /** Extra actions rendered at the right side of the toolbar */
+    actions?: React.ReactNode;
+    /** When true, all formatting controls are disabled */
+    readOnly?: boolean;
+    /** Set of toolbar features to display. When undefined, all features are shown. */
+    features?: Set<ToolbarFeature>;
+}
+export declare function EditorToolbar({ editor, variables, onAddVariable, blocks, actions, readOnly, features }: EditorToolbarProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/toolbar/toolbar-config.d.ts

@@ -0,0 +1,3 @@
+import type { ToolbarFeature, ToolbarConfig } from '../types';
+export declare const TOOLBAR_PRESETS: Record<string, ToolbarFeature[]>;
+export declare function resolveToolbar(toolbar: string | ToolbarConfig | undefined): Set<ToolbarFeature>;

package/dist/types.d.ts

@@ -0,0 +1,35 @@
+export interface TemplateVariable {
+    key: string;
+    label?: string;
+}
+export interface ThemeConfig {
+    fontFamily?: string;
+    fontSize?: string;
+    lineHeight?: string;
+    textColor?: string;
+    canvasBackground?: string;
+    pageBackground?: string;
+}
+export interface ExtensionsConfig {
+    add?: any[];
+    remove?: string[];
+    configure?: Record<string, any>;
+}
+export type ToolbarFeature = 'undo' | 'redo' | 'heading' | 'bold' | 'italic' | 'underline' | 'strikethrough' | 'subscript' | 'superscript' | 'color' | 'highlight' | 'alignLeft' | 'alignCenter' | 'alignRight' | 'alignJustify' | 'bulletList' | 'orderedList' | 'taskList' | 'indent' | 'outdent' | 'link' | 'table' | 'image' | 'horizontalRule' | 'pageBreak' | 'blockquote' | 'codeBlock' | 'variables' | 'blocks';
+export interface ToolbarConfig {
+    preset?: 'full' | 'minimal' | 'document';
+    enable?: ToolbarFeature[];
+    disable?: ToolbarFeature[];
+}
+export interface CanvasConfig {
+    width: string;
+    height?: string;
+    padding?: {
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+    };
+    paginate?: boolean;
+    pageGap?: number;
+}

package/dist/ui/button.d.ts

@@ -0,0 +1,8 @@
+import { Button as ButtonPrimitive } from "@base-ui/react/button";
+import { type VariantProps } from "class-variance-authority";
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, ...props }: ButtonPrimitive.Props & VariantProps<typeof buttonVariants>): import("react/jsx-runtime").JSX.Element;
+export { Button, buttonVariants };

package/dist/ui/card.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+declare function Card({ className, size, ...props }: React.ComponentProps<"div"> & {
+    size?: "default" | "sm";
+}): import("react/jsx-runtime").JSX.Element;
+declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardAction({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };

package/dist/ui/dialog.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
+declare function Dialog({ ...props }: DialogPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
+declare function DialogTrigger({ ...props }: DialogPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
+declare function DialogPortal({ ...props }: DialogPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
+declare function DialogClose({ ...props }: DialogPrimitive.Close.Props): import("react/jsx-runtime").JSX.Element;
+declare function DialogOverlay({ className, ...props }: DialogPrimitive.Backdrop.Props): import("react/jsx-runtime").JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, ...props }: DialogPrimitive.Popup.Props & {
+    showCloseButton?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function DialogFooter({ className, showCloseButton, children, ...props }: React.ComponentProps<"div"> & {
+    showCloseButton?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DialogTitle({ className, ...props }: DialogPrimitive.Title.Props): import("react/jsx-runtime").JSX.Element;
+declare function DialogDescription({ className, ...props }: DialogPrimitive.Description.Props): import("react/jsx-runtime").JSX.Element;
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };

package/dist/ui/dropdown-menu.d.ts

@@ -0,0 +1,29 @@
+import * as React from "react";
+import { Menu as MenuPrimitive } from "@base-ui/react/menu";
+declare function DropdownMenu({ ...props }: MenuPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuPortal({ ...props }: MenuPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: MenuPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuContent({ align, alignOffset, side, sideOffset, className, ...props }: MenuPrimitive.Popup.Props & Pick<MenuPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuGroup({ ...props }: MenuPrimitive.Group.Props): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuLabel({ className, inset, ...props }: MenuPrimitive.GroupLabel.Props & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuItem({ className, inset, variant, ...props }: MenuPrimitive.Item.Props & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSub({ ...props }: MenuPrimitive.SubmenuRoot.Props): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: MenuPrimitive.SubmenuTrigger.Props & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSubContent({ align, alignOffset, side, sideOffset, className, ...props }: React.ComponentProps<typeof DropdownMenuContent>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, inset, ...props }: MenuPrimitive.CheckboxItem.Props & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuRadioGroup({ ...props }: MenuPrimitive.RadioGroup.Props): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, inset, ...props }: MenuPrimitive.RadioItem.Props & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: MenuPrimitive.Separator.Props): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };

package/dist/ui/input.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare function Input({ className, type, ...props }: React.ComponentProps<"input">): import("react/jsx-runtime").JSX.Element;
+export { Input };

package/dist/ui/label.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare function Label({ className, ...props }: React.ComponentProps<"label">): import("react/jsx-runtime").JSX.Element;
+export { Label };

package/dist/ui/popover.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { Popover as PopoverPrimitive } from "@base-ui/react/popover";
+declare function Popover({ ...props }: PopoverPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
+declare function PopoverTrigger({ ...props }: PopoverPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
+declare function PopoverContent({ className, align, alignOffset, side, sideOffset, ...props }: PopoverPrimitive.Popup.Props & Pick<PopoverPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): import("react/jsx-runtime").JSX.Element;
+declare function PopoverHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function PopoverTitle({ className, ...props }: PopoverPrimitive.Title.Props): import("react/jsx-runtime").JSX.Element;
+declare function PopoverDescription({ className, ...props }: PopoverPrimitive.Description.Props): import("react/jsx-runtime").JSX.Element;
+export { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, };

package/dist/ui/separator.d.ts

@@ -0,0 +1,3 @@
+import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
+declare function Separator({ className, orientation, ...props }: SeparatorPrimitive.Props): import("react/jsx-runtime").JSX.Element;
+export { Separator };

package/dist/ui/toggle-group.d.ts

@@ -0,0 +1,10 @@
+import { Toggle as TogglePrimitive } from "@base-ui/react/toggle";
+import { ToggleGroup as ToggleGroupPrimitive } from "@base-ui/react/toggle-group";
+import { type VariantProps } from "class-variance-authority";
+import { toggleVariants } from "./toggle";
+declare function ToggleGroup({ className, variant, size, spacing, orientation, children, ...props }: ToggleGroupPrimitive.Props & VariantProps<typeof toggleVariants> & {
+    spacing?: number;
+    orientation?: "horizontal" | "vertical";
+}): import("react/jsx-runtime").JSX.Element;
+declare function ToggleGroupItem({ className, children, variant, size, ...props }: TogglePrimitive.Props & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
+export { ToggleGroup, ToggleGroupItem };

package/dist/ui/toggle.d.ts

@@ -0,0 +1,8 @@
+import { Toggle as TogglePrimitive } from "@base-ui/react/toggle";
+import { type VariantProps } from "class-variance-authority";
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Toggle({ className, variant, size, ...props }: TogglePrimitive.Props & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
+export { Toggle, toggleVariants };

package/dist/ui/tooltip.d.ts

@@ -0,0 +1,6 @@
+import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
+declare function TooltipProvider({ delay, ...props }: TooltipPrimitive.Provider.Props): import("react/jsx-runtime").JSX.Element;
+declare function Tooltip({ ...props }: TooltipPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
+declare function TooltipTrigger({ ...props }: TooltipPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
+declare function TooltipContent({ className, side, sideOffset, align, alignOffset, children, ...props }: TooltipPrimitive.Popup.Props & Pick<TooltipPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): import("react/jsx-runtime").JSX.Element;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/dist/utils/cn.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/utils/export-html.d.ts

@@ -0,0 +1,39 @@
+interface ExportOptions {
+    title?: string;
+    pageSize?: 'A4' | 'Letter';
+    margins?: {
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+    };
+    extraStyles?: string;
+    header?: string;
+    footer?: string;
+}
+/**
+ * Export editor content as clean HTML for PDF generation.
+ *
+ * This produces a self-contained HTML document with:
+ * - @page rules for PDF library page sizing/margins
+ * - Content formatting styles (typography, tables, lists, code, images, etc.)
+ * - Page break markers converted to CSS page-break-after
+ * - NO page wrappers, NO shadows, NO gray background, NO pagination script
+ *
+ * Pass this HTML to any PDF library (Puppeteer, wkhtmltopdf, Prince, etc.)
+ * and the library handles page layout automatically using the @page rules.
+ */
+export declare function exportToPdfHtml(editorHtml: string, options?: ExportOptions): string;
+/**
+ * Export editor content as a visual preview HTML.
+ *
+ * This produces a document that visually mimics the editor:
+ * - Gray background with white A4 page cards
+ * - Content split at page breaks into separate visual pages
+ * - Auto-pagination script for overflowing content
+ *
+ * Used ONLY for the preview iframe — never for PDF generation or copy.
+ */
+export declare function exportToPreviewHtml(editorHtml: string, options?: ExportOptions): string;
+export declare function exportToHtml(editorHtml: string): string;
+export {};

package/dist/utils/image-utils.d.ts

@@ -0,0 +1,8 @@
+export declare function cropImage(imageSrc: string, crop: {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}): Promise<string>;
+export declare function fileToBase64(file: File): Promise<string>;
+export declare function clamp(value: number, min: number, max: number): number;

package/dist/utils/import-docx.d.ts

@@ -0,0 +1,20 @@
+export interface ImportResult {
+    html: string;
+    messages: string[];
+}
+/**
+ * Import a .docx file and convert it to HTML that TipTap can parse.
+ *
+ * Mammoth converts .docx semantic structure to clean HTML:
+ * - Headings (Heading 1-6 → <h1>-<h6>)
+ * - Bold, italic, underline, strikethrough
+ * - Bullet and numbered lists (nested)
+ * - Tables with headers
+ * - Images (embedded as base64 data URIs)
+ * - Links
+ * - Blockquotes
+ *
+ * The `styleMap` option maps Word styles to HTML elements so that
+ * custom heading styles and list styles are preserved.
+ */
+export declare function importDocx(file: File): Promise<ImportResult>;

package/dist/utils/import-pdf.d.ts

@@ -0,0 +1,19 @@
+export interface ImportResult {
+    html: string;
+    messages: string[];
+}
+/**
+ * Import a PDF file and extract text + images as HTML.
+ *
+ * PDFs are a display format, not a document format — they don't store
+ * semantic structure (headings, lists, tables). This extractor:
+ *
+ * 1. Extracts text items with their font size and position
+ * 2. Groups text into paragraphs based on vertical gaps
+ * 3. Infers headings from larger font sizes
+ * 4. Extracts embedded images via the operator list
+ * 5. Inserts page breaks between pages
+ *
+ * The result is a best-effort reconstruction suitable for editing.
+ */
+export declare function importPdf(file: File): Promise<ImportResult>;

package/package.json

@@ -0,0 +1,93 @@
+{
+  "name": "doccraft",
+  "version": "0.1.0",
+  "description": "A Google Docs-style WYSIWYG PDF editor built on TipTap. Supports rich text, tables, images (resize/crop), template variables, block plugins (for-loops, conditionals), page breaks, and HTML export for PDF generation.",
+  "type": "module",
+  "main": "./dist/doccraft.cjs",
+  "module": "./dist/doccraft.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/doccraft.js",
+      "require": "./dist/doccraft.cjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./styles": "./dist/doccraft.css",
+    "./blocks": {
+      "import": "./dist/doccraft.js",
+      "require": "./dist/doccraft.cjs",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "scripts": {
+    "build": "vite build && tsc --emitDeclarationOnly",
+    "dev": "vite build --watch"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "dependencies": {
+    "@base-ui/react": "^1.3.0",
+    "@tiptap/core": "^3.20.4",
+    "@tiptap/extension-color": "^3.20.4",
+    "@tiptap/extension-dropcursor": "^3.20.4",
+    "@tiptap/extension-highlight": "^3.20.4",
+    "@tiptap/extension-image": "^3.20.4",
+    "@tiptap/extension-link": "^3.20.4",
+    "@tiptap/extension-placeholder": "^3.20.4",
+    "@tiptap/extension-subscript": "^3.20.4",
+    "@tiptap/extension-superscript": "^3.20.4",
+    "@tiptap/extension-table": "^3.20.4",
+    "@tiptap/extension-table-cell": "^3.20.4",
+    "@tiptap/extension-table-header": "^3.20.4",
+    "@tiptap/extension-table-row": "^3.20.4",
+    "@tiptap/extension-task-item": "^3.20.4",
+    "@tiptap/extension-task-list": "^3.20.4",
+    "@tiptap/extension-text-align": "^3.20.4",
+    "@tiptap/extension-text-style": "^3.20.4",
+    "@tiptap/extension-typography": "^3.20.4",
+    "@tiptap/extension-underline": "^3.20.4",
+    "@tiptap/pm": "^3.20.4",
+    "@tiptap/react": "^3.20.4",
+    "@tiptap/starter-kit": "^3.20.4",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.577.0",
+    "mammoth": "^1.12.0",
+    "tailwind-merge": "^3.5.0"
+  },
+  "optionalDependencies": {
+    "pdfjs-dist": "^5.5.207"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "typescript": "~5.9.3",
+    "vite": "^8.0.1",
+    "@vitejs/plugin-react": "^6.0.1"
+  },
+  "keywords": [
+    "editor",
+    "pdf",
+    "wysiwyg",
+    "tiptap",
+    "rich-text",
+    "template",
+    "react",
+    "document-editor",
+    "google-docs"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/itsparser/doccraft"
+  }
+}