@kodifyeditor/core

Headless engine for KodifyEditor — a drag & drop editor whose entire document is a serializable JSON tree shared by the web, email and PDF renderers.

Install

pnpm add @kodifyeditor/core react

What's inside

• EditorProvider / useEditor — document state, history (undo/redo), selection, inline editing, variables and data items.
• MediaProvider / useMedia — pluggable asset store with a data-URL fallback and an injectable async uploader.
• registerBlocks, getDef, defsByMode, createNode — the block registry.
• Tree helpers (findById, insertAt, moveNode primitives) and interpolateString / interpolateNodes for {{ variables }}.

Example

import { EditorProvider, registerBlocks } from '@kodifyeditor/core';
import { webBlocks, PageBuilder } from '@kodifyeditor/web';

registerBlocks(webBlocks);

export function App() {
  return (
    <EditorProvider initialState={{ web: [], email: [], pdf: [] }}>
      <PageBuilder /* ... */ />
    </EditorProvider>
  );
}

MIT © Kodify