@bendyline/squisq-react 0.1.2 → 1.0.1

package/dist/MarkdownRenderer.js

@@ -0,0 +1,133 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * MarkdownRenderer Component
+ *
+ * Converts a MarkdownBlockNode[] AST into React elements for rendering
+ * markdown content as readable HTML. Used by LinearDocView to display
+ * non-annotated document sections as flowing text.
+ *
+ * Supports all block and inline node types from the markdown DOM:
+ * - Block: paragraph, heading, blockquote, list, code, table,
+ *   thematicBreak, math, htmlBlock, definitionList, directives
+ * - Inline: text, emphasis, strong, delete, inlineCode, link,
+ *   image, break, inlineMath, htmlInline, footnoteReference
+ *
+ * All elements use the `squisq-md-*` CSS class prefix for styling.
+ */
+import { Fragment } from 'react';
+// ── Inline Renderer ────────────────────────────────────────────────
+/** Render an array of inline nodes into React elements. */
+function renderInline(nodes, keyPrefix = '') {
+    return nodes.map((node, i) => {
+        const key = `${keyPrefix}i${i}`;
+        switch (node.type) {
+            case 'text':
+                return _jsx(Fragment, { children: node.value }, key);
+            case 'emphasis':
+                return (_jsx("em", { className: "squisq-md-em", children: renderInline(node.children, key) }, key));
+            case 'strong':
+                return (_jsx("strong", { className: "squisq-md-strong", children: renderInline(node.children, key) }, key));
+            case 'delete':
+                return (_jsx("del", { className: "squisq-md-del", children: renderInline(node.children, key) }, key));
+            case 'inlineCode':
+                return (_jsx("code", { className: "squisq-md-inline-code", children: node.value }, key));
+            case 'link':
+                return (_jsx("a", { className: "squisq-md-link", href: node.url, title: node.title ?? undefined, target: "_blank", rel: "noopener noreferrer", children: renderInline(node.children, key) }, key));
+            case 'image':
+                return (_jsx("img", { className: "squisq-md-image", src: node.url, alt: node.alt ?? '', title: node.title ?? undefined }, key));
+            case 'break':
+                return _jsx("br", {}, key);
+            case 'inlineMath':
+                return (_jsx("code", { className: "squisq-md-inline-math", children: node.value }, key));
+            case 'htmlInline':
+                return (_jsx("span", { className: "squisq-md-html-inline", dangerouslySetInnerHTML: { __html: node.rawHtml } }, key));
+            case 'footnoteReference':
+                return (_jsx("sup", { className: "squisq-md-footnote-ref", children: _jsxs("a", { href: `#fn-${node.identifier}`, children: ["[", node.label ?? node.identifier, "]"] }) }, key));
+            case 'linkReference':
+                // Render as plain text (definition targets not available at render time)
+                return (_jsx("span", { className: "squisq-md-link-ref", children: renderInline(node.children, key) }, key));
+            case 'imageReference':
+                return (_jsxs("span", { className: "squisq-md-image-ref", children: ["[", node.alt ?? node.identifier, "]"] }, key));
+            case 'textDirective':
+                return (_jsx("span", { className: "squisq-md-text-directive", "data-directive": node.name, children: renderInline(node.children, key) }, key));
+            default:
+                return null;
+        }
+    });
+}
+// ── Block Renderer ─────────────────────────────────────────────────
+/** Render a single block-level node into a React element. */
+function renderBlock(node, key) {
+    switch (node.type) {
+        case 'paragraph':
+            return (_jsx("p", { className: "squisq-md-p", children: renderInline(node.children, key) }, key));
+        case 'heading': {
+            const Tag = `h${node.depth}`;
+            return (_jsx(Tag, { className: `squisq-md-heading squisq-md-h${node.depth}`, children: renderInline(node.children, key) }, key));
+        }
+        case 'blockquote':
+            return (_jsx("blockquote", { className: "squisq-md-blockquote", children: renderBlocks(node.children, key) }, key));
+        case 'list':
+            if (node.ordered) {
+                return (_jsx("ol", { className: "squisq-md-list squisq-md-ol", start: node.start ?? undefined, children: node.children.map((item, i) => renderListItem(item, `${key}li${i}`)) }, key));
+            }
+            return (_jsx("ul", { className: "squisq-md-list squisq-md-ul", children: node.children.map((item, i) => renderListItem(item, `${key}li${i}`)) }, key));
+        case 'code':
+            return (_jsx("pre", { className: "squisq-md-code-block", children: _jsx("code", { className: node.lang ? `language-${node.lang}` : undefined, children: node.value }) }, key));
+        case 'thematicBreak':
+            return _jsx("hr", { className: "squisq-md-hr" }, key);
+        case 'table':
+            return renderTable(node.children, node.align, key);
+        case 'htmlBlock':
+            return (_jsx("div", { className: "squisq-md-html-block", dangerouslySetInnerHTML: { __html: node.rawHtml } }, key));
+        case 'math':
+            return (_jsx("pre", { className: "squisq-md-math-block", children: _jsx("code", { children: node.value }) }, key));
+        case 'definition':
+            // Link definitions aren't rendered visually
+            return null;
+        case 'footnoteDefinition':
+            return (_jsxs("div", { className: "squisq-md-footnote-def", id: `fn-${node.identifier}`, children: [_jsx("sup", { children: node.label ?? node.identifier }), renderBlocks(node.children, key)] }, key));
+        case 'containerDirective':
+            return (_jsxs("div", { className: `squisq-md-directive squisq-md-directive-${node.name}`, "data-directive": node.name, children: [node.label && _jsx("div", { className: "squisq-md-directive-label", children: node.label }), renderBlocks(node.children, key)] }, key));
+        case 'leafDirective':
+            return (_jsx("div", { className: `squisq-md-directive squisq-md-directive-${node.name}`, "data-directive": node.name, children: renderInline(node.children, key) }, key));
+        case 'definitionList':
+            return (_jsx("dl", { className: "squisq-md-dl", children: node.children.map((child, i) => {
+                    if (child.type === 'definitionTerm') {
+                        return (_jsx("dt", { className: "squisq-md-dt", children: renderInline(child.children, `${key}dt${i}`) }, `${key}dt${i}`));
+                    }
+                    return (_jsx("dd", { className: "squisq-md-dd", children: renderBlocks(child.children, `${key}dd${i}`) }, `${key}dd${i}`));
+                }) }, key));
+        default:
+            return null;
+    }
+}
+/** Render a list item, including task-list checkbox support. */
+function renderListItem(item, key) {
+    const isTask = item.checked !== null && item.checked !== undefined;
+    return (_jsxs("li", { className: `squisq-md-li${isTask ? ' squisq-md-task' : ''}`, children: [isTask && (_jsx("input", { type: "checkbox", checked: !!item.checked, readOnly: true, className: "squisq-md-checkbox" })), renderBlocks(item.children, key)] }, key));
+}
+/** Render a table from rows and alignment data. */
+function renderTable(rows, align, key) {
+    const [headerRow, ...bodyRows] = rows;
+    return (_jsxs("table", { className: "squisq-md-table", children: [headerRow && (_jsx("thead", { children: _jsx("tr", { children: headerRow.children.map((cell, ci) => (_jsx("th", { className: "squisq-md-th", style: align?.[ci] ? { textAlign: align[ci] } : undefined, children: renderInline(cell.children, `${key}th${ci}`) }, `${key}th${ci}`))) }) })), bodyRows.length > 0 && (_jsx("tbody", { children: bodyRows.map((row, ri) => (_jsx("tr", { children: row.children.map((cell, ci) => (_jsx("td", { className: "squisq-md-td", style: align?.[ci] ? { textAlign: align[ci] } : undefined, children: renderInline(cell.children, `${key}td${ri}-${ci}`) }, `${key}td${ri}-${ci}`))) }, `${key}tr${ri}`))) }))] }, key));
+}
+/** Render an array of block-level nodes. */
+function renderBlocks(nodes, keyPrefix = '') {
+    return nodes.map((node, i) => renderBlock(node, `${keyPrefix}b${i}`));
+}
+// ── Main Component ─────────────────────────────────────────────────
+/**
+ * Renders MarkdownBlockNode[] AST as React HTML elements.
+ *
+ * @example
+ * ```tsx
+ * <MarkdownRenderer nodes={block.contents} />
+ * ```
+ */
+export function MarkdownRenderer({ nodes, className }) {
+    if (!nodes || nodes.length === 0)
+        return null;
+    return _jsx("div", { className: `squisq-md ${className || ''}`, children: renderBlocks(nodes) });
+}
+//# sourceMappingURL=MarkdownRenderer.js.map

