@liminis/editor 0.1.0-rc.1

package/dist/app/editor/nodes/diagram-context-menu.js

@@ -0,0 +1,70 @@
+/**
+ * Shared "Copy image to clipboard" for diagram nodes (C4, Mermaid).
+ *
+ * Converts the diagram SVG to a high-res PNG and writes it to the
+ * clipboard. Uses devicePixelRatio for crisp retina output.
+ */
+import { findSvgElement } from './diagram-utils.js';
+/**
+ * Serialize an SVG element to a standalone SVG string with xmlns.
+ */
+function svgToString(svg) {
+    const clone = svg.cloneNode(true);
+    clone.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
+    return new XMLSerializer().serializeToString(clone);
+}
+/**
+ * Convert an SVG element to a PNG blob via off-screen canvas.
+ */
+async function svgToPngBlob(svg, scale) {
+    const effectiveScale = scale ?? (window.devicePixelRatio || 2);
+    const width = svg.width.baseVal.value || svg.getBoundingClientRect().width;
+    const height = svg.height.baseVal.value || svg.getBoundingClientRect().height;
+    const svgString = svgToString(svg);
+    // Use a data URL instead of blob URL to avoid tainting the canvas
+    const svgBytes = new TextEncoder().encode(svgString);
+    let binary = '';
+    for (const byte of svgBytes) {
+        binary += String.fromCharCode(byte);
+    }
+    const url = 'data:image/svg+xml;base64,' + btoa(binary);
+    const canvas = document.createElement('canvas');
+    canvas.width = Math.round(width * effectiveScale);
+    canvas.height = Math.round(height * effectiveScale);
+    const ctx = canvas.getContext('2d');
+    ctx.scale(effectiveScale, effectiveScale);
+    // Theme-aware background
+    const isDark = document.documentElement.classList.contains('dark');
+    ctx.fillStyle = isDark ? '#131619' : '#ffffff';
+    ctx.fillRect(0, 0, width, height);
+    const img = new Image();
+    await new Promise((resolve, reject) => {
+        img.onload = () => resolve();
+        img.onerror = reject;
+        img.src = url;
+    });
+    ctx.drawImage(img, 0, 0, width, height);
+    return await new Promise((resolve, reject) => {
+        canvas.toBlob((blob) => blob ? resolve(blob) : reject(new Error('toBlob failed')), 'image/png');
+    });
+}
+/**
+ * Copy the diagram to the clipboard as a high-res PNG.
+ * Returns true on success, false on failure.
+ */
+export async function copyDiagramToClipboard(container) {
+    const svg = findSvgElement(container);
+    if (!svg)
+        return false;
+    try {
+        const pngBlob = await svgToPngBlob(svg);
+        await navigator.clipboard.write([
+            new ClipboardItem({ 'image/png': pngBlob })
+        ]);
+        return true;
+    }
+    catch (err) {
+        console.error('Failed to copy diagram to clipboard:', err);
+        return false;
+    }
+}

package/dist/app/editor/nodes/diagram-utils.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Shared diagram utilities for SVG extraction and manipulation.
+ * Used by both the clipboard copy path (diagram-context-menu.ts)
+ * and the PDF export path (EditorColumn.tsx).
+ */
+/**
+ * Find the SVG element within a diagram container.
+ * Checks both direct light-DOM descendants and shadow DOM.
+ *
+ * For C4 diagrams: the SVG is in the light DOM, tagged with [data-diagram].
+ * For Mermaid diagrams: the SVG is inside a shadow root.
+ */
+export declare function findSvgElement(container: HTMLElement): SVGSVGElement | null;

package/dist/app/editor/nodes/diagram-utils.js

@@ -0,0 +1,29 @@
+/**
+ * Shared diagram utilities for SVG extraction and manipulation.
+ * Used by both the clipboard copy path (diagram-context-menu.ts)
+ * and the PDF export path (EditorColumn.tsx).
+ */
+/**
+ * Find the SVG element within a diagram container.
+ * Checks both direct light-DOM descendants and shadow DOM.
+ *
+ * For C4 diagrams: the SVG is in the light DOM, tagged with [data-diagram].
+ * For Mermaid diagrams: the SVG is inside a shadow root.
+ */
+export function findSvgElement(container) {
+    // Descendant SVG (React renderer — C4)
+    // Prefer svg[data-diagram] to skip toolbar icon SVGs (Lucide),
+    // then fall back to any descendant svg
+    const directSvg = container.querySelector('svg[data-diagram]')
+        ?? container.querySelector('svg');
+    if (directSvg)
+        return directSvg;
+    // Shadow DOM SVG (Mermaid renderer)
+    const shadowRoot = container.shadowRoot;
+    if (shadowRoot) {
+        const shadowSvg = shadowRoot.querySelector('svg');
+        if (shadowSvg)
+            return shadowSvg;
+    }
+    return null;
+}

package/dist/app/editor/nodes/index.d.ts

