mardora 1.2.0 → 1.2.1

package/dist/index.cjs

@@ -1,117 +1,109 @@
 'use strict';
 
-var chunk3ZOCCFDL_cjs = require('./chunk-3ZOCCFDL.cjs');
-var chunk7JOEPNEV_cjs = require('./chunk-7JOEPNEV.cjs');
+var chunkOHZKW7YE_cjs = require('./chunk-OHZKW7YE.cjs');
 var chunkMLBEBFHB_cjs = require('./chunk-MLBEBFHB.cjs');
 var chunkKNDWF2DP_cjs = require('./chunk-KNDWF2DP.cjs');
+var chunk3ZOCCFDL_cjs = require('./chunk-3ZOCCFDL.cjs');
 var chunkSWFUKJDO_cjs = require('./chunk-SWFUKJDO.cjs');
 var chunkWFVCG4LD_cjs = require('./chunk-WFVCG4LD.cjs');
 
 
 
-Object.defineProperty(exports, "extractPreviewTocFromMarkdown", {
-  enumerable: true,
-  get: function () { return chunk3ZOCCFDL_cjs.extractPreviewTocFromMarkdown; }
-});
-Object.defineProperty(exports, "generateCSS", {
-  enumerable: true,
-  get: function () { return chunk3ZOCCFDL_cjs.generateCSS; }
-});
-Object.defineProperty(exports, "preview", {
-  enumerable: true,
-  get: function () { return chunk3ZOCCFDL_cjs.preview; }
-});
 Object.defineProperty(exports, "CODE_COPY_SUCCESS_ICON", {
   enumerable: true,
-  get: function () { return chunk7JOEPNEV_cjs.CODE_COPY_SUCCESS_ICON; }
+  get: function () { return chunkOHZKW7YE_cjs.CODE_COPY_SUCCESS_ICON; }
 });
 Object.defineProperty(exports, "CodePlugin", {
   enumerable: true,
-  get: function () { return chunk7JOEPNEV_cjs.CodePlugin; }
+  get: function () { return chunkOHZKW7YE_cjs.CodePlugin; }
 });
 Object.defineProperty(exports, "EmojiPlugin", {
   enumerable: true,
-  get: function () { return chunk7JOEPNEV_cjs.EmojiPlugin; }
+  get: function () { return chunkOHZKW7YE_cjs.EmojiPlugin; }
 });
 Object.defineProperty(exports, "HRPlugin", {
   enumerable: true,
-  get: function () { return chunk7JOEPNEV_cjs.HRPlugin; }
+  get: function () { return chunkOHZKW7YE_cjs.HRPlugin; }
 });
 Object.defineProperty(exports, "HTMLPlugin", {
   enumerable: true,
-  get: function () { return chunk7JOEPNEV_cjs.HTMLPlugin; }
+  get: function () { return chunkOHZKW7YE_cjs.HTMLPlugin; }
 });
 Object.defineProperty(exports, "HeadingPlugin", {
   enumerable: true,
-  get: function () { return chunk7JOEPNEV_cjs.HeadingPlugin; }
+  get: function () { return chunkOHZKW7YE_cjs.HeadingPlugin; }
 });
 Object.defineProperty(exports, "ImagePlugin", {
   enumerable: true,
-  get: function () { return chunk7JOEPNEV_cjs.ImagePlugin; }
+  get: function () { return chunkOHZKW7YE_cjs.ImagePlugin; }
 });
 Object.defineProperty(exports, "InlinePlugin", {
   enumerable: true,
-  get: function () { return chunk7JOEPNEV_cjs.InlinePlugin; }
+  get: function () { return chunkOHZKW7YE_cjs.InlinePlugin; }
 });
 Object.defineProperty(exports, "LinkPlugin", {
   enumerable: true,
-  get: function () { return chunk7JOEPNEV_cjs.LinkPlugin; }
+  get: function () { return chunkOHZKW7YE_cjs.LinkPlugin; }
 });
 Object.defineProperty(exports, "ListPlugin", {
   enumerable: true,
-  get: function () { return chunk7JOEPNEV_cjs.ListPlugin; }
+  get: function () { return chunkOHZKW7YE_cjs.ListPlugin; }
 });
 Object.defineProperty(exports, "MathPlugin", {
   enumerable: true,
-  get: function () { return chunk7JOEPNEV_cjs.MathPlugin; }
+  get: function () { return chunkOHZKW7YE_cjs.MathPlugin; }
 });
 Object.defineProperty(exports, "MermaidPlugin", {
   enumerable: true,
-  get: function () { return chunk7JOEPNEV_cjs.MermaidPlugin; }
+  get: function () { return chunkOHZKW7YE_cjs.MermaidPlugin; }
 });
 Object.defineProperty(exports, "ParagraphPlugin", {
   enumerable: true,
-  get: function () { return chunk7JOEPNEV_cjs.ParagraphPlugin; }
+  get: function () { return chunkOHZKW7YE_cjs.ParagraphPlugin; }
 });
 Object.defineProperty(exports, "QuotePlugin", {
   enumerable: true,
-  get: function () { return chunk7JOEPNEV_cjs.QuotePlugin; }
+  get: function () { return chunkOHZKW7YE_cjs.QuotePlugin; }
 });
 Object.defineProperty(exports, "TablePlugin", {
   enumerable: true,
-  get: function () { return chunk7JOEPNEV_cjs.TablePlugin; }
+  get: function () { return chunkOHZKW7YE_cjs.TablePlugin; }
 });
 Object.defineProperty(exports, "allPlugins", {
   enumerable: true,
-  get: function () { return chunk7JOEPNEV_cjs.allPlugins; }
+  get: function () { return chunkOHZKW7YE_cjs.allPlugins; }
 });
 Object.defineProperty(exports, "bindCodeCopyButtons", {
   enumerable: true,
-  get: function () { return chunk7JOEPNEV_cjs.bindCodeCopyButtons; }
+  get: function () { return chunkOHZKW7YE_cjs.bindCodeCopyButtons; }
+});
+Object.defineProperty(exports, "bindImagePreviewButtons", {
+  enumerable: true,
+  get: function () { return chunkOHZKW7YE_cjs.bindImagePreviewButtons; }
 });
 Object.defineProperty(exports, "copyCodeTextToClipboard", {
   enumerable: true,
-  get: function () { return chunk7JOEPNEV_cjs.copyCodeTextToClipboard; }
+  get: function () { return chunkOHZKW7YE_cjs.copyCodeTextToClipboard; }
 });
 Object.defineProperty(exports, "decodeCodeCopyPayload", {
   enumerable: true,
-  get: function () { return chunk7JOEPNEV_cjs.decodeCodeCopyPayload; }
+  get: function () { return chunkOHZKW7YE_cjs.decodeCodeCopyPayload; }
 });
 Object.defineProperty(exports, "encodeCodeCopyPayload", {
   enumerable: true,
-  get: function () { return chunk7JOEPNEV_cjs.encodeCodeCopyPayload; }
+  get: function () { return chunkOHZKW7YE_cjs.encodeCodeCopyPayload; }
 });
 Object.defineProperty(exports, "essentialPlugins", {
   enumerable: true,
-  get: function () { return chunk7JOEPNEV_cjs.essentialPlugins; }
+  get: function () { return chunkOHZKW7YE_cjs.essentialPlugins; }
 });
 Object.defineProperty(exports, "resolveCalloutTitleInputTarget", {
   enumerable: true,
-  get: function () { return chunk7JOEPNEV_cjs.resolveCalloutTitleInputTarget; }
+  get: function () { return chunkOHZKW7YE_cjs.resolveCalloutTitleInputTarget; }
 });
 Object.defineProperty(exports, "resolveCalloutTypeChange", {
   enumerable: true,
-  get: function () { return chunk7JOEPNEV_cjs.resolveCalloutTypeChange; }
+  get: function () { return chunkOHZKW7YE_cjs.resolveCalloutTypeChange; }
 });
 Object.defineProperty(exports, "Compartment", {
   enumerable: true,
@@ -305,6 +297,18 @@ Object.defineProperty(exports, "createWrapSelectionInputHandler", {
   enumerable: true,
   get: function () { return chunkKNDWF2DP_cjs.createWrapSelectionInputHandler; }
 });
+Object.defineProperty(exports, "extractPreviewTocFromMarkdown", {
+  enumerable: true,
+  get: function () { return chunk3ZOCCFDL_cjs.extractPreviewTocFromMarkdown; }
+});
+Object.defineProperty(exports, "generateCSS", {
+  enumerable: true,
+  get: function () { return chunk3ZOCCFDL_cjs.generateCSS; }
+});
+Object.defineProperty(exports, "preview", {
+  enumerable: true,
+  get: function () { return chunk3ZOCCFDL_cjs.preview; }
+});
 Object.defineProperty(exports, "PreviewRenderer", {
   enumerable: true,
   get: function () { return chunkSWFUKJDO_cjs.PreviewRenderer; }

package/dist/index.d.cts

@@ -2,7 +2,7 @@ export { ChangeSpec, Compartment, EditorSelection, EditorState, Extension, Selec
 export { EditorView, KeyBinding, ViewUpdate, highlightActiveLine, keymap } from '@codemirror/view';
 export { D as DecorationContext, a as DecorationPlugin, I as InlineFormatInput, L as LinkChangeInput, M as MardoraAttachmentAccept, b as MardoraAttachmentKind, c as MardoraAttachmentUploadContext, d as MardoraAttachmentUploadResult, e as MardoraAttachmentUploadSource, f as MardoraAttachmentUploader, g as MardoraAttachmentsConfig, h as MardoraConfig, i as MardoraFileLike, j as MardoraHeadingFoldConfig, k as MardoraHeadingFoldLevel, l as MardoraHeadingFoldRange, m as MardoraI18nConfig, n as MardoraIconName, o as MardoraLocale, p as MardoraNode, q as MardoraPlugin, r as MardoraSelectionToolbarConfig, s as MardoraSlashCommand, t as MardoraSlashCommandContext, u as MardoraSlashCommandGroup, v as MardoraSlashCommandsConfig, w as MardoraSlashMessages, x as MardoraSlashQuery, y as MardoraTocConfig, z as MardoraTocItem, A as MardoraTocLevel, P as ParsedSelectionLink, B as PluginConfig, C as PluginContext, R as ResolvedMardoraHeadingFoldConfig, E as ResolvedMardoraTocConfig, S as SelectionToolbarActionId, F as SelectionToolbarAnchorRect, G as SelectionToolbarBlockType, H as SelectionToolbarBoundary, J as SelectionToolbarButton, K as SelectionToolbarFloatingSize, N as SelectionToolbarLayout, O as SelectionToolbarLayoutInput, Q as SelectionToolbarLinkState, T as SelectionToolbarListKind, U as SelectionToolbarMenuCallbacks, V as SelectionToolbarMenuState, W as SelectionToolbarMessages, X as SelectionToolbarPaletteItem, Y as SelectionToolbarPanel, Z as SelectionToolbarPlacement, _ as SelectionToolbarViewport, $ as SyntaxPlugin, a0 as TextChange, a1 as TextCommandResult, a2 as TextSelection, a3 as ThemeEnum, a4 as ThemeStyle, a5 as TocPanelState, a6 as TocStorageAdapter, a7 as createMardoraIcon, a8 as createTheme, a9 as cursorInRange, aa as deepMerge, ab as defaultMardoraLocale, ac as fixSelector, ad as flattenThemeStyles, ae as getSelectionToolbarMessages, af as hasMardoraIcon, ag as mardora, ah as resolveMardoraLocale, ai as selectionOverlapsRange, aj as toggleMarkdownStyle } from './mardora-DCwjomil.cjs';
 export { MardoraAttachmentEditorView, MardoraSlashMenuCallbacks, MardoraSlashMenuState, MardoraSlashReplacement, MardoraSlashReplacementTemplate, MardoraSlashRuntimeConfig, MardoraUploadAttachmentOptions, MardoraUploadMarkerInput, MardoraUploadMarkerState, ResolvedMardoraSlashRuntimeConfig, TocPanelCallbacks, TocPanelRenderState, attachments, buildBlockTypeChange, buildInlineFormatChange, buildLinkChange, buildListChange, buildSlashReplacement, clampTocWidth, computeSelectionToolbarLayout, createSelectionToolbarElement, createSlashMenuElement, createSlashRuntimeConfig, createTocPanelElement, createTocSlugger, createUploadMarker, defaultSlashCommands, detectAttachmentKind, detectSelectionBlockType, detectSlashQuery, extractHeadingFoldRangesFromState, extractTocItemsFromState, filterSlashCommands, formatAttachmentMarkdown, getDefaultSlashCommands, getSlashMessages, headingFold, headingFoldTheme, isAcceptedAttachment, mardoraBaseTheme, markdownResetExtension, parseSelectedLink, readTocPanelState, resolveHeadingFoldConfig, resolveTocConfig, selectionToolbar, selectionToolbarTheme, slashCommands, slashMenuTheme, stripMarkdownHeadingText, tableOfContents, tocTheme, uploadAttachmentFile, writeTocPanelState } from './editor/index.cjs';
-export { CODE_COPY_SUCCESS_ICON, CalloutLabel, CalloutTitleInputTarget, CalloutTypeChange, CodePlugin, EmojiPlugin, HRPlugin, HTMLPlugin, HeadingPlugin, ImagePlugin, InlinePlugin, LinkPlugin, ListPlugin, MathPlugin, MermaidPlugin, ParagraphPlugin, QuotePlugin, TablePlugin, allPlugins, bindCodeCopyButtons, copyCodeTextToClipboard, decodeCodeCopyPayload, encodeCodeCopyPayload, essentialPlugins, resolveCalloutTitleInputTarget, resolveCalloutTypeChange } from './plugins/index.cjs';
+export { CODE_COPY_SUCCESS_ICON, CalloutLabel, CalloutTitleInputTarget, CalloutTypeChange, CodePlugin, EmojiPlugin, HRPlugin, HTMLPlugin, HeadingPlugin, ImagePlugin, InlinePlugin, LinkPlugin, ListPlugin, MathPlugin, MermaidPlugin, ParagraphPlugin, QuotePlugin, TablePlugin, allPlugins, bindCodeCopyButtons, bindImagePreviewButtons, copyCodeTextToClipboard, decodeCodeCopyPayload, encodeCodeCopyPayload, essentialPlugins, resolveCalloutTitleInputTarget, resolveCalloutTypeChange } from './plugins/index.cjs';
 export { PreviewRenderer, defaultRenderers, escapeHtml, extractPreviewTocFromMarkdown, generateCSS, generateSyntaxThemeCSS, preview } from './preview/index.cjs';
 export { G as GenerateCSSConfig, N as NodeRenderer, a as NodeRendererMap, P as PreviewConfig, b as PreviewContext, S as SyntaxThemeInput } from './types-NBsaxl4d.cjs';
 export { WrapSelectionMarkerMap, createWrapSelectionInputHandler } from './lib/index.cjs';

package/dist/index.d.ts

@@ -2,7 +2,7 @@ export { ChangeSpec, Compartment, EditorSelection, EditorState, Extension, Selec
 export { EditorView, KeyBinding, ViewUpdate, highlightActiveLine, keymap } from '@codemirror/view';
 export { D as DecorationContext, a as DecorationPlugin, I as InlineFormatInput, L as LinkChangeInput, M as MardoraAttachmentAccept, b as MardoraAttachmentKind, c as MardoraAttachmentUploadContext, d as MardoraAttachmentUploadResult, e as MardoraAttachmentUploadSource, f as MardoraAttachmentUploader, g as MardoraAttachmentsConfig, h as MardoraConfig, i as MardoraFileLike, j as MardoraHeadingFoldConfig, k as MardoraHeadingFoldLevel, l as MardoraHeadingFoldRange, m as MardoraI18nConfig, n as MardoraIconName, o as MardoraLocale, p as MardoraNode, q as MardoraPlugin, r as MardoraSelectionToolbarConfig, s as MardoraSlashCommand, t as MardoraSlashCommandContext, u as MardoraSlashCommandGroup, v as MardoraSlashCommandsConfig, w as MardoraSlashMessages, x as MardoraSlashQuery, y as MardoraTocConfig, z as MardoraTocItem, A as MardoraTocLevel, P as ParsedSelectionLink, B as PluginConfig, C as PluginContext, R as ResolvedMardoraHeadingFoldConfig, E as ResolvedMardoraTocConfig, S as SelectionToolbarActionId, F as SelectionToolbarAnchorRect, G as SelectionToolbarBlockType, H as SelectionToolbarBoundary, J as SelectionToolbarButton, K as SelectionToolbarFloatingSize, N as SelectionToolbarLayout, O as SelectionToolbarLayoutInput, Q as SelectionToolbarLinkState, T as SelectionToolbarListKind, U as SelectionToolbarMenuCallbacks, V as SelectionToolbarMenuState, W as SelectionToolbarMessages, X as SelectionToolbarPaletteItem, Y as SelectionToolbarPanel, Z as SelectionToolbarPlacement, _ as SelectionToolbarViewport, $ as SyntaxPlugin, a0 as TextChange, a1 as TextCommandResult, a2 as TextSelection, a3 as ThemeEnum, a4 as ThemeStyle, a5 as TocPanelState, a6 as TocStorageAdapter, a7 as createMardoraIcon, a8 as createTheme, a9 as cursorInRange, aa as deepMerge, ab as defaultMardoraLocale, ac as fixSelector, ad as flattenThemeStyles, ae as getSelectionToolbarMessages, af as hasMardoraIcon, ag as mardora, ah as resolveMardoraLocale, ai as selectionOverlapsRange, aj as toggleMarkdownStyle } from './mardora-DCwjomil.js';
 export { MardoraAttachmentEditorView, MardoraSlashMenuCallbacks, MardoraSlashMenuState, MardoraSlashReplacement, MardoraSlashReplacementTemplate, MardoraSlashRuntimeConfig, MardoraUploadAttachmentOptions, MardoraUploadMarkerInput, MardoraUploadMarkerState, ResolvedMardoraSlashRuntimeConfig, TocPanelCallbacks, TocPanelRenderState, attachments, buildBlockTypeChange, buildInlineFormatChange, buildLinkChange, buildListChange, buildSlashReplacement, clampTocWidth, computeSelectionToolbarLayout, createSelectionToolbarElement, createSlashMenuElement, createSlashRuntimeConfig, createTocPanelElement, createTocSlugger, createUploadMarker, defaultSlashCommands, detectAttachmentKind, detectSelectionBlockType, detectSlashQuery, extractHeadingFoldRangesFromState, extractTocItemsFromState, filterSlashCommands, formatAttachmentMarkdown, getDefaultSlashCommands, getSlashMessages, headingFold, headingFoldTheme, isAcceptedAttachment, mardoraBaseTheme, markdownResetExtension, parseSelectedLink, readTocPanelState, resolveHeadingFoldConfig, resolveTocConfig, selectionToolbar, selectionToolbarTheme, slashCommands, slashMenuTheme, stripMarkdownHeadingText, tableOfContents, tocTheme, uploadAttachmentFile, writeTocPanelState } from './editor/index.js';
-export { CODE_COPY_SUCCESS_ICON, CalloutLabel, CalloutTitleInputTarget, CalloutTypeChange, CodePlugin, EmojiPlugin, HRPlugin, HTMLPlugin, HeadingPlugin, ImagePlugin, InlinePlugin, LinkPlugin, ListPlugin, MathPlugin, MermaidPlugin, ParagraphPlugin, QuotePlugin, TablePlugin, allPlugins, bindCodeCopyButtons, copyCodeTextToClipboard, decodeCodeCopyPayload, encodeCodeCopyPayload, essentialPlugins, resolveCalloutTitleInputTarget, resolveCalloutTypeChange } from './plugins/index.js';
+export { CODE_COPY_SUCCESS_ICON, CalloutLabel, CalloutTitleInputTarget, CalloutTypeChange, CodePlugin, EmojiPlugin, HRPlugin, HTMLPlugin, HeadingPlugin, ImagePlugin, InlinePlugin, LinkPlugin, ListPlugin, MathPlugin, MermaidPlugin, ParagraphPlugin, QuotePlugin, TablePlugin, allPlugins, bindCodeCopyButtons, bindImagePreviewButtons, copyCodeTextToClipboard, decodeCodeCopyPayload, encodeCodeCopyPayload, essentialPlugins, resolveCalloutTitleInputTarget, resolveCalloutTypeChange } from './plugins/index.js';
 export { PreviewRenderer, defaultRenderers, escapeHtml, extractPreviewTocFromMarkdown, generateCSS, generateSyntaxThemeCSS, preview } from './preview/index.js';
 export { G as GenerateCSSConfig, N as NodeRenderer, a as NodeRendererMap, P as PreviewConfig, b as PreviewContext, S as SyntaxThemeInput } from './types-Pw2SWWAR.js';
 export { WrapSelectionMarkerMap, createWrapSelectionInputHandler } from './lib/index.js';

package/dist/index.js

@@ -1,7 +1,7 @@
-export { extractPreviewTocFromMarkdown, generateCSS, preview } from './chunk-G4SE26YY.js';
-export { CODE_COPY_SUCCESS_ICON, CodePlugin, EmojiPlugin, HRPlugin, HTMLPlugin, HeadingPlugin, ImagePlugin, InlinePlugin, LinkPlugin, ListPlugin, MathPlugin, MermaidPlugin, ParagraphPlugin, QuotePlugin, TablePlugin, allPlugins, bindCodeCopyButtons, copyCodeTextToClipboard, decodeCodeCopyPayload, encodeCodeCopyPayload, essentialPlugins, resolveCalloutTitleInputTarget, resolveCalloutTypeChange } from './chunk-3OCUX4OO.js';
+export { CODE_COPY_SUCCESS_ICON, CodePlugin, EmojiPlugin, HRPlugin, HTMLPlugin, HeadingPlugin, ImagePlugin, InlinePlugin, LinkPlugin, ListPlugin, MathPlugin, MermaidPlugin, ParagraphPlugin, QuotePlugin, TablePlugin, allPlugins, bindCodeCopyButtons, bindImagePreviewButtons, copyCodeTextToClipboard, decodeCodeCopyPayload, encodeCodeCopyPayload, essentialPlugins, resolveCalloutTitleInputTarget, resolveCalloutTypeChange } from './chunk-PCXW2FUR.js';
 export { Compartment, DecorationPlugin, EditorSelection, EditorState, EditorView, MardoraPlugin, StateEffect, StateField, SyntaxPlugin, attachments, buildBlockTypeChange, buildInlineFormatChange, buildLinkChange, buildListChange, buildSlashReplacement, computeSelectionToolbarLayout, createSelectionToolbarElement, createSlashMenuElement, createSlashRuntimeConfig, createUploadMarker, defaultMardoraLocale, defaultSlashCommands, detectAttachmentKind, detectSelectionBlockType, detectSlashQuery, extractHeadingFoldRangesFromState, filterSlashCommands, formatAttachmentMarkdown, getDefaultSlashCommands, getSelectionToolbarMessages, getSlashMessages, headingFold, headingFoldTheme, highlightActiveLine, isAcceptedAttachment, keymap, mardora, mardoraBaseTheme, markdownResetExtension, parseSelectedLink, resolveHeadingFoldConfig, resolveMardoraLocale, selectionToolbar, selectionToolbarTheme, slashCommands, slashMenuTheme, uploadAttachmentFile } from './chunk-XL6WFGJT.js';
 export { createWrapSelectionInputHandler } from './chunk-BIKZQZ6W.js';
+export { extractPreviewTocFromMarkdown, generateCSS, preview } from './chunk-G4SE26YY.js';
 export { PreviewRenderer, defaultRenderers, escapeHtml, generateSyntaxThemeCSS } from './chunk-EQJESPP2.js';
 export { ThemeEnum, clampTocWidth, createMardoraIcon, createTheme, createTocPanelElement, createTocSlugger, cursorInRange, deepMerge, extractTocItemsFromState, fixSelector, flattenThemeStyles, hasMardoraIcon, readTocPanelState, resolveTocConfig, selectionOverlapsRange, stripMarkdownHeadingText, tableOfContents, tocTheme, toggleMarkdownStyle, writeTocPanelState } from './chunk-P7JFCYU3.js';
 //# sourceMappingURL=index.js.map

package/dist/plugins/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk7JOEPNEV_cjs = require('../chunk-7JOEPNEV.cjs');
+var chunkOHZKW7YE_cjs = require('../chunk-OHZKW7YE.cjs');
 require('../chunk-MLBEBFHB.cjs');
 require('../chunk-KNDWF2DP.cjs');
 require('../chunk-SWFUKJDO.cjs');
@@ -10,95 +10,99 @@ require('../chunk-WFVCG4LD.cjs');
 
 Object.defineProperty(exports, "CODE_COPY_SUCCESS_ICON", {
   enumerable: true,
-  get: function () { return chunk7JOEPNEV_cjs.CODE_COPY_SUCCESS_ICON; }
+  get: function () { return chunkOHZKW7YE_cjs.CODE_COPY_SUCCESS_ICON; }
 });
 Object.defineProperty(exports, "CodePlugin", {
   enumerable: true,
-  get: function () { return chunk7JOEPNEV_cjs.CodePlugin; }
+  get: function () { return chunkOHZKW7YE_cjs.CodePlugin; }
 });
 Object.defineProperty(exports, "EmojiPlugin", {
   enumerable: true,
-  get: function () { return chunk7JOEPNEV_cjs.EmojiPlugin; }
+  get: function () { return chunkOHZKW7YE_cjs.EmojiPlugin; }
 });
 Object.defineProperty(exports, "HRPlugin", {
   enumerable: true,
-  get: function () { return chunk7JOEPNEV_cjs.HRPlugin; }
+  get: function () { return chunkOHZKW7YE_cjs.HRPlugin; }
 });
 Object.defineProperty(exports, "HTMLPlugin", {
   enumerable: true,
-  get: function () { return chunk7JOEPNEV_cjs.HTMLPlugin; }
+  get: function () { return chunkOHZKW7YE_cjs.HTMLPlugin; }
 });
 Object.defineProperty(exports, "HeadingPlugin", {
   enumerable: true,
-  get: function () { return chunk7JOEPNEV_cjs.HeadingPlugin; }
+  get: function () { return chunkOHZKW7YE_cjs.HeadingPlugin; }
 });
 Object.defineProperty(exports, "ImagePlugin", {
   enumerable: true,
-  get: function () { return chunk7JOEPNEV_cjs.ImagePlugin; }
+  get: function () { return chunkOHZKW7YE_cjs.ImagePlugin; }
 });
 Object.defineProperty(exports, "InlinePlugin", {
   enumerable: true,
-  get: function () { return chunk7JOEPNEV_cjs.InlinePlugin; }
+  get: function () { return chunkOHZKW7YE_cjs.InlinePlugin; }
 });
 Object.defineProperty(exports, "LinkPlugin", {
   enumerable: true,
-  get: function () { return chunk7JOEPNEV_cjs.LinkPlugin; }
+  get: function () { return chunkOHZKW7YE_cjs.LinkPlugin; }
 });
 Object.defineProperty(exports, "ListPlugin", {
   enumerable: true,
-  get: function () { return chunk7JOEPNEV_cjs.ListPlugin; }
+  get: function () { return chunkOHZKW7YE_cjs.ListPlugin; }
 });
 Object.defineProperty(exports, "MathPlugin", {
   enumerable: true,
-  get: function () { return chunk7JOEPNEV_cjs.MathPlugin; }
+  get: function () { return chunkOHZKW7YE_cjs.MathPlugin; }
 });
 Object.defineProperty(exports, "MermaidPlugin", {
   enumerable: true,
-  get: function () { return chunk7JOEPNEV_cjs.MermaidPlugin; }
+  get: function () { return chunkOHZKW7YE_cjs.MermaidPlugin; }
 });
 Object.defineProperty(exports, "ParagraphPlugin", {
   enumerable: true,
-  get: function () { return chunk7JOEPNEV_cjs.ParagraphPlugin; }
+  get: function () { return chunkOHZKW7YE_cjs.ParagraphPlugin; }
 });
 Object.defineProperty(exports, "QuotePlugin", {
   enumerable: true,
-  get: function () { return chunk7JOEPNEV_cjs.QuotePlugin; }
+  get: function () { return chunkOHZKW7YE_cjs.QuotePlugin; }
 });
 Object.defineProperty(exports, "TablePlugin", {
   enumerable: true,
-  get: function () { return chunk7JOEPNEV_cjs.TablePlugin; }
+  get: function () { return chunkOHZKW7YE_cjs.TablePlugin; }
 });
 Object.defineProperty(exports, "allPlugins", {
   enumerable: true,
-  get: function () { return chunk7JOEPNEV_cjs.allPlugins; }
+  get: function () { return chunkOHZKW7YE_cjs.allPlugins; }
 });
 Object.defineProperty(exports, "bindCodeCopyButtons", {
   enumerable: true,
-  get: function () { return chunk7JOEPNEV_cjs.bindCodeCopyButtons; }
+  get: function () { return chunkOHZKW7YE_cjs.bindCodeCopyButtons; }
+});
+Object.defineProperty(exports, "bindImagePreviewButtons", {
+  enumerable: true,
+  get: function () { return chunkOHZKW7YE_cjs.bindImagePreviewButtons; }
 });
 Object.defineProperty(exports, "copyCodeTextToClipboard", {
   enumerable: true,
-  get: function () { return chunk7JOEPNEV_cjs.copyCodeTextToClipboard; }
+  get: function () { return chunkOHZKW7YE_cjs.copyCodeTextToClipboard; }
 });
 Object.defineProperty(exports, "decodeCodeCopyPayload", {
   enumerable: true,
-  get: function () { return chunk7JOEPNEV_cjs.decodeCodeCopyPayload; }
+  get: function () { return chunkOHZKW7YE_cjs.decodeCodeCopyPayload; }
 });
 Object.defineProperty(exports, "encodeCodeCopyPayload", {
   enumerable: true,
-  get: function () { return chunk7JOEPNEV_cjs.encodeCodeCopyPayload; }
+  get: function () { return chunkOHZKW7YE_cjs.encodeCodeCopyPayload; }
 });
 Object.defineProperty(exports, "essentialPlugins", {
   enumerable: true,
-  get: function () { return chunk7JOEPNEV_cjs.essentialPlugins; }
+  get: function () { return chunkOHZKW7YE_cjs.essentialPlugins; }
 });
 Object.defineProperty(exports, "resolveCalloutTitleInputTarget", {
   enumerable: true,
-  get: function () { return chunk7JOEPNEV_cjs.resolveCalloutTitleInputTarget; }
+  get: function () { return chunkOHZKW7YE_cjs.resolveCalloutTitleInputTarget; }
 });
 Object.defineProperty(exports, "resolveCalloutTypeChange", {
   enumerable: true,
-  get: function () { return chunk7JOEPNEV_cjs.resolveCalloutTypeChange; }
+  get: function () { return chunkOHZKW7YE_cjs.resolveCalloutTypeChange; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/plugins/index.d.cts

@@ -308,6 +308,7 @@ declare class HTMLPlugin extends DecorationPlugin {
     buildDecorations(ctx: DecorationContext): void;
 }
 
+declare function bindImagePreviewButtons(root: HTMLElement | Document): () => void;
 /**
  * ImagePlugin - Decorates and renders images in markdown
  *
@@ -737,4 +738,4 @@ declare const essentialPlugins: MardoraPlugin[];
  */
 declare const allPlugins: MardoraPlugin[];
 
-export { CODE_COPY_SUCCESS_ICON, type CalloutLabel, type CalloutTitleInputTarget, type CalloutTypeChange, CodePlugin, EmojiPlugin, HRPlugin, HTMLPlugin, HeadingPlugin, ImagePlugin, InlinePlugin, LinkPlugin, ListPlugin, MathPlugin, MermaidPlugin, ParagraphPlugin, QuotePlugin, TablePlugin, allPlugins, bindCodeCopyButtons, copyCodeTextToClipboard, decodeCodeCopyPayload, encodeCodeCopyPayload, essentialPlugins, resolveCalloutTitleInputTarget, resolveCalloutTypeChange };
+export { CODE_COPY_SUCCESS_ICON, type CalloutLabel, type CalloutTitleInputTarget, type CalloutTypeChange, CodePlugin, EmojiPlugin, HRPlugin, HTMLPlugin, HeadingPlugin, ImagePlugin, InlinePlugin, LinkPlugin, ListPlugin, MathPlugin, MermaidPlugin, ParagraphPlugin, QuotePlugin, TablePlugin, allPlugins, bindCodeCopyButtons, bindImagePreviewButtons, copyCodeTextToClipboard, decodeCodeCopyPayload, encodeCodeCopyPayload, essentialPlugins, resolveCalloutTitleInputTarget, resolveCalloutTypeChange };

package/dist/plugins/index.d.ts

@@ -308,6 +308,7 @@ declare class HTMLPlugin extends DecorationPlugin {
     buildDecorations(ctx: DecorationContext): void;
 }
 
+declare function bindImagePreviewButtons(root: HTMLElement | Document): () => void;
 /**
  * ImagePlugin - Decorates and renders images in markdown
  *
@@ -737,4 +738,4 @@ declare const essentialPlugins: MardoraPlugin[];
  */
 declare const allPlugins: MardoraPlugin[];
 
-export { CODE_COPY_SUCCESS_ICON, type CalloutLabel, type CalloutTitleInputTarget, type CalloutTypeChange, CodePlugin, EmojiPlugin, HRPlugin, HTMLPlugin, HeadingPlugin, ImagePlugin, InlinePlugin, LinkPlugin, ListPlugin, MathPlugin, MermaidPlugin, ParagraphPlugin, QuotePlugin, TablePlugin, allPlugins, bindCodeCopyButtons, copyCodeTextToClipboard, decodeCodeCopyPayload, encodeCodeCopyPayload, essentialPlugins, resolveCalloutTitleInputTarget, resolveCalloutTypeChange };
+export { CODE_COPY_SUCCESS_ICON, type CalloutLabel, type CalloutTitleInputTarget, type CalloutTypeChange, CodePlugin, EmojiPlugin, HRPlugin, HTMLPlugin, HeadingPlugin, ImagePlugin, InlinePlugin, LinkPlugin, ListPlugin, MathPlugin, MermaidPlugin, ParagraphPlugin, QuotePlugin, TablePlugin, allPlugins, bindCodeCopyButtons, bindImagePreviewButtons, copyCodeTextToClipboard, decodeCodeCopyPayload, encodeCodeCopyPayload, essentialPlugins, resolveCalloutTitleInputTarget, resolveCalloutTypeChange };

package/dist/plugins/index.js

@@ -1,4 +1,4 @@
-export { CODE_COPY_SUCCESS_ICON, CodePlugin, EmojiPlugin, HRPlugin, HTMLPlugin, HeadingPlugin, ImagePlugin, InlinePlugin, LinkPlugin, ListPlugin, MathPlugin, MermaidPlugin, ParagraphPlugin, QuotePlugin, TablePlugin, allPlugins, bindCodeCopyButtons, copyCodeTextToClipboard, decodeCodeCopyPayload, encodeCodeCopyPayload, essentialPlugins, resolveCalloutTitleInputTarget, resolveCalloutTypeChange } from '../chunk-3OCUX4OO.js';
+export { CODE_COPY_SUCCESS_ICON, CodePlugin, EmojiPlugin, HRPlugin, HTMLPlugin, HeadingPlugin, ImagePlugin, InlinePlugin, LinkPlugin, ListPlugin, MathPlugin, MermaidPlugin, ParagraphPlugin, QuotePlugin, TablePlugin, allPlugins, bindCodeCopyButtons, bindImagePreviewButtons, copyCodeTextToClipboard, decodeCodeCopyPayload, encodeCodeCopyPayload, essentialPlugins, resolveCalloutTitleInputTarget, resolveCalloutTypeChange } from '../chunk-PCXW2FUR.js';
 import '../chunk-XL6WFGJT.js';
 import '../chunk-BIKZQZ6W.js';
 import '../chunk-EQJESPP2.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mardora",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "Core library for Mardora",
   "license": "MIT",
   "repository": {

package/src/editor/media-lightbox.ts

@@ -55,7 +55,7 @@ export function createMediaPreviewButton(
 
 export function openMediaLightbox(ownerDocument: Document, options: OpenMediaLightboxOptions): MediaLightboxHandle {
   ownerDocument.querySelector(".cm-mardora-media-lightbox")?.remove();
-  const mountPoint = options.returnFocus?.closest(".cm-editor") ?? ownerDocument.body;
+  const mountPoint = options.returnFocus?.closest(".cm-editor, .mardora-preview") ?? ownerDocument.body;
 
   const root = ownerDocument.createElement("div");
   root.className = "cm-mardora-media-lightbox";

package/src/plugins/code-plugin.theme.ts

@@ -6,7 +6,7 @@ export const codePluginTheme = createTheme({
     // Inline code
     ".cm-mardora-code-inline": {
       fontFamily: "var(--font-jetbrains-mono, monospace)",
-      fontSize: "0.9rem",
+      fontSize: "0.9em",
       backgroundColor: "rgba(0, 0, 0, 0.05)",
       padding: "0.1rem 0.25rem",
       border: "1px solid var(--color-border)",
@@ -58,12 +58,11 @@ export const codePluginTheme = createTheme({
       alignItems: "center",
       gap: "0.2rem",
       position: "absolute",
-      top: "50%",
+      top: "0.5rem",
       right: "0.45rem",
       zIndex: "20",
       opacity: "0",
       pointerEvents: "none",
-      transform: "translateY(-50%)",
       transition: "opacity 0.12s ease",
       color: "var(--color-text, inherit)",
       fontFamily: "var(--font-sans, system-ui, sans-serif)",

package/src/plugins/code-plugin.ts

@@ -53,6 +53,7 @@ const codeLanguageOptions = [
   ["JavaScript", "javascript"],
   ["JSON", "json"],
   ["Markdown", "markdown"],
+  ["Mermaid", "mermaid"],
   ["Python", "python"],
   ["Ruby", "ruby"],
   ["Rust", "rust"],
@@ -80,6 +81,7 @@ const codeLanguageAliases: Record<string, string> = {
   js: "JavaScript",
   json: "JSON",
   markdown: "Markdown",
+  mermaid: "Mermaid",
   md: "Markdown",
   python: "Python",
   py: "Python",

package/src/plugins/image-plugin.ts

@@ -44,6 +44,8 @@ interface ImageMarkdownRange {
 
 const imageWidthAttributePattern = /^(\s*)\{width=(\d+)\}/;
 const minImageWidth = 120;
+const previewImageIcon =
+  '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 3h6v6"></path><path d="m21 3-7 7"></path><path d="M9 21H3v-6"></path><path d="m3 21 7-7"></path></svg>';
 
 /**
  * Parse image markdown to extract alt text, URL, optional title, and optional pixel width.
@@ -131,6 +133,29 @@ export function resolveImageDeleteChange(input: {
   return { from: input.from, to: range.to, insert: "" };
 }
 
+export function bindImagePreviewButtons(root: HTMLElement | Document): () => void {
+  const onClick = (event: Event) => {
+    const target =
+      event.target && typeof (event.target as Element).closest === "function" ? (event.target as Element) : null;
+    const previewButton = target?.closest<HTMLButtonElement>(".cm-mardora-image-preview-button[data-src]");
+    if (!previewButton || !root.contains(previewButton)) return;
+
+    consumeMediaLightboxTrigger(event);
+    openMediaLightbox(previewButton.ownerDocument, {
+      content: {
+        kind: "image",
+        src: previewButton.dataset.src ?? "",
+        alt: previewButton.dataset.alt ?? "",
+        ...(previewButton.dataset.title ? { title: previewButton.dataset.title } : {}),
+      },
+      returnFocus: previewButton,
+    });
+  };
+
+  root.addEventListener("click", onClick);
+  return () => root.removeEventListener("click", onClick);
+}
+
 /**
  * Widget to render an image with optional caption using figure/figcaption
  * Placed below the markdown syntax as a widget decoration
@@ -362,11 +387,18 @@ function clampImageWidth(width: number, maxWidth: number): number {
 }
 
 function resolveImageMaxWidth(view: EditorView, figure: HTMLElement): number {
-  const content = figure.closest(".cm-content") ?? view.contentDOM ?? view.dom;
+  const content = figure.closest(".cm-line") ?? figure.closest(".cm-content") ?? view.contentDOM ?? view.dom;
   const width = content.getBoundingClientRect().width;
   return Math.max(minImageWidth, Math.round(width || figure.getBoundingClientRect().width || 800));
 }
 
+function renderPreviewImageButton(parsed: ParsedImageMarkdown, ctx: PreviewContext): string {
+  const titleDataAttr = parsed.title ? ` data-title="${ctx.sanitize(parsed.title)}"` : "";
+  return `<div class="cm-mardora-image-toolbar">
+    <button type="button" class="cm-mardora-image-tool-button cm-mardora-image-preview-button" aria-label="放大查看图片" title="放大查看图片" data-src="${ctx.sanitize(parsed.url)}" data-alt="${ctx.sanitize(parsed.alt)}"${titleDataAttr}>${previewImageIcon}</button>
+  </div>`;
+}
+
 /**
  * ImagePlugin - Decorates and renders images in markdown
  *
@@ -583,10 +615,12 @@ export class ImagePlugin extends DecorationPlugin {
     const altAttr = ctx.sanitize(parsed.alt);
     const titleAttr = parsed.title ? ` title="${ctx.sanitize(parsed.title)}"` : "";
     const ariaLabel = parsed.title ? ` aria-label="${ctx.sanitize(parsed.title)}"` : "";
-    const widthStyle = parsed.width ? ` style="width: ${parsed.width}px;"` : "";
+    const figureWidthStyle = parsed.width ? ` style="width: ${parsed.width}px;"` : "";
+    const imageWidthStyle = parsed.width ? ` style="width: 100%;"` : "";
 
-    let html = `<figure class="cm-mardora-image-figure" role="figure"${ariaLabel}>`;
-    html += `<img class="cm-mardora-image" src="${ctx.sanitize(parsed.url)}" alt="${altAttr}"${titleAttr}${widthStyle} loading="lazy" decoding="async" />`;
+    let html = `<figure class="cm-mardora-image-figure" role="figure"${ariaLabel}${figureWidthStyle}>`;
+    html += `<img class="cm-mardora-image" src="${ctx.sanitize(parsed.url)}" alt="${altAttr}"${titleAttr}${imageWidthStyle} loading="lazy" decoding="async" />`;
+    html += renderPreviewImageButton(parsed, ctx);
 
     if (parsed.title) {
       html += `<figcaption class="cm-mardora-image-caption">${ctx.sanitize(parsed.title)}</figcaption>`;
@@ -644,7 +678,9 @@ const imageTheme = createTheme({
       alignItems: "start",
       width: "100%",
       maxWidth: "100%",
+      margin: "0",
       padding: "0",
+      position: "relative",
     },
 
     ".cm-mardora-image-toolbar": {

package/src/plugins/index.ts

@@ -6,7 +6,7 @@ export { LinkPlugin } from "./link-plugin";
 export { ListPlugin } from "./list-plugin";
 export { TablePlugin } from "./table-plugin";
 export { HTMLPlugin } from "./html-plugin";
-export { ImagePlugin } from "./image-plugin";
+export { bindImagePreviewButtons, ImagePlugin } from "./image-plugin";
 export { MathPlugin } from "./math-plugin";
 export { MermaidPlugin } from "./mermaid-plugin";
 export {