package/dist/MarkdownRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownRenderer.js","sourceRoot":"","sources":["../src/MarkdownRenderer.tsx"],"names":[],"mappings":"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"}

package/dist/__tests__/BlockRenderer.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=BlockRenderer.test.d.ts.map

package/dist/__tests__/BlockRenderer.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockRenderer.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/BlockRenderer.test.tsx"],"names":[],"mappings":""}

package/dist/__tests__/BlockRenderer.test.js

@@ -0,0 +1,82 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { describe, it, expect } from 'vitest';
+import { render } from '@testing-library/react';
+import { BlockRenderer, VIEWPORT } from '../BlockRenderer';
+describe('VIEWPORT constant', () => {
+    it('has correct 1080p dimensions', () => {
+        expect(VIEWPORT.width).toBe(1920);
+        expect(VIEWPORT.height).toBe(1080);
+    });
+});
+describe('BlockRenderer', () => {
+    const minimalBlock = {
+        id: 'test-block',
+        startTime: 0,
+        duration: 5,
+        audioSegment: 0,
+        layers: [],
+    };
+    it('renders an SVG element', () => {
+        const { container } = render(_jsx(BlockRenderer, { block: minimalBlock, blockTime: 0, basePath: "/test" }));
+        const svg = container.querySelector('svg');
+        expect(svg).toBeTruthy();
+    });
+    it('renders with correct viewBox', () => {
+        const { container } = render(_jsx(BlockRenderer, { block: minimalBlock, blockTime: 0, basePath: "/test" }));
+        const svg = container.querySelector('svg');
+        expect(svg?.getAttribute('viewBox')).toBe('0 0 1920 1080');
+    });
+    it('renders with custom viewport', () => {
+        const { container } = render(_jsx(BlockRenderer, { block: minimalBlock, blockTime: 0, basePath: "/test", viewport: { width: 1080, height: 1920 } }));
+        const svg = container.querySelector('svg');
+        expect(svg?.getAttribute('viewBox')).toBe('0 0 1080 1920');
+    });
+    it('renders text layers', () => {
+        const blockWithText = {
+            id: 'text-block',
+            startTime: 0,
+            duration: 5,
+            audioSegment: 0,
+            layers: [
+                {
+                    type: 'text',
+                    id: 'title',
+                    content: {
+                        text: 'Hello World',
+                        style: {
+                            fontSize: 48,
+                            color: '#ffffff',
+                        },
+                    },
+                    position: { x: 100, y: 100 },
+                },
+            ],
+        };
+        const { container } = render(_jsx(BlockRenderer, { block: blockWithText, blockTime: 0, basePath: "/test" }));
+        // Text should be rendered somewhere in the SVG
+        expect(container.textContent).toContain('Hello World');
+    });
+    it('renders shape layers', () => {
+        const blockWithShape = {
+            id: 'shape-block',
+            startTime: 0,
+            duration: 5,
+            audioSegment: 0,
+            layers: [
+                {
+                    type: 'shape',
+                    id: 'bg',
+                    content: {
+                        shape: 'rect',
+                        fill: '#000000',
+                    },
+                    position: { x: 0, y: 0, width: 1920, height: 1080 },
+                },
+            ],
+        };
+        const { container } = render(_jsx(BlockRenderer, { block: blockWithShape, blockTime: 0, basePath: "/test" }));
+        const rect = container.querySelector('rect');
+        expect(rect).toBeTruthy();
+    });
+});
+//# sourceMappingURL=BlockRenderer.test.js.map

