markstream-svelte 0.0.6 → 0.1.0-beta.3

package/dist/index.d.ts

@@ -26,7 +26,6 @@ export { default as InsertNode } from './components/InsertNode.svelte';
 export { default as LinkNode } from './components/LinkNode.svelte';
 export { default as ListItemNode } from './components/ListItemNode.svelte';
 export { default as ListNode } from './components/ListNode.svelte';
-export { default as MarkdownCodeBlockNode } from './components/MarkdownCodeBlockNode.svelte';
 export { default as MathBlockNode } from './components/MathBlockNode.svelte';
 export { default as MathInlineNode } from './components/MathInlineNode.svelte';
 export { default as MermaidBlockNode } from './components/MermaidBlockNode.svelte';
@@ -64,14 +63,14 @@ export type { KatexLoader } from './optional/katex';
 export { disableKatex, enableKatex, getKatex, isKatexEnabled, setKatexLoader, } from './optional/katex';
 export type { MermaidLoader } from './optional/mermaid';
 export { disableMermaid, enableMermaid, getMermaid, isMermaidEnabled, setMermaidLoader, } from './optional/mermaid';
-export { isCodeBlockRuntimeReady, preloadCodeBlockRuntime, resetCodeBlockRuntimeReadyForTest, } from './optional/monaco';
+export { isCodeBlockRuntimeReady, preloadCodeBlockRuntime, resetCodeBlockRuntimeReadyForTest, } from './optional/streamDiffs';
 export { parseNestedMarkdownToNodes, } from './parseNestedMarkdownToNodes';
 export type { NestedMarkdownNodesInput, NestedMarkdownNodesOptions, } from './parseNestedMarkdownToNodes';
 export { renderMarkdownNodesToHtml, renderMarkdownNodeToHtml, renderMarkdownToHtml, renderNestedMarkdownToHtml, } from './renderMarkdownHtml';
 export type { MarkstreamSvelteRenderOptions, NestedMarkdownHtmlInput, NestedMarkdownHtmlOptions, RenderableMarkdownNode, } from './renderMarkdownHtml';
 export { sanitizeHtmlContent } from './sanitizeHtmlContent';
-export type { CodeBlockDiffAppearance, CodeBlockDiffHideUnchangedRegions, CodeBlockDiffHideUnchangedRegionsOptions, CodeBlockDiffHunkActionContext, CodeBlockDiffHunkActionKind, CodeBlockDiffHunkSide, CodeBlockDiffLineStyle, CodeBlockDiffUnchangedRegionStyle, CodeBlockMonacoLanguage, CodeBlockMonacoOptions, CodeBlockMonacoTheme, CodeBlockMonacoThemeObject, } from './types/monaco';
-export { getLanguageIcon, languageMap, normalizeLanguageIdentifier, resolveMonacoLanguageId, setLanguageIconResolver, } from './utils/languageIcon';
+export type { CodeBlockDiffHideUnchangedRegions, CodeBlockDiffHideUnchangedRegionsOptions, CodeBlockOptions, CodeBlockTheme, CodeBlockThemePair, CodeBlockThemeProp, CodeBlockThemes, } from './types/codeBlock';
+export { getLanguageIcon, languageMap, normalizeLanguageIdentifier, resolveLanguageId, setLanguageIconResolver, } from './utils/languageIcon';
 export type { LanguageIconResolver } from './utils/languageIcon';
 export * from './workers/katexCdnWorker';
 export * from './workers/katexWorkerClient';

package/dist/index.js

@@ -26,7 +26,6 @@ export { default as InsertNode } from './components/InsertNode.svelte';
 export { default as LinkNode } from './components/LinkNode.svelte';
 export { default as ListItemNode } from './components/ListItemNode.svelte';
 export { default as ListNode } from './components/ListNode.svelte';
-export { default as MarkdownCodeBlockNode } from './components/MarkdownCodeBlockNode.svelte';
 export { default as MathBlockNode } from './components/MathBlockNode.svelte';
 export { default as MathInlineNode } from './components/MathInlineNode.svelte';
 export { default as MermaidBlockNode } from './components/MermaidBlockNode.svelte';
@@ -56,11 +55,11 @@ export { setDefaultI18nMap, useSafeI18n } from './i18n/useSafeI18n';
 export { disableD2, enableD2, isD2Enabled, setD2Loader, } from './optional/d2';
 export { disableKatex, enableKatex, getKatex, isKatexEnabled, setKatexLoader, } from './optional/katex';
 export { disableMermaid, enableMermaid, getMermaid, isMermaidEnabled, setMermaidLoader, } from './optional/mermaid';
