svelte-streamdown 0.0.1

package/dist/Elements/Tbody.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { ElementProps } from './element.js';
+declare const Tbody: import("svelte").Component<ElementProps, {}, "">;
+type Tbody = ReturnType<typeof Tbody>;
+export default Tbody;

package/dist/Elements/Td.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+	import { useStreamdown } from '../Streamdown.svelte';
+	import { clsx } from 'clsx';
+	import type { ElementProps } from './element.js';
+	import Slot from './Slot.svelte';
+
+	const streamdown = useStreamdown();
+
+	const { children, node, className, props }: ElementProps = $props();
+</script>
+
+<Slot
+	props={{
+		children,
+		node,
+		...props
+	}}
+	render={streamdown.snippets.td}
+>
+	<td {...props} class={clsx(streamdown.theme.td.base, className)}>
+		{@render children()}
+	</td>
+</Slot>

package/dist/Elements/Td.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { ElementProps } from './element.js';
+declare const Td: import("svelte").Component<ElementProps, {}, "">;
+type Td = ReturnType<typeof Td>;
+export default Td;

package/dist/Elements/Th.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+	import { useStreamdown } from '../Streamdown.svelte';
+	import { clsx } from 'clsx';
+	import type { ElementProps } from './element.js';
+	import Slot from './Slot.svelte';
+
+	const streamdown = useStreamdown();
+
+	const { children, node, className, props }: ElementProps = $props();
+</script>
+
+<Slot
+	props={{
+		children,
+		node,
+		...props
+	}}
+	render={streamdown.snippets.th}
+>
+	<th {...props} class={clsx(streamdown.theme.th.base, className)}>
+		{@render children()}
+	</th>
+</Slot>

package/dist/Elements/Th.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { ElementProps } from './element.js';
+declare const Th: import("svelte").Component<ElementProps, {}, "">;
+type Th = ReturnType<typeof Th>;
+export default Th;

package/dist/Elements/Thead.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+	import { useStreamdown } from '../Streamdown.svelte';
+	import { clsx } from 'clsx';
+	import type { ElementProps } from './element.js';
+	import Slot from './Slot.svelte';
+
+	const streamdown = useStreamdown();
+
+	const { children, node, className, props }: ElementProps = $props();
+</script>
+
+<Slot
+	props={{
+		children,
+		node,
+		...props
+	}}
+	render={streamdown.snippets.thead}
+>
+	<thead {...props} class={clsx(streamdown.theme.thead.base, className)}>
+		{@render children()}
+	</thead>
+</Slot>

package/dist/Elements/Thead.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { ElementProps } from './element.js';
+declare const Thead: import("svelte").Component<ElementProps, {}, "">;
+type Thead = ReturnType<typeof Thead>;
+export default Thead;

package/dist/Elements/Tr.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+	import { useStreamdown } from '../Streamdown.svelte';
+	import { clsx } from 'clsx';
+	import type { ElementProps } from './element.js';
+	import Slot from './Slot.svelte';
+
+	const streamdown = useStreamdown();
+
+	const { children, node, className, props }: ElementProps = $props();
+</script>
+
+<Slot
+	props={{
+		children,
+		node,
+		...props
+	}}
+	render={streamdown.snippets.tr}
+>
+	<tr {...props} class={clsx(streamdown.theme.tr.base, className)}>
+		{@render children()}
+	</tr>
+</Slot>

package/dist/Elements/Tr.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { ElementProps } from './element.js';
+declare const Tr: import("svelte").Component<ElementProps, {}, "">;
+type Tr = ReturnType<typeof Tr>;
+export default Tr;

package/dist/Elements/Ul.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+	import { useStreamdown } from '../Streamdown.svelte';
+	import { clsx } from 'clsx';
+	import type { ElementProps } from './element.js';
+	import Slot from './Slot.svelte';
+
+	const streamdown = useStreamdown();
+
+	const { children, node, className, props }: ElementProps = $props();
+</script>
+
+<Slot
+	props={{
+		children,
+		node,
+		...props
+	}}
+	render={streamdown.snippets.ul}
+>
+	<ul {...props} class={clsx(streamdown.theme.ul.base, className)}>
+		{@render children()}
+	</ul>
+</Slot>

package/dist/Elements/Ul.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { ElementProps } from './element.js';
+declare const Ul: import("svelte").Component<ElementProps, {}, "">;
+type Ul = ReturnType<typeof Ul>;
+export default Ul;