package/dist/__tests__/BlockRenderer.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockRenderer.test.js","sourceRoot":"","sources":["../../src/__tests__/BlockRenderer.test.tsx"],"names":[],"mappings":"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"}

package/dist/__tests__/DocControlsSlideshow.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=DocControlsSlideshow.test.d.ts.map

package/dist/__tests__/DocControlsSlideshow.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocControlsSlideshow.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/DocControlsSlideshow.test.tsx"],"names":[],"mappings":""}

package/dist/__tests__/DocControlsSlideshow.test.js

@@ -0,0 +1,88 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { describe, it, expect } from 'vitest';
+import { render, fireEvent } from '@testing-library/react';
+import { DocControlsSlideshow } from '../DocControlsSlideshow';
+function makeState(overrides = {}) {
+    return {
+        isPlaying: false,
+        currentTime: 0,
+        totalDuration: 60,
+        currentBlockIndex: 2,
+        totalBlocks: 10,
+        docProgress: 0.2,
+        hasCaptions: false,
+        captionsEnabled: false,
+        currentSegmentIndex: 0,
+        currentSegmentName: null,
+        currentBlock: null,
+        ...overrides,
+    };
+}
+function makeSlideNav(overrides = {}) {
+    return {
+        nextSlide: overrides.nextSlide ?? (() => { }),
+        prevSlide: overrides.prevSlide ?? (() => { }),
+        goToSlide: overrides.goToSlide ?? (() => { }),
+    };
+}
+describe('DocControlsSlideshow', () => {
+    it('renders prev, next buttons and slide counter', () => {
+        const { getByTestId } = render(_jsx(DocControlsSlideshow, { state: makeState(), slideNav: makeSlideNav() }));
+        expect(getByTestId('slide-prev')).toBeTruthy();
+        expect(getByTestId('slide-next')).toBeTruthy();
+        expect(getByTestId('slide-counter')).toBeTruthy();
+    });
+    it('shows correct slide counter text', () => {
+        const { getByTestId } = render(_jsx(DocControlsSlideshow, { state: makeState({ currentBlockIndex: 4, totalBlocks: 12 }), slideNav: makeSlideNav() }));
+        expect(getByTestId('slide-counter').textContent).toBe('5 / 12');
+    });
+    it('disables prev button on first slide', () => {
+        const { getByTestId } = render(_jsx(DocControlsSlideshow, { state: makeState({ currentBlockIndex: 0 }), slideNav: makeSlideNav() }));
+        const prevBtn = getByTestId('slide-prev');
+        expect(prevBtn.disabled).toBe(true);
+    });
+    it('disables next button on last slide', () => {
+        const { getByTestId } = render(_jsx(DocControlsSlideshow, { state: makeState({ currentBlockIndex: 9, totalBlocks: 10 }), slideNav: makeSlideNav() }));
+        const nextBtn = getByTestId('slide-next');
+        expect(nextBtn.disabled).toBe(true);
+    });
+    it('enables both buttons on a middle slide', () => {
+        const { getByTestId } = render(_jsx(DocControlsSlideshow, { state: makeState({ currentBlockIndex: 3, totalBlocks: 10 }), slideNav: makeSlideNav() }));
+        const prevBtn = getByTestId('slide-prev');
+        const nextBtn = getByTestId('slide-next');
+        expect(prevBtn.disabled).toBe(false);
+        expect(nextBtn.disabled).toBe(false);
+    });
+    it('calls nextSlide when next button is clicked', () => {
+        let called = false;
+        const nav = makeSlideNav({
+            nextSlide: () => {
+                called = true;
+            },
+        });
+        const { getByTestId } = render(_jsx(DocControlsSlideshow, { state: makeState(), slideNav: nav }));
+        fireEvent.click(getByTestId('slide-next'));
+        expect(called).toBe(true);
+    });
+    it('calls prevSlide when prev button is clicked', () => {
+        let called = false;
+        const nav = makeSlideNav({
+            prevSlide: () => {
+                called = true;
+            },
+        });
+        const { getByTestId } = render(_jsx(DocControlsSlideshow, { state: makeState(), slideNav: nav }));
+        fireEvent.click(getByTestId('slide-prev'));
+        expect(called).toBe(true);
+    });
+    it('shows dash for empty doc', () => {
+        const { getByTestId } = render(_jsx(DocControlsSlideshow, { state: makeState({ currentBlockIndex: -1, totalBlocks: 0 }), slideNav: makeSlideNav() }));
+        expect(getByTestId('slide-counter').textContent).toBe('—');
+    });
+    it('has correct aria-labels', () => {
+        const { getByTestId } = render(_jsx(DocControlsSlideshow, { state: makeState(), slideNav: makeSlideNav() }));
+        expect(getByTestId('slide-prev').getAttribute('aria-label')).toBe('Previous slide');
+        expect(getByTestId('slide-next').getAttribute('aria-label')).toBe('Next slide');
+    });
+});
+//# sourceMappingURL=DocControlsSlideshow.test.js.map

