vue-stream-markdown 0.1.3 → 0.1.5

package/dist/index.d.ts

@@ -1,10 +1,7 @@
-import * as vue12 from "vue";
+import * as vue39 from "vue";
 import { Component, MaybeRef, MaybeRefOrGetter } from "vue";
-import "tippy.js/dist/tippy.css";
-import "tippy.js/themes/light.css";
-import "tippy.js/dist/border.css";
-import "tippy.js/dist/svg-arrow.css";
-import { Zoom } from "medium-zoom";
+import * as _floating_ui_vue0 from "@floating-ui/vue";
+import { Placement } from "@floating-ui/vue";
 import { MarkdownItAsync } from "markdown-it-async";
 import { KatexOptions as KatexOptions$1 } from "katex";
 import remend from "remend";
@@ -13,7 +10,6 @@ import { Mermaid, MermaidConfig } from "mermaid";
 import { Extension, fromMarkdown } from "mdast-util-from-markdown";
 import { Options as Options$1 } from "mdast-util-to-markdown";
 import { Extension as Extension$1 } from "micromark-util-types";
-import { DefaultProps } from "tippy.js";
 
 //#region src/components/previewers/index.d.ts
 declare const CODE_PREVIEWERS: Record<string, Component>;
@@ -120,6 +116,12 @@ interface LocaleConfig {
     download: string;
     minimize: string;
     maximize: string;
+    flipY: string;
+    flipX: string;
+    rotateLeft: string;
+    rotateRight: string;
+    previous: string;
+    next: string;
   };
   error: {
     vanilla: string;
@@ -130,11 +132,54 @@ interface LocaleConfig {
   };
 }
 //#endregion
