markstream-svelte 2.0.17 → 2.0.19

package/dist/components/CodeBlockNode.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import type { CodeBlockOptions, CodeBlockTheme, CodeBlockThemeProp, CodeBlockThemes } from '../types/codeBlock'
-  import type { SvelteRenderableNode, SvelteRenderContext } from './shared/node-helpers'
+  import type { NodeRendererCodeBlockProps, SvelteRenderableNode, SvelteRenderContext } from './shared/node-helpers'
   import { onDestroy, onMount, tick } from 'svelte'
   import { useSafeI18n } from '../i18n/useSafeI18n'
   import { getStreamDiffsRuntime } from '../optional/streamDiffs'
@@ -18,6 +18,7 @@
     loading?: boolean | undefined
     stream?: boolean | undefined
     codeBlockOptions?: CodeBlockOptions | undefined
+    clipboardWriter?: NodeRendererCodeBlockProps['clipboardWriter']
     theme?: CodeBlockThemeProp | undefined
     darkTheme?: CodeBlockTheme | undefined
     lightTheme?: CodeBlockTheme | undefined
@@ -44,6 +45,7 @@
     loading = undefined,
     stream = undefined,
     codeBlockOptions = undefined,
+    clipboardWriter = undefined,
     theme = undefined,
     darkTheme = undefined,
     lightTheme = undefined,
@@ -1048,8 +1050,20 @@ ${configuredUnsafeCSS}`.trim(),
   }
 
   async function copy() {
-    await copyTextToClipboard(code)
-    context?.events?.onCopy?.(code)
+    const text = code
+    const writer = clipboardWriter ?? context?.codeBlockProps?.clipboardWriter
+    if (writer) {
+      try {
+        await writer(text)
+      }
+      catch {
+        return
+      }
+    }
+    else {
+      await copyTextToClipboard(text)
+    }
+    context?.events?.onCopy?.(text)
     copied = true
     if (copyTimer)
       clearTimeout(copyTimer)

package/dist/components/CodeBlockNode.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { CodeBlockOptions, CodeBlockTheme, CodeBlockThemeProp, CodeBlockThemes } from '../types/codeBlock';
-import type { SvelteRenderableNode, SvelteRenderContext } from './shared/node-helpers';
+import type { NodeRendererCodeBlockProps, SvelteRenderableNode, SvelteRenderContext } from './shared/node-helpers';
 type Props = {
     node: SvelteRenderableNode;
     context?: SvelteRenderContext | undefined;
@@ -7,6 +7,7 @@ type Props = {
     loading?: boolean | undefined;
     stream?: boolean | undefined;
     codeBlockOptions?: CodeBlockOptions | undefined;
+    clipboardWriter?: NodeRendererCodeBlockProps['clipboardWriter'];
     theme?: CodeBlockThemeProp | undefined;
     darkTheme?: CodeBlockTheme | undefined;
     lightTheme?: CodeBlockTheme | undefined;

package/dist/components/shared/node-helpers.d.ts

@@ -12,6 +12,7 @@ export interface CodeBlockPreviewPayload {
     id: string;
 }
 export type NodeRendererCodeBlockProps = Partial<{
+    clipboardWriter: (text: string) => void | Promise<void>;
     stream: boolean;
     theme: CodeBlockThemeProp;
     darkTheme: CodeBlockTheme;

package/dist/enhanceRenderedHtml.js

@@ -746,6 +746,7 @@ function decodeDataPayload(value) {
     return '';
 }
 function createEnhancedBlockShell(kind, label, source, showSourceDetails, options, shellOptions = {}) {
+    var _a;
     const wrapper = document.createElement('div');
     wrapper.className = `markstream-svelte-enhanced-block markstream-svelte-enhanced-block--${kind}`;
     if (shellOptions.showHeader !== false) {
@@ -755,7 +756,7 @@ function createEnhancedBlockShell(kind, label, source, showSourceDetails, option
         badge.className = 'markstream-svelte-enhanced-block__badge';
         badge.textContent = label;
         header.appendChild(badge);
-        header.appendChild(createHeaderActions(source, options));
+        header.appendChild(createHeaderActions(source, options, kind === 'code' ? (_a = options.codeBlockProps) === null || _a === void 0 ? void 0 : _a.clipboardWriter : undefined));
         wrapper.appendChild(header);
     }
     const body = document.createElement('div');
@@ -777,7 +778,7 @@ function createEnhancedBlockShell(kind, label, source, showSourceDetails, option
     }
     return { wrapper, body };
 }
-function createHeaderActions(source, options) {
+function createHeaderActions(source, options, clipboardWriter) {
     const actions = document.createElement('div');
     actions.className = 'markstream-svelte-enhanced-block__actions';
     const copyButton = document.createElement('button');
@@ -786,9 +787,19 @@ function createHeaderActions(source, options) {
     copyButton.textContent = 'Copy';
     if (options.showTooltips !== false)
         copyButton.title = 'Copy source';
-    copyButton.addEventListener('click', () => {
+    copyButton.addEventListener('click', async () => {
         var _a;
-        void copyText(source);
+        if (clipboardWriter) {
+            try {
+                await clipboardWriter(source);
+            }
+            catch {
+                return;
+            }
+        }
+        else {
+            void copyText(source);
+        }
         (_a = options.onCopy) === null || _a === void 0 ? void 0 : _a.call(options, source);
     });
     actions.appendChild(copyButton);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "markstream-svelte",
   "type": "module",
-  "version": "2.0.17",
+  "version": "2.0.19",
   "description": "Svelte 5 and SvelteKit streaming Markdown renderer for AI chat, LLM token streams, SSE/WebSocket output, incomplete Markdown, Mermaid, KaTeX, stream-diffs powered code blocks, and custom Svelte components.",
   "author": "Simon He",
   "license": "MIT",
@@ -100,8 +100,8 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.8.0",
-    "markstream-core": "2.0.17",
-    "stream-markdown-parser": "1.2.19"
+    "markstream-core": "2.0.19",
+    "stream-markdown-parser": "1.2.20"
   },
   "devDependencies": {
     "@sveltejs/package": "^2.5.8",