package/dist/Elements/element.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+import type { Element as HastElement } from 'hast';
+export type ElementProps<T = {}> = {
+    children: Snippet;
+    className?: string;
+    node: HastElement;
+    props: Record<string, any>;
+} & T & Record<string, any>;

package/dist/Elements/element.js

@@ -0,0 +1 @@
+export {};

package/dist/Elements/index.d.ts

@@ -0,0 +1,34 @@
+export { default as A } from './A.svelte';
+export { default as Blockquote } from './Blockquote.svelte';
+export { default as Code } from './Code.svelte';
+export { default as CodeBlock } from './Code.svelte';
+export { default as H1 } from './H1.svelte';
+export { default as H2 } from './H2.svelte';
+export { default as H3 } from './H3.svelte';
+export { default as H4 } from './H4.svelte';
+export { default as H5 } from './H5.svelte';
+export { default as H6 } from './H6.svelte';
+export { default as Hr } from './Hr.svelte';
+export { default as Image } from './Image.svelte';
+export { default as Li } from './Li.svelte';
+export { default as Ol } from './Ol.svelte';
+export { default as P } from './P.svelte';
+export { default as Slot } from './Slot.svelte';
+export { default as Strong } from './Strong.svelte';
+export { default as Sub } from './Sub.svelte';
+export { default as Sup } from './Sup.svelte';
+export { default as Table } from './Table.svelte';
+export { default as Tbody } from './Tbody.svelte';
+export { default as Td } from './Td.svelte';
+export { default as Th } from './Th.svelte';
+export { default as Thead } from './Thead.svelte';
+export { default as Tr } from './Tr.svelte';
+export { default as Ul } from './Ul.svelte';
+export { default as InlineCode } from './InlineCode.svelte';
+export { default as Mermaid } from './Mermaid.svelte';
+export { default as Math } from './Math.svelte';
+export { default as Em } from './Em.svelte';
+export { default as Del } from './Del.svelte';
+export { default as Alert } from './Alert.svelte';
+export { default as Element } from './Element.svelte';
+export * from './element.js';

package/dist/Elements/index.js

@@ -0,0 +1,34 @@
+export { default as A } from './A.svelte';
+export { default as Blockquote } from './Blockquote.svelte';
+export { default as Code } from './Code.svelte';
+export { default as CodeBlock } from './Code.svelte';
+export { default as H1 } from './H1.svelte';
+export { default as H2 } from './H2.svelte';
+export { default as H3 } from './H3.svelte';
+export { default as H4 } from './H4.svelte';
+export { default as H5 } from './H5.svelte';
+export { default as H6 } from './H6.svelte';
+export { default as Hr } from './Hr.svelte';
+export { default as Image } from './Image.svelte';
+export { default as Li } from './Li.svelte';
+export { default as Ol } from './Ol.svelte';
+export { default as P } from './P.svelte';
+export { default as Slot } from './Slot.svelte';
+export { default as Strong } from './Strong.svelte';
+export { default as Sub } from './Sub.svelte';
+export { default as Sup } from './Sup.svelte';
+export { default as Table } from './Table.svelte';
+export { default as Tbody } from './Tbody.svelte';
+export { default as Td } from './Td.svelte';
+export { default as Th } from './Th.svelte';
+export { default as Thead } from './Thead.svelte';
+export { default as Tr } from './Tr.svelte';
+export { default as Ul } from './Ul.svelte';
+export { default as InlineCode } from './InlineCode.svelte';
+export { default as Mermaid } from './Mermaid.svelte';
+export { default as Math } from './Math.svelte';
+export { default as Em } from './Em.svelte';
+export { default as Del } from './Del.svelte';
+export { default as Alert } from './Alert.svelte';
+export { default as Element } from './Element.svelte';
+export * from './element.js';

package/dist/Streamdown.d.ts

