docucraft 1.0.0

package/CODE_OF_CONDUCT.md

@@ -0,0 +1,25 @@
+# Code of Conduct
+
+## Our Pledge
+
+We as contributors and maintainers pledge to make participation in this project a harassment-free experience for everyone.
+
+## Our Standards
+
+Examples of behavior that contributes to a positive environment include:
+- Using welcoming and inclusive language
+- Being respectful of differing viewpoints
+- Accepting constructive feedback gracefully
+
+Examples of unacceptable behavior include:
+- Harassment, insults, or personal attacks
+- Public or private intimidation
+- Other conduct that could reasonably be considered inappropriate
+
+## Enforcement
+
+Project maintainers are responsible for clarifying and enforcing standards of acceptable behavior.
+
+## Reporting
+
+Please report unacceptable behavior to the project maintainer: Jiří Šašek.

package/CONTRIBUTING.md

@@ -0,0 +1,50 @@
+# Contributing to Docucraft
+
+Thanks for your interest in contributing.
+
+## Development workflow
+
+1. Fork the repository.
+2. Create a feature branch.
+3. Run:
+
+```bash
+npm install
+npm run typecheck
+npm run build
+npm run pack:check
+```
+
+4. Open a pull request with a clear summary.
+
+## Scope
+
+Docucraft accepts reusable React components focused on Docusaurus ecosystems.
+
+## Coding guidelines
+
+- TypeScript strict mode.
+- Keep public props documented.
+- Include accessibility labels for interactive controls.
+- Avoid project-specific business logic.
+
+## Component library conventions
+
+- Create each component in `src/components/<ComponentName>/`.
+- Use `index.tsx` as the component entry file.
+- Keep styles local in `styles.module.css` when possible.
+- Export every public component and type from `src/index.ts`.
+- Do not rely on internal deep imports from `dist/...`.
+
+## Pull request checklist
+
+1. New component follows folder convention.
+2. Public exports were updated in `src/index.ts`.
+3. README includes usage/API updates.
+4. `npm run typecheck` passes.
+5. `npm run build` passes.
+6. `npm run pack:check` confirms expected publish files.
+
+## Attribution
+
+Please do not remove author and license attribution from existing files.

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Jiří Šašek
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/NOTICE

@@ -0,0 +1,4 @@
+Docucraft
+Copyright (c) Jiří Šašek
+
+This notice file is distributed with the source and npm package to preserve author attribution.

package/README.md

