mosaic/stack
1
0
Fork 0
Code Issues 10 Pull Requests Actions Packages Projects Releases 2 Wiki Activity

feat(web): add Tiptap WYSIWYG KnowledgeEditor component #500

Merged
jason.woltje merged 1 commits from feat/ms18-tiptap-editor into main 2026-02-24 01:23:58 +00:00
Conversation 0 Commits 1 Files Changed 5 +1429 -11
jason.woltje commented 2026-02-24 01:20:40 +00:00
Owner
Copy Link

Summary

  • Install Tiptap (@tiptap/react v3.20) with extensions: starter-kit, link, table, code-block-lowlight, placeholder
  • Build KnowledgeEditor component with rich text toolbar: H1-H3, bold, italic, strikethrough, bullet/ordered lists, blockquote, code block (syntax-highlighted via lowlight), links, tables, horizontal rules
  • Full CSS variable theming (uses --surface, --border, --text, --primary, --mono, etc.)
  • Separate KnowledgeEditor.css for ProseMirror content styling including syntax highlighting tokens

Test Plan

  • Lint passes (--max-warnings=0)
  • Typecheck passes
  • All 1182 tests pass (92 test files)
  • Manual: Component renders with toolbar and editable content area

Implements TW-EDT-001. Next: TW-EDT-002 (markdown round-trip + wire into knowledge pages).

## Summary - Install Tiptap (@tiptap/react v3.20) with extensions: starter-kit, link, table, code-block-lowlight, placeholder - Build KnowledgeEditor component with rich text toolbar: H1-H3, bold, italic, strikethrough, bullet/ordered lists, blockquote, code block (syntax-highlighted via lowlight), links, tables, horizontal rules - Full CSS variable theming (uses --surface, --border, --text, --primary, --mono, etc.) - Separate KnowledgeEditor.css for ProseMirror content styling including syntax highlighting tokens ## Test Plan - [x] Lint passes (--max-warnings=0) - [x] Typecheck passes - [x] All 1182 tests pass (92 test files) - [ ] Manual: Component renders with toolbar and editable content area Implements TW-EDT-001. Next: TW-EDT-002 (markdown round-trip + wire into knowledge pages).
jason.woltje added 1 commit 2026-02-24 01:20:41 +00:00
feat(web): add Tiptap WYSIWYG KnowledgeEditor component
All checks were successful
ci/woodpecker/push/orchestrator Pipeline was successful
Details
ci/woodpecker/push/api Pipeline was successful
Details
ci/woodpecker/push/web Pipeline was successful
Details
810bcd711b 
Install @tiptap/react + extensions (starter-kit, link, table,
code-block-lowlight, placeholder) and build KnowledgeEditor component
with full toolbar: headings, bold, italic, strikethrough, lists,
blockquote, code block with syntax highlighting, links, tables,
and horizontal rules. All styles use CSS variables for theme compat.

Implements TW-EDT-001.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
jason.woltje merged commit a81c4a5edd into main 2026-02-24 01:23:58 +00:00
jason.woltje deleted branch feat/ms18-tiptap-editor 2026-02-24 01:23:58 +00:00
Sign in to join this conversation.
Reviewers
No Reviewers
Labels
Clear labels
ai
AI/LLM integration
 api
Backend/API work
 api
auth
Authentication
 database
database
Database/schema work
 devops
Docker/deployment
 docs
Documentation
 frontend
graph
knowledge-module
migration
Data migration
 orchestrator
Orchestrator service (apps/orchestrator/)
 p0
Critical priority
 p1
High priority
 p2
Medium priority
 p3
Low priority
 performance
Performance work
 phase-1
phase-2
phase-3
phase-4
phase-5
plugin
MoltBot plugin work
 search
security
Security-related
 setup
Initial setup
 testing
Testing/QA
 web
Frontend work
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
jason.woltje
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: mosaic/stack#500
Delete Branch "feat/ms18-tiptap-editor"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?