@@ -0,0 +1,83 @@
+import type { BundledTheme } from 'shiki';
+import type { Snippet } from 'svelte';
+import type { Element, Parents } from 'hast';
+import type { PluggableList } from 'unified';
+import type { Options as RemarkRehypeOptions } from 'remark-rehype';
+import type { Theme } from './theme.js';
+import type { MermaidConfig } from 'mermaid';
+import type { KatexOptions } from 'katex';
+import type { ElementProps } from './Elements/element.js';
+export type Snippets = {
+    a?: Snippet<[ElementProps]>;
+    h1?: Snippet<[ElementProps]>;
+    h2?: Snippet<[ElementProps]>;
+    h3?: Snippet<[ElementProps]>;
+    h4?: Snippet<[ElementProps]>;
+    h5?: Snippet<[ElementProps]>;
+    h6?: Snippet<[ElementProps]>;
+    p?: Snippet<[ElementProps]>;
+    code?: Snippet<[ElementProps]>;
+    inlineCode?: Snippet<[ElementProps]>;
+    img?: Snippet<[ElementProps]>;
+    ul?: Snippet<[ElementProps]>;
+    ol?: Snippet<[ElementProps]>;
+    li?: Snippet<[ElementProps]>;
+    hr?: Snippet<[ElementProps]>;
+    alert?: Snippet<[ElementProps]>;
+    strong?: Snippet<[ElementProps]>;
+    blockquote?: Snippet<[ElementProps]>;
+    table?: Snippet<[ElementProps]>;
+    thead?: Snippet<[ElementProps]>;
+    tbody?: Snippet<[ElementProps]>;
+    tr?: Snippet<[ElementProps]>;
+    th?: Snippet<[ElementProps]>;
+    td?: Snippet<[ElementProps]>;
+    sup?: Snippet<[ElementProps]>;
+    sub?: Snippet<[ElementProps]>;
+    pre?: Snippet<[ElementProps]>;
+    mermaid?: Snippet<[ElementProps]>;
+    math?: Snippet<[ElementProps]>;
+    inlineMath?: Snippet<[ElementProps]>;
+    em?: Snippet<[ElementProps]>;
+    ins?: Snippet<[ElementProps]>;
+    del?: Snippet<[ElementProps]>;
+    small?: Snippet<[ElementProps]>;
+};
+/**
+ * Filter elements callback type
+ */
+export type AllowElement = (element: Readonly<Element>, index: number, parent: Readonly<Parents> | undefined) => boolean | null | undefined;
+/**
+ * URL transform callback type
+ */
+export type UrlTransform = (url: string, key: string, node: Readonly<Element>) => string | null | undefined;
+export type StreamdownProps = {
+    content: string;
+    class?: string;
+    parseIncompleteMarkdown?: boolean;
+    defaultOrigin?: string;
+    allowedLinkPrefixes?: string[];
+    allowedImagePrefixes?: string[];
+    remarkPlugins?: PluggableList;
+    remarkRehypeOptions?: RemarkRehypeOptions;
+    rehypePlugins?: PluggableList;
+    allowElement?: AllowElement | null;
+    allowedElements?: readonly string[] | null;
+    disallowedElements?: readonly string[] | null;
+    skipHtml?: boolean;
+    unwrapDisallowed?: boolean;
+    urlTransform?: UrlTransform | null;
+    theme?: Partial<Theme>;
+    shikiTheme?: BundledTheme;
+    mermaidConfig?: MermaidConfig;
+    katexConfig?: KatexOptions | ((inline: boolean) => KatexOptions);
+    translations?: {
+        alert?: {
+            note?: string;
+            tip?: string;
+            warning?: string;
+            caution?: string;
+            important?: string;
+        };
+    };
+} & Snippets;

package/dist/Streamdown.js

@@ -0,0 +1 @@
+export {};

package/dist/Streamdown.svelte