@@ -0,0 +1,30 @@
+export { CalloutNode, $createCalloutNode, $isCalloutNode } from './CalloutNode.js';
+export type { CalloutType, SerializedCalloutNode } from './CalloutNode.js';
+export { ToggleContainerNode, ToggleTitleNode, ToggleContentNode, $createToggleContainerNode, $createToggleTitleNode, $createToggleContentNode, $isToggleContainerNode, $isToggleTitleNode, $isToggleContentNode, $createToggleNode, $isToggleNode, } from './ToggleNode.js';
+export type { SerializedToggleContainerNode, SerializedToggleTitleNode, SerializedToggleContentNode, ToggleNode, SerializedToggleNode, } from './ToggleNode.js';
+export { ImageNode, $createImageNode, $isImageNode } from './ImageNode.js';
+export type { SerializedImageNode } from './ImageNode.js';
+export { HorizontalRuleNode, $createHorizontalRuleNode, $isHorizontalRuleNode } from './HorizontalRuleNode.js';
+export type { SerializedHorizontalRuleNode } from './HorizontalRuleNode.js';
+export { EquationNode, $createEquationNode, $isEquationNode } from './EquationNode.js';
+export type { SerializedEquationNode } from './EquationNode.js';
+export { MermaidNode, $createMermaidNode, $isMermaidNode } from './MermaidNode.js';
+export type { SerializedMermaidNode } from './MermaidNode.js';
+export { C4Node, $createC4Node, $isC4Node } from './C4Node.js';
+export type { SerializedC4Node } from './C4Node.js';
+export { FrontmatterNode, $createFrontmatterNode, $isFrontmatterNode } from './FrontmatterNode.js';
+export type { SerializedFrontmatterNode } from './FrontmatterNode.js';
+export { CustomLinkNode, $createCustomLinkNode, $isCustomLinkNode } from './CustomLinkNode.js';
+export type { SerializedCustomLinkNode } from './CustomLinkNode.js';
+export { CustomListNode, $createCustomListNode, $isCustomListNode } from './CustomListNode.js';
+export type { SerializedCustomListNode } from './CustomListNode.js';
+export { CustomListItemNode, $createCustomListItemNode, $isCustomListItemNode } from './CustomListItemNode.js';
+export type { SerializedCustomListItemNode } from './CustomListItemNode.js';
+export { FootnoteNode, $createFootnoteNode, $isFootnoteNode } from './FootnoteNode.js';
+export type { SerializedFootnoteNode } from './FootnoteNode.js';
+export { DefinitionListNode, DefinitionTermNode, DefinitionDescriptionNode, $createDefinitionListNode, $createDefinitionTermNode, $createDefinitionDescriptionNode, $isDefinitionListNode, $isDefinitionTermNode, $isDefinitionDescriptionNode, } from './DefinitionListNode.js';
+export type { SerializedDefinitionListNode, SerializedDefinitionTermNode, SerializedDefinitionDescriptionNode, } from './DefinitionListNode.js';
+export { HtmlNode, $createHtmlNode, $isHtmlNode } from './HtmlNode.js';
+export type { SerializedHtmlNode } from './HtmlNode.js';
+export { ListItemParagraphBreakNode, $createListItemParagraphBreakNode, $isListItemParagraphBreakNode, } from './ListItemParagraphBreakNode.js';
+export type { SerializedListItemParagraphBreakNode } from './ListItemParagraphBreakNode.js';

package/dist/app/editor/nodes/index.js

@@ -0,0 +1,17 @@
+export { CalloutNode, $createCalloutNode, $isCalloutNode } from './CalloutNode.js';
+export { ToggleContainerNode, ToggleTitleNode, ToggleContentNode, $createToggleContainerNode, $createToggleTitleNode, $createToggleContentNode, $isToggleContainerNode, $isToggleTitleNode, $isToggleContentNode, 
+// Legacy exports for backwards compatibility
+$createToggleNode, $isToggleNode, } from './ToggleNode.js';
+export { ImageNode, $createImageNode, $isImageNode } from './ImageNode.js';
+export { HorizontalRuleNode, $createHorizontalRuleNode, $isHorizontalRuleNode } from './HorizontalRuleNode.js';
+export { EquationNode, $createEquationNode, $isEquationNode } from './EquationNode.js';
+export { MermaidNode, $createMermaidNode, $isMermaidNode } from './MermaidNode.js';
+export { C4Node, $createC4Node, $isC4Node } from './C4Node.js';
+export { FrontmatterNode, $createFrontmatterNode, $isFrontmatterNode } from './FrontmatterNode.js';
+export { CustomLinkNode, $createCustomLinkNode, $isCustomLinkNode } from './CustomLinkNode.js';
+export { CustomListNode, $createCustomListNode, $isCustomListNode } from './CustomListNode.js';
+export { CustomListItemNode, $createCustomListItemNode, $isCustomListItemNode } from './CustomListItemNode.js';
+export { FootnoteNode, $createFootnoteNode, $isFootnoteNode } from './FootnoteNode.js';
+export { DefinitionListNode, DefinitionTermNode, DefinitionDescriptionNode, $createDefinitionListNode, $createDefinitionTermNode, $createDefinitionDescriptionNode, $isDefinitionListNode, $isDefinitionTermNode, $isDefinitionDescriptionNode, } from './DefinitionListNode.js';
+export { HtmlNode, $createHtmlNode, $isHtmlNode } from './HtmlNode.js';
+export { ListItemParagraphBreakNode, $createListItemParagraphBreakNode, $isListItemParagraphBreakNode, } from './ListItemParagraphBreakNode.js';

