@blueking/ai-ui-sdk 0.3.0-beta.9 → 0.4.0-beta.1

package/dist/components/render-markdown/katex.ts.js

@@ -1,309 +0,0 @@
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-import katex from 'katex';
-import 'katex/dist/katex.min.css';
-const defaultKatexOptions = {
-    throwOnError: false,
-    strict: 'ignore',
-    trust: false,
-    output: 'html'
-};
-const CODE_NODE_TYPES = new Set([
-    'code',
-    'codeBlock',
-    'htmlBlock',
-    'htmlInline'
-]);
-function isEscaped(value, index) {
-    let count = 0;
-    let i = index - 1;
-    while(i >= 0 && value[i] === '\\'){
-        count += 1;
-        i -= 1;
-    }
-    return count % 2 === 1;
-}
-function findUnescaped(value, search, fromIndex) {
-    let index = value.indexOf(search, fromIndex);
-    while(index !== -1){
-        if (!isEscaped(value, index)) return index;
-        index = value.indexOf(search, index + search.length);
-    }
-    return -1;
-}
-function isInCodeNode(node) {
-    let current = node;
-    while(current){
-        if (current.type && CODE_NODE_TYPES.has(current.type)) {
-            return true;
-        }
-        current = current.parent;
-    }
-    return false;
-}
-export function normalizeLatex(input, options = {}) {
-    let value = input.trim();
-    if (options.autoEscapePercent !== false) {
-        value = value.replace(/(^|[^\\])%/g, '$1\\%');
-    }
-    return value;
-}
-export function renderKatexToHtml(latex, displayMode = true, options = {}) {
-    return katex.renderToString(normalizeLatex(latex, options), _object_spread(_object_spread_props(_object_spread({}, defaultKatexOptions), {
-        displayMode
-    }), options.katexOptions || {}));
-}
-export function createTuiKatexCustomRenderer(options = {}) {
-    let mathState = null;
-    function toArray(value) {
-        return Array.isArray(value) ? value : [
-            value
-        ];
-    }
-    function findNextOpen(value, fromIndex) {
-        const candidates = [];
-        const dollarBlock = findUnescaped(value, '$$', fromIndex);
-        if (dollarBlock !== -1) {
-            candidates.push({
-                index: dollarBlock,
-                open: '$$',
-                close: '$$',
-                display: true
-            });
-        }
-        const bracketBlock = findUnescaped(value, '\\[', fromIndex);
-        if (bracketBlock !== -1) {
-            candidates.push({
-                index: bracketBlock,
-                open: '\\[',
-                close: '\\]',
-                display: true
-            });
-        }
-        const bracketInline = findUnescaped(value, '\\(', fromIndex);
-        if (bracketInline !== -1) {
-            candidates.push({
-                index: bracketInline,
-                open: '\\(',
-                close: '\\)',
-                display: false
-            });
-        }
-        if (options.enableSingleDollar !== false) {
-            let singleDollar = findUnescaped(value, '$', fromIndex);
-            while(singleDollar !== -1 && (value[singleDollar - 1] === '$' || value[singleDollar + 1] === '$')){
-                singleDollar = findUnescaped(value, '$', singleDollar + 1);
-            }
-            if (singleDollar !== -1) {
-                candidates.push({
-                    index: singleDollar,
-                    open: '$',
-                    close: '$',
-                    display: false
-                });
-            }
-        }
-        if (!candidates.length) return null;
-        return candidates.sort((a, b)=>{
-            if (a.index !== b.index) return a.index - b.index;
-            return b.open.length - a.open.length;
-        })[0];
-    }
-    function processText(value) {
-        let html = '';
-        let index = 0;
-        let hasMath = false;
-        while(index < value.length){
-            if (mathState) {
-                hasMath = true;
-                const closeIndex = findUnescaped(value, mathState.close, index);
-                if (closeIndex === -1) {
-                    mathState.content += value.slice(index);
-                    return {
-                        html,
-                        hasMath
-                    };
-                }
-                mathState.content += value.slice(index, closeIndex);
-                try {
-                    html += renderKatexToHtml(mathState.content, mathState.display, options);
-                } catch (e) {
-                    html += `${mathState.open}${mathState.content}${mathState.close}`;
-                }
-                index = closeIndex + mathState.close.length;
-                mathState = null;
-                continue;
-            }
-            const nextOpen = findNextOpen(value, index);
-            if (!nextOpen) {
-                html += value.slice(index);
-                break;
-            }
-            hasMath = true;
-            html += value.slice(index, nextOpen.index);
-            mathState = {
-                open: nextOpen.open,
-                close: nextOpen.close,
-                display: nextOpen.display,
-                content: ''
-            };
-            index = nextOpen.index + nextOpen.open.length;
-        }
-        return {
-            html,
-            hasMath
-        };
-    }
-    function flushUnclosedMath() {
-        if (!mathState) return '';
-        const raw = `${mathState.open}${mathState.content}`;
-        mathState = null;
-        return raw;
-    }
-    function renderBlock(node) {
-        let html = '';
-        try {
-            html = renderKatexToHtml(node.literal || '', true, options);
-        } catch (error) {
-            html = `<pre><code>${String(error)}</code></pre>`;
-        }
-        return [
-            {
-                type: 'openTag',
-                tagName: 'div',
-                outerNewLine: true,
-                classNames: [
-                    'tui-katex-block'
-                ]
-            },
-            {
-                type: 'html',
-                content: html
-            },
-            {
-                type: 'closeTag',
-                tagName: 'div',
-                outerNewLine: true
-            }
-        ];
-    }
-    const renderer = {
-        paragraph (_node, context) {
-            if (context.entering) {
-                mathState = null;
-                return context.origin();
-            }
-            const pending = flushUnclosedMath();
-            const origin = context.origin();
-            if (!pending) return origin;
-            return [
-                {
-                    type: 'html',
-                    content: pending
-                },
-                ...toArray(origin)
-            ];
-        },
-        text (node) {
-            const value = node.literal || '';
-            if (isInCodeNode(node)) {
-                return {
-                    type: 'text',
-                    content: value
-                };
-            }
-            const result = processText(value);
-            if (!result.hasMath) {
-                return {
-                    type: 'text',
-                    content: value
-                };
-            }
-            return {
-                type: 'html',
-                content: result.html
-            };
-        },
-        softbreak (_node, context) {
-            if (mathState) {
-                mathState.content += '\n';
-                return {
-                    type: 'text',
-                    content: ''
-                };
-            }
-            return context.origin();
-        },
-        linebreak (_node, context) {
-            if (mathState) {
-                mathState.content += '\n';
-                return {
-                    type: 'text',
-                    content: ''
-                };
-            }
-            return context.origin();
-        },
-        /**
-     * 支持 TUI custom block:
-     *
-     * $$katex
-     * \frac{15}{5000}\times 100\%=0.3\%
-     * $$
-     */ katex: renderBlock,
-        /**
-     * 这里 latex 也按数学公式处理，不走 latex.js。
-     */ latex: renderBlock
-    };
-    return renderer;
-}