+//#region src/constants/code.d.ts
+declare const DEFAULT_LIGHT_THEME = "github-light";
+declare const DEFAULT_DARK_THEME = "github-dark";
+declare const LANGUAGE_ALIAS: Record<string, BuiltinLanguage>;
+declare const LANGUAGE_EXTENSIONS: Partial<Record<BuiltinLanguage, string>>;
+declare const LANGUAGE_ICONS: Partial<Record<BuiltinLanguage | SpecialLanguage, Component>>;
+//#endregion
+//#region src/constants/harden.d.ts
+declare const DEFAULT_HARDEN_OPTIONS: HardenOptions;
+//#endregion
+//#region src/constants/icons.d.ts
+declare const ICONS: {
+  readonly arrowLeft: vue39.FunctionalComponent<vue39.SVGAttributes, {}, any, {}>;
+  readonly check: vue39.FunctionalComponent<vue39.SVGAttributes, {}, any, {}>;
+  readonly code: vue39.FunctionalComponent<vue39.SVGAttributes, {}, any, {}>;
+  readonly collapse: vue39.FunctionalComponent<vue39.SVGAttributes, {}, any, {}>;
+  readonly copy: vue39.FunctionalComponent<vue39.SVGAttributes, {}, any, {}>;
+  readonly download: vue39.FunctionalComponent<vue39.SVGAttributes, {}, any, {}>;
+  readonly error: vue39.FunctionalComponent<vue39.SVGAttributes, {}, any, {}>;
+  readonly flipHorizontal: vue39.FunctionalComponent<vue39.SVGAttributes, {}, any, {}>;
+  readonly image: vue39.FunctionalComponent<vue39.SVGAttributes, {}, any, {}>;
+  readonly link: vue39.FunctionalComponent<vue39.SVGAttributes, {}, any, {}>;
+  readonly maximize: vue39.FunctionalComponent<vue39.SVGAttributes, {}, any, {}>;
+  readonly mermaid: vue39.FunctionalComponent<vue39.SVGAttributes, {}, any, {}>;
+  readonly minimize: vue39.FunctionalComponent<vue39.SVGAttributes, {}, any, {}>;
+  readonly preview: vue39.FunctionalComponent<vue39.SVGAttributes, {}, any, {}>;
+  readonly rotateLeft: vue39.FunctionalComponent<vue39.SVGAttributes, {}, any, {}>;
+  readonly zoomIn: vue39.FunctionalComponent<vue39.SVGAttributes, {}, any, {}>;
+  readonly zoomOut: vue39.FunctionalComponent<vue39.SVGAttributes, {}, any, {}>;
+};
+//#endregion
+//#region src/constants/theme.d.ts
+declare const SHADCN_SCHEMAS: readonly ["background", "foreground", "card", "card-foreground", "popover", "popover-foreground", "primary", "primary-foreground", "secondary", "secondary-foreground", "muted", "muted-foreground", "accent", "accent-foreground", "destructive", "border", "input", "ring", "chart-1", "chart-2", "chart-3", "chart-4", "chart-5", "sidebar", "sidebar-foreground", "sidebar-primary", "sidebar-primary-foreground", "sidebar-accent", "sidebar-accent-foreground", "sidebar-border", "sidebar-ring"];
+//#endregion
+//#region src/types/shared.d.ts
+type IconName = keyof typeof ICONS | 'flipVertical' | 'rotateRight' | 'arrowRight';
+interface SelectItem {
+  label: string;
+  value: string;
+  icon?: Component;
+}
+//#endregion
 //#region src/types/context.d.ts
 interface StreamMarkdownProps extends StreamMarkdownContext, MarkdownParserOptions {
   mode?: 'static' | 'streaming';
   content?: string;
   nodeRenderers?: NodeRenderers;
+  icons?: Partial<Record<IconName, Component>>;
   locale?: string | LocaleConfig;
 }
 interface MarkdownParserOptions {
@@ -171,9 +216,14 @@ type CodeControlsConfig = boolean | {
   fullscreen?: boolean;
 };
 type ImageControlsConfig = boolean | {
+  preview?: boolean;
   download?: boolean;
+  carousel?: boolean;
+  flip?: boolean;
+  rotate?: boolean;
+  controlPosition?: ZoomControlPosition;
 };
-type ZoomControlPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+type ZoomControlPosition = 'top-left' | 'top-right' | 'top-center' | 'bottom-left' | 'bottom-right' | 'bottom-center';
 type ZoomControlsConfig = boolean | {
   position?: ZoomControlPosition;
 };
@@ -183,12 +233,15 @@ type ControlsConfig = boolean | {
   image?: boolean | ImageControlsConfig;
   mermaid?: boolean | ZoomControlsConfig;
 };
-type PreviewerConfig = boolean | {
-  html?: boolean | Component;
+type PreviewerConfig = boolean | ({
   mermaid?: boolean | Component;
-};
+  html?: boolean | Component;
+} & {
+  [key: string]: Component;
+});
 interface ShikiOptions {
   theme?: [BuiltinTheme, BuiltinTheme];
+  langs?: BundledLanguage[];
   langAlias?: Record<string, string>;
   codeToTokenOptions?: CodeToTokensOptions<BundledLanguage, BundledTheme>;
 }
@@ -210,6 +263,7 @@ interface CodeOptions {
   languageIcon?: boolean;
   languageName?: boolean;
   lineNumbers?: boolean;
+  maxHeight?: number | string;
   /**
    * Language specific code options
    * @example
@@ -221,7 +275,10 @@ interface CodeOptions {
    *   },
    * }
    */
-  language?: Record<string, CodeOptions>;
+  language?: Record<string, CodeOptionsLanguage>;
+}
+interface CodeOptionsLanguage extends Omit<CodeOptions, 'languageIcon'> {
+  languageIcon?: boolean | Component;
 }
 interface HardenOptions {
   defaultOrigin?: string;
@@ -261,9 +318,7 @@ interface NodeRendererProps extends StreamMarkdownContext {
   markdownParser: MarkdownParser;
   nodeRenderers: NodeRenderers;
   node: ParsedNode;
-  mediumZoom: Zoom;
   indexKey: number | string;
-  getContainer: () => HTMLElement | undefined;
 }
 interface BlockquoteNodeRendererProps extends NodeRendererProps {
   node: BlockquoteNode;
@@ -347,18 +402,11 @@ interface InlineMathNodeRendererProps extends NodeRendererProps {
   node: InlineMathNode;
 }
 //#endregion
-//#region src/types/shared.d.ts
-interface SelectItem {
-  label: string;
-  value: string;
-  icon?: Component;
-}
-//#endregion
 //#region src/components/renderers/index.d.ts
 declare const NODE_RENDERERS: NodeRenderers;
 //#endregion
 //#region src/components/index.d.ts
-declare const COMMON_COMPONENTS: Record<string, Component>;
+declare const UI: Record<string, Component>;
 //#endregion
 //#region src/composables/use-code-options.d.ts
 interface UseCodeOptionsOptions {
@@ -366,15 +414,17 @@ interface UseCodeOptionsOptions {
   language?: MaybeRef<string>;
 }
 declare function useCodeOptions(options: UseCodeOptionsOptions): {
-  languageCodeOptions: vue12.ComputedRef<CodeOptions | undefined>;
-  showLanguageIcon: vue12.ComputedRef<boolean>;
-  showLanguageName: vue12.ComputedRef<boolean>;
-  showLineNumbers: vue12.ComputedRef<boolean>;
+  languageCodeOptions: vue39.ComputedRef<CodeOptionsLanguage | undefined>;
+  showLanguageIcon: vue39.ComputedRef<boolean>;
+  showLanguageName: vue39.ComputedRef<boolean>;
+  showLineNumbers: vue39.ComputedRef<boolean>;
 };
 //#endregion
 //#region src/composables/use-context.d.ts
 interface Context {
   isDark?: MaybeRef<boolean>;
+  icons?: MaybeRef<Record<IconName, Component>>;
+  parsedNodes?: MaybeRef<ParsedNode[]>;
   getContainer?: () => HTMLElement | undefined;
   onCopied?: (content: string) => void;
 }
@@ -382,7 +432,9 @@ declare function useContext(): {
   context: Context;
   provideContext: (ctx: Partial<Context>) => void;
   injectContext: () => Context;
-  isDark: vue12.ComputedRef<boolean>;
+  icons: vue39.ComputedRef<Record<string, Component>>;
+  isDark: vue39.ComputedRef<boolean>;
+  parsedNodes: vue39.ComputedRef<ParsedNode[]>;
   readonly getContainer: () => HTMLElement | undefined;
   readonly onCopied: (content: string) => void;
 };
@@ -396,6 +448,32 @@ declare function useControls(options: UseControlsOptions): {
   getControlValue: <T = any>(key: string) => T | undefined;
 };
 //#endregion
+//#region src/composables/use-floating-element.d.ts
+interface UseFloatingElementOptions {
+  trigger?: MaybeRef<'hover' | 'click'>;
+  placement?: MaybeRef<Placement>;
+  delay?: MaybeRef<number | [number, number]>;
+  getContainer?: () => HTMLElement | undefined;
+}
+declare function useFloatingElement(options: UseFloatingElementOptions): {
+  referenceEl: vue39.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+  floatingEl: vue39.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+  open: vue39.Ref<boolean, boolean>;
+  appendTo: vue39.ComputedRef<HTMLElement | "body">;
+  floatingStyle: vue39.ComputedRef<{
+    position: _floating_ui_vue0.Strategy;
+    top: string;
+    left: string;
+  }>;
+  show: () => void;
+  hide: () => void;
+  onMouseEnter: () => void;
+  onMouseLeave: () => void;
+  onClick: () => void;
+  onFloatingEnter: () => void;
+  onFloatingLeave: () => void;
+};
+//#endregion
 //#region src/composables/use-harden-sanitizers.d.ts
 interface UseHardenSanitizersOptions {
   url?: MaybeRef<string | undefined>;
@@ -404,10 +482,10 @@ interface UseHardenSanitizersOptions {
   isImage?: MaybeRef<boolean | undefined>;
 }
 declare function useHardenSanitizers(options: UseHardenSanitizersOptions): {
-  hardenOptions: vue12.ComputedRef<HardenOptions>;
+  hardenOptions: vue39.ComputedRef<HardenOptions>;
   transformHardenUrl: (url: string) => string | null;
-  transformedUrl: vue12.ComputedRef<string | null>;
-  isHardenUrl: vue12.ComputedRef<boolean>;
+  transformedUrl: vue39.ComputedRef<string | null>;
+  isHardenUrl: vue39.ComputedRef<boolean>;
 };
 //#endregion
 //#region src/composables/use-i18n.d.ts
@@ -417,7 +495,7 @@ declare function useI18n(): {
 //#endregion
 //#region src/composables/use-katex.d.ts
 declare function useKatex(): {
-  installed: vue12.Ref<boolean, boolean>;
+  installed: vue39.Ref<boolean, boolean>;
   render: (code: string, options?: KatexOptions$1) => Promise<{
     html?: string;
     error?: string;
@@ -433,9 +511,26 @@ interface UseMathRendererOptions {
   throttle?: MaybeRef<number>;
 }
 declare function useMathRenderer(options: UseMathRendererOptions): {
-  html: vue12.Ref<string, string>;
-  error: vue12.ComputedRef<boolean>;
-  errorMessage: vue12.Ref<string, string>;
+  html: vue39.Ref<string, string>;
+  error: vue39.ComputedRef<boolean>;
+  errorMessage: vue39.Ref<string, string>;
+};
+//#endregion
+//#region src/composables/use-medium-zoom.d.ts
+interface UseMediumZoomOptions {
+  margin?: MaybeRef<number>;
+  open?: () => void;
+  close?: () => void;
+}
+declare function useMediumZoom(options: UseMediumZoomOptions): {
+  isAnimating: vue39.Ref<boolean, boolean>;
+  elementStyle: vue39.ComputedRef<{
+    opacity: number;
+  }>;
+  elementRef: vue39.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+  zoomElementRef: vue39.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+  zoomIn: () => Promise<void>;
+  zoomOut: () => Promise<void>;
 };
 //#endregion
 //#region src/composables/use-mermaid.d.ts
@@ -444,7 +539,7 @@ interface UseMermaidOptions {
   isDark?: MaybeRef<boolean>;
 }
 declare function useMermaid(options?: UseMermaidOptions): {
-  installed: vue12.Ref<boolean, boolean>;
+  installed: vue39.Ref<boolean, boolean>;
   getMermaid: () => Promise<Mermaid>;
   parseMermaid: (code: string) => Promise<boolean>;
   renderMermaid: (code: string) => Promise<string | null>;
@@ -460,7 +555,7 @@ interface UseShikiOptions {
   isDark?: MaybeRef<boolean>;
 }
 declare function useShiki(options?: UseShikiOptions): {
-  installed: vue12.Ref<boolean, boolean>;
+  installed: vue39.Ref<boolean, boolean>;
   getHighlighter: () => Promise<Highlighter>;
   codeToTokens: (code: string) => Promise<TokensResult>;
   preload: () => Promise<void>;
@@ -473,24 +568,15 @@ interface UseTailwindV3ThemeOptions {
   styleScope?: MaybeRef<string>;
 }
 declare function useTailwindV3Theme(options: UseTailwindV3ThemeOptions): {
-  element: vue12.ComputedRef<Element | undefined>;
+  element: vue39.ComputedRef<Element | undefined>;
   id: string;
-  css: vue12.ShallowRef<string>;
+  css: vue39.ShallowRef<string>;
   load: () => void;
   unload: () => void;
-  isLoaded: Readonly<vue12.ShallowRef<boolean>>;
+  isLoaded: Readonly<vue39.ShallowRef<boolean>>;
   generateCSS: () => void;
 };
 //#endregion
-//#region src/composables/use-tippy.d.ts
-interface UseTippyOptions {
-  isDark?: MaybeRef<boolean>;
-  options?: MaybeRef<DefaultProps>;
-}
-declare function useTippy(options?: UseTippyOptions): {
-  initTippy: () => void;
-};
-//#endregion
 //#region src/composables/use-zoom.d.ts
 interface UseZoomOptions {
   minZoom?: number;
@@ -501,17 +587,17 @@ interface UseZoomOptions {
   initialTranslateX?: number;
   initialTranslateY?: number;
 }
-interface ZoomPanState {
+interface ZoomState {
   zoom: number;
   translateX: number;
   translateY: number;
 }
 declare function useZoom(options?: UseZoomOptions): {
-  zoom: vue12.Ref<number, number>;
-  translateX: vue12.Ref<number, number>;
-  translateY: vue12.Ref<number, number>;
-  isDragging: vue12.Ref<boolean, boolean>;
-  transformStyle: vue12.ComputedRef<{
+  zoom: vue39.Ref<number, number>;
+  translateX: vue39.Ref<number, number>;
+  translateY: vue39.Ref<number, number>;
+  isDragging: vue39.Ref<boolean, boolean>;
+  transformStyle: vue39.ComputedRef<{
     transform: string;
   }>;
   zoomIn: () => void;
@@ -522,50 +608,38 @@ declare function useZoom(options?: UseZoomOptions): {
   onDrag: (e: PointerEvent) => void;
   stopDrag: () => void;
   handleWheel: (event: WheelEvent, containerElement: HTMLElement) => void;
-  getState: () => ZoomPanState;
-  setState: (state: Partial<ZoomPanState>) => void;
+  getState: () => ZoomState;
+  setState: (state: Partial<ZoomState>) => void;
+  handleTouchStart: (event: TouchEvent, containerElement: HTMLElement) => void;
+  handleTouchMove: (event: TouchEvent, containerElement: HTMLElement) => void;
+  handleTouchEnd: (event: TouchEvent) => void;
 };
 //#endregion
-//#region src/constants/code.d.ts
-declare const DEFAULT_LIGHT_THEME = "github-light";
-declare const DEFAULT_DARK_THEME = "github-dark";
-declare const LANGUAGE_ALIAS: Record<string, BuiltinLanguage>;
-declare const LANGUAGE_EXTENSIONS: Partial<Record<BuiltinLanguage, string>>;
-declare const LANGUAGE_ICONS: Partial<Record<BuiltinLanguage | SpecialLanguage, Component>>;
-//#endregion
-//#region src/constants/harden.d.ts
-declare const DEFAULT_HARDEN_OPTIONS: HardenOptions;
-//#endregion
-//#region src/constants/icons.d.ts
-declare const ICONS: Record<string, Component>;
-//#endregion
-//#region src/constants/theme.d.ts
-declare const SHADCN_SCHEMAS: readonly ["background", "foreground", "card", "card-foreground", "popover", "popover-foreground", "primary", "primary-foreground", "secondary", "secondary-foreground", "muted", "muted-foreground", "accent", "accent-foreground", "destructive", "border", "input", "ring", "chart-1", "chart-2", "chart-3", "chart-4", "chart-5", "sidebar", "sidebar-foreground", "sidebar-primary", "sidebar-primary-foreground", "sidebar-accent", "sidebar-accent-foreground", "sidebar-border", "sidebar-ring"];
-//#endregion
 //#region src/index.vue.d.ts
-declare const __VLS_export: vue12.DefineComponent<StreamMarkdownProps, {
+declare const __VLS_export: vue39.DefineComponent<StreamMarkdownProps, {
   getMarkdownParser: () => MarkdownParser;
   getParsedNodes: () => ParsedNode[];
-}, {}, {}, {}, vue12.ComponentOptionsMixin, vue12.ComponentOptionsMixin, {} & {
+}, {}, {}, {}, vue39.ComponentOptionsMixin, vue39.ComponentOptionsMixin, {} & {
   copied: (content: string) => any;
-}, string, vue12.PublicProps, Readonly<StreamMarkdownProps> & Readonly<{
+}, string, vue39.PublicProps, Readonly<StreamMarkdownProps> & Readonly<{
   onCopied?: ((content: string) => any) | undefined;
 }>, {
   mode: "static" | "streaming";
   content: string;
-  nodeRenderers: Partial<Record<"blockquote" | "break" | "code" | "definition" | "delete" | "emphasis" | "footnoteDefinition" | "footnoteReference" | "heading" | "html" | "image" | "imageReference" | "inlineCode" | "link" | "linkReference" | "list" | "listItem" | "paragraph" | "strong" | "table" | "tableCell" | "tableRow" | "text" | "thematicBreak" | "yaml" | "inlineMath" | "math", vue12.Component>>;
+  nodeRenderers: Partial<Record<"blockquote" | "break" | "code" | "definition" | "delete" | "emphasis" | "footnoteDefinition" | "footnoteReference" | "heading" | "html" | "image" | "imageReference" | "inlineCode" | "link" | "linkReference" | "list" | "listItem" | "paragraph" | "strong" | "table" | "tableCell" | "tableRow" | "text" | "thematicBreak" | "yaml" | "inlineMath" | "math", Component>>;
+  icons: Partial<Record<IconName, Component>>;
   locale: string | LocaleConfig;
   controls: ControlsConfig;
   previewers: PreviewerConfig;
   isDark: boolean;
-}, {}, {}, {}, string, vue12.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue39.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion
 //#region src/locales/index.d.ts
 declare const SUPPORT_LANGUAGES: string[];
 declare const localesGlob: Record<string, () => Promise<unknown>>;
-declare const localeMessages: vue12.Ref<LocaleConfig | undefined, LocaleConfig | undefined>;
-declare const currentLocale: vue12.Ref<string, string>;
+declare const localeMessages: vue39.Ref<LocaleConfig | undefined, LocaleConfig | undefined>;
+declare const currentLocale: vue39.Ref<string, string>;
 declare function loadLocaleMessages(language: string | LocaleConfig): Promise<void>;
 //#endregion
 //#region src/postprocess/text.d.ts
@@ -736,7 +810,6 @@ declare function fixTaskList(content: string): string;
 //#endregion
 //#region src/preprocess/vendored/markdown-utils.d.ts
 declare function preprocessLaTeX(content: string): string;
-declare function preprocessThinkTag(content: string): string;
 //#endregion
 //#region src/preprocess/pattern.d.ts
 declare const crlfPattern: RegExp;
@@ -772,6 +845,7 @@ declare function transformUrl(url: unknown, allowedPrefixes: string[], defaultOr
 //#region src/utils/helper.d.ts
 declare function flow<T>(fns: Array<(arg: T) => T>): (arg: T) => T;
 declare function save(filename: string, content: string | Blob, mimeType: string): void;
+declare function saveImage(url: string, alt?: string): Promise<void>;
 declare function svgToPngBlob(svgString: string, options?: {
   scale?: number;
 }): Promise<Blob>;
@@ -803,4 +877,4 @@ declare function tableDataToTSV(data: TableData): string;
 declare function escapeMarkdownTableCell(cell: string): string;
 declare function tableDataToMarkdown(data: TableData): string;
 //#endregion
-export { BlockquoteNode, BlockquoteNodeRendererProps, BreakNode, BreakNodeRendererProps, CODE_PREVIEWERS, COMMON_COMPONENTS, CodeControlsConfig, CodeNode, CodeNodeRendererProps, CodeOptions, ControlsConfig, DEFAULT_DARK_THEME, DEFAULT_HARDEN_OPTIONS, DEFAULT_LIGHT_THEME, DefinitionNode, DefinitionNodeRendererProps, DeleteNode, DeleteNodeRendererProps, EmphasisNode, EmphasisNodeRendererProps, FootnoteDefinitionNode, FootnoteDefinitionNodeRendererProps, FootnoteReferenceNode, FootnoteReferenceNodeRendererProps, HardenOptions, HeadingNode, HeadingNodeRendererProps, HtmlNode, HtmlNodeRendererProps, ICONS, ImageControlsConfig, ImageNode, ImageNodeRendererProps, ImageOptions, ImageReferenceNode, ImageReferenceNodeRendererProps, InlineCodeNode, InlineCodeNodeRendererProps, InlineMathNode, InlineMathNodeRendererProps, KatexOptions, LANGUAGE_ALIAS, LANGUAGE_EXTENSIONS, LANGUAGE_ICONS, LinkNode, LinkNodeRendererProps, LinkReferenceNode, LinkReferenceNodeRendererProps, ListItemNode, ListItemNodeRendererProps, ListNode, ListNodeRendererProps, LocaleConfig, _default as Markdown, MarkdownParser, MarkdownParserOptions, MathNode, MathNodeRendererProps, MdastOptions, MermaidOptions, NODE_RENDERERS, NodeRendererListProps, NodeRendererProps, NodeRenderers, NodeType, Options, ParagraphNode, ParagraphNodeRendererProps, ParsedNode, PreviewerConfig, SHADCN_SCHEMAS, SUPPORT_LANGUAGES, SelectItem, ShikiOptions, StreamMarkdownContext, StreamMarkdownProps, StrongNode, StrongNodeRendererProps, SyntaxTree, TableCellNode, TableCellNodeRendererProps, TableControlsConfig, TableData, TableNode, TableNodeRendererProps, TableRowNode, TableRowNodeRendererProps, TextNode, TextNodeRendererProps, ThematicBreakNode, ThematicBreakNodeRendererProps, UseMathRendererOptions, UseZoomOptions, YamlNode, YamlNodeRendererProps, ZoomControlPosition, ZoomControlsConfig, ZoomPanState, codeBlockPattern, crlfPattern, currentLocale, doubleAsteriskPattern, doubleDollarPattern, doubleTildePattern, doubleUnderscorePattern, escapeMarkdownTableCell, extractTableDataFromElement, findLastLeafNode, findNodeParent, fixCode, fixDelete, fixEmphasis, fixLink, fixStrong, fixTable, fixTaskList, flow, hasKatex, hasMermaid, hasShiki, incompleteBracketPattern, incompleteLinkTextPattern, incompleteUrlPattern, loadLocaleMessages, localeMessages, localesGlob, normalize, postFixText, postprocess, preprocess, preprocessLaTeX, preprocessThinkTag, proprocessContent, quoteStandaloneDashPattern, quoteTaskListPattern, remend, save, separatorPattern, singleAsteriskPattern, singleBacktickPattern, singleUnderscorePattern, standaloneDashPattern, svgToPngBlob, tableDataToCSV, tableDataToMarkdown, tableDataToTSV, tableRowPattern, taskListPattern, trailingBackticksPattern, trailingWhitespacePattern, transformUrl, tripleBacktickPattern, useCodeOptions, useContext, useControls, useHardenSanitizers, useI18n, useKatex, useMathRenderer, useMermaid, useShiki, useTailwindV3Theme, useTippy, useZoom };
+export { BlockquoteNode, BlockquoteNodeRendererProps, BreakNode, BreakNodeRendererProps, CODE_PREVIEWERS, CodeControlsConfig, CodeNode, CodeNodeRendererProps, CodeOptions, CodeOptionsLanguage, ControlsConfig, DEFAULT_DARK_THEME, DEFAULT_HARDEN_OPTIONS, DEFAULT_LIGHT_THEME, DefinitionNode, DefinitionNodeRendererProps, DeleteNode, DeleteNodeRendererProps, EmphasisNode, EmphasisNodeRendererProps, FootnoteDefinitionNode, FootnoteDefinitionNodeRendererProps, FootnoteReferenceNode, FootnoteReferenceNodeRendererProps, HardenOptions, HeadingNode, HeadingNodeRendererProps, HtmlNode, HtmlNodeRendererProps, ICONS, IconName, ImageControlsConfig, ImageNode, ImageNodeRendererProps, ImageOptions, ImageReferenceNode, ImageReferenceNodeRendererProps, InlineCodeNode, InlineCodeNodeRendererProps, InlineMathNode, InlineMathNodeRendererProps, KatexOptions, LANGUAGE_ALIAS, LANGUAGE_EXTENSIONS, LANGUAGE_ICONS, LinkNode, LinkNodeRendererProps, LinkReferenceNode, LinkReferenceNodeRendererProps, ListItemNode, ListItemNodeRendererProps, ListNode, ListNodeRendererProps, LocaleConfig, _default as Markdown, MarkdownParser, MarkdownParserOptions, MathNode, MathNodeRendererProps, MdastOptions, MermaidOptions, NODE_RENDERERS, NodeRendererListProps, NodeRendererProps, NodeRenderers, NodeType, Options, ParagraphNode, ParagraphNodeRendererProps, ParsedNode, PreviewerConfig, SHADCN_SCHEMAS, SUPPORT_LANGUAGES, SelectItem, ShikiOptions, StreamMarkdownContext, StreamMarkdownProps, StrongNode, StrongNodeRendererProps, SyntaxTree, TableCellNode, TableCellNodeRendererProps, TableControlsConfig, TableData, TableNode, TableNodeRendererProps, TableRowNode, TableRowNodeRendererProps, TextNode, TextNodeRendererProps, ThematicBreakNode, ThematicBreakNodeRendererProps, UI, YamlNode, YamlNodeRendererProps, ZoomControlPosition, ZoomControlsConfig, codeBlockPattern, crlfPattern, currentLocale, doubleAsteriskPattern, doubleDollarPattern, doubleTildePattern, doubleUnderscorePattern, escapeMarkdownTableCell, extractTableDataFromElement, findLastLeafNode, findNodeParent, fixCode, fixDelete, fixEmphasis, fixLink, fixStrong, fixTable, fixTaskList, flow, hasKatex, hasMermaid, hasShiki, incompleteBracketPattern, incompleteLinkTextPattern, incompleteUrlPattern, loadLocaleMessages, localeMessages, localesGlob, normalize, postFixText, postprocess, preprocess, preprocessLaTeX, proprocessContent, quoteStandaloneDashPattern, quoteTaskListPattern, remend, save, saveImage, separatorPattern, singleAsteriskPattern, singleBacktickPattern, singleUnderscorePattern, standaloneDashPattern, svgToPngBlob, tableDataToCSV, tableDataToMarkdown, tableDataToTSV, tableRowPattern, taskListPattern, trailingBackticksPattern, trailingWhitespacePattern, transformUrl, tripleBacktickPattern, useCodeOptions, useContext, useControls, useFloatingElement, useHardenSanitizers, useI18n, useKatex, useMathRenderer, useMediumZoom, useMermaid, useShiki, useTailwindV3Theme, useZoom };

package/dist/index.js

@@ -1,8 +1,7 @@
-import { t as CODE_PREVIEWERS } from "./previewers-qHMi6xZ3.js";
-import { A as transformUrl, B as useContext, C as findNodeParent, D as flow, E as hasShiki, F as DEFAULT_LIGHT_THEME, I as LANGUAGE_ALIAS, L as LANGUAGE_EXTENSIONS, M as ICONS, N as DEFAULT_HARDEN_OPTIONS, O as save, P as DEFAULT_DARK_THEME, R as LANGUAGE_ICONS, S as findLastLeafNode, T as hasMermaid, V as useCodeOptions, _ as escapeMarkdownTableCell, a as useMermaid, b as tableDataToMarkdown, c as _defineProperty, d as SUPPORT_LANGUAGES, f as currentLocale, g as useHardenSanitizers, h as localesGlob, i as useShiki, j as SHADCN_SCHEMAS, k as svgToPngBlob, l as useKatex, m as localeMessages, n as useTippy, o as useMathRenderer, p as loadLocaleMessages, r as useTailwindV3Theme, t as useZoom, u as useI18n, v as extractTableDataFromElement, w as hasKatex, x as tableDataToTSV, y as tableDataToCSV, z as useControls } from "./composables-Cj6_jbwr.js";
-import { t as node_list_default } from "./node-list-CGr_EVtn.js";
+import { t as CODE_PREVIEWERS } from "./previewers-D0VVcdjL.js";
+import { A as svgToPngBlob, B as useFloatingElement, C as findNodeParent, D as flow, E as hasShiki, F as DEFAULT_DARK_THEME, H as useContext, I as DEFAULT_LIGHT_THEME, L as LANGUAGE_ALIAS, M as SHADCN_SCHEMAS, N as ICONS, O as save, P as DEFAULT_HARDEN_OPTIONS, R as LANGUAGE_EXTENSIONS, S as findLastLeafNode, T as hasMermaid, U as useCodeOptions, V as useControls, _ as escapeMarkdownTableCell, a as useMediumZoom, b as tableDataToMarkdown, c as _defineProperty, d as SUPPORT_LANGUAGES, f as currentLocale, g as useHardenSanitizers, h as localesGlob, i as useMermaid, j as transformUrl, k as saveImage, l as useKatex, m as localeMessages, n as useTailwindV3Theme, o as useMathRenderer, p as loadLocaleMessages, r as useShiki, t as useZoom, u as useI18n, v as extractTableDataFromElement, w as hasKatex, x as tableDataToTSV, y as tableDataToCSV, z as LANGUAGE_ICONS } from "./composables-yny5gJo3.js";
+import { t as node_list_default } from "./node-list-YhpHXdM_.js";
 import { computed, createElementBlock, createVNode, defineAsyncComponent, defineComponent, mergeProps, normalizeClass, onBeforeUnmount, openBlock, ref, toRefs, unref, watch } from "vue";
-import mediumZoom from "medium-zoom";
 import { MarkdownItAsync } from "markdown-it-async";
 import remend from "remend";
 
@@ -49,40 +48,41 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 //#endregion
 //#region src/components/renderers/index.ts
 const NODE_RENDERERS = {
-	blockquote: defineAsyncComponent(() => import("./blockquote-DdEg2gww.js")),
-	code: defineAsyncComponent(() => import("./code-CJ4tMt6L.js")),
-	delete: defineAsyncComponent(() => import("./delete-BdWzKJCy.js")),
-	emphasis: defineAsyncComponent(() => import("./emphasis-CTuGt1Ok.js")),
-	heading: defineAsyncComponent(() => import("./heading-2vpQQtTH.js")),
-	image: defineAsyncComponent(() => import("./image-xeiC5YFM.js")),
-	inlineCode: defineAsyncComponent(() => import("./inline-code-CBoqhfz7.js")),
-	inlineMath: defineAsyncComponent(() => import("./inline-math-C2NUSasr.js")),
-	link: defineAsyncComponent(() => import("./link-BceXudNH.js")),
-	list: defineAsyncComponent(() => import("./list-BCiFKGaz.js")),
-	listItem: defineAsyncComponent(() => import("./list-item-p-OLUR_9.js")),
-	math: defineAsyncComponent(() => import("./math-DXOLG3Xg.js")),
-	paragraph: defineAsyncComponent(() => import("./paragraph-DYjqr_Sa.js")),
-	strong: defineAsyncComponent(() => import("./strong-CvOjLZiq.js")),
-	table: defineAsyncComponent(() => import("./table-C5VHgkTQ.js")),
-	text: defineAsyncComponent(() => import("./text-DuONUqRA.js")),
-	thematicBreak: defineAsyncComponent(() => import("./thematic-break-CcNPEI9Y.js")),
-	yaml: defineAsyncComponent(() => import("./yaml-DJHrmzSe.js"))
+	blockquote: defineAsyncComponent(() => import("./blockquote-bkADuiGm.js")),
+	code: defineAsyncComponent(() => import("./code-DF8PTNol.js")),
+	delete: defineAsyncComponent(() => import("./delete-D17YBeI-.js")),
+	emphasis: defineAsyncComponent(() => import("./emphasis-B-2R_0Q5.js")),
+	heading: defineAsyncComponent(() => import("./heading-DyJIwNrN.js")),
+	image: defineAsyncComponent(() => import("./image-BPhFn1xp.js")),
+	inlineCode: defineAsyncComponent(() => import("./inline-code-C44UJ2TH.js")),
+	inlineMath: defineAsyncComponent(() => import("./inline-math-wO1rMt9T.js")),
+	link: defineAsyncComponent(() => import("./link-sGo7CEll.js")),
+	list: defineAsyncComponent(() => import("./list-C0I1ysSI.js")),
+	listItem: defineAsyncComponent(() => import("./list-item-BoC2wKBL.js")),
+	math: defineAsyncComponent(() => import("./math-BlqtUf2r.js")),
+	paragraph: defineAsyncComponent(() => import("./paragraph-BN-4-Dn7.js")),
+	strong: defineAsyncComponent(() => import("./strong-NdAS3VjP.js")),
+	table: defineAsyncComponent(() => import("./table-CWX5B2i1.js")),
+	text: defineAsyncComponent(() => import("./text-DpleLvNh.js")),
+	thematicBreak: defineAsyncComponent(() => import("./thematic-break-D5GvzU5S.js")),
+	yaml: defineAsyncComponent(() => import("./yaml-y0snrPRx.js"))
 };
 
 //#endregion
 //#region src/components/index.ts
-const COMMON_COMPONENTS = {
-	Button: defineAsyncComponent(() => import("./button-2wMU7qkH.js")),
-	CodeBlock: defineAsyncComponent(() => import("./code-block-BucFZooo.js")),
-	Dropdown: defineAsyncComponent(() => import("./dropdown-dsCfq0Hl.js")),
-	ErrorComponent: defineAsyncComponent(() => import("./error-component-B0mmLhh6.js")),
-	Modal: defineAsyncComponent(() => import("./modal-DcpxxDDX.js")),
-	NodeList: defineAsyncComponent(() => import("./node-list-lgY1wbfQ.js")),
-	Segmented: defineAsyncComponent(() => import("./segmented-BeHqXuFx.js")),
-	Spin: defineAsyncComponent(() => import("./spin-Bz4zGBEo.js")),
-	Table: defineAsyncComponent(() => import("./table-CZLbUHiJ.js")),
-	Tooltip: defineAsyncComponent(() => import("./tooltip-BzVZqo7w.js")),
-	ZoomContainer: defineAsyncComponent(() => import("./zoom-container-CwEDlKRx.js"))
+const UI = {
+	Button: defineAsyncComponent(() => import("./button-JYC8d-B-.js")),
+	CodeBlock: defineAsyncComponent(() => import("./code-block-BhMDz2ZL.js")),
+	Dropdown: defineAsyncComponent(() => import("./dropdown-Y5_Z4a_u.js")),
+	ErrorComponent: defineAsyncComponent(() => import("./error-component-DEIWb6kB.js")),
+	Image: defineAsyncComponent(() => import("./image-DXBD47sF.js")),
+	Modal: defineAsyncComponent(() => import("./modal-Duhc-vVa.js")),
+	NodeList: defineAsyncComponent(() => import("./node-list-C1je2nLd.js")),
+	Segmented: defineAsyncComponent(() => import("./segmented-XdoLnuuq.js")),
+	Spin: defineAsyncComponent(() => import("./spin-wM2KE8mO.js")),
+	Table: defineAsyncComponent(() => import("./table-R9gmCXm_.js")),
+	Tooltip: defineAsyncComponent(() => import("./tooltip-BJDs-A8d.js")),
+	ZoomContainer: defineAsyncComponent(() => import("./zoom-container-KztuE4ri.js"))
 };
 
 //#endregion
@@ -18129,15 +18129,6 @@ function preprocessLaTeX(content$2) {
 	processedContent = processedContent.replace(/_TMP_REPLACE_DOLLAR_/g, "$");
 	return processedContent;
 }
-function preprocessThinkTag(content$2) {
-	const thinkOpenTagRegex = /(<think>\s*)+/g;
-	const thinkCloseTagRegex = /(\s*<\/think>)+/g;
-	return flow([
-		(str) => str.replace(thinkOpenTagRegex, "<details data-think=true>\n"),
-		(str) => str.replace(thinkCloseTagRegex, "\n[ENDTHINKFLAG]</details>"),
-		(str) => str.replace(/(<\/details>)(?![^\S\r\n]*[\r\n])(?![^\S\r\n]*$)/g, "$1\n")
-	])(content$2);
-}
 
 //#endregion
 //#region src/preprocess/index.ts
@@ -18145,11 +18136,7 @@ function proprocessContent(content$2) {
 	return content$2.replace(crlfPattern, "\n").trimEnd();
 }
 function normalize(content$2) {
-	return flow([
-		proprocessContent,
-		preprocessLaTeX,
-		preprocessThinkTag
-	])(content$2);
+	return flow([proprocessContent, preprocessLaTeX])(content$2);
 }
 function preprocess(content$2) {
 	return flow([
@@ -18270,6 +18257,11 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			required: false,
 			default: () => ({})
 		},
+		icons: {
+			type: Object,
+			required: false,
+			default: () => ({})
+		},
 		locale: {
 			type: [String, Object],
 			required: false,
@@ -18339,11 +18331,9 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const props = __props;
 		const emits = __emit;
-		const { isDark } = toRefs(props);
+		const { shikiOptions, mermaidOptions, isDark } = toRefs(props);
 		const containerRef = ref();
 		const { provideContext } = useContext();
-		const { initTippy } = useTippy({ isDark });
-		const zoom = mediumZoom("[data-zoomable]", { background: "color-mix(in oklab, var(--background) 80%, transparent)" });
 		const markdownParser = new MarkdownParser({
 			mode: props.mode,
 			mdastOptions: props.mdastOptions,
@@ -18355,28 +18345,32 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			...NODE_RENDERERS,
 			...props.nodeRenderers
 		}));
+		const icons = computed(() => ({
+			...ICONS,
+			...props.icons
+		}));
 		function getContainer() {
 			return containerRef.value;
 		}
-		const { preload: preloadShiki, dispose: disposeShiki } = useShiki();
-		const { preload: preloadMermaid, dispose: disposeMermaid } = useMermaid();
+		const { preload: preloadShiki, dispose: disposeShiki } = useShiki({ shikiOptions });
+		const { preload: preloadMermaid, dispose: disposeMermaid } = useMermaid({ mermaidOptions });
 		const { preload: preloadKatex, dispose: disposeKatex } = useKatex();
 		async function bootstrap() {
-			initTippy();
-			const tasks = [];
-			if (props.locale !== "en-US") tasks.push(loadLocaleMessages(props.locale));
-			await Promise.all([
-				...tasks,
+			const tasks = [
 				preloadShiki(),
 				preloadMermaid(),
 				preloadKatex()
-			]);
+			];
+			if (props.locale !== "en-US") tasks.push(loadLocaleMessages(props.locale));
+			await Promise.all(tasks);
 		}
 		bootstrap();
 		watch(() => props.mode, () => markdownParser.updateMode(props.mode));
 		watch(() => props.locale, () => loadLocaleMessages(props.locale));
 		provideContext({
+			icons,
 			isDark,
+			parsedNodes,
 			getContainer,
 			onCopied: (content$2) => {
 				emits("copied", content$2);
@@ -18400,13 +18394,11 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 				"markdown-parser": unref(markdownParser),
 				"node-renderers": nodeRenderers.value,
 				nodes: parsedNodes.value,
-				"medium-zoom": unref(zoom),
 				"get-container": getContainer
 			}), null, 16, [
 				"markdown-parser",
 				"node-renderers",
-				"nodes",
-				"medium-zoom"
+				"nodes"
 			])], 2);
 		};
 	}
@@ -18417,4 +18409,4 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 var src_default = index_vue_vue_type_script_setup_true_lang_default;
 
 //#endregion
-export { CODE_PREVIEWERS, COMMON_COMPONENTS, DEFAULT_DARK_THEME, DEFAULT_HARDEN_OPTIONS, DEFAULT_LIGHT_THEME, ICONS, LANGUAGE_ALIAS, LANGUAGE_EXTENSIONS, LANGUAGE_ICONS, src_default as Markdown, MarkdownParser, NODE_RENDERERS, SHADCN_SCHEMAS, SUPPORT_LANGUAGES, codeBlockPattern, crlfPattern, currentLocale, doubleAsteriskPattern, doubleDollarPattern, doubleTildePattern, doubleUnderscorePattern, escapeMarkdownTableCell, extractTableDataFromElement, findLastLeafNode, findNodeParent, fixCode, fixDelete, fixEmphasis, fixLink, fixStrong, fixTable, fixTaskList, flow, hasKatex, hasMermaid, hasShiki, incompleteBracketPattern, incompleteLinkTextPattern, incompleteUrlPattern, loadLocaleMessages, localeMessages, localesGlob, normalize, postFixText, postprocess, preprocess, preprocessLaTeX, preprocessThinkTag, proprocessContent, quoteStandaloneDashPattern, quoteTaskListPattern, remend, save, separatorPattern, singleAsteriskPattern, singleBacktickPattern, singleUnderscorePattern, standaloneDashPattern, svgToPngBlob, tableDataToCSV, tableDataToMarkdown, tableDataToTSV, tableRowPattern, taskListPattern, trailingBackticksPattern, trailingWhitespacePattern, transformUrl, tripleBacktickPattern, useCodeOptions, useContext, useControls, useHardenSanitizers, useI18n, useKatex, useMathRenderer, useMermaid, useShiki, useTailwindV3Theme, useTippy, useZoom };
+export { CODE_PREVIEWERS, DEFAULT_DARK_THEME, DEFAULT_HARDEN_OPTIONS, DEFAULT_LIGHT_THEME, ICONS, LANGUAGE_ALIAS, LANGUAGE_EXTENSIONS, LANGUAGE_ICONS, src_default as Markdown, MarkdownParser, NODE_RENDERERS, SHADCN_SCHEMAS, SUPPORT_LANGUAGES, UI, codeBlockPattern, crlfPattern, currentLocale, doubleAsteriskPattern, doubleDollarPattern, doubleTildePattern, doubleUnderscorePattern, escapeMarkdownTableCell, extractTableDataFromElement, findLastLeafNode, findNodeParent, fixCode, fixDelete, fixEmphasis, fixLink, fixStrong, fixTable, fixTaskList, flow, hasKatex, hasMermaid, hasShiki, incompleteBracketPattern, incompleteLinkTextPattern, incompleteUrlPattern, loadLocaleMessages, localeMessages, localesGlob, normalize, postFixText, postprocess, preprocess, preprocessLaTeX, proprocessContent, quoteStandaloneDashPattern, quoteTaskListPattern, remend, save, saveImage, separatorPattern, singleAsteriskPattern, singleBacktickPattern, singleUnderscorePattern, standaloneDashPattern, svgToPngBlob, tableDataToCSV, tableDataToMarkdown, tableDataToTSV, tableRowPattern, taskListPattern, trailingBackticksPattern, trailingWhitespacePattern, transformUrl, tripleBacktickPattern, useCodeOptions, useContext, useControls, useFloatingElement, useHardenSanitizers, useI18n, useKatex, useMathRenderer, useMediumZoom, useMermaid, useShiki, useTailwindV3Theme, useZoom };