package/dist/app/editor/utils.d.ts

@@ -0,0 +1,2 @@
+import { ElementNode, RangeSelection, TextNode } from 'lexical';
+export declare function getSelectedNode(selection: RangeSelection): TextNode | ElementNode;

package/dist/app/editor/utils.js

@@ -0,0 +1,17 @@
+import { $isAtNodeEnd } from '@lexical/selection';
+export function getSelectedNode(selection) {
+    const anchor = selection.anchor;
+    const focus = selection.focus;
+    const anchorNode = anchor.getNode();
+    const focusNode = focus.getNode();
+    if (anchorNode === focusNode) {
+        return anchorNode;
+    }
+    const isBackward = selection.isBackward();
+    if (isBackward) {
+        return $isAtNodeEnd(focus) ? anchorNode : focusNode;
+    }
+    else {
+        return $isAtNodeEnd(anchor) ? focusNode : anchorNode;
+    }
+}

package/dist/app/mapper/index.d.ts

@@ -0,0 +1,3 @@
+export { importMarkdownToLexical } from './mdastToLexical.js';
+export { exportLexicalToMdast } from './lexicalToMdast.js';
+export type { ExportOptions, WikiLinkPromotionMode } from './lexicalToMdast.js';

package/dist/app/mapper/index.js

@@ -0,0 +1,2 @@
+export { importMarkdownToLexical } from './mdastToLexical.js';
+export { exportLexicalToMdast } from './lexicalToMdast.js';

package/dist/app/mapper/lexicalToMdast.d.ts

@@ -0,0 +1,62 @@
+import { LexicalEditor } from 'lexical';
+import type { Root } from 'mdast';
+/**
+ * Whether an untitled relative link (a `.md` path, `.md` path with anchor, bare
+ * `#anchor`, or directory-style path — see `isWikiLinkUrl`) is promoted to
+ * wiki-link syntax (`[[target]]` / `[[target|alias]]`) on export, or emitted as
+ * a standard markdown link (`[text](target)`). `'promote'` (the default)
+ * reproduces the pipeline's only historical behavior; `'off'` is for a
+ * consumer whose documents are rendered by something that doesn't understand
+ * wiki-link syntax (e.g. the GitHub web UI — liminis#951).
+ *
+ * Never affects a **titled** link, which is never promoted regardless of this
+ * setting (liminis#919), or wiki-link *parsing* on import, which this setting
+ * does not touch at all.
+ */
+export type WikiLinkPromotionMode = 'promote' | 'off';
+export interface ExportOptions {
+    /** @default 'promote' */
+    wikiLinkPromotion?: WikiLinkPromotionMode;
+}
+export declare function exportLexicalToMdast(editor: LexicalEditor, options?: ExportOptions): Root;
+/**
+ * Same conversion as {@link exportLexicalToMdast}, but callable from within an
+ * already-active `editor.update()`/`editor.getEditorState().read()` — mirrors
+ * `mdastToLexical.ts`'s `importMarkdownToLexicalInEditorState` convention.
+ * Used by the annotated-serialize harvest ({@link setAnnotateTarget}) so it can
+ * run inside the same read as the plain export it's paired with, with no
+ * nested `.read()` call.
+ */
+export declare function exportLexicalToMdastInEditorState(options?: ExportOptions): Root;
+/**
+ * Enables (or, passed `null`, disables) annotated-serialize mode for `id`. See module doc above.
+ *
+ * These three are module-level globals shared by every `Editor` instance in the
+ * process, not per-editor state. That is safe only because the one caller
+ * (`annotation-marks.ts`'s `exportAnnotatedMarkdown`) does set → export →
+ * `finally`-reset entirely synchronously, so two captures can never interleave
+ * in a single-threaded runtime — but nothing about the signature enforces it,
+ * and multiple `<Editor>`s can legitimately coexist (multi-pane). If a future
+ * change ever made any part of the annotate-mode export path async, or reused
+ * this from a second call site, two captures would silently corrupt each
+ * other's sentinel state and produce a wrong anchor range with no signal that
+ * anything went wrong (review finding, @handarbeit-pruefer).
+ *
+ * So the invariant is asserted rather than assumed: enabling while already
+ * enabled throws. A crash naming the problem beats a silently wrong anchor.
+ */
+export declare function setAnnotateTarget(id: string | null): void;
+export declare function markOpenToken(id: string): string;
+export declare function markCloseToken(id: string): string;
+/**
+ * Format an alias string with markdown format markers based on text format bitmask.
+ *
+ * Format bitmask values:
+ * - 1: bold
+ * - 2: italic
+ * - 4: strikethrough
+ *
+ * Order: strikethrough wraps bold wraps italic wraps text
+ * e.g., format=7 (all) produces ~~**_text_**~~
+ */
+export declare function formatAliasWithMarkers(text: string, format: number): string;