draftly 0.1.0-alpha.0 → 1.0.0-alpha.2

package/dist/plugins/index.d.ts

@@ -0,0 +1,515 @@
+import { d as DraftlyPlugin, T as ThemeEnum, f as ThemeStyle, a as DecorationPlugin, D as DecorationContext } from '../draftly-BLnx3uGX.js';
+import { SyntaxNode } from '@lezer/common';
+import { KeyBinding } from '@codemirror/view';
+import { MarkdownConfig } from '@lezer/markdown';
+import '@codemirror/state';
+import 'style-mod';
+
+/**
+ * ParagraphPlugin - Adds top and bottom padding to paragraphs in preview
+ *
+ * Applies visual spacing to markdown paragraphs for better readability
+ */
+declare class ParagraphPlugin extends DraftlyPlugin {
+    readonly name = "paragraph";
+    readonly version = "1.0.0";
+    readonly requiredNodes: readonly ["Paragraph"];
+    /**
+     * Plugin theme for preview styling
+     */
+    get theme(): (theme: ThemeEnum) => ThemeStyle;
+    renderToHTML(node: SyntaxNode, children: string): string | null;
+}
+
+/**
+ * HeadingPlugin - Decorates markdown headings
+ *
+ * Adds visual styling to ATX headings (# through ######)
+ * - Line decorations for the entire heading line
+ * - Mark decorations for heading content
+ * - Hides # markers when cursor is not in the heading
+ */
+declare class HeadingPlugin extends DecorationPlugin {
+    readonly name = "heading";
+    readonly version = "1.0.0";
+    decorationPriority: number;
+    readonly requiredNodes: readonly ["ATXHeading1", "ATXHeading2", "ATXHeading3", "ATXHeading4", "ATXHeading5", "ATXHeading6", "HeaderMark"];
+    /**
+     * Constructor - calls super constructor
+     */
+    constructor();
+    /**
+     * Plugin theme
+     */
+    get theme(): (theme: ThemeEnum) => ThemeStyle;
+    /**
+     * Build heading decorations by iterating the syntax tree
+     */
+    buildDecorations(ctx: DecorationContext): void;
+    renderToHTML(node: SyntaxNode, children: string): string | null;
+}
+
+/**
+ * InlinePlugin - Decorates inline markdown formatting
+ *
+ * Adds visual styling to inline elements:
+ * - Emphasis (italic) - *text* or _text_
+ * - Strong (bold) - **text** or __text__
+ * - Strikethrough - ~~text~~
+ * - Subscript - ~text~
+ * - Superscript - ^text^
+ * - Highlight - ==text==
+ *
+ * Hides formatting markers when cursor is not in the element
+ */
+declare class InlinePlugin extends DecorationPlugin {
+    readonly name = "inline";
+    readonly version = "1.0.0";
+    decorationPriority: number;
+    readonly requiredNodes: readonly ["Emphasis", "StrongEmphasis", "Strikethrough", "Subscript", "Superscript", "Highlight", "EmphasisMark", "StrikethroughMark", "SubscriptMark", "SuperscriptMark", "HighlightMark"];
+    marks: string[];
+    constructor();
+    /**
+     * Plugin theme
+     */
+    get theme(): (theme: ThemeEnum) => ThemeStyle;
+    /**
+     * Keyboard shortcuts for inline formatting
+     */
+    getKeymap(): KeyBinding[];
+    /**
+     * Return markdown parser extensions for highlight syntax (==text==)
+     */
+    getMarkdownConfig(): MarkdownConfig;
+    /**
+     * Build inline decorations by iterating the syntax tree
+     */
+    buildDecorations(ctx: DecorationContext): void;
+    /**
+     * Get the marker node names for a given inline type
+     */
+    private getMarkerNames;
+    renderToHTML(node: SyntaxNode, children: string): string | null;
+}
+
+/**
+ * LinkPlugin - Decorates and provides interactivity for markdown links
+ *
+ * Supports the full link syntax: [text](url) and [text](url "title")
+ * - Click: reveals raw markdown (selects/focuses the link syntax)
+ * - Ctrl+Click: opens the link URL in a new browser tab
+ * - Hover: shows tooltip with the link URL
+ * - Hides the markdown syntax when cursor is not in range
+ * - Shows raw markdown when cursor is within the link range
+ */
+declare class LinkPlugin extends DecorationPlugin {
+    readonly name = "link";
+    readonly version = "1.0.0";
+    decorationPriority: number;
+    readonly requiredNodes: readonly ["Link"];
+    constructor();
+    /**
+     * Plugin theme
+     */
+    get theme(): (theme: ThemeEnum) => ThemeStyle;
+    /**
+     * Keyboard shortcuts for link formatting
+     */
+    getKeymap(): KeyBinding[];
+    /**
+     * URL regex pattern
+     */
+    private readonly urlPattern;
+    /**
+     * Toggle link on selection
+     * - If text is selected and is a URL: [](url) with cursor in brackets
+     * - If text is selected (not URL): [text]() with cursor in parentheses
+     * - If nothing selected: []() with cursor in brackets
+     * - If already a link: remove syntax, leave plain text
+     */
+    private toggleLink;
+    buildDecorations(ctx: DecorationContext): void;
+    /**
+     * Decorate raw link markdown when cursor is in range
+     */
+    private decorateRawLink;
+    /**
+     * Render link to HTML for preview mode
+     */
+    renderToHTML(node: SyntaxNode, _children: string, ctx: {
+        sliceDoc(from: number, to: number): string;
+        sanitize(html: string): string;
+    }): string | null;
+}
+
+/**
+ * Decorates markdown lists with custom styling.
+ *
+ * Supports:
+ * - **Unordered lists** — Replaces `*`, `-`, `+` markers with styled bullets
+ * - **Ordered lists** — Styles numbered markers (`1.`, `2.`, etc.)
+ * - **Task lists** — Renders `[ ]`/`[x]` as interactive checkboxes
+ */
+declare class ListPlugin extends DecorationPlugin {
+    readonly name = "list";
+    readonly version = "1.0.0";
+    decorationPriority: number;
+    readonly requiredNodes: readonly ["BulletList", "OrderedList", "ListItem", "ListMark", "Task", "TaskMarker"];
+    get theme(): (theme: ThemeEnum) => ThemeStyle;
+    /**
+     * Keyboard shortcuts for list formatting
+     */
+    getKeymap(): KeyBinding[];
+    /**
+     * Toggle list marker on current line or selected lines
+     */
+    private toggleListOnLines;
+    buildDecorations(ctx: DecorationContext): void;
+    /** Add line decoration for list items with nesting depth */
+    private decorateListItem;
+    /** Check if a ListItem node has a Task child */
+    private hasTaskChild;
+    /** Decorate list markers (bullets for UL, numbers for OL) */
+    private decorateListMark;
+    /** Decorate task markers - show checkbox widget or raw text based on cursor */
+    private decorateTaskMarker;
+    /** Render list nodes to HTML */
+    renderToHTML(node: SyntaxNode, children: string, ctx: {
+        sliceDoc(from: number, to: number): string;
+        sanitize(html: string): string;
+    }): string | null;
+}
+
+/**
+ * HTMLPlugin - Decorates and Renders HTML in markdown
+ */
+declare class HTMLPlugin extends DecorationPlugin {
+    readonly name = "html";
+    readonly version = "1.0.0";
+    decorationPriority: number;
+    constructor();
+    /**
+     * Plugin theme
+     */
+    get theme(): (theme: ThemeEnum) => ThemeStyle;
+    buildDecorations(ctx: DecorationContext): void;
+}
+
+/**
+ * ImagePlugin - Decorates and renders images in markdown
+ *
+ * Supports the full image syntax: ![alt text](url "optional title")
+ * - Shows image widget below the node when cursor is not in range
+ * - Hides the markdown syntax when cursor is not in range
+ * - Shows raw markdown when cursor is in the image syntax
+ * - Uses figure/figcaption for semantic HTML with accessibility attributes
+ */
+declare class ImagePlugin extends DecorationPlugin {
+    readonly name = "image";
+    readonly version = "1.0.0";
+    decorationPriority: number;
+    readonly requiredNodes: readonly ["Image"];
+    constructor();
+    /**
+     * Plugin theme
+     */
+    get theme(): (theme: ThemeEnum) => ThemeStyle;
+    /**
+     * Keyboard shortcuts for image formatting
+     */
+    getKeymap(): KeyBinding[];
+    /**
+     * URL regex pattern
+     */
+    private readonly urlPattern;
+    /**
+     * Toggle image on selection
+     * - If text selected and is a URL: ![Alt Text](url) with cursor in brackets
+     * - If text selected (not URL): ![text]() with cursor in parentheses
+     * - If nothing selected: ![Alt Text]() with cursor in parentheses
+     * - If already an image: remove syntax, leave just the URL
+     */
+    private toggleImage;
+    buildDecorations(ctx: DecorationContext): void;
+    /**
+     * Decorate raw image markdown when cursor is in range
+     */
+    private decorateRawImage;
+    /**
+     * Render image to HTML for preview mode using figure/figcaption
+     */
+    renderToHTML(node: SyntaxNode, _children: string, ctx: {
+        sliceDoc(from: number, to: number): string;
+        sanitize(html: string): string;
+    }): string | null;
+}
+
+/**
+ * MathPlugin - Renders LaTeX math expressions using KaTeX
+ *
+ * Supports:
+ * - Inline math: $E = mc^2$
+ * - Block math (display mode):
+ *   $$
+ *   \int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}
+ *   $$
+ *
+ * Behavior:
+ * - Inline math: Show rendered output when cursor outside, raw LaTeX when inside
+ * - Block math: Always show rendered output below, hide raw when cursor outside (like ImagePlugin)
+ */
+declare class MathPlugin extends DecorationPlugin {
+    readonly name = "math";
+    readonly version = "1.0.0";
+    decorationPriority: number;
+    readonly requiredNodes: readonly ["InlineMath", "MathBlock", "InlineMathMark", "MathBlockMark"];
+    constructor();
+    /**
+     * Plugin theme
+     */
+    get theme(): (theme: ThemeEnum) => ThemeStyle;
+    /**
+     * Return markdown parser extensions for math syntax
+     */
+    getMarkdownConfig(): MarkdownConfig;
+    /**
+     * Build decorations for math expressions
+     */
+    buildDecorations(ctx: DecorationContext): void;
+    /**
+     * Render math to HTML for preview mode
+     */
+    renderToHTML(node: SyntaxNode, _children: string, ctx: {
+        sliceDoc(from: number, to: number): string;
+        sanitize(html: string): string;
+    }): string | null;
+}
+
+/**
+ * MermaidPlugin - Renders mermaid diagrams in the editor
+ *
+ * Supports block mermaid syntax:
+ *   ```mermaid
+ *   graph TD
+ *     A --> B
+ *   ```
+ *
+ * Behavior:
+ * - Always show rendered diagram below the block
+ * - Hide raw definition when cursor is outside the block
+ * - Show raw definition with styled markers when cursor is inside
+ */
+declare class MermaidPlugin extends DecorationPlugin {
+    readonly name = "mermaid";
+    readonly version = "1.0.0";
+    decorationPriority: number;
+    readonly requiredNodes: readonly ["MermaidBlock", "MermaidBlockMark"];
+    constructor();
+    /**
+     * Plugin theme
+     */
+    get theme(): (theme: ThemeEnum) => ThemeStyle;
+    /**
+     * Return markdown parser extensions for mermaid syntax
+     */
+    getMarkdownConfig(): MarkdownConfig;
+    /**
+     * Build decorations for mermaid blocks
+     */
+    buildDecorations(ctx: DecorationContext): void;
+    /**
+     * Render mermaid to HTML for preview mode
+     *
+     * Renders the actual mermaid diagram to SVG HTML
+     */
+    renderToHTML(node: SyntaxNode, _children: string, ctx: {
+        sliceDoc(from: number, to: number): string;
+        sanitize(html: string): string;
+    }): Promise<string | null>;
+}
+
+/**
+ * Text highlight definition
+ * Matches text or regex patterns with optional instance selection
+ */
+interface TextHighlight {
+    /** The pattern to match (regex without slashes) */
+    pattern: string;
+    /** Specific instances to highlight (e.g., [3,5] or range [3,4,5]) */
+    instances?: number[];
+}
+/**
+ * Properties extracted from CodeInfo string
+ *
+ * Example: ```tsx line-numbers{5} title="hello.tsx" caption="Example" copy {2-4,5} /Hello/3-5
+ */
+interface CodeBlockProperties {
+    /** Language identifier (first token) */
+    language: string;
+    /** Show line numbers, optionally starting from a specific number */
+    lineNumbers?: number | boolean;
+    /** Title to display */
+    title?: string;
+    /** Caption to display */
+    caption?: string;
+    /** Show copy button */
+    copy?: boolean;
+    /** Lines to highlight (e.g., [2,3,4,5,9]) */
+    highlightLines?: number[];
+    /** Text patterns to highlight with optional instance selection */
+    highlightText?: TextHighlight[];
+}
+/**
+ * CodePlugin - Handles inline code and fenced code blocks.
+ *
+ * **Inline code:** `code`
+ * Hides backticks when cursor is not in range.
+ *
+ * **Fenced code blocks:**
+ * Supports syntax highlighting, line numbers, line/text highlighting,
+ * title, caption, and copy button via CodeInfo properties.
+ *
+ * @example
+ * ```tsx line-numbers{5} title="example.tsx" {2-4} /pattern/
+ * const x = 1;
+ * ```
+ */
+declare class CodePlugin extends DecorationPlugin {
+    readonly name = "code";
+    readonly version = "1.0.0";
+    decorationPriority: number;
+    readonly requiredNodes: readonly ["InlineCode", "FencedCode", "CodeMark", "CodeInfo", "CodeText"];
+    /**
+     * Plugin theme
+     */
+    get theme(): (theme: ThemeEnum) => ThemeStyle;
+    /**
+     * Keyboard shortcuts for code formatting
+     */
+    getKeymap(): KeyBinding[];
+    /**
+     * Toggle code block on current line or selected lines
+     */
+    private toggleCodeBlock;
+    /**
+     * Parse CodeInfo string into structured properties
+     *
+     * @param codeInfo - The raw CodeInfo string (e.g., "tsx line-numbers{5} title=\"hello.tsx\" copy {2-4,5} /Hello/3-5")
+     * @returns Parsed CodeBlockProperties object
+     *
+     * @example
+     * ```typescript
+     * parseCodeInfo("tsx line-numbers{5} title=\"hello.tsx\" copy {2-4,5} /Hello/3-5")
+     * ```
+     *
+     * Returns:
+     * ```json
+     * {
+     *   language: "tsx",
+     *   lineNumbers: 5,
+     *   title: "hello.tsx",
+     *   copy: true,
+     *   highlightLines: [2,3,4,5],
+     *   highlightText: [{ pattern: "Hello", instances: [3,4,5] }]
+     * }
+     * ```
+     */
+    parseCodeInfo(codeInfo: string): CodeBlockProperties;
+    /**
+     * Build decorations for inline code and fenced code blocks.
+     * Handles line numbers, highlights, header/caption widgets, and fence visibility.
+     */
+    buildDecorations(ctx: DecorationContext): void;
+    /**
+     * Render code elements to HTML for static preview.
+     * Applies syntax highlighting using @lezer/highlight.
+     */
+    renderToHTML(node: SyntaxNode, children: string, ctx: {
+        sliceDoc(from: number, to: number): string;
+        sanitize(html: string): string;
+    }): string | null;
+    /**
+     * Highlight a single line of code using the language's Lezer parser.
+     * Falls back to sanitized plain text if the language is not supported.
+     */
+    private highlightCodeLine;
+    /**
+     * Apply text highlights (regex patterns) to already syntax-highlighted HTML.
+     * Wraps matched patterns in `<mark>` elements.
+     */
+    private applyTextHighlights;
+}
+
+/**
+ * QuotePlugin - Decorates markdown blockquotes
+ *
+ * Adds visual styling to blockquotes (> prefixed lines)
+ * - Line decorations for indicating quote blocks with a left border
+ * - Mark decorations for quote content
+ * - Hides > markers when cursor is not in the blockquote
+ */
+declare class QuotePlugin extends DecorationPlugin {
+    readonly name = "quote";
+    readonly version = "1.0.0";
+    decorationPriority: number;
+    readonly requiredNodes: readonly ["Blockquote", "QuoteMark"];
+    /**
+     * Constructor - calls super constructor
+     */
+    constructor();
+    /**
+     * Plugin theme
+     */
+    get theme(): (theme: ThemeEnum) => ThemeStyle;
+    /**
+     * Build blockquote decorations by iterating the syntax tree
+     */
+    buildDecorations(ctx: DecorationContext): void;
+    /**
+     * Recursively find and hide quote marks
+     */
+    private hideQuoteMarks;
+    renderToHTML(node: SyntaxNode, children: string): string | null;
+}
+
+/**
+ * HRPlugin - Decorates markdown horizontal rules
+ *
+ * Adds visual styling to thematic breaks (---, ***, ___)
+ * - Line decoration that renders a centered horizontal line
+ * - Hides raw marker characters when the cursor is not on the line
+ */
+declare class HRPlugin extends DecorationPlugin {
+    readonly name = "hr";
+    readonly version = "1.0.0";
+    decorationPriority: number;
+    readonly requiredNodes: readonly ["HorizontalRule"];
+    /**
+     * Constructor - calls super constructor
+     */
+    constructor();
+    /**
+     * Plugin theme
+     */
+    get theme(): (theme: ThemeEnum) => ThemeStyle;
+    /**
+     * Build horizontal rule decorations by iterating the syntax tree
+     */
+    buildDecorations(ctx: DecorationContext): void;
+    renderToHTML(node: SyntaxNode, _children: string): string | null;
+}
+
+/**
+ * Default plugins
+ *
+ * This is the set of essential plugins
+ */
+declare const essentialPlugins: DraftlyPlugin[];
+/**
+ * All plugins
+ *
+ * This is the set of all plugins available with draftly
+ */
+declare const allPlugins: DraftlyPlugin[];
+
+export { CodePlugin, HRPlugin, HTMLPlugin, HeadingPlugin, ImagePlugin, InlinePlugin, LinkPlugin, ListPlugin, MathPlugin, MermaidPlugin, ParagraphPlugin, QuotePlugin, allPlugins, essentialPlugins };

