@adecore/agents-react 0.31.12 → 0.33.0

package/dist/chat/ui/markdown-blocks.js

@@ -13,13 +13,7 @@ const THEMATIC_BREAK = /^ {0,3}([-*_])(?:[ \t]*\1){2,}[ \t]*$/;
 const ENDS_ITEM = /^ {0,3}(?:#{1,6}(?:[ \t]|$)|>)/;
 const HTML_START = /^ {0,3}<[A-Za-z/!?]/;
 // The HTML that runs on until a marker rather than a blank line, with that marker.
-const HTML_UNTIL = [
-    [/^ {0,3}<(?:pre|script|style|textarea)(?:[ \t>]|$)/i, /<\/(?:pre|script|style|textarea)>/i],
-    [/^ {0,3}<!--/, /-->/],
-    [/^ {0,3}<\?/, /\?>/],
-    [/^ {0,3}<![A-Za-z]/, />/],
-    [/^ {0,3}<!\[CDATA\[/, /\]\]>/]
-];
+const HTML_UNTIL = [[/^ {0,3}<(?:pre|script|style|textarea)(?:[ \t>]|$)/i, /<\/(?:pre|script|style|textarea)>/i], [/^ {0,3}<!--/, /-->/], [/^ {0,3}<\?/, /\?>/], [/^ {0,3}<![A-Za-z]/, />/], [/^ {0,3}<!\[CDATA\[/, /\]\]>/]];
 // A reference or footnote definition may be used anywhere in the text, so a block cannot stand alone.
 const DEFINITION = /^ {0,3}\[[^\]]+\]:/m;
 // Markdown ends a line at a lone carriage return too, which a split at line feeds would not see.