@@ -0,0 +1,121 @@
+# Docucraft
+
+Docucraft is an open source React component library focused on reusable UI building blocks for Docusaurus projects.
+
+Created and maintained by Jiří Šašek.
+
+## Current components
+
+- `MermaidDiagram`: interactive Mermaid wrapper with zoom, pan, fullscreen, SVG export, and PNG export.
+
+## Project structure
+
+```text
+src/
+  index.ts
+  components/
+    MermaidDiagram/
+      index.tsx
+      styles.module.css
+```
+
+Conventions:
+
+- Every component lives in its own folder under `src/components/<ComponentName>/`.
+- Component folder contains `index.tsx` and optional `styles.module.css`.
+- Public exports are centralized in `src/index.ts`.
+- Consumers should only import from package entrypoints, not from `dist/...` deep paths.
+
+## Why Docucraft
+
+- Built specifically for Docusaurus workflows.
+- Designed for long-term reuse across multiple documentation projects.
+- Includes type-safe APIs and publish-ready npm packaging.
+
+## Installation
+
+```bash
+npm install docucraft
+```
+
+## Docusaurus setup
+
+In `docusaurus.config.ts` ensure Mermaid support is enabled:
+
+```ts
+export default {
+  markdown: { mermaid: true },
+  themes: ['@docusaurus/theme-mermaid'],
+};
+```
+
+## Usage
+
+```mdx
+import {MermaidDiagram} from 'docucraft';
+
+<MermaidDiagram
+  definition={String.raw`flowchart TB
+A[Start] --> B[Done]`}
+  exportFileName="my-diagram"
+  hintText="Zoom: wheel. Pan: drag. Reset: double click."
+/>
+```
+
+## Adding a new component
+
+1. Create folder: `src/components/YourComponent/`.
+2. Add implementation: `src/components/YourComponent/index.tsx`.
+3. Add local styles (optional): `src/components/YourComponent/styles.module.css`.
+4. Export component from `src/index.ts`.
+5. Update README with API and usage snippet.
+6. Run:
+
+```bash
+npm run typecheck
+npm run build
+npm run pack:check
+```
+
+## API
+
+### MermaidDiagram props
+
+- `definition: string` Mermaid source code.
+- `className?: string` Additional class on the root wrapper.
+- `ariaLabel?: string` Accessibility label for viewport.
+- `minScale?: number` Minimum zoom (default `0.6`).
+- `maxScale?: number` Maximum zoom (default `4`).
+- `zoomStep?: number` Zoom increment (default `0.12`).
+- `showHint?: boolean` Show or hide hint row (default `true`).
+- `hintText?: string` Custom hint text.
+- `exportFileName?: string` File name prefix for exports (default `diagram`).
+- `enableFullscreen?: boolean` Show fullscreen action (default `true`).
+- `enableExport?: boolean` Show export action (default `true`).
+
+## Development
+
+```bash
+npm install
+npm run typecheck
+npm run build
+npm run pack:check
+```
+
+## Publish checklist
+
+1. Update `version` in `package.json`.
+2. Run `npm run typecheck`.
+3. Run `npm run build`.
+4. Run `npm run pack:check`.
+5. Push to GitHub repository.
+6. Log in to npm: `npm login`.
+7. Publish: `npm publish --access public`.
+
+## Licensing and attribution
+
+This project is licensed under the MIT License.
+
+Copyright (c) Jiří Šašek.
+
+When redistributing this software, keep the copyright notice and license text.

package/dist/components/MermaidDiagram/index.d.ts

@@ -0,0 +1,16 @@
+import { type ReactElement } from 'react';
+export type MermaidDiagramProps = {
+    definition: string;
+    className?: string;
+    ariaLabel?: string;
+    minScale?: number;
+    maxScale?: number;
+    zoomStep?: number;
+    showHint?: boolean;
+    hintText?: string;
+    exportFileName?: string;
+    enableFullscreen?: boolean;
+    enableExport?: boolean;
+};
+export default function MermaidDiagram({ definition, className, ariaLabel, minScale, maxScale, zoomStep, showHint, hintText, exportFileName, enableFullscreen, enableExport, }: MermaidDiagramProps): ReactElement;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/MermaidDiagram/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MermaidDiagram/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAC,KAAK,YAAY,EAAoD,MAAM,OAAO,CAAC;AAyBlG,MAAM,MAAM,mBAAmB,GAAG;IAChC,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAsKF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,UAAU,EACV,SAAS,EACT,SAAyC,EACzC,QAAc,EACd,QAAY,EACZ,QAAe,EACf,QAAe,EACf,QAAqE,EACrE,cAA0B,EAC1B,gBAAuB,EACvB,YAAmB,GACpB,EAAE,mBAAmB,GAAG,YAAY,CAmbpC"}

package/dist/components/MermaidDiagram/index.js