package/dist/components/render-markdown/mark-down-code-copy.d.ts

@@ -1,7 +0,0 @@
-import type Prism from 'prismjs';
-import type { PluginContext, PluginInfo } from '@toast-ui/editor';
-export type PrismHighlighter = typeof Prism;
-export interface MarkDownCodeCopyPluginOptions {
-    highlighter?: PrismHighlighter;
-}
-export declare const MarkDownCodeCopyPlugin: (_context: PluginContext, options?: MarkDownCodeCopyPluginOptions) => PluginInfo;

package/dist/components/render-markdown/mark-down-code-copy.ts.js

@@ -1,73 +0,0 @@
-const BACKTICK_COUNT = 3;
-// 给块级代码增加右上角复制按钮，同时保留 Prism 语法高亮。
-export const MarkDownCodeCopyPlugin = (_context, options = {})=>({
-        toHTMLRenderers: {
-            codeBlock (markdownNode) {
-                const node = markdownNode;
-                const infoWords = node.info ? node.info.split(/\s+/) : [];
-                const language = infoWords[0];
-                const preClasses = [];
-                const codeAttrs = {};
-                const tokens = [];
-                if (node.fenceLength > BACKTICK_COUNT) {
-                    codeAttrs['data-backticks'] = node.fenceLength;
-                }
-                if (language) {
-                    preClasses.push(`lang-${language}`);
-                    codeAttrs['data-language'] = language;
-                }
-                var _node_literal;
-                tokens.push({
-                    type: 'openTag',
-                    tagName: 'pre',
-                    classNames: [
-                        ...preClasses,
-                        'markdown-code-copy-wrap'
-                    ]
-                }, {
-                    type: 'openTag',
-                    tagName: 'i',
-                    classNames: [
-                        'ai-ui-sdk-icon',
-                        'ai-ui-sdk-copy',
-                        'markdown-code-copy-button',
-                        'click-copy'
-                    ],
-                    attributes: {
-                        'data-clipboard-text': encodeURIComponent((_node_literal = node.literal) !== null && _node_literal !== void 0 ? _node_literal : ''),
-                        title: '复制代码'
-                    }
-                }, {
-                    type: 'closeTag',
-                    tagName: 'i'
-                }, {
-                    type: 'openTag',
-                    tagName: 'code',
-                    attributes: codeAttrs
-                });
-                const highlighter = options.highlighter;
-                const registeredLang = language && (highlighter === null || highlighter === void 0 ? void 0 : highlighter.languages[language]);
-                if (language && registeredLang) {
-                    var _node_literal1;
-                    tokens.push({
-                        type: 'html',
-                        content: highlighter.highlight((_node_literal1 = node.literal) !== null && _node_literal1 !== void 0 ? _node_literal1 : '', registeredLang, language)
-                    });
-                } else {
-                    var _node_literal2;
-                    tokens.push({
-                        type: 'text',
-                        content: (_node_literal2 = node.literal) !== null && _node_literal2 !== void 0 ? _node_literal2 : ''
-                    });
-                }
-                tokens.push({
-                    type: 'closeTag',
-                    tagName: 'code'
-                }, {
-                    type: 'closeTag',
-                    tagName: 'pre'
-                });
-                return tokens;
-            }
-        }
-    });