package/dist/__tests__/DocControlsSlideshow.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocControlsSlideshow.test.js","sourceRoot":"","sources":["../../src/__tests__/DocControlsSlideshow.test.tsx"],"names":[],"mappings":"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"}

package/dist/__tests__/LinearDocView.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=LinearDocView.test.d.ts.map

package/dist/__tests__/LinearDocView.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinearDocView.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/LinearDocView.test.tsx"],"names":[],"mappings":""}

package/dist/__tests__/LinearDocView.test.js

@@ -0,0 +1,160 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { describe, it, expect } from 'vitest';
+import { render } from '@testing-library/react';
+import { LinearDocView } from '../LinearDocView';
+// ── Helpers ────────────────────────────────────────────────────────
+function text(value) {
+    return { type: 'text', value };
+}
+function paragraph(...children) {
+    return { type: 'paragraph', children };
+}
+function mkHeading(depth, value) {
+    return { type: 'heading', depth, children: [text(value)] };
+}
+function mkBlock(overrides = {}) {
+    return {
+        id: 'block-1',
+        startTime: 0,
+        duration: 3,
+        audioSegment: 0,
+        ...overrides,
+    };
+}
+function mkDoc(blocks) {
+    return {
+        articleId: 'test-article',
+        duration: 10,
+        blocks,
+        audio: { segments: [] },
+    };
+}
+// ── Tests ──────────────────────────────────────────────────────────
+describe('LinearDocView', () => {
+    it('renders a scrollable container', () => {
+        const doc = mkDoc([
+            mkBlock({
+                id: 'preamble',
+                contents: [paragraph(text('Introduction text'))],
+            }),
+        ]);
+        const { container } = render(_jsx(LinearDocView, { doc: doc }));
+        const el = container.querySelector('.squisq-linear');
+        expect(el).toBeTruthy();
+        expect(el.style.overflowY).toBe('auto');
+    });
+    it('renders preamble content (no heading)', () => {
+        const doc = mkDoc([
+            mkBlock({
+                id: 'preamble',
+                contents: [paragraph(text('Preamble body'))],
+            }),
+        ]);
+        const { container } = render(_jsx(LinearDocView, { doc: doc }));
+        // Should render paragraph but no heading
+        expect(container.textContent).toContain('Preamble body');
+        const headings = container.querySelectorAll('h1, h2, h3');
+        expect(headings.length).toBe(0);
+    });
+    it('renders non-annotated block with heading + content', () => {
+        const doc = mkDoc([
+            mkBlock({
+                id: 'section-1',
+                sourceHeading: mkHeading(2, 'My Section'),
+                contents: [paragraph(text('Section body text'))],
+            }),
+        ]);
+        const { container } = render(_jsx(LinearDocView, { doc: doc }));
+        expect(container.querySelector('h2')?.textContent).toBe('My Section');
+        expect(container.textContent).toContain('Section body text');
+    });
+    it('renders annotated block as SVG card', () => {
+        const doc = mkDoc([
+            mkBlock({
+                id: 'annotated-1',
+                template: 'sectionHeader',
+                sourceHeading: {
+                    type: 'heading',
+                    depth: 2,
+                    children: [text('Visual Block')],
+                    templateAnnotation: {
+                        template: 'sectionHeader',
+                    },
+                },
+                contents: [paragraph(text('Body'))],
+            }),
+        ]);
+        const { container } = render(_jsx(LinearDocView, { doc: doc }));
+        // Should have a card wrapper
+        const card = container.querySelector('.squisq-linear-card');
+        expect(card).toBeTruthy();
+        // Should contain an SVG (from BlockRenderer)
+        const svg = card?.querySelector('svg');
+        expect(svg).toBeTruthy();
+    });
+    it('renders children recursively', () => {
+        const doc = mkDoc([
+            mkBlock({
+                id: 'parent',
+                sourceHeading: mkHeading(1, 'Parent'),
+                contents: [paragraph(text('Parent body'))],
+                children: [
+                    mkBlock({
+                        id: 'child',
+                        sourceHeading: mkHeading(2, 'Child'),
+                        contents: [paragraph(text('Child body'))],
+                    }),
+                ],
+            }),
+        ]);
+        const { container } = render(_jsx(LinearDocView, { doc: doc }));
+        expect(container.querySelector('h1')?.textContent).toBe('Parent');
+        expect(container.querySelector('h2')?.textContent).toBe('Child');
+        expect(container.textContent).toContain('Parent body');
+        expect(container.textContent).toContain('Child body');
+    });
+    it('renders multiple top-level blocks', () => {
+        const doc = mkDoc([
+            mkBlock({
+                id: 'b1',
+                sourceHeading: mkHeading(1, 'First'),
+                contents: [],
+            }),
+            mkBlock({
+                id: 'b2',
+                sourceHeading: mkHeading(1, 'Second'),
+                contents: [],
+            }),
+        ]);
+        const { container } = render(_jsx(LinearDocView, { doc: doc }));
+        const sections = container.querySelectorAll('.squisq-linear-section');
+        expect(sections.length).toBe(2);
+    });
+    it('does not render SVG for non-annotated blocks', () => {
+        const doc = mkDoc([
+            mkBlock({
+                id: 'plain',
+                sourceHeading: mkHeading(2, 'Plain Section'),
+                contents: [paragraph(text('Just text'))],
+            }),
+        ]);
+        const { container } = render(_jsx(LinearDocView, { doc: doc }));
+        expect(container.querySelector('.squisq-linear-card')).toBeNull();
+        expect(container.querySelector('svg')).toBeNull();
+    });
+    it('applies custom className', () => {
+        const doc = mkDoc([mkBlock({ id: 'x', contents: [] })]);
+        const { container } = render(_jsx(LinearDocView, { doc: doc, className: "my-class" }));
+        expect(container.querySelector('.squisq-linear.my-class')).toBeTruthy();
+    });
+    it('sets data-block-id on each section', () => {
+        const doc = mkDoc([
+            mkBlock({ id: 'alpha', contents: [] }),
+            mkBlock({ id: 'beta', contents: [] }),
+        ]);
+        const { container } = render(_jsx(LinearDocView, { doc: doc }));
+        expect(container.querySelector('[data-block-id="alpha"]')).toBeTruthy();
+        expect(container.querySelector('[data-block-id="beta"]')).toBeTruthy();
+    });
+});
+//# sourceMappingURL=LinearDocView.test.js.map

