markstream-svelte 0.0.1-beta.5 → 0.0.1

package/README.md

@@ -1,6 +1,21 @@
 # markstream-svelte
 
-Svelte 5-only renderer aligned with `markstream-vue`, `markstream-vue2`, and `markstream-react`. Svelte 4 is not supported.
+Svelte 5 streaming Markdown renderer for AI chat, LLM token streams, SSE/WebSocket output, incomplete Markdown states, long documents, custom components, Mermaid, KaTeX, Monaco, D2, and Infographic.
+
+## When to use it
+
+Use `markstream-svelte` when Markdown changes while users are reading it:
+LLM output, SSE streams, WebSocket streams, AI chat messages, long generated answers,
+progressive diagrams, math, or code blocks.
+
+For normal chat streaming, start with the raw `content` string path. Use pre-parsed
+`nodes` only when another part of your app already owns the parser or AST state.
+
+## Known limitations
+
+- **Svelte 5 only.** Svelte 4 is not supported.
+- This package is currently beta. Check npm and the [Svelte guide](https://markstream.simonhe.me/guide/svelte) for the latest API maturity.
+- It is not the first choice for short static Markdown or apps that require a fully stable Svelte 4-compatible API.
 
 ## Install
 
@@ -8,7 +23,8 @@ Svelte 5-only renderer aligned with `markstream-vue`, `markstream-vue2`, and `ma
 pnpm add markstream-svelte svelte@^5
 ```
 
-Optional heavy renderers stay as peer dependencies, matching the Vue and React packages:
+Optional heavy renderers stay as peer dependencies, matching the Vue and React packages.
+Plain Markdown does not require these packages:
 
 ```bash
 pnpm add katex mermaid stream-monaco @terrastruct/d2 @antv/infographic

package/dist/components/ImageNode.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
   import type { SvelteRenderableNode } from './shared/node-helpers'
+  import { sanitizeImageSrc } from 'stream-markdown-parser'
   import { useSafeI18n } from '../i18n/useSafeI18n'
   import { getString } from './shared/node-helpers'
 
@@ -21,38 +22,58 @@
 
   const { t } = useSafeI18n()
 
-  let src = $derived(getString((node as any)?.src))
+  type ImageStage = 'primary' | 'fallback' | 'failed'
+
+  function resolveImageState(primarySrc: string, fallbackSrc: string, loading: boolean): { src: string; stage: ImageStage } {
+    if (loading || primarySrc)
+      return { src: primarySrc, stage: 'primary' }
+    if (fallbackSrc)
+      return { src: fallbackSrc, stage: 'fallback' }
+    return { src: '', stage: 'failed' }
+  }
+
+  let safeNodeSrc = $derived(sanitizeImageSrc((node as any)?.src))
+  let safeFallbackSrc = $derived(sanitizeImageSrc(fallbackSrc))
   let alt = $derived(getString((node as any)?.alt))
   let title = $derived(getString((node as any)?.title))
   let raw = $derived(getString((node as any)?.raw))
   let isLoading = $derived(Boolean((node as any)?.loading))
   let useEagerImagePath = $derived(!lazy)
 
-  let initialSrc = untrack(() => getString((node as any)?.src))
-  let previousSrc = $state(initialSrc)
-  let currentSrc = $state(initialSrc)
+  let initialSafeNodeSrc = untrack(() => sanitizeImageSrc((node as any)?.src))
+  let initialSafeFallbackSrc = untrack(() => sanitizeImageSrc(fallbackSrc))
+  let initialIsLoading = untrack(() => Boolean((node as any)?.loading))
+  let initialImageState = resolveImageState(initialSafeNodeSrc, initialSafeFallbackSrc, initialIsLoading)
+  let previousSafeNodeSrc = $state(initialSafeNodeSrc)
+  let previousSafeFallbackSrc = $state(initialSafeFallbackSrc)
+  let previousIsLoading = $state(initialIsLoading)
+  let currentSrc = $state(initialImageState.src)
+  let imageStage = $state<ImageStage>(initialImageState.stage)
   let imageLoaded = $state(false)
-  let hasError = $state(false)
-  let fallbackTried = $state(false)
+  let hasError = $state(initialImageState.stage === 'failed')
 
   $effect.pre(() => {
-    if (src !== previousSrc) {
-      previousSrc = src
-      currentSrc = src
+    if (safeNodeSrc !== previousSafeNodeSrc || safeFallbackSrc !== previousSafeFallbackSrc || isLoading !== previousIsLoading) {
+      previousSafeNodeSrc = safeNodeSrc
+      previousSafeFallbackSrc = safeFallbackSrc
+      previousIsLoading = isLoading
+      const next = resolveImageState(safeNodeSrc, safeFallbackSrc, isLoading)
+      currentSrc = next.src
+      imageStage = next.stage
       imageLoaded = false
-      hasError = false
-      fallbackTried = false
+      hasError = next.stage === 'failed'
     }
   })
 
   function handleImageError() {
-    if (fallbackSrc && !fallbackTried) {
-      fallbackTried = true
-      currentSrc = fallbackSrc
+    if (imageStage === 'primary' && safeFallbackSrc && safeFallbackSrc !== currentSrc) {
+      currentSrc = safeFallbackSrc
+      imageStage = 'fallback'
       imageLoaded = false
       hasError = false
       return
     }
+    imageStage = 'failed'
     hasError = true
     imageLoaded = false
   }
@@ -69,7 +90,7 @@
 </script>
 
 <span class="image-node-container">
-  {#if !isLoading && !hasError}
+  {#if !isLoading && !hasError && currentSrc}
     <img
       class="image-node__img"
       class:is-loaded={useEagerImagePath || imageLoaded}

package/dist/components/LinkNode.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
   import type { SvelteRenderableNode, SvelteRenderContext } from './shared/node-helpers'
+  import { sanitizeHtmlAttrs, shouldOpenLinkInNewTab } from 'stream-markdown-parser'
   import { hideTooltip, showTooltipForAnchor } from '../tooltip/singletonTooltip'
   import RenderChildren from './RenderChildren.svelte'
   import { getNodeList, getString } from './shared/node-helpers'
@@ -13,11 +14,12 @@
   
   let { node, context, indexKey, showTooltip }: Props = $props();
 
-  let href = $derived(getString((node as any)?.href));
+  let href = $derived(sanitizeHtmlAttrs({ href: getString((node as any)?.href) }, 'safe', 'a').href ?? '');
   let title = $derived(getString((node as any)?.title || href));
   let children = $derived(getNodeList((node as any)?.children));
   let tooltipEnabled = $derived(showTooltip ?? context?.showTooltips ?? true);
   let isHashLink = $derived(href.startsWith('#') && href.length > 1);
+  let openInNewTab = $derived(shouldOpenLinkInNewTab(href));
 
   function showLinkTooltip(event: MouseEvent | FocusEvent) {
     if (!tooltipEnabled || !title)
@@ -44,4 +46,4 @@
     }
   }
 </script>
-<a class:link-loading={Boolean((node as any)?.loading)} class="link-node" href={href || undefined} title={tooltipEnabled ? undefined : title} onblur={() => hideTooltip()} onclick={scrollToHashTarget} onfocus={showLinkTooltip} onmouseleave={() => hideTooltip()} onmouseenter={showLinkTooltip} target={isHashLink ? undefined : '_blank'} rel={isHashLink ? undefined : 'noreferrer noopener'}><span class="link-text-wrapper"><span class="link-text">{#if children.length}<RenderChildren nodes={children} context={context} prefix={String(indexKey ?? 'link') + '-link'} />{:else}{getString((node as any)?.text || href)}{/if}</span>{#if (node as any)?.loading}<span class="link-loading-indicator"></span>{/if}</span></a>
+<a class:link-loading={Boolean((node as any)?.loading)} class="link-node" href={href || undefined} title={tooltipEnabled ? undefined : title} onblur={() => hideTooltip()} onclick={scrollToHashTarget} onfocus={showLinkTooltip} onmouseleave={() => hideTooltip()} onmouseenter={showLinkTooltip} target={openInNewTab ? '_blank' : undefined} rel={openInNewTab ? 'noreferrer noopener' : undefined}><span class="link-text-wrapper"><span class="link-text">{#if children.length}<RenderChildren nodes={children} context={context} prefix={String(indexKey ?? 'link') + '-link'} />{:else}{getString((node as any)?.text || href)}{/if}</span>{#if (node as any)?.loading}<span class="link-loading-indicator"></span>{/if}</span></a>

package/dist/components/MermaidBlockNode.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
   import type { SvelteRenderableNode, SvelteRenderContext } from './shared/node-helpers'
-  import { onMount, untrack } from 'svelte'
+  import { onMount, tick, untrack } from 'svelte'
+  import { toSafeMermaidSvgMarkup } from 'stream-markdown-parser'
   import { useSafeI18n } from '../i18n/useSafeI18n'
   import { getMermaid } from '../optional/mermaid'
-  import { toSafeSvgMarkup } from '../sanitizeSvg'
   import { hideTooltip, showTooltipForAnchor, type TooltipPlacement } from '../tooltip/singletonTooltip'
   import { getLanguageIcon } from '../utils/languageIcon'
   import { canParseOffthread, findPrefixOffthread } from '../workers/mermaidWorkerClient'
@@ -33,6 +33,7 @@
     showCollapseButton?: boolean
     showZoomControls?: boolean
     isStrict?: boolean
+    enableMermaidInteractions?: boolean
   }
 
   let {
@@ -55,6 +56,7 @@
     showCollapseButton = true,
     showZoomControls = true,
     isStrict = true,
+    enableMermaidInteractions = false,
   }: Props = $props()
 
   const { t } = useSafeI18n()
@@ -75,8 +77,11 @@
   let showSource = $state(false)
   let modalOpen = $state(false)
   let zoom = $state(1)
+  let previewHost: HTMLElement | null = $state(null)
+  let modalHost: HTMLElement | null = $state(null)
   let renderTimer: ReturnType<typeof setTimeout> | null = $state(null)
   let copyTimer: ReturnType<typeof setTimeout> | null = $state(null)
+  let lastMermaidBindFunctions: ((element: Element) => unknown) | null = null
 
   let source = $derived(normalizeMermaidSource(getString((node as any)?.code)))
   let nodeLoading = $derived(typeof (node as any)?.loading === 'boolean' ? Boolean((node as any)?.loading) : true)
@@ -121,6 +126,11 @@
     }
   })
 
+  $effect(() => {
+    if (mounted && modalOpen && svgMarkup && modalHost && enableMermaidInteractions)
+      untrack(() => void tick().then(() => bindCurrentMermaidInteractions(modalHost)))
+  })
+
   function clearRenderTimer() {
     if (!renderTimer)
       return
@@ -239,10 +249,11 @@
         return
 
       const rawSvg = typeof rendered === 'string' ? rendered : rendered?.svg
-      const safeSvg = isStrict ? toSafeSvgMarkup(rawSvg) : rawSvg
+      const safeSvg = toSafeMermaidSvgMarkup(rawSvg)
       if (!safeSvg)
         throw new Error('Mermaid rendered empty SVG.')
       svgMarkup = safeSvg
+      lastMermaidBindFunctions = typeof rendered === 'string' ? null : rendered?.bindFunctions ?? null
       renderError = ''
       lastProgressiveMissSignature = ''
       if (fullRender) {
@@ -250,8 +261,14 @@
         lastRenderedCode = normalized
         svgCache[theme] = safeSvg
       }
-      if (typeof rendered !== 'string')
-        rendered?.bindFunctions?.(document.createElement('div'))
+      if (enableMermaidInteractions && typeof rendered !== 'string') {
+        await tick()
+        if (mounted && token === renderToken) {
+          bindCurrentMermaidInteractions(previewHost)
+          if (modalOpen)
+            bindCurrentMermaidInteractions(modalHost)
+        }
+      }
     }
     catch (error) {
       if (token === renderToken) {
@@ -385,7 +402,7 @@
   }
 
   function getRenderSignature() {
-    return `${source}\n${theme}\n${isStrict}\n${final}\n${progressivePreview}`
+    return `${source}\n${theme}\n${isStrict}\n${enableMermaidInteractions}\n${final}\n${progressivePreview}`
   }
 
   function withTimeout<T>(run: () => Promise<T>, timeoutMs: number) {
@@ -403,6 +420,15 @@
     })
   }
 
+  function bindCurrentMermaidInteractions(element: Element | null | undefined) {
+    if (!enableMermaidInteractions || !element?.querySelector('svg'))
+      return
+    try {
+      lastMermaidBindFunctions?.(element)
+    }
+    catch {}
+  }
+
   async function copy() {
     await copyTextToClipboard(source)
     context?.events?.onCopy?.(source)
@@ -543,7 +569,7 @@
               <button type="button" class="mermaid-btn mermaid-action-btn mermaid-zoom-reset" aria-label={t('common.resetZoom')} onblur={() => hideTooltip()} onclick={() => (zoom = 1)} onfocus={(event) => showButtonTooltip(event, t('common.resetZoom') || 'Reset zoom')} onmouseleave={() => hideTooltip()} onmouseenter={(event) => showButtonTooltip(event, t('common.resetZoom') || 'Reset zoom')}>{Math.round(zoom * 100)}%</button>
             </div>
           {/if}
-          <div class="mermaid-preview markstream-svelte-mermaid" style={previewStyle}>
+          <div bind:this={previewHost} class="mermaid-preview markstream-svelte-mermaid" style={previewStyle}>
             {#if svgMarkup}
               {@html svgMarkup}
             {:else if renderError}
@@ -576,7 +602,7 @@
               </button>
             </div>
             <div class="mermaid-modal-body">
-              <div class="mermaid-modal-content markstream-svelte-mermaid" style={`transform: scale(${zoom});`}>{@html svgMarkup}</div>
+              <div bind:this={modalHost} class="mermaid-modal-content markstream-svelte-mermaid" style={`transform: scale(${zoom});`}>{@html svgMarkup}</div>
             </div>
           </div>
         </div>

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

@@ -19,6 +19,7 @@ type Props = {
     showCollapseButton?: boolean;
     showZoomControls?: boolean;
     isStrict?: boolean;
+    enableMermaidInteractions?: boolean;
 };
 declare const MermaidBlockNode: import("svelte").Component<Props, {}, "">;
 type MermaidBlockNode = ReturnType<typeof MermaidBlockNode>;

package/dist/components/NodeRenderer.svelte

@@ -84,8 +84,9 @@
   let renderBatchToken = 0
   const textStreamState = new Map<string, string>()
 
-  const smoothStream = useSmoothMarkdownStream(smoothStreamingOptions)
-  let hasMountedForSmoothStreaming = $state(typeof window === 'undefined' || smoothStreaming === true)
+  let hasMounted = $state(false)
+  const smoothStream = useSmoothMarkdownStream(() => smoothStreamingOptions)
+  const hasMountedForSmoothStreaming = $derived(smoothStreaming === true || hasMounted)
   const hasNodes = $derived(Array.isArray(nodes))
   const parentSmoothStreaming = getContext<SmoothStreamingContextValue | undefined>(
     SMOOTH_STREAMING_CONTEXT,
@@ -107,18 +108,6 @@
   const smoothStreamingEnabled = $derived(hasMountedForSmoothStreaming && smoothStreamingEligible)
   setContext(SMOOTH_STREAMING_CONTEXT, () => smoothStreamingEnabled)
 
-  // Baseline sync: in auto mode with initial static content, ensure the smooth
-  // stream source/visible is already synced before smooth streaming activates.
-  // This prevents a blank flash when the mount gate opens and renderContent
-  // switches from raw content to smoothStream.visible (which would be empty).
-  if (
-    smoothStreaming !== true
-    && !Array.isArray(nodes)
-    && content
-  ) {
-    smoothStream.reset(content)
-  }
-
   const renderContent = $derived(smoothStreamingEnabled ? smoothStream.visible : (content ?? ''))
   const rawContent = $derived(content ?? '')
   const smoothSourceSynced = $derived(hasNodes || smoothStream.source === rawContent)
@@ -133,7 +122,7 @@
   })
 
   onMount(() => {
-    hasMountedForSmoothStreaming = true
+    hasMounted = true
   })
 
   $effect(() => {

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

@@ -46,6 +46,7 @@ export type NodeRendererMermaidProps = Partial<{
     showCollapseButton: boolean;
     showZoomControls: boolean;
     isStrict: boolean;
+    enableMermaidInteractions: boolean;
 }> & Record<string, unknown>;
 export type NodeRendererD2Props = Partial<{
     maxHeight: string | null;

package/dist/composables/useSmoothMarkdownStream.svelte.d.ts

@@ -16,4 +16,4 @@ export interface SmoothMarkdownStreamControllerSvelte {
     pause: () => void;
     resume: () => void;
 }
-export declare function useSmoothMarkdownStream(options?: SmoothMarkdownStreamOptions): SmoothMarkdownStreamControllerSvelte;
+export declare function useSmoothMarkdownStream(optionsOrGetter?: SmoothMarkdownStreamOptions | (() => SmoothMarkdownStreamOptions)): SmoothMarkdownStreamControllerSvelte;

package/dist/composables/useSmoothMarkdownStream.svelte.js

@@ -1,6 +1,7 @@
 import { createSmoothMarkdownStream } from 'markstream-core';
 import { onDestroy } from 'svelte';
-export function useSmoothMarkdownStream(options = {}) {
+export function useSmoothMarkdownStream(optionsOrGetter = {}) {
+    const options = typeof optionsOrGetter === 'function' ? optionsOrGetter() : optionsOrGetter;
     let source = $state('');
     let visible = $state('');
     let done = $state(false);

package/dist/enhanceRenderedHtml.js

@@ -1,3 +1,4 @@
+import { toSafeMermaidSvgMarkup } from 'stream-markdown-parser';
 import { getD2 } from './optional/d2';
 import { getInfographic } from './optional/infographic';
 import { getKatex } from './optional/katex';
@@ -212,7 +213,7 @@ async function renderKatexMarkup(source, displayMode) {
     return html;
 }
 async function renderMermaid(root, cleanupFns, options, isActive) {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     const strictMode = ((_a = options.mermaidProps) === null || _a === void 0 ? void 0 : _a.isStrict) !== false;
     const mermaid = await getMermaid({
         startOnLoad: false,
@@ -264,14 +265,18 @@ async function renderMermaid(root, cleanupFns, options, isActive) {
             const svg = typeof rendered === 'string' ? rendered : rendered === null || rendered === void 0 ? void 0 : rendered.svg;
             if (!svg)
                 continue;
-            const safeSvg = strictMode ? toSafeSvgMarkup(svg) : svg;
+            const safeSvg = toSafeMermaidSvgMarkup(svg);
             if (!safeSvg)
                 continue;
             shell.body.innerHTML = safeSvg;
             shell.body.classList.add('markstream-svelte-mermaid');
             shell.wrapper.dataset.markstreamMermaid = '1';
-            if (typeof rendered !== 'string')
-                (_g = rendered === null || rendered === void 0 ? void 0 : rendered.bindFunctions) === null || _g === void 0 ? void 0 : _g.call(rendered, shell.body);
+            if (((_g = options.mermaidProps) === null || _g === void 0 ? void 0 : _g.enableMermaidInteractions) === true && typeof rendered !== 'string') {
+                try {
+                    (_h = rendered === null || rendered === void 0 ? void 0 : rendered.bindFunctions) === null || _h === void 0 ? void 0 : _h.call(rendered, shell.body);
+                }
+                catch { }
+            }
             cleanupFns.push(() => {
                 if (shell.wrapper.isConnected)
                     shell.wrapper.replaceWith(originalPre.cloneNode(true));

package/dist/renderMarkdownHtml.js

@@ -1,4 +1,4 @@
-import { getMarkdown, isHtmlTagBlocked, isUnsafeHtmlUrl, NON_STRUCTURING_HTML_TAGS, normalizeCustomHtmlTagName, normalizeCustomHtmlTags, parseMarkdownToStructure, sanitizeHtmlAttrs, } from 'stream-markdown-parser';
+import { getMarkdown, isHtmlTagBlocked, isUnsafeHtmlUrl, NON_STRUCTURING_HTML_TAGS, normalizeCustomHtmlTagName, normalizeCustomHtmlTags, parseMarkdownToStructure, sanitizeHtmlAttrs, sanitizeImageSrc, shouldOpenLinkInNewTab, } from 'stream-markdown-parser';
 import { hydrateCustomTagContent } from './hydrateCustomTagContent';
 import { sanitizeHtmlContent } from './sanitizeHtmlContent';
 const DEFAULT_CACHE_KEY = 'markstream-svelte-html';
@@ -224,8 +224,9 @@ function renderLinkNode(node, ctx) {
         ? renderNodesToHtml(getNodeList(node.children), ctx)
         : escapeHtml(getString(node.text || href));
     const titleAttr = title ? ` title="${escapeAttr(title)}"` : '';
-    const hrefAttr = href && !isUnsafeHtmlUrl(href) ? ` href="${escapeAttr(href)}"` : '';
-    const externalAttrs = href.startsWith('#') ? '' : ' target="_blank" rel="noreferrer noopener"';
+    const safeHref = href && !isUnsafeHtmlUrl(href) ? href : '';
+    const hrefAttr = safeHref ? ` href="${escapeAttr(safeHref)}"` : '';
+    const externalAttrs = shouldOpenLinkInNewTab(safeHref) ? ' target="_blank" rel="noreferrer noopener"' : '';
     return `<a${hrefAttr}${titleAttr}${externalAttrs}>${content}</a>`;
 }
 function renderMathInlineNode(node) {
@@ -237,7 +238,9 @@ function renderMathBlockNode(node) {
     return `<div class="markstream-nested-math-block"><pre class="markstream-nested-math-block__source"><code>${source}</code></pre><div class="markstream-nested-math-block__render" aria-hidden="true"></div></div>`;
 }
 function renderImageNode(node) {
-    const src = getString(node.src);
+    const src = sanitizeImageSrc(node.src);
+    if (!src)
+        return '';
     const alt = getString(node.alt);
     const title = getString(node.title);
     const titleAttr = title ? ` title="${escapeAttr(title)}"` : '';

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "markstream-svelte",
   "type": "module",
-  "version": "0.0.1-beta.5",
-  "description": "Svelte Markdown renderer for Markstream, aligned with markstream-vue and markstream-react.",
+  "version": "0.0.1",
+  "description": "Svelte 5 and SvelteKit streaming Markdown renderer for AI chat, LLM token streams, SSE/WebSocket output, incomplete Markdown, Mermaid, KaTeX, Monaco-powered code blocks, and custom Svelte components.",
   "author": "Simon He",
   "license": "MIT",
-  "homepage": "https://github.com/Simon-He95/markstream-vue#readme",
+  "homepage": "https://markstream.simonhe.me/frameworks/svelte",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/Simon-He95/markstream-vue.git",
@@ -16,11 +16,40 @@
   },
   "keywords": [
     "svelte",
+    "svelte5",
+    "sveltekit",
     "markdown",
     "markdown-renderer",
+    "svelte-markdown",
+    "svelte-markdown-renderer",
+    "svelte5-markdown",
+    "sveltekit-markdown",
+    "svelte-streaming-markdown",
+    "svelte-ai-chat",
     "streaming-markdown",
-    "markstream",
-    "markstream-svelte"
+    "ai-markdown-renderer",
+    "ai-chat",
+    "llm",
+    "llm-markdown",
+    "llm-streaming",
+    "sse",
+    "sse-markdown",
+    "websocket",
+    "websocket-markdown",
+    "incomplete-markdown",
+    "mermaid",
+    "streaming-mermaid",
+    "katex",
+    "streaming-katex",
+    "streaming-code-blocks",
+    "d2",
+    "infographic",
+    "monaco-editor",
+    "large-documents",
+    "custom-components",
+    "beta",
+    "markstream-svelte",
+    "markstream"
   ],
   "sideEffects": [
     "**/*.css"
@@ -49,7 +78,7 @@
     "@terrastruct/d2": ">=0.1.33",
     "katex": ">=0.16.22",
     "mermaid": ">=11",
-    "stream-monaco": ">=0.0.40",
+    "stream-monaco": ">=0.0.45",
     "svelte": ">=5 <6"
   },
   "peerDependenciesMeta": {
@@ -71,20 +100,20 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.6",
-    "markstream-core": "0.0.1",
-    "stream-markdown-parser": "0.0.95"
+    "markstream-core": "1.0.3",
+    "stream-markdown-parser": "1.0.5"
   },
   "devDependencies": {
-    "@sveltejs/package": "^2.5.7",
+    "@sveltejs/package": "^2.5.8",
     "@sveltejs/vite-plugin-svelte": "^6.2.4",
     "@types/node": "^18.19.130",
-    "autoprefixer": "^10.4.27",
+    "autoprefixer": "^10.5.0",
     "postcss-cli": "^11.0.1",
-    "svelte": "^5.55.5",
-    "svelte-check": "^4.4.8",
+    "svelte": "^5.56.3",
+    "svelte-check": "^4.6.0",
     "tailwindcss": "^3.4.19",
     "typescript": "^5.9.3",
-    "vite": "^7.3.1"
+    "vite": "^7.3.5"
   },
   "scripts": {
     "build": "pnpm --dir ../markstream-core build && svelte-package -i src -o dist && postcss src/index.css -o dist/index.css && cp dist/index.css dist/index.tailwind.css && node ../../scripts/generate-px-css.mjs",
@@ -92,6 +121,7 @@
     "preview": "vite preview",
     "typecheck": "svelte-check --tsconfig ./tsconfig.json",
     "check:core-published": "node ../../scripts/check-core-published.mjs --package-json package.json --core-package-json ../markstream-core/package.json",
-    "release": "pnpm run check:core-published && bumpp --commit --no-tag --no-push && pnpm publish --access public && node ../../scripts/tag-package.mjs --package-json package.json --push"
+    "check:workspace-deps-published": "node ../../scripts/check-workspace-deps-published.mjs --package-json package.json",
+    "release": "pnpm run check:workspace-deps-published && bumpp --commit --no-tag --no-push && pnpm publish --access public && node ../../scripts/tag-package.mjs --package-json package.json --push"
   }
 }