svelte-streamdown 2.4.3 → 2.5.0

package/dist/context.svelte.js

@@ -5,8 +5,11 @@ export class StreamdownContext {
         footnotes: new Map()
     };
     isMounted = false;
-    animationTextStyle = $derived(this.animation.enabled
-        ? `animation-name: sd-${this.animation.type};
+    get animationTextStyle() {
+        return getContext('POPOVER')
+            ? undefined
+            : this.animation.enabled
+                ? `animation-name: sd-${this.animation.type};
 animation-duration: ${this.animation.duration}ms;
 animation-timing-function: ${this.animation.timingFunction};
 animation-iteration-count: 1;
@@ -14,14 +17,19 @@ animation-fill-mode: forwards;
 white-space: pre-wrap;
 display: inline-block;
 text-decoration: inherit;`
-        : undefined);
-    animationBlockStyle = $derived(this.animation.enabled
-        ? `animation-name: sd-${this.animation.type};
+                : undefined;
+    }
+    get animationBlockStyle() {
+        return getContext('POPOVER')
+            ? undefined
+            : this.animation.enabled
+                ? `animation-name: sd-${this.animation.type};
 animation-duration: ${this.animation.duration}ms;
 animation-timing-function: ${this.animation.timingFunction};
 animation-iteration-count: 1;
 animation-fill-mode: forwards;`
-        : undefined);
+                : undefined;
+    }
     constructor(props) {
         bind(this, props);
         setContext('streamdown', this);

package/dist/marked/index.d.ts

@@ -8,6 +8,8 @@ import { type BrToken } from './marked-br.js';
 import { type HrToken } from './marked-hr.js';
 import { type TableToken, type THead, type TBody, type TFoot, type THeadRow, type TRow, type TH, type TD } from './marked-table.js';
 import { type DescriptionDetailToken, type DescriptionListToken, type DescriptionTermToken, type DescriptionToken } from './marked-dl.js';
+import { type AlignToken } from './marked-align.js';
+import { type CitationToken } from './marked-citations.js';
 export type GenericToken = {
     type: string;
     raw: string;
@@ -20,8 +22,8 @@ export type Extension = {
     start?: TokenizerStartFunction;
     applyInBlockParsing?: boolean;
 };
-export type StreamdownToken = Exclude<MarkedToken, Tokens.List | Tokens.ListItem> | ListToken | ListItemToken | MathToken | AlertToken | FootnoteToken | SubSupToken | BrToken | HrToken | TableToken | THead | TBody | TFoot | THeadRow | TRow | TH | TD | DescriptionListToken | DescriptionToken | DescriptionDetailToken | DescriptionTermToken;
+export type StreamdownToken = Exclude<MarkedToken, Tokens.List | Tokens.ListItem> | ListToken | ListItemToken | MathToken | AlertToken | FootnoteToken | SubSupToken | BrToken | HrToken | TableToken | THead | TBody | TFoot | THeadRow | TRow | TH | TD | DescriptionListToken | DescriptionToken | DescriptionDetailToken | DescriptionTermToken | AlignToken | CitationToken;
 export type { TableToken, THead, TBody, TFoot, THeadRow, TRow, TH, TD } from './marked-table.js';
 export declare const lex: (markdown: string, extensions?: Extension[]) => StreamdownToken[];
 export declare const parseBlocks: (markdown: string, extensions?: Extension[]) => string[];
-export type { MathToken, AlertToken, FootnoteToken, SubSupToken, BrToken, HrToken };
+export type { MathToken, AlertToken, FootnoteToken, SubSupToken, BrToken, HrToken, AlignToken, CitationToken };

package/dist/marked/index.js

@@ -8,6 +8,8 @@ import { markedBr } from './marked-br.js';
 import { markedHr } from './marked-hr.js';
 import { markedTable } from './marked-table.js';
 import { markedDl } from './marked-dl.js';
+import { markedAlign } from './marked-align.js';
+import { markedCitations } from './marked-citations.js';
 const parseExtensions = (...extensions) => {
     const options = {
         gfm: true,
@@ -41,12 +43,12 @@ const parseExtensions = (...extensions) => {
     return options;
 };
 export const lex = (markdown, extensions = []) => {
-    return new Lexer(parseExtensions(markedHr, markedTable, ...markedFootnote(), markedAlert, ...markedMath, markedSub, markedSup, markedList, markedBr, markedDl, ...extensions))
+    return new Lexer(parseExtensions(markedHr, markedTable, ...markedFootnote(), markedAlert, ...markedMath, markedSub, markedSup, markedList, markedBr, markedDl, markedAlign, markedCitations, ...extensions))
         .lex(markdown)
         .filter((token) => token.type !== 'space' && token.type !== 'footnote');
 };
 export const parseBlocks = (markdown, extensions = []) => {
-    const blockLexer = new Lexer(parseExtensions(markedHr, ...markedFootnote(), markedDl, markedTable, ...extensions.filter(({ level, applyInBlockParsing }) => level === 'block' && applyInBlockParsing)));
+    const blockLexer = new Lexer(parseExtensions(markedHr, ...markedFootnote(), markedDl, markedTable, markedAlign, ...extensions.filter(({ level, applyInBlockParsing }) => level === 'block' && applyInBlockParsing)));
     return blockLexer.blockTokens(markdown, []).reduce((acc, block) => {
         if (block.type === 'space' || block.type === 'footnote') {
             return acc;

package/dist/marked/marked-align.d.ts

@@ -0,0 +1,10 @@
+import type { Extension } from './index.js';
+import type { Token } from 'marked';
+export declare const markedAlign: Extension;
+export type AlignToken = {
+    type: 'align';
+    align: 'center' | 'right';
+    raw: string;
+    text: string;
+    tokens: Token[];
+};

package/dist/marked/marked-align.js

@@ -0,0 +1,36 @@
+export const markedAlign = {
+    name: 'align',
+    level: 'block',
+    tokenizer(src) {
+        // Check if the source starts with [center] or [right] blocks
+        const centerMatch = src.match(/^\[center\]\n([\s\S]*?)\n\[\/center\]/);
+        const rightMatch = src.match(/^\[right\]\n([\s\S]*?)\n\[\/right\]/);
+        if (centerMatch) {
+            const text = centerMatch[1];
+            const raw = centerMatch[0];
+            // Tokenize the content inside the alignment block
+            const tokens = this.lexer.blockTokens(text, []);
+            return {
+                type: 'align',
+                align: 'center',
+                raw,
+                text,
+                tokens
+            };
+        }
+        if (rightMatch) {
+            const text = rightMatch[1];
+            const raw = rightMatch[0];
+            // Tokenize the content inside the alignment block
+            const tokens = this.lexer.blockTokens(text, []);
+            return {
+                type: 'align',
+                align: 'right',
+                raw,
+                text,
+                tokens
+            };
+        }
+        return undefined;
+    }
+};

package/dist/marked/marked-citations.d.ts

@@ -0,0 +1,8 @@
+import type { Extension } from './index.js';
+export declare const markedCitations: Extension;
+export type CitationToken = {
+    type: 'inline-citations';
+    keys: string[];
+    text: string;
+    raw: string;
+};

package/dist/marked/marked-citations.js

@@ -0,0 +1,49 @@
+export const markedCitations = {
+    name: 'citations',
+    level: 'inline',
+    start(src) {
+        return src.indexOf('[') === -1 ? -1 : 0;
+    },
+    tokenizer(src) {
+        // Match inline citations like [1], [ref], [1] [2], [ref] [ref2], etc.
+        // Requires non-empty bracket contents and spaces between adjacent citation brackets
+        const match = src.match(/^\[[^\]]+\](?:\s+\[[^\]]+\])*/);
+        if (match) {
+            // Early exit: if first closing bracket is immediately followed by '[', it's likely link-style syntax
+            const firstClosingBracketIndex = src.indexOf(']');
+            if (firstClosingBracketIndex !== -1 && src[firstClosingBracketIndex + 1] === '[') {
+                return undefined;
+            }
+            // If followed by parentheses, it's likely a markdown link or image, so don't treat as citation
+            const remainingSrc = src.slice(match[0].length);
+            if (remainingSrc.match(/^\s*\(/)) {
+                return undefined;
+            }
+            // Extract all citation keys (anything inside brackets)
+            const citations = match[0].match(/\[([^\]]+)\]/g);
+            if (citations) {
+                // Filter out task list syntax ([ ], [x], [X]) after trimming
+                const validCitations = citations.filter((citation) => {
+                    const content = citation.slice(1, -1).trim();
+                    return content !== '' && content !== 'x' && content !== 'X';
+                });
+                if (validCitations.length > 0) {
+                    // Process each bracket content and split on spaces, commas, or semicolons
+                    const keys = validCitations.flatMap((citation) => {
+                        const content = citation.slice(1, -1).trim(); // Remove brackets and trim
+                        // Split on spaces, commas, or semicolons and filter out empty strings
+                        return content.split(/[\s,;]+/).filter((key) => key.length > 0);
+                    });
+                    // Deduplicate keys after trimming
+                    const uniqueKeys = Array.from(new Set(keys.map((key) => key.trim()).filter((key) => key.length > 0)));
+                    return {
+                        type: 'inline-citations',
+                        keys: uniqueKeys,
+                        text: match[0],
+                        raw: match[0]
+                    };
+                }
+            }
+        }
+    }
+};

package/dist/marked/marked-table.js

@@ -35,7 +35,6 @@ function splitRow(src) {
             continue;
         }
         if (ch === '`') {
-            // count backticks
             let run = 1;
             while (i + run < src.length && src[i + run] === '`')
                 run++;
@@ -52,7 +51,19 @@ function splitRow(src) {
             continue;
         }
         if (ch === '|' && !inCode) {
-            out.push(buf.trim());
+            // Count consecutive pipes for colspan
+            let consecutivePipes = 1;
+            while (i + consecutivePipes < src.length && src[i + consecutivePipes] === '|') {
+                consecutivePipes++;
+            }
+            if (consecutivePipes > 1) {
+                // Multiple pipes = colspan marker
+                out.push(buf.trim() + '\x00COLSPAN:' + consecutivePipes);
+                i += consecutivePipes - 1;
+            }
+            else {
+                out.push(buf.trim());
+            }
             buf = '';
             continue;
         }
@@ -83,29 +94,41 @@ const processSpans = (cells, count, prevRow = [], maxColspan = null) => {
     let cellIndex = 0;
     const mergedIndices = new Set();
     for (i = 0; i < cells.length; i++) {
-        // Skip cells that were merged into previous colspans
         if (mergedIndices.has(i))
             continue;
         trimmedCell = cells[i];
-        // Count consecutive empty cells for colspan
         let colspan = 1;
-        if (!trimmedCell.trim()) {
-            // Count how many consecutive empty cells we have
-            let j = i + 1;
-            while (j < cells.length && !cells[j].trim()) {
-                colspan++;
-                mergedIndices.add(j); // Mark as merged
-                j++;
+        // Check for colspan marker from consecutive pipes
+        if (trimmedCell.includes('\x00COLSPAN:')) {
+            const parts = trimmedCell.split('\x00COLSPAN:');
+            trimmedCell = parts[0];
+            colspan = parseInt(parts[1], 10);
+        }
+        else if (!trimmedCell.trim()) {
+            // Fallback: merge empty run into previous cell (backward compatibility)
+            let run = 1, k = i + 1;
+            while (k < cells.length && !cells[k].trim()) {
+                run++;
+                mergedIndices.add(k++);
+            }
+            if (processedCells.length) {
+                const target = processedCells[processedCells.length - 1];
+                const allowed = maxColspan != null ? Math.min(run, Math.max(0, maxColspan - target.colspan)) : run;
+                target.colspan += allowed;
+                numCols += allowed;
+                continue;
+            }
+            else {
+                colspan = maxColspan != null ? Math.min(run, maxColspan) : run;
             }
         }
-        // Apply maxColspan limit if specified
         if (maxColspan !== null && colspan > maxColspan)
             colspan = maxColspan;
         processedCells[cellIndex] = {
             rowspan: 1,
             colspan: colspan,
             text: trimmedCell.trim().replace(/\\\|/g, '|'),
-            position: numCols // Store original column position for better tracking
+            position: numCols
         };
         numCols += processedCells[cellIndex].colspan;
         cellIndex++;

package/dist/theme.d.ts

@@ -41,7 +41,6 @@ export declare const theme: {
         container: string;
         header: string;
         buttons: string;
-        button: string;
         language: string;
         skeleton: string;
         pre: string;
@@ -53,7 +52,6 @@ export declare const theme: {
     image: {
         base: string;
         image: string;
-        downloadButton: string;
     };
     blockquote: {
         base: string;
@@ -104,8 +102,6 @@ export declare const theme: {
     };
     mermaid: {
         base: string;
-        downloadButton: string;
-        button: string;
         icon: string;
         buttons: string;
     };
@@ -125,9 +121,6 @@ export declare const theme: {
     footnoteRef: {
         base: string;
     };
-    footnotePopover: {
-        base: string;
-    };
     descriptionList: {
         base: string;
     };
@@ -137,6 +130,28 @@ export declare const theme: {
     descriptionDetail: {
         base: string;
     };
+    inlineCitation: {
+        preview: string;
+        carousel: {
+            header: string;
+            stepCounter: string;
+            buttons: string;
+            title: string;
+            url: string;
+            favicon: string;
+        };
+        list: {
+            base: string;
+            item: string;
+            title: string;
+            url: string;
+            favicon: string;
+        };
+    };
+    components: {
+        button: string;
+        popover: string;
+    };
 };
 export declare const shadcnTheme: {
     link: {
@@ -179,7 +194,6 @@ export declare const shadcnTheme: {
         container: string;
         header: string;
         buttons: string;
-        button: string;
         language: string;
         skeleton: string;
         pre: string;
@@ -191,7 +205,6 @@ export declare const shadcnTheme: {
     image: {
         base: string;
         image: string;
-        downloadButton: string;
     };
     blockquote: {
         base: string;
@@ -242,8 +255,6 @@ export declare const shadcnTheme: {
     };
     mermaid: {
         base: string;
-        downloadButton: string;
-        button: string;
         icon: string;
         buttons: string;
     };
@@ -263,9 +274,6 @@ export declare const shadcnTheme: {
     footnoteRef: {
         base: string;
     };
-    footnotePopover: {
-        base: string;
-    };
     descriptionList: {
         base: string;
     };
@@ -275,6 +283,28 @@ export declare const shadcnTheme: {
     descriptionDetail: {
         base: string;
     };
+    inlineCitation: {
+        preview: string;
+        carousel: {
+            header: string;
+            stepCounter: string;
+            buttons: string;
+            title: string;
+            url: string;
+            favicon: string;
+        };
+        list: {
+            base: string;
+            item: string;
+            title: string;
+            url: string;
+            favicon: string;
+        };
+    };
+    components: {
+        button: string;
+        popover: string;
+    };
 };
 export type Theme = typeof theme;
 type DeepPartial<T> = {
@@ -322,7 +352,6 @@ export declare const mergeTheme: (customTheme?: DeepPartialTheme, baseTheme?: "t
         container: string;
         header: string;
         buttons: string;
-        button: string;
         language: string;
         skeleton: string;
         pre: string;
@@ -334,7 +363,6 @@ export declare const mergeTheme: (customTheme?: DeepPartialTheme, baseTheme?: "t
     image: {
         base: string;
         image: string;
-        downloadButton: string;
     };
     blockquote: {
         base: string;
@@ -385,8 +413,6 @@ export declare const mergeTheme: (customTheme?: DeepPartialTheme, baseTheme?: "t
     };
     mermaid: {
         base: string;
-        downloadButton: string;
-        button: string;
         icon: string;
         buttons: string;
     };
@@ -406,9 +432,6 @@ export declare const mergeTheme: (customTheme?: DeepPartialTheme, baseTheme?: "t
     footnoteRef: {
         base: string;
     };
-    footnotePopover: {
-        base: string;
-    };
     descriptionList: {
         base: string;
     };
@@ -418,5 +441,27 @@ export declare const mergeTheme: (customTheme?: DeepPartialTheme, baseTheme?: "t
     descriptionDetail: {
         base: string;
     };
+    inlineCitation: {
+        preview: string;
+        carousel: {
+            header: string;
+            stepCounter: string;
+            buttons: string;
+            title: string;
+            url: string;
+            favicon: string;
+        };
+        list: {
+            base: string;
+            item: string;
+            title: string;
+            url: string;
+            favicon: string;
+        };
+    };
+    components: {
+        button: string;
+        popover: string;
+    };
 };
 export {};

package/dist/theme.js

@@ -42,7 +42,6 @@ export const theme = {
         container: ' relative overflow-visible bg-gray-100 p-2 font-mono text-sm ',
         header: 'flex items-center justify-between bg-gray-100/80 p-2	 text-gray-600 text-xs',
         buttons: 'flex items-center gap-2',
-        button: 'cursor-pointer size-6 p-1 text-gray-600 transition-all hover:text-gray-900 rounded hover:bg-gray-100',
         language: 'ml-1 font-mono lowercase',
         skeleton: 'block rounded-md font-mono text-transparent bg-gray-200 scale-y-90 animate-pulse whitespace-nowrap',
         pre: 'overflow-x-auto font-mono p-0 bg-gray-100/40',
@@ -53,8 +52,7 @@ export const theme = {
     },
     image: {
         base: 'group relative my-4  mx-auto w-fit block',
-        image: 'max-w-full rounded-lg',
-        downloadButton: 'absolute right-2 bottom-2 flex h-8 w-8 cursor-pointer items-center justify-center rounded-md border border-gray-200 bg-white/90 shadow-sm backdrop-blur-sm transition-all duration-200 hover:bg-white opacity-0 group-hover:opacity-100'
+        image: 'max-w-full rounded-lg'
     },
     blockquote: {
         base: 'border-gray-600/30 text-gray-600 my-4 border-l-4 pl-4 italic'
@@ -105,8 +103,6 @@ export const theme = {
     },
     mermaid: {
         base: 'group relative my-4 h-auto rounded-xl border border-gray-200 bg-white overflow-hidden items-center min-h-[500px]',
-        downloadButton: 'cursor-pointer p-1 text-gray-600 transition-all hover:text-gray-900',
-        button: 'cursor-pointer size-6 p-1 text-gray-600 transition-all hover:text-gray-900 rounded hover:bg-gray-100',
         icon: 'size-5',
         buttons: 'absolute right-1 top-1 z-10 flex h-fit w-fit items-center gap-1'
     },
@@ -126,9 +122,6 @@ export const theme = {
     footnoteRef: {
         base: 'text-gray-600 px-1 py-0.5 rounded-md bg-gray-100/80'
     },
-    footnotePopover: {
-        base: 'fixed z-50 max-h-[30vh] max-w-3xl overflow-y-auto rounded-lg bg-background p-4 shadow'
-    },
     descriptionList: {
         base: 'my-4 space-y-2'
     },
@@ -137,6 +130,28 @@ export const theme = {
     },
     descriptionDetail: {
         base: 'text-gray-700 ml-4 leading-relaxed'
+    },
+    inlineCitation: {
+        preview: 'text-sm text-muted-foreground bg-muted rounded-md px-2 py-0.5 cursor-pointer inline-flex border border-border hover:bg-muted/50 outline-none focus:ring-1 focus:ring-primary',
+        carousel: {
+            header: 'flex items-center justify-between',
+            stepCounter: 'h-fit text-xs font-semibold text-muted-foreground tabular-nums',
+            buttons: 'flex w-fit items-center justify-end gap-2',
+            title: 'mb-2 line-clamp-2 font-semibold',
+            url: 'flex items-center gap-2 text-sm text-muted-foreground',
+            favicon: 'h-4 w-4 rounded'
+        },
+        list: {
+            base: 'grid gap-2',
+            item: 'grid gap-1 hover:bg-muted rounded-md p-2',
+            title: 'line-clamp-1 font-semibold text-sm',
+            url: 'flex items-center gap-2 text-xs text-muted-foreground',
+            favicon: 'h-3 w-3 rounded'
+        }
+    },
+    components: {
+        button: 'disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer p-1 text-gray-600 transition-all hover:text-gray-900 rounded hover:bg-gray-100 w-6 h-6',
+        popover: 'fixed z-[1000] max-h-[30vh] max-w-3xl overflow-y-auto rounded-lg bg-white p-4 shadow'
     }
 };
 export const shadcnTheme = {
@@ -180,7 +195,6 @@ export const shadcnTheme = {
         container: 'relative overflow-visible bg-muted p-2 font-mono text-sm',
         header: 'flex items-center justify-between bg-muted/80 px-2 py-1 text-muted-foreground text-xs',
         buttons: 'flex items-center gap-2',
-        button: 'cursor-pointer size-6 p-1 text-muted-foreground transition-all hover:text-foreground rounded hover:bg-muted',
         language: 'ml-1 font-mono lowercase',
         skeleton: 'block rounded-md font-mono text-transparent bg-border/80 scale-y-90 w-fit animate-pulse whitespace-nowrap',
         pre: 'overflow-x-auto font-mono p-0 bg-muted/40',
@@ -191,8 +205,7 @@ export const shadcnTheme = {
     },
     image: {
         base: 'group relative my-4 mx-auto w-fit block',
-        image: 'max-w-full rounded-lg',
-        downloadButton: 'absolute right-2 bottom-2 flex h-8 w-8 cursor-pointer items-center justify-center rounded-md border border-border bg-background/90 shadow-sm backdrop-blur-sm transition-all duration-200 hover:bg-background opacity-0 group-hover:opacity-100'
+        image: 'max-w-full rounded-lg'
     },
     blockquote: {
         base: 'border-muted-foreground/30 text-muted-foreground my-4 border-l-4 pl-4 italic'
@@ -243,8 +256,6 @@ export const shadcnTheme = {
     },
     mermaid: {
         base: 'group relative my-4 h-auto rounded-lg border border-border bg-card overflow-hidden items-center min-h-[500px]',
-        downloadButton: 'cursor-pointer p-1 text-muted-foreground transition-all hover:text-foreground',
-        button: 'cursor-pointer size-6 p-1 text-muted-foreground transition-all hover:text-foreground rounded hover:bg-muted',
         icon: 'size-5',
         buttons: 'absolute right-1 top-1 z-10 flex h-fit w-fit items-center gap-1'
     },
@@ -262,10 +273,7 @@ export const shadcnTheme = {
         base: 'text-muted-foreground'
     },
     footnoteRef: {
-        base: 'text-muted-foreground px-1 text-sm inline-block rounded-full bg-muted/80 aspect-square border border-border'
-    },
-    footnotePopover: {
-        base: 'fixed z-50 max-h-[30vh] shadow max-w-3xl overflow-y-auto rounded-lg bg-background p-4'
+        base: 'text-muted-foreground text-sm  rounded-full bg-muted cursor-pointer border border-border hover:bg-muted/50 tabular-nums min-w-5 min-h-5 outline-none focus:ring-1 focus:ring-primary'
     },
     descriptionList: {
         base: 'my-4 space-y-2'
@@ -275,6 +283,28 @@ export const shadcnTheme = {
     },
     descriptionDetail: {
         base: 'text-muted-foreground ml-4 leading-relaxed'
+    },
+    inlineCitation: {
+        preview: 'text-sm text-muted-foreground bg-muted rounded-md px-2 py-0.5 cursor-pointer inline-flex border border-border hover:bg-muted/50 outline-none focus:ring-1 focus:ring-primary',
+        carousel: {
+            header: 'flex items-center justify-between',
+            stepCounter: 'h-fit text-xs font-semibold text-muted-foreground tabular-nums',
+            buttons: 'flex w-fit items-center justify-end gap-2',
+            title: 'mb-2 line-clamp-2 font-semibold',
+            url: 'flex items-center gap-2 text-sm text-muted-foreground',
+            favicon: 'h-4 w-4 rounded'
+        },
+        list: {
+            base: 'grid gap-2',
+            item: 'grid gap-1 hover:bg-muted rounded-md p-2',
+            title: 'line-clamp-1 font-semibold text-sm',
+            url: 'flex items-center gap-2 text-xs text-muted-foreground',
+            favicon: 'h-3 w-3 rounded'
+        }
+    },
+    components: {
+        button: 'disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer p-1 text-muted-foreground transition-all hover:text-foreground rounded hover:bg-border flex items-center justify-center w-6 h-6',
+        popover: 'fixed z-[1000] max-h-[30vh] max-w-3xl overflow-y-auto rounded-lg bg-popover border border-border p-2 shadow'
     }
 };
 export const mergeTheme = (customTheme, baseTheme) => {

package/dist/utils/get.d.ts

@@ -0,0 +1 @@
+export declare const get: <T>(obj: Record<string, any> | undefined, path: string) => T | null;

package/dist/utils/get.js

@@ -0,0 +1,25 @@
+// A method that gets a value from an object using a path
+// It should work with nested objects and arrays
+export const get = (obj, path) => {
+    if (!obj)
+        return null;
+    const keys = path.split('.');
+    if (keys.length === 1) {
+        return obj[path];
+    }
+    let value = obj;
+    for (const key of keys) {
+        if (value == null)
+            return null;
+        if (Array.isArray(value)) {
+            const index = Number(key);
+            if (isNaN(index) || index < 0 || index >= value.length)
+                return null;
+            value = value[index];
+        }
+        else {
+            value = value[key];
+        }
+    }
+    return value;
+};

package/dist/utils/panzoom.svelte.d.ts

@@ -23,8 +23,7 @@ export declare const usePanzoom: (opts?: PanzoomOptions) => {
     zoomOut: (factor?: number) => void;
     moveBy: (dx: number, dy: number) => void;
     setTransform: (nx: number, ny: number, ns: number) => void;
-    expand: () => void;
-    collapse: () => void;
+    expand: (expand: boolean) => void;
     toggleExpand: () => Promise<void>;
     readonly transform: {
         readonly x: number;