Origami 2: TipTap v3 migration, Drive components, and TextEditor enhancements

[Copilot]

Major TextEditor overhaul migrating to TipTap v3, adding Drive integration components, and introducing new editor features including Table of Contents, image grouping, and style copying.

Breaking Changes

TipTap v2 → v3 Migration

• All @tiptap packages upgraded from ^2.26.1 to ^3.11.0
• Import path changes:
  • Placeholder now from @tiptap/extensions
  • TextStyle replaced with TextStyleKit
  • TaskList/TaskItem now from @tiptap/extension-list
  • Table extensions grouped in @tiptap/extension-table
• StarterKit now disables link by default (link: false)

Image Extension

• Changed from block to inline group
• Default alignment: 'left' → 'center'
• Added float attribute for text wrapping
• Node view: ImageNodeView → MediaNodeView

Component Structure

• Menu components moved: TextEditorBubbleMenu.vue → components/TextEditorBubbleMenu.vue (same for Fixed/Floating)
• Editor styles extracted to ./editor-style.css export
• Extensions reorganized into subdirectories

Data Fetching API

// docStore.getDoc signature changed
getDoc(doctype: string, name: string, transform?: (doc: Doc) => Doc)

// useDoc now supports custom URLs
useDoc({ doctype, name, url: '/custom/endpoint' })

New Features

Drive Components

• ShareDialog, MoveDialog, InfoDialog, RenameDialog
• TagInput component with autocomplete
• AppSwitcher component
• Drive-specific resources and utilities
• New exports: ./drive and ./drive/*

Editor Extensions

• Table of Contents: Auto-generated, scrollable ToC with hover states
• Image Grouping: Group multiple images with selection UI
• Video Support: Embed and manage video content
• Style Copying: Copy/paste text styles between elements
• Image Floating: Wrap text around images

Component Enhancements

• Breadcrumbs: Added href attribute support
• New focusDirective for focus management
• Improved table resizing and cell selection

Dependencies

• Added: @floating-ui/dom, prosemirror-tables, @tiptap/extension-bubble-menu
• Updated: lucide-static to ^0.543.0
• Removed: Individual table extension packages (now grouped)

Migration Notes

This is a major version change requiring:

1. Update TipTap v2 code to v3 API
2. Adjust image extension usage (inline behavior, alignment defaults)
3. Update menu component import paths if directly imported
4. Add transform parameter to docStore.getDoc calls where needed

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.