package/dist/components/render-markdown/prism-atom-one-dark.postcss.css

@@ -1,192 +0,0 @@
-/**
- * Prism.js theme like highlight.js atom-one-dark
- * Background: #282c34
- * Foreground: #abb2bf
- */
-
-code[class*='language-'],
-pre[class*='language-'] {
-  color: #abb2bf;
-  background: none;
-  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
-  font-size: 14px;
-  line-height: 1.6;
-  text-align: left;
-  white-space: pre;
-  word-spacing: normal;
-  word-break: normal;
-  word-wrap: normal;
-  tab-size: 2;
-  hyphens: none;
-  text-shadow: none;
-}
-
-pre[class*='language-'] {
-  margin: 12px 0;
-  padding: 16px;
-  overflow: auto;
-  border-radius: 8px;
-  background: #282c34;
-}
-
-:not(pre) > code[class*='language-'],
-pre[class*='language-'] {
-  background: #282c34;
-}
-
-:not(pre) > code[class*='language-'] {
-  padding: 2px 6px;
-  border-radius: 4px;
-  color: #e06c75;
-}
-
-/* Toast UI Editor preview / viewer 兜底 */
-.toastui-editor-contents pre,
-.tui-editor-contents pre {
-  background: #282c34 !important;
-  color: #abb2bf !important;
-  border-radius: 8px;
-  padding: 16px;
-  overflow-x: auto;
-}
-
-.toastui-editor-contents pre code,
-.tui-editor-contents pre code {
-  background: transparent !important;
-  color: #abb2bf !important;
-  text-shadow: none !important;
-  font-family: Consolas,
-    Monaco,
-    'Andale Mono',
-    'Ubuntu Mono',
-    monospace;
-  font-size: 14px;
-  line-height: 1.6;
-}
-
-.toastui-editor-contents pre code span,
-.tui-editor-contents pre code span,
-.toastui-editor-contents .token,
-.tui-editor-contents .token {
-  text-shadow: none !important;
-}
-
-/* 注释 */
-.token.comment,
-.token.prolog,
-.token.doctype,
-.token.cdata {
-  color: #5c6370;
-  font-style: italic;
-}
-
-/* 标点 */
-.token.punctuation {
-  color: #abb2bf;
-}
-
-/* 命名空间 */
-.token.namespace {
-  opacity: .7;
-}
-
-/* 标签、属性、选择器 */
-.token.tag,
-.token.selector {
-  color: #e06c75;
-}
-
-.token.attr-name {
-  color: #d19a66;
-}
-
-.token.attr-value,
-.token.string,
-.token.char,
-.token.inserted {
-  color: #98c379;
-}
-
-/* 关键字 */
-.token.keyword,
-.token.atrule {
-  color: #c678dd;
-}
-
-/* 布尔、数字、常量 */
-.token.boolean,
-.token.number,
-.token.constant,
-.token.symbol {
-  color: #d19a66;
-}
-
-/* 函数 */
-.token.function {
-  color: #61afef;
-}
-
-/* 类名、类型 */
-.token.class-name,
-.token.builtin {
-  color: #e5c07b;
-}
-
-/* 属性、变量 */
-.token.property,
-.token.variable {
-  color: #e06c75;
-}
-
-/* 操作符 */
-.token.operator {
-  color: #56b6c2;
-}
-
-/* 正则、重要内容 */
-.token.regex,
-.token.important {
-  color: #c678dd;
-}
-
-/* URL / 实体 */
-.token.url,
-.token.entity {
-  color: #56b6c2;
-}
-
-/* 删除 */
-.token.deleted {
-  color: #e06c75;
-}
-
-/* bold / italic */
-.token.bold {
-  font-weight: 700;
-}
-
-.token.italic {
-  font-style: italic;
-}
-
-/* Prism line numbers 插件兼容 */
-pre[class*='language-'].line-numbers {
-  position: relative;
-  padding-left: 3.8em;
-  counter-reset: linenumber;
-}
-
-.line-numbers .line-numbers-rows {
-  border-right: 1px solid #3e4451;
-}
-
-.line-numbers-rows > span::before {
-  color: #636d83;
-}
-
-/* 选中文本 */
-pre[class*='language-'] ::selection,
-code[class*='language-'] ::selection {
-  background: #3e4451;
-  color: inherit;
-}