-export { isCodeBlockRuntimeReady, preloadCodeBlockRuntime, resetCodeBlockRuntimeReadyForTest, } from './optional/monaco';
+export { isCodeBlockRuntimeReady, preloadCodeBlockRuntime, resetCodeBlockRuntimeReadyForTest, } from './optional/streamDiffs';
 export { parseNestedMarkdownToNodes, } from './parseNestedMarkdownToNodes';
 export { renderMarkdownNodesToHtml, renderMarkdownNodeToHtml, renderMarkdownToHtml, renderNestedMarkdownToHtml, } from './renderMarkdownHtml';
 export { sanitizeHtmlContent } from './sanitizeHtmlContent';
-export { getLanguageIcon, languageMap, normalizeLanguageIdentifier, resolveMonacoLanguageId, setLanguageIconResolver, } from './utils/languageIcon';
+export { getLanguageIcon, languageMap, normalizeLanguageIdentifier, resolveLanguageId, setLanguageIconResolver, } from './utils/languageIcon';
 export * from './workers/katexCdnWorker';
 export * from './workers/katexWorkerClient';
 export * from './workers/mermaidCdnWorker';

package/dist/index.px.css

@@ -1299,8 +1299,8 @@ body > div[id^="dmermaid-"] {
   background: #0b1220;
 }
 
