Zander Hawke baf00eded8 style(editor): align typography and tables with Nuxt UI prose theme		4 gün önce
..
public	220126abda fix(deploy): SPA for codeberg pages	4 gün önce
src	baf00eded8 style(editor): align typography and tables with Nuxt UI prose theme	4 gün önce
README.md	ed981cb1a0 chore(editor): remove priority code	4 gün önce
index.html	9a21611c2f feat: implement core block editor with markdown decorations	1 ay önce
package.json	a6d343a98b feat(editor): wire undo/redo history, embed block IDs, scope keybinding	6 gün önce
tsconfig.app.json	cf55f59496 feat: add CM6 code block node view, auto-close plugin, and debug logger	1 hafta önce
tsconfig.json	9a21611c2f feat: implement core block editor with markdown decorations	1 ay önce
tsconfig.node.json	9a21611c2f feat: implement core block editor with markdown decorations	1 ay önce
vite.config.ts	a6d343a98b feat(editor): wire undo/redo history, embed block IDs, scope keybinding	6 gün önce

@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)
Basic Editing	`/basic-editing`	Headings `#`–`######`, paragraphs, horizontal rules
Inline Marks	`/inline-marks`	Bold, italic, inline code, strikethrough, highlight, combined marks
Tasks	`/tasks`	Task states (TODO→DONE cycle)
Blockquotes & Callouts	`/blockquotes`	Blockquote `>`, 5 callout types (NOTE, WARNING, TIP, DANGER, INFO)
Links	`/links`	Standard markdown `[text](url)` links
Page Refs & Tags	`/refs-tags`	Page refs `[[Page]]`, block refs `((id))`, tags `#tag`
Code Blocks	`/code-blocks`	Fenced code blocks with language labels and CM6 syntax highlighting
Properties & Dates	`/properties`	`key:: value` properties, date parsing
Math	`/math`	Inline $...$ , display `$$...$$`, mixed content
Editor Shell	`/editor-shell`	Multi-block Editor component with insertion zones, split/merge
Toolbar	`/toolbar`	Shared EditorToolbar bound to active block via `#toolbar` slot
Themes	`/themes`	CSS-variable theme presets and overrides

Each page features multiple <LiveExample> sections — editable <Block> instances with a collapsible source code panel.

Architecture

App.vue                     Shell layout — UHeader + UPage + sidebar (UNavigationMenu)
├── pages/index.vue         Overview
├── pages/basic-editing.vue
├── pages/inline-marks.vue
├── pages/tasks.vue
├── pages/blockquotes.vue
├── pages/links.vue
├── pages/refs-tags.vue
├── pages/code-blocks.vue
├── pages/properties.vue
└── pages/math.vue

components/
└── LiveExample.vue         <Block> wrapper with title, description, source code panel

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 — 10 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