package/dist/components/render-markdown/view.postcss.css

@@ -1,99 +0,0 @@
-.aidev-markdown-preview .toastui-editor-contents,
-.toastui-editor .toastui-editor-contents,
-.toastui-editor-md-preview .toastui-editor-contents {
-  font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif;
-}
-
-  .aidev-markdown-preview .toastui-editor-contents pre, .toastui-editor .toastui-editor-contents pre, .toastui-editor-md-preview .toastui-editor-contents pre {
-    max-height: 500px;
-    overflow-y: auto;
-  }
-
-  .aidev-markdown-preview .toastui-editor-contents pre::-webkit-scrollbar, .toastui-editor .toastui-editor-contents pre::-webkit-scrollbar, .toastui-editor-md-preview .toastui-editor-contents pre::-webkit-scrollbar {
-      width: 6px;
-      height: 6px;
-    }
-
-  .aidev-markdown-preview .toastui-editor-contents pre::-webkit-scrollbar-thumb, .toastui-editor .toastui-editor-contents pre::-webkit-scrollbar-thumb, .toastui-editor-md-preview .toastui-editor-contents pre::-webkit-scrollbar-thumb {
-      width: 6px;
-      height: 6px;
-      border-radius: 3px;
-      background-color: #dcdee5;
-    }
-
-  .aidev-markdown-preview .toastui-editor-contents pre::-webkit-scrollbar-thumb:hover, .toastui-editor .toastui-editor-contents pre::-webkit-scrollbar-thumb:hover, .toastui-editor-md-preview .toastui-editor-contents pre::-webkit-scrollbar-thumb:hover {
-        background-color: #979ba5;
-      }
-
-  .aidev-markdown-preview .toastui-editor-contents p,
-  .aidev-markdown-preview .toastui-editor-contents td,
-  .toastui-editor .toastui-editor-contents p,
-  .toastui-editor .toastui-editor-contents td,
-  .toastui-editor-md-preview .toastui-editor-contents p,
-  .toastui-editor-md-preview .toastui-editor-contents td {
-    color: #4d4f56;
-  }
-
-  .aidev-markdown-preview .toastui-editor-contents h1, .toastui-editor .toastui-editor-contents h1, .toastui-editor-md-preview .toastui-editor-contents h1 {
-    margin: 32px 0 20px;
-    border-bottom: 2px solid #eaecef;
-  }
-
-  .aidev-markdown-preview .toastui-editor-contents h2, .toastui-editor .toastui-editor-contents h2, .toastui-editor-md-preview .toastui-editor-contents h2 {
-    margin: 24px 0 16px;
-    border-bottom: 1px solid #eaecef;
-  }
-
-  .aidev-markdown-preview .toastui-editor-contents h3, .toastui-editor .toastui-editor-contents h3, .toastui-editor-md-preview .toastui-editor-contents h3 {
-    margin: 18px 0 12px;
-  }
-
-  .aidev-markdown-preview .toastui-editor-contents h4, .toastui-editor .toastui-editor-contents h4, .toastui-editor-md-preview .toastui-editor-contents h4 {
-    margin: 14px 0 8px;
-  }
-
-  .aidev-markdown-preview .toastui-editor-contents h5,
-  .aidev-markdown-preview .toastui-editor-contents h6,
-  .toastui-editor .toastui-editor-contents h5,
-  .toastui-editor .toastui-editor-contents h6,
-  .toastui-editor-md-preview .toastui-editor-contents h5,
-  .toastui-editor-md-preview .toastui-editor-contents h6 {
-    margin: 10px 0 4px;
-  }
-
-  .aidev-markdown-preview .toastui-editor-contents i, .toastui-editor .toastui-editor-contents i, .toastui-editor-md-preview .toastui-editor-contents i {
-    font-style: normal;
-  }
-
-  .aidev-markdown-preview .toastui-editor-contents table th, .toastui-editor .toastui-editor-contents table th, .toastui-editor-md-preview .toastui-editor-contents table th {
-      background-color: #fff;
-      color: #4d4f56;
-      font-weight: bold;
-    }
-
-  .aidev-markdown-preview .toastui-editor-contents table tr:nth-of-type(odd), .toastui-editor .toastui-editor-contents table tr:nth-of-type(odd), .toastui-editor-md-preview .toastui-editor-contents table tr:nth-of-type(odd) {
-        background-color: #f6f8fa;
-      }
-
-  .aidev-markdown-preview .toastui-editor-contents table tr:nth-of-type(even), .toastui-editor .toastui-editor-contents table tr:nth-of-type(even), .toastui-editor-md-preview .toastui-editor-contents table tr:nth-of-type(even) {
-        background-color: #fff;
-      }
-
-  .aidev-markdown-preview .toastui-editor-contents .markdown-code-copy-wrap, .toastui-editor .toastui-editor-contents .markdown-code-copy-wrap, .toastui-editor-md-preview .toastui-editor-contents .markdown-code-copy-wrap {
-    position: relative;
-  }
-
-  .aidev-markdown-preview .toastui-editor-contents .markdown-code-copy-button, .toastui-editor .toastui-editor-contents .markdown-code-copy-button, .toastui-editor-md-preview .toastui-editor-contents .markdown-code-copy-button {
-    position: sticky;
-    top: -16px;
-    float: right;
-    margin: -25px -12px 0 0;
-    font-size: 14px;
-    color: #979ba5;
-    cursor: pointer;
-    user-select: none;
-  }
-
-  .aidev-markdown-preview .toastui-editor-contents .markdown-code-copy-button:hover, .toastui-editor .toastui-editor-contents .markdown-code-copy-button:hover, .toastui-editor-md-preview .toastui-editor-contents .markdown-code-copy-button:hover {
-      color: #3a84ff;
-    }