@@ -39,139 +33,154 @@ const BOLD_LINE = /^ {0,3}\*\*(?:[^*]|\*(?!\*))+\*\*:?[ \t]*$/;
  * Joined back together the blocks are the text.
  */
 export function splitMarkdownBlocks(text) {
-    if (DEFINITION.test(text) || LONE_RETURN.test(text)) {
-        return [{ text, openFence: isFenceOpenAtEnd(text) }];
-    }
-    const lines = text.split('\n');
-    const blocks = [];
-    let start = 0;
-    let offset = 0;
-    // The fence as a reading line by line sees it, blind to lists and indented code. A blank line is
-    // only cut at where this reading agrees, so every such cut is one this split made before it
-    // followed fences any further.
-    let lineFence = null;
-    let afterBlank = false;
-    // A fence inside a list item.
-    let fence = null;
-    let top = null;
-    // A top-level fence that has closed; its block takes the blank lines under it.
-    let closed = null;
-    let item = null;
-    // The marker that ends the raw HTML the line stands in.
-    let html = null;
-    // Whether the top level is still known here. Past HTML, or a line that may or may not end a list
-    // item, a fence is left inside the block it stands in, which markdown parses as a whole.
-    let known = true;
-    // Where the line above starts when it is blank.
-    let blankAbove = null;
-    const cutAt = (end) => {
-        if (end > start) {
-            blocks.push({ text: text.slice(start, end), openFence: false });
-        }
-        start = end;
-    };
-    for (const [index, line] of lines.entries()) {
-        const at = offset;
-        offset += line.length + 1;
-        const content = withoutReturn(line);
-        const blank = BLANK.test(line);
-        // Blank to markdown, which a line ending in a carriage return is too.
-        const empty = BLANK.test(content);
-        const blankCut = lineFence === null && afterBlank && !blank && !CONTINUES.test(line);
-        lineFence = nextFence(lineFence, line);
-        afterBlank = lineFence === null && blank && index > 0;
-        if (top !== null) {
-            if (closesFence(top.marker, content)) {
-                closed = { fence: top, source: text.slice(top.from, at + content.length) };
-                top = null;
-            }
-            else if (index < lines.length - 1 || line !== '') {
-                // The empty line after a line ending at the end of the text is no line of the fence.
-                top.body += (top.ending ?? '') + outdent(content, top.indent);
-                top.ending = line.length > content.length ? '\r\n' : '\n';
-            }
-            continue;
-        }
-        if (closed !== null) {
-            if (empty) {
-                continue;
-            }
-            blocks.push(fenceBlock(text.slice(start, at), closed.fence, closed.source, true));
-            start = at;
-            closed = null;
-        }
-        if (html !== null) {
-            // Raw HTML holds no fence and no blank line to cut at until its marker.
-            if (html.test(content)) {
-                html = null;
-            }
-            continue;
-        }
-        if (known && fence !== null && item !== null && !empty && columns(content) < item.column) {
-            // Code is no paragraph a line may continue lazily, so a line left of the item's content ends
-            // the item and its code. A next item of the same list keeps the list going.
-            fence = null;
-            if (!LIST_MARKER.test(content)) {
-                item = null;
-            }
-        }
-        if (blankCut && fence === null) {
-            cutAt(at);
-        }
-        const above = index > 0 ? withoutReturn(lines[index - 1]) : '';
-        const opening = known && fence === null ? openingFence(content) : null;
-        if (opening !== null && EMPTY_ITEM.test(above)) {
-            // Markdown reads an empty item right above a fence as a list or as text depending on what
-            // stands before it, so the two stay in one block.
-            known = false;
-        }
-        else if (opening !== null && opening.indent < CODE_INDENT && (item === null || opening.indent < item.column)) {
-            // The blank line right above goes with the fence. Code in a list item this fence ends takes
-            // every blank line under it but the last, and at the end of a block it would take them all.
-            cutAt(blankAbove !== null && blankAbove > start ? blankAbove : at);
-            // Three columns at most, so the indentation is spaces.
-            top = { ...opening, from: at + opening.indent, body: '', ending: null };
-            item = null;
-            blankAbove = null;
-            continue;
-        }
-        if (known && item?.empty === true && empty) {
-            // An item with nothing on its first line ends at a blank line right under it.
-            item = null;
-        }
-        if (known && fence === null && !empty) {
-            // A fence in an item is followed only while the item is known to be open, and less than four
-            // columns deeper than its content: deeper it is code of the item, or of an item inside it.
-            if (opening !== null && item !== null && (!item.certain || opening.indent < item.column || opening.indent >= item.column + CODE_INDENT)) {
-                known = false;
-            }
-            else if (opening === null) {
-                item = nextItem(item, content, index > 0 && !BLANK.test(above));
-            }
-        }
-        if (fence === null && HTML_START.test(content)) {
-            known = false;
-            const until = HTML_UNTIL.find(([begins]) => begins.test(content))?.[1];
-            html = until !== undefined && !until.test(content) ? until : null;
-        }
-        if (known && (fence !== null || item !== null)) {
-            fence = nextFence(fence, fence === null ? itemContent(content) : content);
-        }
-        if (item?.empty === true && !empty && columns(content) >= item.column) {
-            item = { ...item, empty: false };
-        }
-        blankAbove = empty ? at : null;
+  if (DEFINITION.test(text) || LONE_RETURN.test(text)) {
+    return [{
+      text,
+      openFence: isFenceOpenAtEnd(text)
+    }];
+  }
+  const lines = text.split('\n');
+  const blocks = [];
+  let start = 0;
+  let offset = 0;
+  // The fence as a reading line by line sees it, blind to lists and indented code. A blank line is
+  // only cut at where this reading agrees, so every such cut is one this split made before it
+  // followed fences any further.
+  let lineFence = null;
+  let afterBlank = false;
+  // A fence inside a list item.
+  let fence = null;
+  let top = null;
+  // A top-level fence that has closed; its block takes the blank lines under it.
+  let closed = null;
+  let item = null;
+  // The marker that ends the raw HTML the line stands in.
+  let html = null;
+  // Whether the top level is still known here. Past HTML, or a line that may or may not end a list
+  // item, a fence is left inside the block it stands in, which markdown parses as a whole.
+  let known = true;
+  // Where the line above starts when it is blank.
+  let blankAbove = null;
+  const cutAt = end => {
+    if (end > start) {
+      blocks.push({
+        text: text.slice(start, end),
+        openFence: false
+      });
     }
+    start = end;
+  };
+  for (const [index, line] of lines.entries()) {
+    const at = offset;
+    offset += line.length + 1;
+    const content = withoutReturn(line);
+    const blank = BLANK.test(line);
+    // Blank to markdown, which a line ending in a carriage return is too.
+    const empty = BLANK.test(content);
+    const blankCut = lineFence === null && afterBlank && !blank && !CONTINUES.test(line);
+    lineFence = nextFence(lineFence, line);
+    afterBlank = lineFence === null && blank && index > 0;
     if (top !== null) {
-        blocks.push(fenceBlock(text.slice(start), top, text.slice(top.from), false));
+      if (closesFence(top.marker, content)) {
+        closed = {
+          fence: top,
+          source: text.slice(top.from, at + content.length)
+        };
+        top = null;
+      } else if (index < lines.length - 1 || line !== '') {
+        // The empty line after a line ending at the end of the text is no line of the fence.
+        top.body += (top.ending ?? '') + outdent(content, top.indent);
+        top.ending = line.length > content.length ? '\r\n' : '\n';
+      }
+      continue;
+    }
+    if (closed !== null) {
+      if (empty) {
+        continue;
+      }
+      blocks.push(fenceBlock(text.slice(start, at), closed.fence, closed.source, true));
+      start = at;
+      closed = null;
+    }
+    if (html !== null) {
+      // Raw HTML holds no fence and no blank line to cut at until its marker.
+      if (html.test(content)) {
+        html = null;
+      }
+      continue;
+    }
+    if (known && fence !== null && item !== null && !empty && columns(content) < item.column) {
+      // Code is no paragraph a line may continue lazily, so a line left of the item's content ends
+      // the item and its code. A next item of the same list keeps the list going.
+      fence = null;
+      if (!LIST_MARKER.test(content)) {
+        item = null;
+      }
+    }
+    if (blankCut && fence === null) {
+      cutAt(at);
+    }
+    const above = index > 0 ? withoutReturn(lines[index - 1]) : '';
+    const opening = known && fence === null ? openingFence(content) : null;
+    if (opening !== null && EMPTY_ITEM.test(above)) {
+      // Markdown reads an empty item right above a fence as a list or as text depending on what
+      // stands before it, so the two stay in one block.
+      known = false;
+    } else if (opening !== null && opening.indent < CODE_INDENT && (item === null || opening.indent < item.column)) {
+      // The blank line right above goes with the fence. Code in a list item this fence ends takes
+      // every blank line under it but the last, and at the end of a block it would take them all.
+      cutAt(blankAbove !== null && blankAbove > start ? blankAbove : at);
+      // Three columns at most, so the indentation is spaces.
+      top = {
+        ...opening,
+        from: at + opening.indent,
+        body: '',
+        ending: null
+      };
+      item = null;
+      blankAbove = null;
+      continue;
     }
-    else if (closed !== null) {
-        blocks.push(fenceBlock(text.slice(start), closed.fence, closed.source, true));
+    if (known && item?.empty === true && empty) {
+      // An item with nothing on its first line ends at a blank line right under it.
+      item = null;
     }
-    else {
-        blocks.push({ text: text.slice(start), openFence: (known ? fence : lineFence) !== null });
+    if (known && fence === null && !empty) {
+      // A fence in an item is followed only while the item is known to be open, and less than four
+      // columns deeper than its content: deeper it is code of the item, or of an item inside it.
+      if (opening !== null && item !== null && (!item.certain || opening.indent < item.column || opening.indent >= item.column + CODE_INDENT)) {
+        known = false;
+      } else if (opening === null) {
+        item = nextItem(item, content, index > 0 && !BLANK.test(above));
+      }
     }
-    return blocks;
+    if (fence === null && HTML_START.test(content)) {
+      known = false;
+      const until = HTML_UNTIL.find(([begins]) => begins.test(content))?.[1];
+      html = until !== undefined && !until.test(content) ? until : null;
+    }
+    if (known && (fence !== null || item !== null)) {
+      fence = nextFence(fence, fence === null ? itemContent(content) : content);
+    }
+    if (item?.empty === true && !empty && columns(content) >= item.column) {
+      item = {
+        ...item,
+        empty: false
+      };
+    }
+    blankAbove = empty ? at : null;
+  }
+  if (top !== null) {
+    blocks.push(fenceBlock(text.slice(start), top, text.slice(top.from), false));
+  } else if (closed !== null) {
+    blocks.push(fenceBlock(text.slice(start), closed.fence, closed.source, true));
+  } else {
+    blocks.push({
+      text: text.slice(start),
+      openFence: (known ? fence : lineFence) !== null
+    });
+  }
+  return blocks;
 }
 /*
  * The blocks of a reply still being written that will not change any more: every block but the last.
@@ -180,172 +189,197 @@ export function splitMarkdownBlocks(text) {
  * block under it, so it never sits alone above a block that is still streaming.
  */
 export function settledBlocksText(text) {
-    return withoutTrailingTitles(splitMarkdownBlocks(text)
-        .slice(0, -1)
-        .map((block) => block.text)
-        .join(''));
+  return withoutTrailingTitles(splitMarkdownBlocks(text).slice(0, -1).map(block => block.text).join(''));
 }
 function withoutTrailingTitles(text) {
-    const lines = text.split('\n');
-    let end = lines.length;
-    for (let index = lines.length - 1; index >= 0; index--) {
-        const line = lines[index];
-        if (BLANK.test(line)) {
-            continue;
-        }
-        // A bold line right under a line of text continues that paragraph.
-        const title = HEADING.test(line) || (BOLD_LINE.test(line) && (index === 0 || BLANK.test(lines[index - 1])));
-        if (!title) {
-            break;
-        }
-        end = index;
+  const lines = text.split('\n');
+  let end = lines.length;
+  for (let index = lines.length - 1; index >= 0; index--) {
+    const line = lines[index];
+    if (BLANK.test(line)) {
+      continue;
     }
-    if (end === lines.length) {
-        return text;
+    // A bold line right under a line of text continues that paragraph.
+    const title = HEADING.test(line) || BOLD_LINE.test(line) && (index === 0 || BLANK.test(lines[index - 1]));
+    if (!title) {
+      break;
     }
-    return lines
-        .slice(0, end)
-        .map((line) => `${line}\n`)
-        .join('');
+    end = index;
+  }
+  if (end === lines.length) {
+    return text;
+  }
+  return lines.slice(0, end).map(line => `${line}\n`).join('');
 }
 /* The fence a line leaves open: it opens one, closes the one that is open, or changes nothing. */
 function nextFence(fence, line) {
-    const match = FENCE.exec(line);
-    if (!match) {
-        return fence;
-    }
-    const indent = match[1].length;
-    const run = match[2];
-    const rest = match[3];
-    if (fence === null) {
-        // A backtick fence's info string may not hold a backtick, or the line is inline code.
-        if (run[0] === '`' && rest.includes('`')) {
-            return null;
-        }
-        return { marker: run[0], length: run.length, indent };
-    }
-    // A closing fence carries no info string, and a line far deeper than the opening is code.
-    if (run[0] === fence.marker && run.length >= fence.length && BLANK.test(rest) && indent <= fence.indent + CLOSING_INDENT) {
-        return null;
-    }
+  const match = FENCE.exec(line);
+  if (!match) {
     return fence;
+  }
+  const indent = match[1].length;
+  const run = match[2];
+  const rest = match[3];
+  if (fence === null) {
+    // A backtick fence's info string may not hold a backtick, or the line is inline code.
+    if (run[0] === '`' && rest.includes('`')) {
+      return null;
+    }
+    return {
+      marker: run[0],
+      length: run.length,
+      indent
+    };
+  }
+  // A closing fence carries no info string, and a line far deeper than the opening is code.
+  if (run[0] === fence.marker && run.length >= fence.length && BLANK.test(rest) && indent <= fence.indent + CLOSING_INDENT) {
+    return null;
+  }
+  return fence;
 }
 function isFenceOpenAtEnd(text) {
-    let fence = null;
-    for (const line of text.split('\n')) {
-        fence = nextFence(fence, withoutReturn(line));
-    }
-    return fence !== null;
+  let fence = null;
+  for (const line of text.split('\n')) {
+    fence = nextFence(fence, withoutReturn(line));
+  }
+  return fence !== null;
 }
 /* The fence a line opens wherever it stands, with its indentation in columns. */
 function openingFence(content) {
-    const match = FENCE.exec(content);
-    if (!match) {
-        return null;
-    }
-    const marker = match[2];
-    const info = match[3].replace(/^[ \t]+|[ \t]+$/g, '');
-    // A backtick fence's info string may not hold a backtick, or the line is inline code.
-    if (marker[0] === '`' && info.includes('`')) {
-        return null;
-    }
-    return { marker, info, indent: columns(content), direct: !/[\\&]/.test(info.split(/[ \t]/, 1)[0]) };
+  const match = FENCE.exec(content);
+  if (!match) {
+    return null;
+  }
+  const marker = match[2];
+  const info = match[3].replace(/^[ \t]+|[ \t]+$/g, '');
+  // A backtick fence's info string may not hold a backtick, or the line is inline code.
+  if (marker[0] === '`' && info.includes('`')) {
+    return null;
+  }
+  return {
+    marker,
+    info,
+    indent: columns(content),
+    direct: !/[\\&]/.test(info.split(/[ \t]/, 1)[0])
+  };
 }
 /* A line without the carriage return of a CRLF line ending. */
 function withoutReturn(line) {
-    return line.endsWith('\r') ? line.slice(0, -1) : line;
+  return line.endsWith('\r') ? line.slice(0, -1) : line;
 }
 function closesFence(marker, content) {
-    const run = CLOSING_FENCE.exec(content)?.[1];
-    return run !== undefined && run[0] === marker[0] && run.length >= marker.length;
+  const run = CLOSING_FENCE.exec(content)?.[1];
+  return run !== undefined && run[0] === marker[0] && run.length >= marker.length;
 }
 function fenceBlock(text, fence, source, closed) {
-    if (!fence.direct) {
-        return { text, openFence: !closed };
+  if (!fence.direct) {
+    return {
+      text,
+      openFence: !closed
+    };
+  }
+  return {
+    text,
+    openFence: !closed,
+    fence: {
+      marker: fence.marker,
+      info: fence.info,
+      body: fence.body,
+      closed,
+      source
     }
-    return { text, openFence: !closed, fence: { marker: fence.marker, info: fence.info, body: fence.body, closed, source } };
+  };
 }
 /* The list item a line that is neither blank nor a fence leaves open, as far as a fence needs to know. */
 function nextItem(item, content, underLine) {
-    const indent = columns(content);
-    if (item !== null && indent >= item.column) {
-        return item;
-    }
-    if (THEMATIC_BREAK.test(content) || ENDS_ITEM.test(content)) {
-        return null;
-    }
-    const marker = indent < CODE_INDENT ? itemMarker(content) : null;
-    if (marker === null) {
-        if (item === null || !underLine) {
-            return null;
-        }
-        // A line right under an item may continue its paragraph, or follow an item that ends in something else.
-        return { ...item, certain: false };
+  const indent = columns(content);
+  if (item !== null && indent >= item.column) {
+    return item;
+  }
+  if (THEMATIC_BREAK.test(content) || ENDS_ITEM.test(content)) {
+    return null;
+  }
+  const marker = indent < CODE_INDENT ? itemMarker(content) : null;
+  if (marker === null) {
+    if (item === null || !underLine) {
+      return null;
     }
-    // Right under another line, only a bullet or a 1 with text after it surely starts a list; anything
-    // else may be text of a paragraph above.
-    const certain = !underLine || (item !== null && item.certain && item.kind === marker.kind) || (marker.first && marker.rest !== '');
-    return { column: marker.column, kind: marker.kind, certain, empty: marker.rest === '' };
+    // A line right under an item may continue its paragraph, or follow an item that ends in something else.
+    return {
+      ...item,
+      certain: false
+    };
+  }
+  // Right under another line, only a bullet or a 1 with text after it surely starts a list; anything
+  // else may be text of a paragraph above.
+  const certain = !underLine || item !== null && item.certain && item.kind === marker.kind || marker.first && marker.rest !== '';
+  return {
+    column: marker.column,
+    kind: marker.kind,
+    certain,
+    empty: marker.rest === ''
+  };
 }
 /* The marker a list item starts with: its kind, whether it may start a list under text, and the column its content starts at. */
 function itemMarker(content) {
-    const match = LIST_MARKER.exec(content);
-    if (match === null) {
-        return null;
-    }
-    const [, bullet, number, delimiter, spacing = '', rest = ''] = match;
-    const indent = columns(content);
-    const width = bullet !== undefined ? 1 : number.length + 1;
-    // The content starts after the spaces behind the marker, unless there are five or more: then the
-    // item starts with indented code one column after the marker.
-    const gap = rest === '' ? 1 : columns(spacing, indent + width);
-    const column = indent + width + (gap > CODE_INDENT ? 1 : gap);
-    return { kind: bullet ?? delimiter, first: bullet !== undefined || Number(number) === 1, column, rest };
+  const match = LIST_MARKER.exec(content);
+  if (match === null) {
+    return null;
+  }
+  const [, bullet, number, delimiter, spacing = '', rest = ''] = match;
+  const indent = columns(content);
+  const width = bullet !== undefined ? 1 : number.length + 1;
+  // The content starts after the spaces behind the marker, unless there are five or more: then the
+  // item starts with indented code one column after the marker.
+  const gap = rest === '' ? 1 : columns(spacing, indent + width);
+  const column = indent + width + (gap > CODE_INDENT ? 1 : gap);
+  return {
+    kind: bullet ?? delimiter,
+    first: bullet !== undefined || Number(number) === 1,
+    column,
+    rest
+  };
 }
 /* A list item's line with its marker as spaces, so a fence on that line is seen where the item's content starts. */
 function itemContent(content) {
-    const marker = itemMarker(content);
-    return marker === null ? content : ' '.repeat(marker.column) + marker.rest;
+  const marker = itemMarker(content);
+  return marker === null ? content : ' '.repeat(marker.column) + marker.rest;
 }
 /* The columns of the indentation of a line, which starts at column `from`; a tab reaches to the next stop of four. */
 function columns(line, from = 0) {
-    let column = from;
-    for (const character of line) {
-        if (character === '\t') {
-            column += TAB_STOP - (column % TAB_STOP);
-        }
-        else if (character === ' ') {
-            column += 1;
-        }
-        else {
-            break;
-        }
+  let column = from;
+  for (const character of line) {
+    if (character === '\t') {
+      column += TAB_STOP - column % TAB_STOP;
+    } else if (character === ' ') {
+      column += 1;
+    } else {
+      break;
     }
-    return column - from;
+  }
+  return column - from;
 }
 /*
  * A line of a fence less up to `indent` columns of indentation. A tab reaches to the next stop of
  * four, and what of it lies past `indent` stays as spaces, as markdown reads it.
  */
 function outdent(line, indent) {
-    let column = 0;
-    let index = 0;
-    while (column < indent && index < line.length) {
-        const character = line[index];
-        if (character === '\t') {
-            const stop = column + TAB_STOP - (column % TAB_STOP);
-            if (stop > indent) {
-                return ' '.repeat(stop - indent) + line.slice(index + 1);
-            }
-            column = stop;
-        }
-        else if (character === ' ') {
-            column += 1;
-        }
-        else {
-            break;
-        }
-        index += 1;
+  let column = 0;
+  let index = 0;
+  while (column < indent && index < line.length) {
+    const character = line[index];
+    if (character === '\t') {
+      const stop = column + TAB_STOP - column % TAB_STOP;
+      if (stop > indent) {
+        return ' '.repeat(stop - indent) + line.slice(index + 1);
+      }
+      column = stop;
+    } else if (character === ' ') {
+      column += 1;
+    } else {
+      break;
     }
-    return line.slice(index);
-}
+    index += 1;
+  }
+  return line.slice(index);
+}

package/dist/chat/ui/mermaid.d.ts

@@ -1,23 +1,11 @@
-import type { MermaidConfig } from 'mermaid';
-export interface MermaidColors {
-    ground: string;
-    node: string;
-    nodeBorder: string;
-    text: string;
-    line: string;
-    cluster: string;
-    clusterBorder: string;
-    note: string;
-}
-export declare const MERMAID_TOKENS: Readonly<Record<keyof MermaidColors, string>>;
-export declare function mermaidConfig(colors: MermaidColors, dark: boolean, font: {
+import type { RenderOptions } from 'pele';
+export declare const DIAGRAM_TOKENS: Readonly<Record<string, string>>;
+export declare const GROUND_TOKEN: string;
+export interface DiagramFont {
     family: string;
-    size: string;
-}): MermaidConfig;
-export interface SizedSvg {
-    svg: string;
-    width: number;
-    height: number;
+    mono: string;
+    size: number;
 }
-export declare function sizedSvg(svg: string): SizedSvg | null;
+export declare function renderOptions(font: DiagramFont, idPrefix: string): RenderOptions;
+export declare function themedSvg(svg: string, colors: Readonly<Record<string, string>>): string;
 export declare function svgDataUrl(svg: string): string;