@@ -0,0 +1,128 @@
+<script lang="ts" module>
+	import { getContext, setContext } from 'svelte';
+
+	export interface StreamdownContext
+		extends Omit<StreamdownProps, keyof Snippets | 'class' | 'theme' | 'shikiTheme'> {
+		snippets: Snippets;
+		shikiTheme: BundledTheme;
+		// make it non optional
+		theme: Theme;
+	}
+	export class StreamdownContext {
+		constructor(props: Omit<StreamdownProps, keyof Snippets | 'class'> & { snippets: Snippets }) {
+			bind(this, props);
+			setContext('streamdown', this);
+		}
+	}
+	export const useStreamdown = () => {
+		const context = getContext<StreamdownContext>('streamdown');
+		if (!context) {
+			throw new Error('Streamdown context not found');
+		}
+		return context;
+	};
+</script>
+
+<script lang="ts">
+	import Block from './Block.svelte';
+	import type { Snippets, StreamdownProps } from './Streamdown.js';
+	import { bind } from './utils/bind.js';
+	import { parseMarkdownIntoBlocks } from './utils/parse-blocks.js';
+	import 'katex/dist/katex.min.css';
+	import { mergeTheme, type Theme } from './theme.js';
+	import type { BundledTheme } from 'shiki';
+
+	let {
+		content,
+		class: className,
+		shikiTheme,
+		parseIncompleteMarkdown,
+		defaultOrigin,
+		allowedLinkPrefixes = ['*'],
+		allowedImagePrefixes = ['*'],
+		allowElement,
+		allowedElements,
+		disallowedElements,
+		skipHtml,
+		unwrapDisallowed,
+		urlTransform,
+		remarkPlugins,
+		remarkRehypeOptions,
+		rehypePlugins,
+		theme,
+		mermaidConfig,
+		katexConfig,
+		translations,
+		...snippets
+	}: StreamdownProps = $props();
+
+	const streamdownContext = new StreamdownContext({
+		get content() {
+			return content;
+		},
+		get parseIncompleteMarkdown() {
+			return parseIncompleteMarkdown;
+		},
+		get defaultOrigin() {
+			return defaultOrigin;
+		},
+		get allowedLinkPrefixes() {
+			return allowedLinkPrefixes;
+		},
+		get allowedImagePrefixes() {
+			return allowedImagePrefixes;
+		},
+		get allowElement() {
+			return allowElement;
+		},
+		get allowedElements() {
+			return allowedElements;
+		},
+		get disallowedElements() {
+			return disallowedElements;
+		},
+		get skipHtml() {
+			return skipHtml;
+		},
+		get unwrapDisallowed() {
+			return unwrapDisallowed;
+		},
+		get urlTransform() {
+			return urlTransform;
+		},
+		get remarkPlugins() {
+			return remarkPlugins;
+		},
+		get remarkRehypeOptions() {
+			return remarkRehypeOptions;
+		},
+		get rehypePlugins() {
+			return rehypePlugins;
+		},
+		get shikiTheme() {
+			return shikiTheme || 'github-light';
+		},
+		get snippets() {
+			return snippets;
+		},
+		get theme() {
+			return mergeTheme(theme);
+		},
+		get mermaidConfig() {
+			return mermaidConfig;
+		},
+		get katexConfig() {
+			return katexConfig;
+		},
+		get translations() {
+			return translations;
+		}
+	});
+	const id = $props.id();
+
+	const blocks = $derived(parseMarkdownIntoBlocks(content));
+</script>
+
+{#each blocks as block, index (`${id}-block-${index}`)}
+	<Block {block} />
+{/each}

package/dist/Streamdown.svelte.d.ts

@@ -0,0 +1,18 @@
+export interface StreamdownContext extends Omit<StreamdownProps, keyof Snippets | 'class' | 'theme' | 'shikiTheme'> {
+    snippets: Snippets;
+    shikiTheme: BundledTheme;
+    theme: Theme;
+}
+export declare class StreamdownContext {
+    constructor(props: Omit<StreamdownProps, keyof Snippets | 'class'> & {
+        snippets: Snippets;
+    });
+}
+export declare const useStreamdown: () => StreamdownContext;
+import type { Snippets, StreamdownProps } from './Streamdown.js';
+import 'katex/dist/katex.min.css';
+import { type Theme } from './theme.js';
+import type { BundledTheme } from 'shiki';
+declare const Streamdown: import("svelte").Component<StreamdownProps, {}, "">;
+type Streamdown = ReturnType<typeof Streamdown>;
+export default Streamdown;

package/dist/hightlighter.svelte.d.ts

@@ -0,0 +1,25 @@
+import { type BundledLanguage, type BundledTheme } from 'shiki';
+declare class HighlighterManager {
+    initialized: boolean;
+    initializedPromise: Promise<void> | null;
+    private highlighter;
+    private theme;
+    private readonly loadedLanguages;
+    private initializationPromise;
+    private readyStates;
+    private getReadyKey;
+    /**
+     * Prepares the highlighter for the given themes and language.
+     * This method must be called and awaited before using highlightCode.
+     */
+    isReady(theme: BundledTheme, language: BundledLanguage): Promise<void>;
+    private ensureHighlightersInitialized;
+    /**
+     * Synchronously highlights code. Must call isReady() first for the same themes and language.
+     * @throws {Error} If isReady() hasn't been called for this combination of themes and language
+     */
+    highlightCode(code: string, language: BundledLanguage, theme: BundledTheme, preClassName?: string): string;
+}
+export { HighlighterManager };
+export declare const highlighter: HighlighterManager;
+export declare const languageExtensionMap: Record<string, string>;