markstream-vue
Version:
Vue 3 Markdown renderer optimized for large docs: progressive Mermaid, streaming diff code blocks, and fast real-time preview.
2 lines (1 loc) • 19.9 kB
CSS
.blockquote[data-v-adfdba00]{font-weight:500;font-style:italic;border-left:.25rem solid var(--blockquote-border-color,#e2e8f0);quotes:"“" "”" "‘" "’";margin-top:1.6em;margin-bottom:1.6em;padding-left:1em}.blockquote[data-v-adfdba00] .markdown-renderer{content-visibility:visible;contain:content;contain-intrinsic-size:0px 0px}.checkbox-node[data-v-8dc6c46f]{margin-right:.5rem;vertical-align:middle}.checkbox-input[data-v-8dc6c46f]{margin:0;cursor:default}.definition-list[data-v-5a21f288]{margin:0 0 1rem}.definition-term[data-v-5a21f288]{font-weight:600;margin-top:.5rem}.definition-desc[data-v-5a21f288]{margin-left:1rem;margin-bottom:.5rem}.definition-list[data-v-5a21f288] .markdown-renderer{content-visibility:visible;contain:content;contain-intrinsic-size:0px 0px}.emoji-node[data-v-de55dc97]{display:inline-block}.footnote-reference[data-v-01af0fee]{font-size:.75em;line-height:0}.footnote-link[data-v-01af0fee]{color:#0366d6;text-decoration:none}.footnote-link[data-v-01af0fee]:hover{text-decoration:underline}.tooltip-enter-from[data-v-993f63aa]{opacity:0;transform:translateY(-6px) scale(.98)}.tooltip-enter-to[data-v-993f63aa],.tooltip-leave-from[data-v-993f63aa]{opacity:1;transform:translateY(0) scale(1)}.tooltip-leave-to[data-v-993f63aa]{opacity:0;transform:translateY(-6px) scale(.98)}.tooltip-enter-active[data-v-993f63aa],.tooltip-leave-active[data-v-993f63aa]{transition:opacity .12s linear}.tooltip-element[data-v-993f63aa]{transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1)}.img-switch-enter-active[data-v-7ca79b66],.img-switch-leave-active[data-v-7ca79b66]{transition:opacity .22s ease,transform .22s ease}.img-switch-enter-from[data-v-7ca79b66],.img-switch-leave-to[data-v-7ca79b66]{opacity:0;transform:translateY(6px)}.img-switch-enter-to[data-v-7ca79b66],.img-switch-leave-from[data-v-7ca79b66]{opacity:1;transform:translateY(0)}.placeholder-layer[data-v-7ca79b66]{will-change:transform,opacity}@media(prefers-reduced-motion:reduce){.spinner[data-v-7ca79b66]{animation:none}.img-switch-enter-active[data-v-7ca79b66],.img-switch-leave-active[data-v-7ca79b66]{transition:none}}.text-node[data-v-56f30838]{display:inline;font-weight:inherit;vertical-align:baseline}.text-node-center[data-v-56f30838]{display:inline-flex;justify-content:center;width:100%}.superscript-node[data-v-0ca396bb]{font-size:.8em;vertical-align:super}.subscript-node[data-v-5e1f04df]{font-size:.8em;vertical-align:sub}.strong-node[data-v-53b6c7df]{font-weight:700}.strikethrough-node[data-v-3716d25c]{text-decoration:line-through}.link-node[data-v-0ea92a03]{color:var(--link-color, #0366d6);text-decoration:none}.link-node[data-v-0ea92a03]:hover{text-decoration:underline;text-underline-offset:.2rem}.link-loading .link-text-wrapper[data-v-0ea92a03]{position:relative}.link-loading .link-text[data-v-0ea92a03]{position:relative;z-index:2}.underline-anim[data-v-0ea92a03]{position:absolute;left:0;right:0;height:var(--underline-height, 2px);bottom:var(--underline-bottom, -3px);background:currentColor;transform-origin:center center;will-change:transform,opacity;opacity:var(--underline-opacity, .9);transform:scaleX(0);animation:underlineLoop-0ea92a03 var(--underline-duration, .8s) var(--underline-timing, linear) var(--underline-iteration, infinite)}@keyframes underlineLoop-0ea92a03{0%{transform:scaleX(0);opacity:var(--underline-opacity, .9)}75%{transform:scaleX(1);opacity:var(--underline-opacity, .9)}99%{transform:scaleX(1);opacity:var(--underline-opacity, .9)}to{transform:scaleX(0);opacity:0}}.insert-node[data-v-b8737de3]{text-decoration:underline}.highlight-node[data-v-fc52b444]{background-color:#ff0;padding:0 .2rem}.emphasis-node[data-v-c25e2822]{font-style:italic}.footnote-anchor[data-v-4756ce0d]{margin-left:.5rem}[class*=footnote-] :deep(.markdown-renderer),.flex-1 :deep(.markdown-renderer){content-visibility:visible;contain:content;contain-intrinsic-size:0px 0px}.hard-break[data-v-50c58f70]{display:block}.heading-node[data-v-d8e179e9]{@apply font-medium leading-tight;}hr+.heading-node[data-v-d8e179e9]{@apply mt-0;}.heading-1[data-v-d8e179e9]{@apply mt-0 mb-[calc(8/9*1em)] text-4xl leading-[calc(10/9*1)] font-extrabold;}.heading-2[data-v-d8e179e9]{@apply mt-8 mb-4 text-2xl leading-[calc(4/3*1)] font-bold;}.heading-3[data-v-d8e179e9]{@apply mt-[1.6em] mb-[calc(3/5*1em)] text-xl font-semibold leading-[calc(5/3*1)];}.heading-4[data-v-d8e179e9]{@apply mt-6 mb-2 text-base font-semibold;}.heading-5[data-v-d8e179e9],.heading-6[data-v-d8e179e9]{@apply m-0 text-base;}ol>.list-item[data-v-e7aa2cc3]::marker{color:var(--list-item-counter-marker,#64748b);line-height:1.6}ul>.list-item[data-v-e7aa2cc3]::marker{color:var(--list-item-marker,#cbd5e1)}.list-item[data-v-e7aa2cc3] .markdown-renderer{content-visibility:visible;contain-intrinsic-size:0px 0px;contain:none}.list-node[data-v-79057d57]{@apply my-5 pl-[1.625em];}.list-decimal[data-v-79057d57]{list-style-type:decimal}.list-disc[data-v-79057d57]{list-style-type:disc;@apply max-lg:my-[calc(4/3*1em)] max-lg:pl-[calc(14/9*1em)];}._mermaid[data-v-68e87d14]{font-family:inherit;transition:opacity .2s ease-in-out;content-visibility:auto;contain:content;contain-intrinsic-size:360px 240px}._mermaid[data-v-68e87d14] svg{width:100%;height:auto;display:block}.fullscreen[data-v-68e87d14]{width:100%;max-height:100%;height:100%}.mermaid-action-btn[data-v-68e87d14]{font-family:inherit}.mermaid-action-btn[data-v-68e87d14]:active{transform:scale(.98)}.mermaid-dialog-enter-from[data-v-68e87d14],.mermaid-dialog-leave-to[data-v-68e87d14]{opacity:0}.mermaid-dialog-enter-active[data-v-68e87d14],.mermaid-dialog-leave-active[data-v-68e87d14]{transition:opacity .2s ease}.mermaid-dialog-enter-from .dialog-panel[data-v-68e87d14],.mermaid-dialog-leave-to .dialog-panel[data-v-68e87d14]{transform:translateY(8px) scale(.98);opacity:.98}.mermaid-dialog-enter-to .dialog-panel[data-v-68e87d14],.mermaid-dialog-leave-from .dialog-panel[data-v-68e87d14]{transform:translateY(0) scale(1);opacity:1}.mermaid-dialog-enter-active .dialog-panel[data-v-68e87d14],.mermaid-dialog-leave-active .dialog-panel[data-v-68e87d14]{transition:transform .2s ease,opacity .2s ease}.paragraph-node[data-v-e7323e31]{margin:1.25em 0}li .paragraph-node[data-v-e7323e31]{margin:0}.text-node[data-v-e7323e31]{display:inline;font-weight:inherit;vertical-align:baseline}.text-node-center[data-v-e7323e31]{display:inline-flex;justify-content:center;width:100%}pre[class^=language-],pre[class*=" language-"]{white-space:pre;overflow:auto;-moz-tab-size:2;-o-tab-size:2;tab-size:2;font-variant-ligatures:none;contain:content;backface-visibility:hidden;transform:translateZ(0);-webkit-font-smoothing:antialiased}pre[class^=language-]>code,pre[class*=" language-"]>code{display:block}pre[class^=language-]:focus,pre[class*=" language-"]:focus{outline:2px solid var(--vmdr-focus, #3b82f6);outline-offset:2px}.table-node-wrapper[data-v-50ef14ca]{position:relative}.table-node--loading tbody td[data-v-50ef14ca]{position:relative;overflow:hidden}.table-node--loading tbody td[data-v-50ef14ca]>*{visibility:hidden}.table-node--loading tbody td[data-v-50ef14ca]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:.25rem;background:linear-gradient(90deg,rgba(148,163,184,.16) 25%,rgba(148,163,184,.28),rgba(148,163,184,.16) 75%);background-size:200% 100%;animation:table-node-shimmer-50ef14ca 1.2s linear infinite;will-change:background-position}.table-node__loading[data-v-50ef14ca]{position:relative;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.table-node__spinner[data-v-50ef14ca]{width:2.5rem;height:2.5rem;border-radius:9999px;border:2px solid rgba(94,104,121,.25);border-top-color:rgba(94,104,121,.8);will-change:transform}.table-node-fade-enter-active[data-v-50ef14ca],.table-node-fade-leave-active[data-v-50ef14ca]{transition:opacity .18s ease}.table-node-fade-enter-from[data-v-50ef14ca],.table-node-fade-leave-to[data-v-50ef14ca]{opacity:0}[data-v-50ef14ca] .table-node .markdown-renderer{display:contents;content-visibility:visible;contain:content;contain-intrinsic-size:0px 0px}[data-v-50ef14ca] .table-node .markdown-renderer .node-slot,[data-v-50ef14ca] .table-node .markdown-renderer .node-content,[data-v-50ef14ca] .table-node .markdown-renderer .node-space{display:contents}@keyframes table-node-shimmer-50ef14ca{0%{background-position:0% 0%}50%{background-position:100% 0%}to{background-position:200% 0%}}.hr+.table-node-wrapper[data-v-50ef14ca]{margin-top:0}.hr+.table-node-wrapper .table-node[data-v-50ef14ca]{margin-top:0}.sr-only[data-v-50ef14ca]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hr-node[data-v-639cbad9]{@apply border-t border-[var(--hr-border-color,#e2e8f0)] my-12;}.html-block-node__placeholder[data-v-ed22b926]{display:flex;flex-direction:column;gap:.35rem;padding:.5rem 0}.html-block-node__placeholder-bar[data-v-ed22b926]{display:block;height:.8rem;border-radius:9999px;background-image:linear-gradient(90deg,rgba(148,163,184,.35),rgba(148,163,184,.1),rgba(148,163,184,.35));background-size:200% 100%;animation:html-block-node-shimmer-ed22b926 1.2s ease infinite}@keyframes html-block-node-shimmer-ed22b926{0%{background-position:0% 0%}to{background-position:200% 0%}}.markdown-renderer[data-v-67bd5de6]{position:relative;contain:layout;content-visibility:auto;contain-intrinsic-size:800px 600px}.node-slot[data-v-67bd5de6],.node-content[data-v-67bd5de6]{width:100%}.node-placeholder[data-v-67bd5de6]{width:100%;min-height:1rem;margin:.25rem 0;border-radius:.5rem;background-image:linear-gradient(90deg,rgba(148,163,184,.18),rgba(148,163,184,.05),rgba(148,163,184,.18));background-size:200% 100%;animation:node-placeholder-shimmer-67bd5de6 1.1s ease-in-out infinite}.node-placeholder[data-v-67bd5de6]:first-child{margin-top:0}@keyframes node-placeholder-shimmer-67bd5de6{0%{background-position:200% 0%}to{background-position:-200% 0%}}.node-spacer[data-v-67bd5de6]{width:100%}.unknown-node[data-v-67bd5de6]{color:#6a737d;font-style:italic;margin:1rem 0}.typewriter-enter-from{opacity:0}.typewriter-enter-active{transition:opacity var(--typewriter-fade-duration, .9s) var(--typewriter-fade-ease, ease-out);will-change:opacity}.typewriter-enter-to{opacity:1}.admonition[data-v-578c25d2]{--admonition-bg: #f8f8f8;--admonition-border: #eaecef;--admonition-header-bg: rgba(0, 0, 0, .03);--admonition-text: #111827;--admonition-muted: #374151;--admonition-note-color: #448aff;--admonition-tip-color: #00bfa5;--admonition-warning-color: #ff9100;--admonition-danger-color: #ff5252;margin:1rem 0;padding:0;border-radius:4px;border-left:4px solid var(--admonition-border);background-color:var(--admonition-bg);color:var(--admonition-text);overflow:hidden}.admonition-header[data-v-578c25d2]{padding:.5rem 1rem;font-weight:600;display:flex;align-items:center;background-color:var(--admonition-header-bg);color:var(--admonition-muted)}.admonition-icon[data-v-578c25d2]{margin-right:.5rem;color:inherit}.admonition-content[data-v-578c25d2]{padding:.5rem 1rem 1rem;color:var(--admonition-text)}.admonition-note[data-v-578c25d2]{border-left-color:var(--admonition-note-color)}.admonition-note .admonition-header[data-v-578c25d2]{background-color:rgba(68,138,255,.06);color:var(--admonition-note-color)}.admonition-info[data-v-578c25d2]{border-left-color:var(--admonition-note-color)}.admonition-info .admonition-header[data-v-578c25d2]{background-color:rgba(68,138,255,.06);color:var(--admonition-note-color)}.admonition-tip[data-v-578c25d2]{border-left-color:var(--admonition-tip-color)}.admonition-tip .admonition-header[data-v-578c25d2]{background-color:rgba(0,191,165,.06);color:var(--admonition-tip-color)}.admonition-warning[data-v-578c25d2]{border-left-color:var(--admonition-warning-color)}.admonition-warning .admonition-header[data-v-578c25d2]{background-color:rgba(255,145,0,.06);color:var(--admonition-warning-color)}.admonition-danger[data-v-578c25d2]{border-left-color:var(--admonition-danger-color)}.admonition-danger .admonition-header[data-v-578c25d2]{background-color:rgba(255,82,82,.06);color:var(--admonition-danger-color)}.admonition-error[data-v-578c25d2]{border-left-color:var(--admonition-danger-color)}.admonition-error .admonition-header[data-v-578c25d2]{background-color:rgba(255,82,82,.06);color:var(--admonition-danger-color)}.admonition-caution[data-v-578c25d2]{border-left-color:var(--admonition-warning-color)}.admonition-caution .admonition-header[data-v-578c25d2]{background-color:rgba(255,145,0,.06);color:var(--admonition-warning-color)}.admonition-content[data-v-578c25d2] .markdown-renderer{content-visibility:visible;contain:content;contain-intrinsic-size:0px 0px}.admonition-toggle[data-v-578c25d2]{margin-left:auto;background:transparent;border:none;color:inherit;cursor:pointer;padding:.25rem .5rem;border-radius:4px;font-size:.9rem}.admonition-toggle[data-v-578c25d2]:focus{outline:2px solid rgba(0,0,0,.08);outline-offset:2px}.admonition.is-dark[data-v-578c25d2]{--admonition-bg: #0b1220;--admonition-border: rgba(255, 255, 255, .06);--admonition-header-bg: rgba(255, 255, 255, .03);--admonition-text: #e6eef8;--admonition-muted: #cbd5e1}.admonition.is-dark .admonition-note .admonition-header[data-v-578c25d2],.admonition.is-dark .admonition-info .admonition-header[data-v-578c25d2]{background-color:rgba(68,138,255,.12);color:var(--admonition-note-color)}.admonition.is-dark .admonition-tip .admonition-header[data-v-578c25d2]{background-color:rgba(0,191,165,.12);color:var(--admonition-tip-color)}.admonition.is-dark .admonition-warning .admonition-header[data-v-578c25d2]{background-color:rgba(255,145,0,.12);color:var(--admonition-warning-color)}.admonition.is-dark .admonition-danger .admonition-header[data-v-578c25d2]{background-color:rgba(255,82,82,.12);color:var(--admonition-danger-color)}@media(prefers-color-scheme:dark){.admonition[data-v-578c25d2]{--admonition-bg: #0b1220;--admonition-border: rgba(255, 255, 255, .06);--admonition-header-bg: rgba(255, 255, 255, .03);--admonition-text: #e6eef8;--admonition-muted: #cbd5e1}.admonition-note .admonition-header[data-v-578c25d2],.admonition-info .admonition-header[data-v-578c25d2]{background-color:rgba(68,138,255,.12);color:var(--admonition-note-color)}.admonition-tip .admonition-header[data-v-578c25d2]{background-color:rgba(0,191,165,.12);color:var(--admonition-tip-color)}.admonition-warning .admonition-header[data-v-578c25d2]{background-color:rgba(255,145,0,.12);color:var(--admonition-warning-color)}.admonition-danger .admonition-header[data-v-578c25d2]{background-color:rgba(255,82,82,.12);color:var(--admonition-danger-color)}}.code-block-container[data-v-9201c1b9]{contain:content;content-visibility:auto;contain-intrinsic-size:320px 180px}.code-block-content[data-v-9201c1b9]{max-height:500px;overflow:auto;transition:max-height .3s ease}[data-v-9201c1b9] .code-block-content pre{padding:1rem}.code-action-btn[data-v-9201c1b9]{cursor:pointer;opacity:.7;transition:opacity .2s}.code-action-btn[data-v-9201c1b9]:hover{opacity:1}.code-action-btn[data-v-9201c1b9]:disabled{opacity:.3;cursor:not-allowed}.code-loading-placeholder[data-v-9201c1b9]{padding:1rem;min-height:120px}.loading-skeleton[data-v-9201c1b9]{display:flex;flex-direction:column;gap:.75rem}.skeleton-line[data-v-9201c1b9]{height:1rem;background:linear-gradient(90deg,rgba(0,0,0,.06) 25%,rgba(0,0,0,.12) 37%,rgba(0,0,0,.06) 63%);background-size:400% 100%;animation:code-skeleton-shimmer-9201c1b9 1.2s ease-in-out infinite;border-radius:.25rem}.code-block-container.is-dark .skeleton-line[data-v-9201c1b9]{background:linear-gradient(90deg,rgba(255,255,255,.06) 25%,rgba(255,255,255,.12) 37%,rgba(255,255,255,.06) 63%);background-size:400% 100%}.skeleton-line.short[data-v-9201c1b9]{width:60%}@keyframes code-skeleton-shimmer-9201c1b9{0%{background-position:100% 0}to{background-position:0 0}}@tailwind components;@tailwind utilities;:root{--border: 214.3 31.8% 91.4%;--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--secondary: 210 40% 96%;--muted: 210 40% 96%;--muted-foreground: 215.4 16.3% 46.9%}.dark{--border: 217.2 32.6% 17.5%;--background: 222.2 84% 4.9%;--foreground: 210 40% 98%;--secondary: 217.2 32.6% 17.5%;--muted: 217.2 32.6% 17.5%;--muted-foreground: 215 20.2% 65.1%}.math-inline-wrapper[data-v-6b23009e]{position:relative;display:inline-block}.math-inline[data-v-6b23009e]{display:inline-block;vertical-align:middle}.math-inline__loading[data-v-6b23009e]{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.math-inline__spinner[data-v-6b23009e]{width:1rem;height:1rem;border-radius:9999px;border:2px solid rgba(94,104,121,.25);border-top-color:rgba(94,104,121,.8);will-change:transform}.table-node-fade-enter-active[data-v-6b23009e],.table-node-fade-leave-active[data-v-6b23009e]{transition:opacity .18s ease}.table-node-fade-enter-from[data-v-6b23009e],.table-node-fade-leave-to[data-v-6b23009e]{opacity:0}.sr-only[data-v-6b23009e]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.math-loading-overlay[data-v-2e076ab9]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(2px);min-height:40px}.math-loading-spinner[data-v-2e076ab9]{width:20px;height:20px;border:2px solid rgba(0,0,0,.1);border-top-color:rgba(0,0,0,.6);border-radius:50%;animation:math-spin-2e076ab9 .8s linear infinite}@keyframes math-spin-2e076ab9{to{transform:rotate(360deg)}}.math-rendering[data-v-2e076ab9]{opacity:.3;transition:opacity .2s ease}.math-fade-enter-active[data-v-2e076ab9],.math-fade-leave-active[data-v-2e076ab9]{transition:opacity .3s ease}.math-fade-enter-from[data-v-2e076ab9],.math-fade-leave-to[data-v-2e076ab9]{opacity:0}@media(prefers-color-scheme:dark){.math-loading-overlay[data-v-2e076ab9]{background-color:rgba(0,0,0,.6)}.math-loading-spinner[data-v-2e076ab9]{border-color:rgba(255,255,255,.2);border-top-color:rgba(255,255,255,.8)}}.code-block-container[data-v-c3ca09d1]{contain:content;content-visibility:auto;contain-intrinsic-size:320px 180px}.code-editor-container[data-v-c3ca09d1]{transition:height .18s ease,max-height .18s ease}.code-block-container.is-rendering .code-height-placeholder[data-v-c3ca09d1]{background-size:400% 100%;animation:code-skeleton-shimmer-c3ca09d1 1.2s ease-in-out infinite;min-height:120px;background:linear-gradient(90deg,rgba(0,0,0,.04) 25%,rgba(0,0,0,.08) 37%,rgba(0,0,0,.04) 63%)}.code-loading-placeholder[data-v-c3ca09d1]{padding:1rem;min-height:120px}.loading-skeleton[data-v-c3ca09d1]{display:flex;flex-direction:column;gap:.75rem}.skeleton-line[data-v-c3ca09d1]{height:1rem;background:linear-gradient(90deg,rgba(0,0,0,.06) 25%,rgba(0,0,0,.12) 37%,rgba(0,0,0,.06) 63%);background-size:400% 100%;animation:code-skeleton-shimmer-c3ca09d1 1.2s ease-in-out infinite;border-radius:.25rem}.code-block-container.is-dark .skeleton-line[data-v-c3ca09d1]{background:linear-gradient(90deg,rgba(255,255,255,.06) 25%,rgba(255,255,255,.12) 37%,rgba(255,255,255,.06) 63%);background-size:400% 100%}.skeleton-line.short[data-v-c3ca09d1]{width:60%}@keyframes code-skeleton-shimmer-c3ca09d1{0%{background-position:100% 0}to{background-position:0 0}}.code-action-btn[data-v-c3ca09d1]{font-family:inherit}.code-action-btn[data-v-c3ca09d1]:active{transform:scale(.98)}.code-action-btn[data-v-c3ca09d1]:disabled{opacity:.5;cursor:not-allowed}.code-action-btn[data-v-c3ca09d1]:disabled:hover{background-color:transparent}.icon-slot[data-v-c3ca09d1]{display:inline-flex;align-items:center;justify-content:center}.icon-slot[data-v-c3ca09d1] svg,.icon-slot[data-v-c3ca09d1] img{display:block;width:100%;height:100%}[data-v-c3ca09d1] .monaco-diff-editor .diffOverview{background-color:var(--vscode-editor-background)}