@@ -0,0 +1,405 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import Mermaid from '@theme/Mermaid';
+import styles from './styles.module.css';
+function downloadBlob(blob, fileName) {
+    const objectUrl = URL.createObjectURL(blob);
+    const anchor = document.createElement('a');
+    anchor.href = objectUrl;
+    anchor.download = fileName;
+    anchor.click();
+    URL.revokeObjectURL(objectUrl);
+}
+function copyComputedStyles(source, target) {
+    const computed = window.getComputedStyle(source);
+    const targetStyle = target.style;
+    const safeProperties = [
+        'color',
+        'fill',
+        'fill-opacity',
+        'stroke',
+        'stroke-opacity',
+        'stroke-width',
+        'stroke-linecap',
+        'stroke-linejoin',
+        'stroke-dasharray',
+        'opacity',
+        'font-family',
+        'font-size',
+        'font-weight',
+        'font-style',
+        'letter-spacing',
+        'word-spacing',
+        'text-anchor',
+        'dominant-baseline',
+        'visibility',
+        'display',
+    ];
+    for (const propertyName of safeProperties) {
+        targetStyle.setProperty(propertyName, computed.getPropertyValue(propertyName), computed.getPropertyPriority(propertyName));
+    }
+}
+function inlineComputedStylesIntoClone(sourceSvg, targetSvg) {
+    const sourceElements = [sourceSvg, ...Array.from(sourceSvg.querySelectorAll('*'))];
+    const targetElements = [targetSvg, ...Array.from(targetSvg.querySelectorAll('*'))];
+    const limit = Math.min(sourceElements.length, targetElements.length);
+    for (let index = 0; index < limit; index += 1) {
+        copyComputedStyles(sourceElements[index], targetElements[index]);
+    }
+}
+function convertForeignObjectLabelsToSvgText(svg) {
+    const namespace = 'http://www.w3.org/2000/svg';
+    const foreignObjects = Array.from(svg.querySelectorAll('foreignObject'));
+    foreignObjects.forEach((foreignObject) => {
+        const rawText = (foreignObject.textContent ?? '').trim();
+        if (!rawText) {
+            foreignObject.remove();
+            return;
+        }
+        const x = Number.parseFloat(foreignObject.getAttribute('x') ?? '0') || 0;
+        const y = Number.parseFloat(foreignObject.getAttribute('y') ?? '0') || 0;
+        const width = Number.parseFloat(foreignObject.getAttribute('width') ?? '0') || 0;
+        const height = Number.parseFloat(foreignObject.getAttribute('height') ?? '0') || 0;
+        const textNode = svg.ownerDocument.createElementNS(namespace, 'text');
+        const labelX = x + width / 2;
+        const labelY = y + height / 2;
+        textNode.setAttribute('x', String(labelX));
+        textNode.setAttribute('y', String(labelY));
+        textNode.setAttribute('text-anchor', 'middle');
+        textNode.setAttribute('dominant-baseline', 'middle');
+        textNode.setAttribute('font-family', 'Arial, sans-serif');
+        textNode.setAttribute('font-size', '14');
+        textNode.setAttribute('fill', 'currentColor');
+        const lines = rawText.split(/\r?\n/).filter((line) => line.trim().length > 0);
+        if (lines.length <= 1) {
+            textNode.textContent = rawText;
+        }
+        else {
+            const lineHeight = 16;
+            const firstLineOffset = -((lines.length - 1) * lineHeight) / 2;
+            lines.forEach((line, index) => {
+                const tspan = svg.ownerDocument.createElementNS(namespace, 'tspan');
+                tspan.setAttribute('x', String(labelX));
+                tspan.setAttribute('dy', index === 0 ? String(firstLineOffset) : String(lineHeight));
+                tspan.textContent = line;
+                textNode.appendChild(tspan);
+            });
+        }
+        foreignObject.replaceWith(textNode);
+    });
+}
+function getSvgExportSize(sourceSvg) {
+    const widthAttr = Number.parseFloat(sourceSvg.getAttribute('width') ?? '');
+    const heightAttr = Number.parseFloat(sourceSvg.getAttribute('height') ?? '');
+    if (Number.isFinite(widthAttr) && widthAttr > 0 && Number.isFinite(heightAttr) && heightAttr > 0) {
+        return { width: Math.ceil(widthAttr), height: Math.ceil(heightAttr) };
+    }
+    const viewBox = sourceSvg.viewBox?.baseVal;
+    if (viewBox && viewBox.width > 0 && viewBox.height > 0) {
+        return { width: Math.ceil(viewBox.width), height: Math.ceil(viewBox.height) };
+    }
+    return {
+        width: Math.max(1, Math.ceil(sourceSvg.clientWidth || 1200)),
+        height: Math.max(1, Math.ceil(sourceSvg.clientHeight || 800)),
+    };
+}
+function finalizeSvgClone(clone, width, height) {
+    clone.setAttribute('width', String(width));
+    clone.setAttribute('height', String(height));
+    if (!clone.getAttribute('viewBox')) {
+        clone.setAttribute('viewBox', `0 0 ${width} ${height}`);
+    }
+    if (!clone.getAttribute('xmlns')) {
+        clone.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
+    }
+    if (!clone.getAttribute('xmlns:xlink')) {
+        clone.setAttribute('xmlns:xlink', 'http://www.w3.org/1999/xlink');
+    }
+}
+function buildExportSvgMarkup(sourceSvg) {
+    const clone = sourceSvg.cloneNode(true);
+    clone.style.transform = '';
+    clone.style.transformOrigin = '';
+    inlineComputedStylesIntoClone(sourceSvg, clone);
+    const { width, height } = getSvgExportSize(sourceSvg);
+    finalizeSvgClone(clone, width, height);
+    return new XMLSerializer().serializeToString(clone);
+}
+function buildRasterExportSvgMarkup(sourceSvg) {
+    const clone = sourceSvg.cloneNode(true);
+    clone.style.transform = '';
+    clone.style.transformOrigin = '';
+    inlineComputedStylesIntoClone(sourceSvg, clone);
+    convertForeignObjectLabelsToSvgText(clone);
+    const { width, height } = getSvgExportSize(sourceSvg);
+    finalizeSvgClone(clone, width, height);
+    return new XMLSerializer().serializeToString(clone);
+}
+function clamp(value, min, max) {
+    return Math.min(max, Math.max(min, value));
+}
+export default function MermaidDiagram({ definition, className, ariaLabel = 'Interactive Mermaid diagram', minScale = 0.6, maxScale = 4, zoomStep = 0.12, showHint = true, hintText = 'Zoom: mouse wheel. Pan: mouse drag. Reset: double click.', exportFileName = 'diagram', enableFullscreen = true, enableExport = true, }) {
+    const wrapperRef = useRef(null);
+    const viewportRef = useRef(null);
+    const svgRef = useRef(null);
+    const cleanupRef = useRef(null);
+    const transformRef = useRef({
+        scale: 1,
+        x: 0,
+        y: 0,
+        dragging: false,
+        lastX: 0,
+        lastY: 0,
+    });
+    const [scale, setScale] = useState(1);
+    const [isFullscreen, setIsFullscreen] = useState(false);
+    const [isExportMenuOpen, setIsExportMenuOpen] = useState(false);
+    const exportMenuRef = useRef(null);
+    const mermaidElement = useMemo(() => _jsx(Mermaid, { value: definition }), [definition]);
+    const applyTransform = useCallback((svg, state) => {
+        svg.style.transformOrigin = '0 0';
+        svg.style.transform = `matrix(${state.scale}, 0, 0, ${state.scale}, ${state.x}, ${state.y})`;
+        setScale(state.scale);
+    }, []);
+    const resetTransform = useCallback(() => {
+        const svg = svgRef.current;
+        if (!svg) {
+            return;
+        }
+        const state = transformRef.current;
+        state.scale = 1;
+        state.x = 0;
+        state.y = 0;
+        applyTransform(svg, state);
+    }, [applyTransform]);
+    const zoomBy = useCallback((direction) => {
+        const viewport = viewportRef.current;
+        const svg = svgRef.current;
+        if (!viewport || !svg) {
+            return;
+        }
+        const state = transformRef.current;
+        const previousScale = state.scale;
+        const nextScale = clamp(previousScale * (1 + direction * zoomStep), minScale, maxScale);
+        if (nextScale === previousScale) {
+            return;
+        }
+        const rect = viewport.getBoundingClientRect();
+        const anchorX = rect.width / 2;
+        const anchorY = rect.height / 2;
+        const ratio = nextScale / previousScale;
+        state.x = anchorX - (anchorX - state.x) * ratio;
+        state.y = anchorY - (anchorY - state.y) * ratio;
+        state.scale = nextScale;
+        applyTransform(svg, state);
+    }, [applyTransform, maxScale, minScale, zoomStep]);
+    const bindInteractions = useCallback(() => {
+        const viewport = viewportRef.current;
+        if (!viewport) {
+            return false;
+        }
+        const renderedSvg = viewport.querySelector('.docusaurus-mermaid-container svg') ??
+            viewport.querySelector('svg');
+        if (!renderedSvg) {
+            return false;
+        }
+        if (svgRef.current === renderedSvg) {
+            return true;
+        }
+        cleanupRef.current?.();
+        svgRef.current = renderedSvg;
+        const state = transformRef.current;
+        state.dragging = false;
+        applyTransform(renderedSvg, state);
+        const onWheel = (event) => {
+            event.preventDefault();
+            const previousScale = state.scale;
+            const delta = event.deltaY > 0 ? -zoomStep : zoomStep;
+            const nextScale = clamp(previousScale * (1 + delta), minScale, maxScale);
+            if (nextScale === previousScale) {
+                return;
+            }
+            const rect = viewport.getBoundingClientRect();
+            const pointerX = event.clientX - rect.left;
+            const pointerY = event.clientY - rect.top;
+            const ratio = nextScale / previousScale;
+            state.x = pointerX - (pointerX - state.x) * ratio;
+            state.y = pointerY - (pointerY - state.y) * ratio;
+            state.scale = nextScale;
+            applyTransform(renderedSvg, state);
+        };
+        const onPointerDown = (event) => {
+            if (event.button !== 0) {
+                return;
+            }
+            event.preventDefault();
+            state.dragging = true;
+            state.lastX = event.clientX;
+            state.lastY = event.clientY;
+            viewport.classList.add(styles.isDragging);
+            viewport.setPointerCapture(event.pointerId);
+        };
+        const onPointerMove = (event) => {
+            if (!state.dragging) {
+                return;
+            }
+            const dx = event.clientX - state.lastX;
+            const dy = event.clientY - state.lastY;
+            state.lastX = event.clientX;
+            state.lastY = event.clientY;
+            state.x += dx;
+            state.y += dy;
+            applyTransform(renderedSvg, state);
+        };
+        const stopDragging = (event) => {
+            if (!state.dragging) {
+                return;
+            }
+            state.dragging = false;
+            viewport.classList.remove(styles.isDragging);
+            viewport.releasePointerCapture(event.pointerId);
+        };
+        const onDoubleClick = () => {
+            resetTransform();
+        };
+        viewport.addEventListener('wheel', onWheel, { passive: false });
+        viewport.addEventListener('pointerdown', onPointerDown);
+        viewport.addEventListener('pointermove', onPointerMove);
+        viewport.addEventListener('pointerup', stopDragging);
+        viewport.addEventListener('pointercancel', stopDragging);
+        viewport.addEventListener('dblclick', onDoubleClick);
+        cleanupRef.current = () => {
+            viewport.removeEventListener('wheel', onWheel);
+            viewport.removeEventListener('pointerdown', onPointerDown);
+            viewport.removeEventListener('pointermove', onPointerMove);
+            viewport.removeEventListener('pointerup', stopDragging);
+            viewport.removeEventListener('pointercancel', stopDragging);
+            viewport.removeEventListener('dblclick', onDoubleClick);
+        };
+        return true;
+    }, [applyTransform, maxScale, minScale, resetTransform, zoomStep]);
+    const toggleFullscreen = useCallback(async () => {
+        const wrapper = wrapperRef.current;
+        if (!wrapper) {
+            return;
+        }
+        if (document.fullscreenElement === wrapper) {
+            await document.exitFullscreen();
+            return;
+        }
+        await wrapper.requestFullscreen();
+    }, []);
+    const exportSvg = useCallback(() => {
+        const svg = svgRef.current;
+        if (!svg) {
+            return;
+        }
+        const svgMarkup = buildExportSvgMarkup(svg);
+        const blob = new Blob([svgMarkup], { type: 'image/svg+xml;charset=utf-8' });
+        downloadBlob(blob, `${exportFileName}.svg`);
+    }, [exportFileName]);
+    const exportPng = useCallback(async () => {
+        const svg = svgRef.current;
+        if (!svg) {
+            return;
+        }
+        try {
+            const rasterSvgMarkup = buildRasterExportSvgMarkup(svg);
+            const { width, height } = getSvgExportSize(svg);
+            const canvas = document.createElement('canvas');
+            canvas.width = width;
+            canvas.height = height;
+            const context = canvas.getContext('2d');
+            if (!context) {
+                throw new Error('Canvas context is unavailable.');
+            }
+            context.fillStyle = '#ffffff';
+            context.fillRect(0, 0, width, height);
+            const canvgModule = (await import('canvg'));
+            const canvg = canvgModule.Canvg.fromString(context, rasterSvgMarkup, {
+                ignoreAnimation: true,
+                ignoreMouse: true,
+            });
+            await canvg.render();
+            const pngBlob = await new Promise((resolve) => {
+                try {
+                    canvas.toBlob(resolve, 'image/png');
+                }
+                catch {
+                    resolve(null);
+                }
+            });
+            if (!pngBlob) {
+                throw new Error('Failed to convert canvas to PNG blob.');
+            }
+            downloadBlob(pngBlob, `${exportFileName}.png`);
+        }
+        catch (error) {
+            console.error('PNG export failed', error);
+        }
+    }, [exportFileName]);
+    useEffect(() => {
+        bindInteractions();
+        const viewport = viewportRef.current;
+        if (!viewport) {
+            return undefined;
+        }
+        const observer = new MutationObserver(() => {
+            bindInteractions();
+        });
+        observer.observe(viewport, { childList: true, subtree: true });
+        return () => {
+            observer.disconnect();
+            cleanupRef.current?.();
+            cleanupRef.current = null;
+            svgRef.current = null;
+        };
+    }, [bindInteractions, definition]);
+    useEffect(() => {
+        if (!isExportMenuOpen) {
+            return undefined;
+        }
+        const onDocumentPointerDown = (event) => {
+            if (!exportMenuRef.current?.contains(event.target)) {
+                setIsExportMenuOpen(false);
+            }
+        };
+        const onDocumentKeyDown = (event) => {
+            if (event.key === 'Escape') {
+                setIsExportMenuOpen(false);
+            }
+        };
+        document.addEventListener('pointerdown', onDocumentPointerDown);
+        document.addEventListener('keydown', onDocumentKeyDown);
+        return () => {
+            document.removeEventListener('pointerdown', onDocumentPointerDown);
+            document.removeEventListener('keydown', onDocumentKeyDown);
+        };
+    }, [isExportMenuOpen]);
+    useEffect(() => {
+        const wrapper = wrapperRef.current;
+        if (!wrapper) {
+            return undefined;
+        }
+        const onFullscreenChange = () => {
+            setIsFullscreen(document.fullscreenElement === wrapper);
+        };
+        document.addEventListener('fullscreenchange', onFullscreenChange);
+        onFullscreenChange();
+        return () => {
+            document.removeEventListener('fullscreenchange', onFullscreenChange);
+        };
+    }, []);
+    return (_jsxs("div", { ref: wrapperRef, className: [styles.wrapper, isFullscreen ? styles.fullscreen : '', className ?? ''].join(' ').trim(), children: [_jsxs("div", { className: styles.toolbar, children: [_jsx("button", { type: "button", className: "button button--secondary button--sm", onClick: () => zoomBy(1), disabled: scale >= maxScale, "aria-label": "Zoom in", title: "Zoom in", children: "+" }), _jsx("button", { type: "button", className: "button button--secondary button--sm", onClick: () => zoomBy(-1), disabled: scale <= minScale, "aria-label": "Zoom out", title: "Zoom out", children: "-" }), _jsx("button", { type: "button", className: "button button--secondary button--sm", onClick: resetTransform, "aria-label": "Reset view", title: "Reset view", children: "Reset" }), _jsxs("span", { className: styles.zoomValue, children: [Math.round(scale * 100), "%"] }), _jsx("span", { className: styles.toolbarSpacer }), _jsxs("div", { className: styles.actions, children: [enableExport ? (_jsxs("div", { ref: exportMenuRef, className: styles.menuWrapper, children: [_jsx("button", { type: "button", className: `button button--secondary button--sm ${styles.iconButton}`, onClick: () => {
+                                            setIsExportMenuOpen((open) => !open);
+                                        }, "aria-label": "Export diagram", title: "Export diagram", "aria-expanded": isExportMenuOpen, "aria-haspopup": "menu", children: _jsx("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", className: styles.icon, children: _jsx("path", { d: "M12 3v10m0 0l-4-4m4 4l4-4M5 14v5h14v-5", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }), isExportMenuOpen ? (_jsxs("div", { className: styles.menu, role: "menu", "aria-label": "Export format", children: [_jsx("button", { type: "button", className: styles.menuItem, role: "menuitem", onClick: () => {
+                                                    exportSvg();
+                                                    setIsExportMenuOpen(false);
+                                                }, children: "SVG" }), _jsx("button", { type: "button", className: styles.menuItem, role: "menuitem", onClick: () => {
+                                                    void exportPng();
+                                                    setIsExportMenuOpen(false);
+                                                }, children: "PNG" })] })) : null] })) : null, enableFullscreen ? (_jsx("button", { type: "button", className: `button button--secondary button--sm ${styles.iconButton}`, onClick: () => {
+                                    void toggleFullscreen();
+                                }, "aria-label": isFullscreen ? 'Exit fullscreen' : 'Enter fullscreen', title: isFullscreen ? 'Exit fullscreen' : 'Enter fullscreen', children: _jsx("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", className: styles.icon, children: isFullscreen ? (_jsx("path", { d: "M9 9H5V5m10 0h4v4m0 6v4h-4M9 19H5v-4", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })) : (_jsx("path", { d: "M9 5H5v4m10-4h4v4M5 15v4h4m10-4v4h-4", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })) }) })) : null] })] }), _jsx("div", { ref: viewportRef, className: styles.viewport, role: "img", "aria-label": ariaLabel, children: mermaidElement }), showHint ? _jsx("p", { className: styles.hint, children: hintText }) : null] }));
+}
+//# sourceMappingURL=index.js.map

package/dist/components/MermaidDiagram/index.js.map

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

package/dist/components/MermaidDiagram/styles.module.css

@@ -0,0 +1,163 @@
+.wrapper {
+  position: relative;
+  margin: 1rem 0;
+  padding: 0.75rem;
+  border: 1px solid var(--ifm-color-emphasis-300);
+  border-radius: 12px;
+  background: linear-gradient(180deg, rgba(46, 133, 85, 0.06), rgba(46, 133, 85, 0));
+}
+
+.toolbar {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  margin-bottom: 0.5rem;
+}
+
+.toolbarSpacer {
+  flex: 1 1 auto;
+}
+
+.actions {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.4rem;
+}
+
+.iconButton {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 2rem;
+  height: 2rem;
+  padding: 0;
+}
+
+.icon {
+  width: 1rem;
+  height: 1rem;
+}
+
+.menuWrapper {
+  position: relative;
+}
+
+.menu {
+  position: absolute;
+  top: calc(100% + 0.35rem);
+  right: 0;
+  z-index: 10;
+  display: grid;
+  min-width: 5rem;
+  padding: 0.25rem;
+  border: 1px solid var(--ifm-color-emphasis-300);
+  border-radius: 8px;
+  background: var(--ifm-background-surface-color);
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
+}
+
+.menuItem {
+  border: 0;
+  border-radius: 6px;
+  background: transparent;
+  color: inherit;
+  text-align: left;
+  padding: 0.4rem 0.5rem;
+  font: inherit;
+  cursor: pointer;
+}
+
+.menuItem:hover,
+.menuItem:focus-visible {
+  background: var(--ifm-hover-overlay);
+}
+
+.zoomValue {
+  font-size: 0.85rem;
+  color: var(--ifm-color-emphasis-700);
+  min-width: 3rem;
+  text-align: left;
+}
+
+.viewport {
+  overflow: hidden;
+  touch-action: none;
+  cursor: grab;
+  min-height: 220px;
+  user-select: none;
+  -webkit-user-select: none;
+}
+
+.isDragging {
+  cursor: grabbing;
+}
+
+.viewport :global(.mermaid) {
+  width: 100%;
+}
+
+.viewport :global(.mermaid svg) {
+  max-width: none;
+  height: auto;
+  will-change: transform;
+}
+
+.viewport :global(.docusaurus-mermaid-container),
+.viewport :global(.docusaurus-mermaid-container *) {
+  user-select: none;
+  -webkit-user-select: none;
+}
+
+.hint {
+  margin: 0.5rem 0 0;
+  font-size: 0.78rem;
+  color: var(--ifm-color-emphasis-700);
+}
+
+.fullscreen {
+  margin: 0;
+  padding: 1rem;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  border: none;
+  border-radius: 0;
+  background: var(--ifm-background-color, #ffffff);
+}
+
+.fullscreen:fullscreen {
+  position: fixed;
+  inset: 0;
+  width: 100vw;
+  height: 100vh;
+  box-sizing: border-box;
+  overflow: hidden;
+  background: var(--ifm-background-color, #ffffff);
+}
+
+.fullscreen:fullscreen::backdrop {
+  background: var(--ifm-background-color, #ffffff);
+}
+
+.fullscreen .viewport {
+  flex: 1 1 auto;
+  min-height: 0;
+  min-height: calc(100vh - 9rem);
+  background: var(--ifm-background-color, #ffffff);
+}
+
+:global(html[data-theme='dark']) .fullscreen,
+:global(html[data-theme='dark']) .fullscreen:fullscreen,
+:global(html[data-theme='dark']) .fullscreen:fullscreen::backdrop,
+:global(html[data-theme='dark']) .fullscreen .viewport {
+  background: #1b1b1d;
+}
+
+:global(html[data-theme='light']) .fullscreen,
+:global(html[data-theme='light']) .fullscreen:fullscreen,
+:global(html[data-theme='light']) .fullscreen:fullscreen::backdrop,
+:global(html[data-theme='light']) .fullscreen .viewport {
+  background: #ffffff;
+}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { default as MermaidDiagram } from './components/MermaidDiagram/index.js';
+export type { MermaidDiagramProps } from './components/MermaidDiagram/index.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,sCAAsC,CAAC;AAC/E,YAAY,EAAC,mBAAmB,EAAC,MAAM,sCAAsC,CAAC"}

package/dist/index.js

@@ -0,0 +1,2 @@
+export { default as MermaidDiagram } from './components/MermaidDiagram/index.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,sCAAsC,CAAC"}

package/package.json

@@ -0,0 +1,88 @@
+{
+  "name": "docucraft",
+  "version": "1.0.0",
+  "description": "Docucraft is an open source component library of reusable React components for Docusaurus.",
+  "keywords": [
+    "docusaurus",
+    "docucraft",
+    "components",
+    "library",
+    "opensource",
+    "mermaid",
+    "react",
+    "diagram",
+    "pan",
+    "zoom",
+    "fullscreen",
+    "export"
+  ],
+  "homepage": "https://github.com/MrShasha/docucraft",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/MrShasha/docucraft.git"
+  },
+  "bugs": {
+    "url": "https://github.com/MrShasha/docucraft/issues"
+  },
+  "license": "MIT",
+  "author": "Jiří Šašek",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./mermaid": {
+      "types": "./dist/components/MermaidDiagram/index.d.ts",
+      "import": "./dist/components/MermaidDiagram/index.js",
+      "default": "./dist/components/MermaidDiagram/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE",
+    "NOTICE",
+    "CONTRIBUTING.md",
+    "CODE_OF_CONDUCT.md"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "provenance": true,
+    "tag": "latest"
+  },
+  "engines": {
+    "node": ">=18.0"
+  },
+  "scripts": {
+    "clean": "rimraf dist",
+    "typecheck": "tsc --noEmit -p tsconfig.build.json",
+    "build:ts": "tsc -p tsconfig.build.json",
+    "build:css": "copyfiles -u 1 \"src/**/*.module.css\" dist",
+    "build": "npm-run-all clean build:ts build:css",
+    "prepublishOnly": "npm-run-all typecheck build",
+    "pack:check": "npm pack --dry-run"
+  },
+  "peerDependencies": {
+    "@docusaurus/theme-mermaid": ">=3.0.0",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "dependencies": {
+    "canvg": "^4.0.3"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "copyfiles": "^2.4.1",
+    "npm-run-all": "^4.1.5",
+    "rimraf": "^6.0.1",
+    "typescript": "~6.0.2"
+  }
+}