package/dist/plugins/index.js

@@ -0,0 +1,5 @@
+export { CodePlugin, HRPlugin, HTMLPlugin, HeadingPlugin, ImagePlugin, InlinePlugin, LinkPlugin, ListPlugin, MathPlugin, MermaidPlugin, ParagraphPlugin, QuotePlugin, allPlugins, essentialPlugins } from '../chunk-N3WL3XPB.js';
+import '../chunk-CG4M4TC7.js';
+import '../chunk-DFQYXFOP.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/plugins/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/preview/index.cjs

@@ -0,0 +1,29 @@
+'use strict';
+
+var chunkKBQDZ5IW_cjs = require('../chunk-KBQDZ5IW.cjs');
+require('../chunk-KDEDLC3D.cjs');
+
+
+
+Object.defineProperty(exports, "PreviewRenderer", {
+  enumerable: true,
+  get: function () { return chunkKBQDZ5IW_cjs.PreviewRenderer; }
+});
+Object.defineProperty(exports, "defaultRenderers", {
+  enumerable: true,
+  get: function () { return chunkKBQDZ5IW_cjs.defaultRenderers; }
+});
+Object.defineProperty(exports, "escapeHtml", {
+  enumerable: true,
+  get: function () { return chunkKBQDZ5IW_cjs.escapeHtml; }
+});
+Object.defineProperty(exports, "generateCSS", {
+  enumerable: true,
+  get: function () { return chunkKBQDZ5IW_cjs.generateCSS; }
+});
+Object.defineProperty(exports, "preview", {
+  enumerable: true,
+  get: function () { return chunkKBQDZ5IW_cjs.preview; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/preview/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/preview/index.d.cts

@@ -0,0 +1,143 @@
+import * as _lezer_markdown from '@lezer/markdown';
+import { MarkdownConfig } from '@lezer/markdown';
+import { d as DraftlyPlugin, T as ThemeEnum } from '../draftly-BLnx3uGX.cjs';
+import { SyntaxNode } from '@lezer/common';
+import '@codemirror/state';
+import '@codemirror/view';
+import 'style-mod';
+
+/**
+ * Context passed to plugin preview methods
+ */
+interface PreviewContext {
+    /** Full document text */
+    readonly doc: string;
+    /** Current theme */
+    readonly theme: ThemeEnum;
+    /** Slice document text between positions */
+    sliceDoc(from: number, to: number): string;
+    /** Sanitize HTML content (for HTMLBlock/HTMLTag) */
+    sanitize(html: string): string;
+    /** Render children of a node to HTML */
+    renderChildren(node: SyntaxNode): Promise<string>;
+}
+/**
+ * Configuration for the preview renderer
+ */
+interface PreviewConfig {
+    /** Plugins to use for rendering */
+    plugins?: DraftlyPlugin[];
+    /** Markdown extensions to use for rendering */
+    markdown?: _lezer_markdown.MarkdownConfig[];
+    /** CSS class for the wrapper element */
+    wrapperClass?: string;
+    /** HTML tag for the wrapper element */
+    wrapperTag?: "article" | "div" | "section";
+    /** Whether to sanitize HTML blocks (default: true) */
+    sanitize?: boolean;
+    /** Theme to use */
+    theme?: ThemeEnum;
+}
+/**
+ * Result of CSS generation
+ */
+interface GenerateCSSConfig {
+    /** Plugins to extract styles from */
+    plugins?: DraftlyPlugin[];
+    /** Theme to use */
+    theme?: ThemeEnum;
+    /** Wrapper class for scoping (default: "draftly-preview") */
+    wrapperClass?: string;
+    /** Include base styles */
+    includeBase?: boolean;
+}
+/**
+ * Node renderer function type
+ */
+type NodeRenderer = (node: SyntaxNode, children: string, ctx: PreviewContext) => string;
+/**
+ * Map of node names to their renderers
+ */
+type NodeRendererMap = Record<string, NodeRenderer>;
+
+/**
+ * Render markdown to semantic HTML
+ *
+ * @param markdown - Markdown string to render
+ * @param config - Preview configuration
+ * @returns HTML string
+ *
+ * @example
+ * ```ts
+ * import { preview } from 'draftly/preview';
+ * import { HeadingPlugin, ListPlugin } from 'draftly/plugins';
+ *
+ * const html = preview('# Hello World', {
+ *   plugins: [new HeadingPlugin(), new ListPlugin()],
+ *   wrapperClass: 'draftly-preview',
+ * });
+ * ```
+ */
+declare function preview(markdown: string, config?: PreviewConfig): Promise<string>;
+
+/**
+ * Generate CSS for preview rendering
+ *
+ * @param config - CSS generation configuration
+ * @returns CSS string
+ *
+ * @example
+ * ```ts
+ * import { generateCSS } from 'draftly/preview';
+ * import { HeadingPlugin, ListPlugin } from 'draftly/plugins';
+ *
+ * const css = generateCSS({
+ *   plugins: [new HeadingPlugin(), new ListPlugin()],
+ *   theme: ThemeEnum.AUTO,
+ *   includeBase: true,
+ * });
+ * ```
+ */
+declare function generateCSS(config?: GenerateCSSConfig): string;
+
+/**
+ * Escape HTML special characters
+ */
+declare function escapeHtml(text: string): string;
+/**
+ * Default node renderers for all markdown node types
+ */
+declare const defaultRenderers: NodeRendererMap;
+
+/**
+ * Renderer class that walks the syntax tree and produces HTML
+ */
+declare class PreviewRenderer {
+    private doc;
+    private theme;
+    private plugins;
+    private markdown;
+    private sanitizeHtml;
+    private renderers;
+    private ctx;
+    private nodeToPlugins;
+    constructor(doc: string, plugins: DraftlyPlugin[] | undefined, markdown: MarkdownConfig[], theme?: ThemeEnum, sanitize?: boolean);
+    /**
+     * Build a map from node names to plugins that handle them
+     */
+    private buildNodePluginMap;
+    /**
+     * Render the document to HTML
+     */
+    render(): Promise<string>;
+    /**
+     * Render a single node to HTML
+     */
+    private renderNode;
+    /**
+     * Render all children of a node, including text between nodes
+     */
+    private renderChildren;
+}
+
+export { type GenerateCSSConfig, type NodeRenderer, type NodeRendererMap, type PreviewConfig, type PreviewContext, PreviewRenderer, defaultRenderers, escapeHtml, generateCSS, preview };