React-based rendering runtime for Glyph JS IR
npm install @glyphjs/runtimeReact rendering engine for Glyph JS IR documents.
``bash`
pnpm add @glyphjs/runtime react react-dom
`tsx
import { createGlyphRuntime } from '@glyphjs/runtime';
import { compile } from '@glyphjs/compiler';
const runtime = createGlyphRuntime();
const { ir } = compile(markdown);
function App() {
return
}
`
`tsx
import { ThemeProvider, darkTheme } from '@glyphjs/runtime';
function App() {
return (
);
}
`
- createGlyphRuntime() -- create a runtime instance with a Document componentGlyphDocument
- -- standalone document rendererBlockRenderer
- -- renders individual IR blocksThemeProvider
- / useGlyphTheme -- theme system with light and dark presetsLayoutProvider
- / DocumentLayout / DashboardLayout / PresentationLayout -- layout enginesComponentRegistry
- / PluginRegistry -- component registration and plugin systemErrorBoundary
- / FallbackRenderer -- graceful error handlingRuntimeProvider
- / useRuntime / useReferences` -- React context and hooks
https://github.com/VledicFranco/glyphjs