Luxe-Edit : New Playground

Playground — Major Overhaul

The Playground page has been redesigned into a structured, row-based
interactive experience:

Row 1 — Configure & Live Editor

• Checkbox pills to toggle individual toolbar items, grouped by
  category: History, Formatting, Color, Heading, Link, Alignment, Extra
• Separate checkbox section for Floating Toolbar items
• All/None shortcuts per toolbar group
• Light / Dark theme toggle
• Toggle switches for Top Toolbar and Floating Toolbar visibility
• All changes reflect instantly in the live editor

Row 2 — Implementation Code

• Auto-generated TypeScript/React code based on your current
  configuration
• One-click Copy button
• Updates live as you change any option in Row 1

Row 3 — Render Saved Content

• Tabbed view: Markdown | DOM / HTML
• Side-by-side layout: live preview on the left, source code on the
  right
• Raw output strip (Markdown string or HTML string) with Copy button
• Displays getMarkdownFromJSON and getDOMFromJSON usage inline

---

Docs — Expanded

• Added JSON-First flow explanation
• Added full usage examples for getMarkdownFromJSON and getDOMFromJSON
• Added colorScheme vs initialConfig.theme distinction
• Added complete Toolbar Items reference with all supported types

---

Core Library

Utils — Improved (src/utils.ts)

• Refactored getMarkdownFromJSON and getDOMFromJSON for more reliable
  output
• Improved handling of text formatting (bold, italic, underline,
  strikethrough) in both renderers
• Better heading and paragraph serialization
• Cleaner HTML output from getDOMFromJSON

index.tsx

• Minor export cleanup

Luxe-Edit : First Release

What's Changed

• documentation is wokring by @amide-init in #1
• update readme by @amide-init in #2
• Feature/doc update by @amide-init in #3
• update doc by @amide-init in #4
• Feature/theme implemented by @amide-init in #6

New Contributors

• @amide-init made their first contribution in #1

Full Changelog: https://github.com/luxe-tools/luxe-edit/commits/v0.1.0