package/dist/__tests__/LinearDocView.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinearDocView.test.js","sourceRoot":"","sources":["../../src/__tests__/LinearDocView.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAQjD,sEAAsE;AAEtE,SAAS,IAAI,CAAC,KAAa;IACzB,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;AACjC,CAAC;AAED,SAAS,SAAS,CAAC,GAAG,QAA8B;IAClD,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC;AACzC,CAAC;AAED,SAAS,SAAS,CAAC,KAAgB,EAAE,KAAa;IAChD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;AAC7D,CAAC;AAED,SAAS,OAAO,CAAC,YAA4B,EAAE;IAC7C,OAAO;QACL,EAAE,EAAE,SAAS;QACb,SAAS,EAAE,CAAC;QACZ,QAAQ,EAAE,CAAC;QACX,YAAY,EAAE,CAAC;QACf,GAAG,SAAS;KACb,CAAC;AACJ,CAAC;AAED,SAAS,KAAK,CAAC,MAAe;IAC5B,OAAO;QACL,SAAS,EAAE,cAAc;QACzB,QAAQ,EAAE,EAAE;QACZ,MAAM;QACN,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;KACxB,CAAC;AACJ,CAAC;AAED,sEAAsE;AAEtE,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;QACxC,MAAM,GAAG,GAAG,KAAK,CAAC;YAChB,OAAO,CAAC;gBACN,EAAE,EAAE,UAAU;gBACd,QAAQ,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC;aACjD,CAAC;SACH,CAAC,CAAC;QACH,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,aAAa,IAAC,GAAG,EAAE,GAAG,GAAI,CAAC,CAAC;QAC1D,MAAM,EAAE,GAAG,SAAS,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;QACrD,MAAM,CAAC,EAAE,CAAC,CAAC,UAAU,EAAE,CAAC;QACxB,MAAM,CAAE,EAAkB,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE,GAAG,EAAE;QAC/C,MAAM,GAAG,GAAG,KAAK,CAAC;YAChB,OAAO,CAAC;gBACN,EAAE,EAAE,UAAU;gBACd,QAAQ,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC;aAC7C,CAAC;SACH,CAAC,CAAC;QACH,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,aAAa,IAAC,GAAG,EAAE,GAAG,GAAI,CAAC,CAAC;QAC1D,yCAAyC;QACzC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;QACzD,MAAM,QAAQ,GAAG,SAAS,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;QAC1D,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAClC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oDAAoD,EAAE,GAAG,EAAE;QAC5D,MAAM,GAAG,GAAG,KAAK,CAAC;YAChB,OAAO,CAAC;gBACN,EAAE,EAAE,WAAW;gBACf,aAAa,EAAE,SAAS,CAAC,CAAC,EAAE,YAAY,CAAC;gBACzC,QAAQ,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC;aACjD,CAAC;SACH,CAAC,CAAC;QACH,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,aAAa,IAAC,GAAG,EAAE,GAAG,GAAI,CAAC,CAAC;QAC1D,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QACtE,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC;IAC/D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;QAC7C,MAAM,GAAG,GAAG,KAAK,CAAC;YAChB,OAAO,CAAC;gBACN,EAAE,EAAE,aAAa;gBACjB,QAAQ,EAAE,eAAe;gBACzB,aAAa,EAAE;oBACb,IAAI,EAAE,SAAS;oBACf,KAAK,EAAE,CAAC;oBACR,QAAQ,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;oBAChC,kBAAkB,EAAE;wBAClB,QAAQ,EAAE,eAAe;qBAC1B;iBACF;gBACD,QAAQ,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;aACpC,CAAC;SACH,CAAC,CAAC;QACH,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,aAAa,IAAC,GAAG,EAAE,GAAG,GAAI,CAAC,CAAC;QAC1D,6BAA6B;QAC7B,MAAM,IAAI,GAAG,SAAS,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;QAC5D,MAAM,CAAC,IAAI,CAAC,CAAC,UAAU,EAAE,CAAC;QAC1B,6CAA6C;QAC7C,MAAM,GAAG,GAAG,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;QACvC,MAAM,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,CAAC;IAC3B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,GAAG,GAAG,KAAK,CAAC;YAChB,OAAO,CAAC;gBACN,EAAE,EAAE,QAAQ;gBACZ,aAAa,EAAE,SAAS,CAAC,CAAC,EAAE,QAAQ,CAAC;gBACrC,QAAQ,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;gBAC1C,QAAQ,EAAE;oBACR,OAAO,CAAC;wBACN,EAAE,EAAE,OAAO;wBACX,aAAa,EAAE,SAAS,CAAC,CAAC,EAAE,OAAO,CAAC;wBACpC,QAAQ,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;qBAC1C,CAAC;iBACH;aACF,CAAC;SACH,CAAC,CAAC;QACH,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,aAAa,IAAC,GAAG,EAAE,GAAG,GAAI,CAAC,CAAC;QAC1D,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAClE,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACjE,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;QACvD,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;QAC3C,MAAM,GAAG,GAAG,KAAK,CAAC;YAChB,OAAO,CAAC;gBACN,EAAE,EAAE,IAAI;gBACR,aAAa,EAAE,SAAS,CAAC,CAAC,EAAE,OAAO,CAAC;gBACpC,QAAQ,EAAE,EAAE;aACb,CAAC;YACF,OAAO,CAAC;gBACN,EAAE,EAAE,IAAI;gBACR,aAAa,EAAE,SAAS,CAAC,CAAC,EAAE,QAAQ,CAAC;gBACrC,QAAQ,EAAE,EAAE;aACb,CAAC;SACH,CAAC,CAAC;QACH,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,aAAa,IAAC,GAAG,EAAE,GAAG,GAAI,CAAC,CAAC;QAC1D,MAAM,QAAQ,GAAG,SAAS,CAAC,gBAAgB,CAAC,wBAAwB,CAAC,CAAC;QACtE,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAClC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8CAA8C,EAAE,GAAG,EAAE;QACtD,MAAM,GAAG,GAAG,KAAK,CAAC;YAChB,OAAO,CAAC;gBACN,EAAE,EAAE,OAAO;gBACX,aAAa,EAAE,SAAS,CAAC,CAAC,EAAE,eAAe,CAAC;gBAC5C,QAAQ,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;aACzC,CAAC;SACH,CAAC,CAAC;QACH,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,aAAa,IAAC,GAAG,EAAE,GAAG,GAAI,CAAC,CAAC;QAC1D,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;QAClE,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;IACpD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QAClC,MAAM,GAAG,GAAG,KAAK,CAAC,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;QACxD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,aAAa,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,UAAU,GAAG,CAAC,CAAC;QAC/E,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,yBAAyB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAC1E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oCAAoC,EAAE,GAAG,EAAE;QAC5C,MAAM,GAAG,GAAG,KAAK,CAAC;YAChB,OAAO,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;YACtC,OAAO,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;SACtC,CAAC,CAAC;QACH,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,aAAa,IAAC,GAAG,EAAE,GAAG,GAAI,CAAC,CAAC;QAC1D,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,yBAAyB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;QACxE,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACzE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/__tests__/MarkdownRenderer.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=MarkdownRenderer.test.d.ts.map

package/dist/__tests__/MarkdownRenderer.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownRenderer.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/MarkdownRenderer.test.tsx"],"names":[],"mappings":""}