Zander Hawke 4a0e3148e0 feat(docs): rebrand dev app with Geist font, isometric blocks logo, and favicons		2 天之前
..
public	4a0e3148e0 feat(docs): rebrand dev app with Geist font, isometric blocks logo, and favicons	2 天之前
src	4a0e3148e0 feat(docs): rebrand dev app with Geist font, isometric blocks logo, and favicons	2 天之前
README.md	10ef13a829 feat(editor): replace drag grip with draggable bullet and zone-based drop	3 天之前
index.html	4a0e3148e0 feat(docs): rebrand dev app with Geist font, isometric blocks logo, and favicons	2 天之前
package.json	4a0e3148e0 feat(docs): rebrand dev app with Geist font, isometric blocks logo, and favicons	2 天之前
tsconfig.app.json	cf55f59496 feat: add CM6 code block node view, auto-close plugin, and debug logger	1 周之前
tsconfig.json	9a21611c2f feat: implement core block editor with markdown decorations	1 月之前
tsconfig.node.json	9a21611c2f feat: implement core block editor with markdown decorations	1 月之前
vite.config.ts	a6d343a98b feat(editor): wire undo/redo history, embed block IDs, scope keybinding	5 天之前

@enesis/dev

Documentation-style development sandbox for the Enesis Editor. A Vite + Vue 3 app that exercises every @enesis/editor <Block> feature through live, editable examples organized across 10 catalog pages.

Quick Start

From the workspace root:

pnpm dev

Opens at http://localhost:5173.

Site Map

Page	Route	Features Demonstrated
Overview	`/`	Key concepts, Block + Editor API tables (props + events)
Editor Shell	`/editor`	Multi-block Editor with insertion zones, split/merge, drag-to-reorder, undo/redo
Block Demo	`/editor-block`	Standalone EditorBlock with all syntax features
Toolbar	`/toolbar`	Shared EditorToolbar bound to active block via `#toolbar` slot
Suggestion Menu	`/suggestion-menu`	Slash-command and mention pattern menu demo
Themes	`/themes`	CSS-variable theme presets and overrides

Each page features multiple live, editable examples with a collapsible source code panel.

Architecture

App.vue                     Shell layout — UHeader + UPage + sidebar navigation
├── pages/index.vue         Overview
├── pages/editor.vue        Multi-block Editor shell
├── pages/editor-block.vue  Standalone EditorBlock demo
├── pages/toolbar.vue       Toolbar integration
├── pages/suggestion-menu.vue  Pattern completion menu
└── pages/themes.vue        Theme presets

components/
├── LiveExample.vue         <Block> wrapper with title, description, source code panel
└── AppLogo.vue             Enesis brand mark

The dev app resolves @enesis/editor directly to source (packages/editor/src/index.ts) via Vite aliases, enabling hot-reload during development.

Configuration

Framework: Vue 3 + Vite + TypeScript (strict: true)
UI Library: Nuxt UI v4 (UNavigationMenu, UPage, UHeader, UColorModeButton, UCard, etc.)
Routing: Vue Router — 6 routes, one per feature page
Styling: Tailwind CSS v4 with Nuxt UI theme
Type Checking: vue-tsc (pre-existing type errors in the editor package do not block the dev server)
Icons: Iconify (Lucide)

Scripts

Script	Description
`pnpm --filter @enesis/dev dev`	Start Vite dev server
`pnpm --filter @enesis/dev build`	Type-check + production build
`pnpm --filter @enesis/dev preview`	Preview production build

Deployment

The dev app is auto-deployed to Codeberg Pages on push to master. See .forgejo/workflows/deploy.yml at the workspace root.

README.md