-.markstream-svelte .markstream-svelte-enhanced-block__body--code .monaco-editor,
-.markstream-svelte .markstream-svelte-enhanced-block__body--code .monaco-diff-editor {
+.markstream-svelte .markstream-svelte-enhanced-block__body--code .stream-diffs-shell,
+.markstream-svelte .markstream-svelte-enhanced-block__body--code diffs-container {
   min-height: inherit;
 }
 
@@ -1536,19 +1536,9 @@ body > div[id^="dmermaid-"] {
   box-shadow: 0 22px 44px -30px rgba(2, 6, 23, 0.95);
 }
 
-.markstream-svelte .code-block-container.is-plain-text .monaco-editor,
-.markstream-svelte .code-block-container.is-plain-text .monaco-editor .monaco-editor-background,
-.markstream-svelte .code-block-container.is-plain-text .monaco-editor .margin,
-.markstream-svelte .code-block-container.is-plain-text .monaco-editor .lines-content {
+.markstream-svelte .code-block-container.is-plain-text .stream-diffs-shell,
+.markstream-svelte .code-block-container.is-plain-text diffs-container {
   background: var(--vscode-editor-background, var(--markstream-code-fallback-bg)) !important;
-}
-
-.markstream-svelte .code-block-container.is-plain-text .monaco-editor,
-.markstream-svelte .code-block-container.is-plain-text .monaco-editor .margin,
-.markstream-svelte .code-block-container.is-plain-text .monaco-editor .view-lines,
-.markstream-svelte .code-block-container.is-plain-text .monaco-editor .view-line,
-.markstream-svelte .code-block-container.is-plain-text .monaco-editor .view-line span,
-.markstream-svelte .code-block-container.is-plain-text .monaco-editor .line-numbers {
   color: var(--vscode-editor-foreground, var(--markstream-code-fallback-fg)) !important;
 }
 
@@ -1619,7 +1609,6 @@ body > div[id^="dmermaid-"] {
 .markstream-svelte .code-block-body {
   position: relative;
   display: grid;
-  min-height: 96px;
   min-width: 0;
   overflow: hidden;
   background: var(--markstream-code-fallback-bg, var(--code-bg));
@@ -1686,10 +1675,6 @@ body > div[id^="dmermaid-"] {
   background: transparent;
 }
 
-.markstream-svelte .code-editor-container {
-  min-height: 96px;
-}
-
 .markstream-svelte .code-editor-container.is-hidden {
   opacity: 0;
   pointer-events: none;
@@ -1858,6 +1843,12 @@ body > div[id^="dmermaid-"] {
   --vscode-editor-foreground: var(--markstream-diff-editor-fg);
   --vscode-diffEditor-unchangedRegionForeground: var(--markstream-diff-unchanged-fg);
   --vscode-diffEditor-unchangedRegionBackground: var(--markstream-diff-unchanged-bg);
+  --vscode-diffEditor-insertedTextBackground: var(--markstream-diff-added-inline);
+  --vscode-diffEditor-removedTextBackground: var(--markstream-diff-removed-inline);
+  --vscode-diffEditor-insertedLineBackground: var(--markstream-diff-added-line);
+  --vscode-diffEditor-removedLineBackground: var(--markstream-diff-removed-line);
+  --vscode-diffEditor-insertedTextBorder: var(--markstream-diff-added-inline-border);
+  --vscode-diffEditor-removedTextBorder: var(--markstream-diff-removed-inline-border);
   --vscode-focusBorder: var(--markstream-diff-focus);
   --vscode-widget-shadow: var(--markstream-diff-widget-shadow);
 }
@@ -1867,56 +1858,6 @@ body > div[id^="dmermaid-"] {
   background: var(--markstream-diff-editor-bg);
 }
 
-.markstream-svelte .code-block-container .stream-monaco-diff-root {
-  --stream-monaco-gutter-gap: var(--markstream-diff-gutter-gap) !important;
-  --stream-monaco-line-number: var(--markstream-diff-line-number) !important;
-  --stream-monaco-line-number-active: var(--markstream-diff-line-number-active) !important;
-  --stream-monaco-added-fg: var(--markstream-diff-added-fg) !important;
-  --stream-monaco-removed-fg: var(--markstream-diff-removed-fg) !important;
-  --stream-monaco-added-line: var(--markstream-diff-added-line) !important;
-  --stream-monaco-removed-line: var(--markstream-diff-removed-line) !important;
-  --stream-monaco-added-inline: var(--markstream-diff-added-inline) !important;
-  --stream-monaco-removed-inline: var(--markstream-diff-removed-inline) !important;
-  --stream-monaco-added-inline-border: var(--markstream-diff-added-inline-border) !important;
-  --stream-monaco-removed-inline-border: var(--markstream-diff-removed-inline-border) !important;
-  --stream-monaco-added-line-fill: var(--markstream-diff-added-line-fill) !important;
-  --stream-monaco-removed-line-fill: var(--markstream-diff-removed-line-fill) !important;
-  --stream-monaco-unchanged-bg: var(--markstream-diff-unchanged-bg) !important;
-  --stream-monaco-unchanged-fg: var(--markstream-diff-unchanged-fg) !important;
-}
-
-.markstream-svelte .code-block-container .stream-monaco-diff-root .monaco-diff-editor .diffOverview,
-.markstream-svelte .code-block-container .stream-monaco-diff-root .decorationsOverviewRuler {
-  display: none !important;
-}
-
-.markstream-svelte .code-block-container .stream-monaco-diff-root .monaco-editor .diff-hidden-lines .center:not(.stream-monaco-unchanged-bridge-source),
-.markstream-svelte .code-block-container .stream-monaco-diff-root .stream-monaco-diff-unchanged-bridge {
-  --stream-monaco-unchanged-bg: var(--markstream-diff-unchanged-bg) !important;
-  --stream-monaco-unchanged-fg: var(--markstream-diff-unchanged-fg) !important;
-  background: var(--stream-monaco-unchanged-bg) !important;
-  color: var(--stream-monaco-unchanged-fg) !important;
-}
-
-.markstream-svelte .code-block-container .stream-monaco-diff-root .stream-monaco-diff-unchanged-bridge .stream-monaco-unchanged-summary,
-.markstream-svelte .code-block-container .stream-monaco-diff-root .stream-monaco-diff-unchanged-bridge .stream-monaco-unchanged-summary:hover,
-.markstream-svelte .code-block-container .stream-monaco-diff-root .stream-monaco-diff-unchanged-bridge .stream-monaco-unchanged-summary:focus-visible {
-  background: var(--stream-monaco-unchanged-bg) !important;
-  color: var(--markstream-diff-unchanged-fg) !important;
-}
-
-.markstream-svelte .code-block-container .stream-monaco-diff-root .stream-monaco-diff-unchanged-bridge .stream-monaco-unchanged-rail,
-.markstream-svelte .code-block-container .stream-monaco-diff-root .stream-monaco-diff-unchanged-bridge .stream-monaco-unchanged-reveal,
-.markstream-svelte .code-block-container .stream-monaco-diff-root .stream-monaco-diff-unchanged-bridge .stream-monaco-unchanged-reveal:hover,
-.markstream-svelte .code-block-container .stream-monaco-diff-root .stream-monaco-diff-unchanged-bridge .stream-monaco-unchanged-reveal:focus-visible {
-  background: var(--stream-monaco-unchanged-bg) !important;
-  color: var(--markstream-diff-unchanged-fg) !important;
-}
-
-.markstream-svelte .code-block-container .stream-monaco-diff-root .stream-monaco-diff-unchanged-bridge .stream-monaco-unchanged-rail {
-  border-right-color: var(--markstream-diff-unchanged-divider) !important;
-}
-
 .html-preview-frame__backdrop {
   position: fixed;
   inset: 0;

package/dist/index.tailwind.css

@@ -1299,8 +1299,8 @@ body > div[id^="dmermaid-"] {
   background: #0b1220;
 }
 
-.markstream-svelte .markstream-svelte-enhanced-block__body--code .monaco-editor,
-.markstream-svelte .markstream-svelte-enhanced-block__body--code .monaco-diff-editor {
+.markstream-svelte .markstream-svelte-enhanced-block__body--code .stream-diffs-shell,
+.markstream-svelte .markstream-svelte-enhanced-block__body--code diffs-container {
   min-height: inherit;
 }
 
@@ -1536,19 +1536,9 @@ body > div[id^="dmermaid-"] {
   box-shadow: 0 22px 44px -30px rgba(2, 6, 23, 0.95);
 }
 
-.markstream-svelte .code-block-container.is-plain-text .monaco-editor,
-.markstream-svelte .code-block-container.is-plain-text .monaco-editor .monaco-editor-background,
-.markstream-svelte .code-block-container.is-plain-text .monaco-editor .margin,
-.markstream-svelte .code-block-container.is-plain-text .monaco-editor .lines-content {
+.markstream-svelte .code-block-container.is-plain-text .stream-diffs-shell,
+.markstream-svelte .code-block-container.is-plain-text diffs-container {
   background: var(--vscode-editor-background, var(--markstream-code-fallback-bg)) !important;
-}
-
-.markstream-svelte .code-block-container.is-plain-text .monaco-editor,
-.markstream-svelte .code-block-container.is-plain-text .monaco-editor .margin,
-.markstream-svelte .code-block-container.is-plain-text .monaco-editor .view-lines,
-.markstream-svelte .code-block-container.is-plain-text .monaco-editor .view-line,
-.markstream-svelte .code-block-container.is-plain-text .monaco-editor .view-line span,
-.markstream-svelte .code-block-container.is-plain-text .monaco-editor .line-numbers {
   color: var(--vscode-editor-foreground, var(--markstream-code-fallback-fg)) !important;
 }
 
@@ -1619,7 +1609,6 @@ body > div[id^="dmermaid-"] {
 .markstream-svelte .code-block-body {
   position: relative;
   display: grid;
-  min-height: 96px;
   min-width: 0;
   overflow: hidden;
   background: var(--markstream-code-fallback-bg, var(--code-bg));
@@ -1686,10 +1675,6 @@ body > div[id^="dmermaid-"] {
   background: transparent;
 }
 
-.markstream-svelte .code-editor-container {
-  min-height: 96px;
-}
-
 .markstream-svelte .code-editor-container.is-hidden {
   opacity: 0;
   pointer-events: none;
@@ -1858,6 +1843,12 @@ body > div[id^="dmermaid-"] {
   --vscode-editor-foreground: var(--markstream-diff-editor-fg);
   --vscode-diffEditor-unchangedRegionForeground: var(--markstream-diff-unchanged-fg);
   --vscode-diffEditor-unchangedRegionBackground: var(--markstream-diff-unchanged-bg);
+  --vscode-diffEditor-insertedTextBackground: var(--markstream-diff-added-inline);
+  --vscode-diffEditor-removedTextBackground: var(--markstream-diff-removed-inline);
+  --vscode-diffEditor-insertedLineBackground: var(--markstream-diff-added-line);
+  --vscode-diffEditor-removedLineBackground: var(--markstream-diff-removed-line);
+  --vscode-diffEditor-insertedTextBorder: var(--markstream-diff-added-inline-border);
+  --vscode-diffEditor-removedTextBorder: var(--markstream-diff-removed-inline-border);
   --vscode-focusBorder: var(--markstream-diff-focus);
   --vscode-widget-shadow: var(--markstream-diff-widget-shadow);
 }
@@ -1867,56 +1858,6 @@ body > div[id^="dmermaid-"] {
   background: var(--markstream-diff-editor-bg);
 }
 
-.markstream-svelte .code-block-container .stream-monaco-diff-root {
-  --stream-monaco-gutter-gap: var(--markstream-diff-gutter-gap) !important;
-  --stream-monaco-line-number: var(--markstream-diff-line-number) !important;
-  --stream-monaco-line-number-active: var(--markstream-diff-line-number-active) !important;
-  --stream-monaco-added-fg: var(--markstream-diff-added-fg) !important;
-  --stream-monaco-removed-fg: var(--markstream-diff-removed-fg) !important;
-  --stream-monaco-added-line: var(--markstream-diff-added-line) !important;
-  --stream-monaco-removed-line: var(--markstream-diff-removed-line) !important;
-  --stream-monaco-added-inline: var(--markstream-diff-added-inline) !important;
-  --stream-monaco-removed-inline: var(--markstream-diff-removed-inline) !important;
-  --stream-monaco-added-inline-border: var(--markstream-diff-added-inline-border) !important;
-  --stream-monaco-removed-inline-border: var(--markstream-diff-removed-inline-border) !important;
-  --stream-monaco-added-line-fill: var(--markstream-diff-added-line-fill) !important;
-  --stream-monaco-removed-line-fill: var(--markstream-diff-removed-line-fill) !important;
-  --stream-monaco-unchanged-bg: var(--markstream-diff-unchanged-bg) !important;
-  --stream-monaco-unchanged-fg: var(--markstream-diff-unchanged-fg) !important;
-}
-
-.markstream-svelte .code-block-container .stream-monaco-diff-root .monaco-diff-editor .diffOverview,
-.markstream-svelte .code-block-container .stream-monaco-diff-root .decorationsOverviewRuler {
-  display: none !important;
-}
-
-.markstream-svelte .code-block-container .stream-monaco-diff-root .monaco-editor .diff-hidden-lines .center:not(.stream-monaco-unchanged-bridge-source),
-.markstream-svelte .code-block-container .stream-monaco-diff-root .stream-monaco-diff-unchanged-bridge {
-  --stream-monaco-unchanged-bg: var(--markstream-diff-unchanged-bg) !important;
-  --stream-monaco-unchanged-fg: var(--markstream-diff-unchanged-fg) !important;
-  background: var(--stream-monaco-unchanged-bg) !important;
-  color: var(--stream-monaco-unchanged-fg) !important;
-}
-
-.markstream-svelte .code-block-container .stream-monaco-diff-root .stream-monaco-diff-unchanged-bridge .stream-monaco-unchanged-summary,
-.markstream-svelte .code-block-container .stream-monaco-diff-root .stream-monaco-diff-unchanged-bridge .stream-monaco-unchanged-summary:hover,
-.markstream-svelte .code-block-container .stream-monaco-diff-root .stream-monaco-diff-unchanged-bridge .stream-monaco-unchanged-summary:focus-visible {
-  background: var(--stream-monaco-unchanged-bg) !important;
-  color: var(--markstream-diff-unchanged-fg) !important;
-}
-
-.markstream-svelte .code-block-container .stream-monaco-diff-root .stream-monaco-diff-unchanged-bridge .stream-monaco-unchanged-rail,
-.markstream-svelte .code-block-container .stream-monaco-diff-root .stream-monaco-diff-unchanged-bridge .stream-monaco-unchanged-reveal,
-.markstream-svelte .code-block-container .stream-monaco-diff-root .stream-monaco-diff-unchanged-bridge .stream-monaco-unchanged-reveal:hover,
-.markstream-svelte .code-block-container .stream-monaco-diff-root .stream-monaco-diff-unchanged-bridge .stream-monaco-unchanged-reveal:focus-visible {
-  background: var(--stream-monaco-unchanged-bg) !important;
-  color: var(--markstream-diff-unchanged-fg) !important;
-}
-
-.markstream-svelte .code-block-container .stream-monaco-diff-root .stream-monaco-diff-unchanged-bridge .stream-monaco-unchanged-rail {
-  border-right-color: var(--markstream-diff-unchanged-divider) !important;
-}
-
 .html-preview-frame__backdrop {
   position: fixed;
   inset: 0;

package/dist/optional/{monaco.d.ts → streamDiffs.d.ts}

@@ -1,4 +1,4 @@
-export interface MonacoRuntimeHelpers {
+export interface StreamDiffsRuntimeHelpers {
     createEditor?: (container: HTMLElement, code: string, language: string) => Promise<unknown> | unknown;
     createDiffEditor?: (container: HTMLElement, original: string, modified: string, language: string) => Promise<unknown> | unknown;
     updateCode?: (code: string, language?: string) => Promise<unknown> | unknown;
@@ -10,12 +10,11 @@ export interface MonacoRuntimeHelpers {
     getDiffEditorView?: () => unknown;
     refreshDiffPresentation?: () => unknown;
 }
-export interface MonacoRuntimeModule {
-    useMonaco: (options?: Record<string, unknown>) => MonacoRuntimeHelpers;
-    preloadMonacoWorkers?: () => Promise<unknown> | unknown;
-    getOrCreateHighlighter?: (...args: unknown[]) => Promise<unknown> | unknown;
+export interface StreamDiffsRuntimeModule {
+    createCodeBlockRuntime: (options?: Record<string, unknown>) => StreamDiffsRuntimeHelpers;
+    preloadStreamDiffs?: () => Promise<unknown> | unknown;
 }
 export declare function isCodeBlockRuntimeReady(): boolean;
 export declare function resetCodeBlockRuntimeReadyForTest(): void;
 export declare function preloadCodeBlockRuntime(): Promise<boolean>;
-export declare function getUseMonaco(): Promise<MonacoRuntimeModule | null>;
+export declare function getStreamDiffsRuntime(): Promise<StreamDiffsRuntimeModule | null>;

package/dist/optional/streamDiffs.js

@@ -0,0 +1,66 @@
+let streamDiffsModule = null;
+let importAttempted = false;
+let pendingImport = null;
+let runtimePreloaded = false;
+let codeBlockRuntimeReady = false;
+function normalizeStreamDiffsModule(value) {
+    var _a, _b;
+    const moduleValue = value;
+    const source = typeof (moduleValue === null || moduleValue === void 0 ? void 0 : moduleValue.createCodeBlockRuntime) === 'function' || typeof (moduleValue === null || moduleValue === void 0 ? void 0 : moduleValue.useMonaco) === 'function'
+        ? moduleValue
+        : value === null || value === void 0 ? void 0 : value.default;
+    const factory = (_a = source === null || source === void 0 ? void 0 : source.createCodeBlockRuntime) !== null && _a !== void 0 ? _a : source === null || source === void 0 ? void 0 : source.useMonaco;
+    if (typeof factory !== 'function')
+        return null;
+    return {
+        createCodeBlockRuntime: options => factory.call(source, options),
+        preloadStreamDiffs: (_b = source === null || source === void 0 ? void 0 : source.preloadStreamDiffs) === null || _b === void 0 ? void 0 : _b.bind(source),
+    };
+}
+export function isCodeBlockRuntimeReady() {
+    return codeBlockRuntimeReady;
+}
+export function resetCodeBlockRuntimeReadyForTest() {
+    codeBlockRuntimeReady = false;
+}
+export async function preloadCodeBlockRuntime() {
+    const runtime = await getStreamDiffsRuntime();
+    return !!runtime;
+}
+async function preloadRuntime(mod) {
+    if (runtimePreloaded)
+        return;
+    runtimePreloaded = true;
+    if (typeof (mod === null || mod === void 0 ? void 0 : mod.preloadStreamDiffs) === 'function')
+        await mod.preloadStreamDiffs();
+}
+export async function getStreamDiffsRuntime() {
+    if (streamDiffsModule)
+        return streamDiffsModule;
+    if (pendingImport)
+        return await pendingImport;
+    if (importAttempted)
+        return null;
+    pendingImport = (async () => {
+        // `stream-diffs` is the only supported enhanced code-block runtime in 2.0.
+        try {
+            const candidate = normalizeStreamDiffsModule(await import('stream-diffs/markstream'));
+            if (!candidate)
+                return null;
+            streamDiffsModule = candidate;
+            await preloadRuntime(streamDiffsModule);
+            codeBlockRuntimeReady = true;
+            return streamDiffsModule;
+        }
+        catch {
+            importAttempted = true;
+            return null;
+        }
+    })();
+    try {
+        return await pendingImport;
+    }
+    finally {
+        pendingImport = null;
+    }
+}

package/dist/types/codeBlock.d.ts

@@ -0,0 +1,66 @@
+export interface CodeBlockThemePair {
+    dark: string;
+    light: string;
+}
+export type CodeBlockTheme = string;
+export type CodeBlockThemeProp = CodeBlockTheme | CodeBlockThemePair;
+export type CodeBlockThemes = readonly [dark: CodeBlockTheme, light: CodeBlockTheme];
+export interface CodeBlockDiffHideUnchangedRegionsOptions {
+    enabled?: boolean;
+    contextLineCount?: number;
+    minimumLineCount?: number;
+    revealLineCount?: number;
+}
+export type CodeBlockDiffHideUnchangedRegions = boolean | CodeBlockDiffHideUnchangedRegionsOptions;
+export interface CodeBlockOptions {
+    fontSize?: number;
+    lineHeight?: number;
+    fontFamily?: string;
+    maxHeight?: number;
+    padding?: number;
+    tabSize?: number;
+    disableLineNumbers?: boolean;
+    overflow?: 'scroll' | 'wrap';
+    disableVirtualizationBuffers?: boolean;
+    preferredHighlighter?: 'shiki-js' | 'shiki-wasm';
+    useCSSClasses?: boolean;
+    useTokenTransformer?: boolean;
+    tokenizeMaxLineLength?: number;
+    tokenizeMaxLength?: number;
+    unsafeCSS?: string;
+    diffStyle?: 'unified' | 'split';
+    diffIndicators?: 'classic' | 'bars' | 'none';
+    disableBackground?: boolean;
+    hunkSeparators?: 'simple' | 'metadata' | 'line-info' | 'line-info-basic';
+    expandUnchanged?: boolean;
+    collapsedContextThreshold?: number;
+    lineDiffType?: 'word-alt' | 'word' | 'char' | 'none';
+    maxLineDiffLength?: number;
+    expansionLineCount?: number;
+    parseDiffOptions?: Record<string, unknown>;
+    lineHoverHighlight?: 'disabled' | 'both' | 'number' | 'line';
+    enableTokenInteractionsOnWhitespace?: boolean;
+    enableGutterUtility?: boolean;
+    enableLineSelection?: boolean;
+    controlledSelection?: boolean;
+    onGutterUtilityClick?: (...args: any[]) => unknown;
+    onLineClick?: (...args: any[]) => unknown;
+    onLineNumberClick?: (...args: any[]) => unknown;
+    onLineEnter?: (...args: any[]) => unknown;
+    onLineLeave?: (...args: any[]) => unknown;
+    onTokenClick?: (...args: any[]) => unknown;
+    onTokenEnter?: (...args: any[]) => unknown;
+    onTokenLeave?: (...args: any[]) => unknown;
+    onLineSelected?: (...args: any[]) => unknown;
+    onLineSelectionStart?: (...args: any[]) => unknown;
+    onLineSelectionChange?: (...args: any[]) => unknown;
+    onLineSelectionEnd?: (...args: any[]) => unknown;
+    getLineIndex?: (...args: any[]) => unknown;
+    renderAnnotation?: (...args: any[]) => unknown;
+    renderGutterUtility?: (...args: any[]) => unknown;
+    onPostRender?: (...args: any[]) => unknown;
+    mergeConflict?: boolean;
+    lineAnnotations?: unknown[];
+    onController?: (controller: any) => void;
+    workerManager?: unknown;
+}

package/dist/utils/languageIcon.d.ts

@@ -1,6 +1,6 @@
 export type LanguageIconResolver = (lang: string) => string | undefined | null;
 export declare function normalizeLanguageIdentifier(lang?: string | null): string;
-export declare function resolveMonacoLanguageId(lang?: string | null): string;
+export declare function resolveLanguageId(lang?: string | null): string;
 export declare function isLikelyIncompleteLanguageIdentifier(lang?: string | null): boolean;
 export declare function setLanguageIconResolver(resolver?: LanguageIconResolver | null): void;
 export declare function getLanguageIcon(lang: string): string;

package/dist/utils/languageIcon.js

@@ -147,16 +147,18 @@ export function normalizeLanguageIdentifier(lang) {
     const token = extractLanguageToken(lang);
     return (_a = LANGUAGE_ALIAS_MAP[token]) !== null && _a !== void 0 ? _a : token;
 }
-export function resolveMonacoLanguageId(lang) {
+export function resolveLanguageId(lang) {
     const canonical = normalizeLanguageIdentifier(lang);
     if (!canonical)
         return 'plaintext';
     if (canonical === 'plain')
         return 'plaintext';
-    if (canonical === 'jsx')
-        return 'javascript';
-    if (canonical === 'tsx')
-        return 'typescript';
+    if (canonical === 'shell')
+        return 'zsh';
+    if (canonical === 'objectivec')
+        return 'objective-c';
+    if (canonical === 'objectivecpp')
+        return 'objective-cpp';
     return canonical;
 }
 export function isLikelyIncompleteLanguageIdentifier(lang) {

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "markstream-svelte",
   "type": "module",
-  "version": "0.0.6",
-  "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.",
+  "version": "0.1.0-beta.3",
+  "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",
   "homepage": "https://markstream.simonhe.me/frameworks/svelte",
@@ -41,10 +41,10 @@
     "streaming-mermaid",
     "katex",
     "streaming-katex",
+    "stream-diffs",
     "streaming-code-blocks",
     "d2",
     "infographic",
-    "monaco-editor",
     "large-documents",
     "custom-components",
     "beta",
@@ -73,13 +73,22 @@
   "files": [
     "dist"
   ],
+  "scripts": {
+    "build": "pnpm --dir ../markdown-parser build && pnpm --dir ../markstream-core build && svelte-package -i src -o dist --tsconfig tsconfig.build.json && postcss src/index.css -o dist/index.css && cp dist/index.css dist/index.tailwind.css && node ../../scripts/generate-px-css.mjs",
+    "dev": "vite dev",
+    "preview": "vite preview",
+    "typecheck": "svelte-check --tsconfig ./tsconfig.json",
+    "prepublishOnly": "pnpm run build && pnpm run check:workspace-deps-published",
+    "check:core-published": "node ../../scripts/check-core-published.mjs --package-json package.json --core-package-json ../markstream-core/package.json",
+    "check:workspace-deps-published": "node ../../scripts/check-workspace-deps-published.mjs --package-json package.json",
+    "release": "pnpm run check:workspace-deps-published && bumpp --all --commit --no-tag --no-push --execute 'pnpm --workspace-root run docs:llms:generate' && DIST_TAG=\"$(node ../../scripts/dist-tag.mjs)\" && pnpm publish --access public --tag \"${DIST_TAG}\" && node ../../scripts/tag-package.mjs --package-json package.json --push"
+  },
   "peerDependencies": {
     "@antv/infographic": "^0.2.3",
     "@terrastruct/d2": ">=0.1.33",
     "katex": ">=0.16.22",
     "mermaid": ">=11",
     "stream-diffs": ">=0.0.2",
-    "stream-monaco": ">=0.0.48",
     "svelte": ">=5 <6"
   },
   "peerDependenciesMeta": {
@@ -97,15 +106,12 @@
     },
     "stream-diffs": {
       "optional": true
-    },
-    "stream-monaco": {
-      "optional": true
     }
   },
   "dependencies": {
     "@floating-ui/dom": "^1.8.0",
-    "stream-markdown-parser": "1.2.3",
-    "markstream-core": "1.0.3"
+    "markstream-core": "1.1.0-beta.2",
+    "stream-markdown-parser": "1.2.6-beta.1"
   },
   "devDependencies": {
     "@sveltejs/package": "^2.5.8",
@@ -118,14 +124,5 @@
     "tailwindcss": "^3.4.19",
     "typescript": "^5.9.3",
     "vite": "^7.3.6"
-  },
-  "scripts": {
-    "build": "pnpm --dir ../markdown-parser build && pnpm --dir ../markstream-core build && svelte-package -i src -o dist --tsconfig tsconfig.build.json && postcss src/index.css -o dist/index.css && cp dist/index.css dist/index.tailwind.css && node ../../scripts/generate-px-css.mjs",
-    "dev": "vite dev",
-    "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",
-    "check:workspace-deps-published": "node ../../scripts/check-workspace-deps-published.mjs --package-json package.json",
-    "release": "pnpm run check:workspace-deps-published && bumpp --all --commit --no-tag --no-push --execute 'pnpm --workspace-root run docs:llms:generate' && pnpm publish --access public $(node ../../scripts/dist-tag.mjs) && node ../../scripts/tag-package.mjs --package-json package.json --push"
   }
-}
+}

package/dist/components/MarkdownCodeBlockNode.svelte

@@ -1,15 +0,0 @@
-<script lang="ts">
-  import type { SvelteRenderableNode, SvelteRenderContext } from './shared/node-helpers'
-  import CodeBlockNode from './CodeBlockNode.svelte'
-
-  type Props = {
-    node: SvelteRenderableNode
-    context?: SvelteRenderContext
-  };
-  let {
-    node,
-    context = undefined
-  }: Props = $props()
-</script>
-
-<CodeBlockNode {node} {context} />

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

@@ -1,8 +0,0 @@
-import type { SvelteRenderableNode, SvelteRenderContext } from './shared/node-helpers';
-type Props = {
-    node: SvelteRenderableNode;
-    context?: SvelteRenderContext;
-};
-declare const MarkdownCodeBlockNode: import("svelte").Component<Props, {}, "">;
-type MarkdownCodeBlockNode = ReturnType<typeof MarkdownCodeBlockNode>;
-export default MarkdownCodeBlockNode;