@haklex/rich-renderer-mermaid 0.0.31 → 0.0.33
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MermaidEditRenderer.d.ts","sourceRoot":"","sources":["../src/MermaidEditRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,oBAAoB,EAE1B,MAAM,qBAAqB,CAAA;AAgB5B,OAAO,KAAK,EAAe,EAAE,EAAE,MAAM,OAAO,CAAA;AA+W5C,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,oBAAoB,
|
|
1
|
+
{"version":3,"file":"MermaidEditRenderer.d.ts","sourceRoot":"","sources":["../src/MermaidEditRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,oBAAoB,EAE1B,MAAM,qBAAqB,CAAA;AAgB5B,OAAO,KAAK,EAAe,EAAE,EAAE,MAAM,OAAO,CAAA;AA+W5C,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,oBAAoB,CA8DxD,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MermaidRenderer.d.ts","sourceRoot":"","sources":["../src/MermaidRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAC/D,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAK/B,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,
|
|
1
|
+
{"version":3,"file":"MermaidRenderer.d.ts","sourceRoot":"","sources":["../src/MermaidRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAC/D,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAK/B,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAoBpD,CAAA;AAED,eAAe,eAAe,CAAA"}
|
package/dist/index.mjs
CHANGED
|
@@ -661,6 +661,7 @@ const MermaidEditRenderer = ({
|
|
|
661
661
|
),
|
|
662
662
|
className: editorPopup,
|
|
663
663
|
portalClassName,
|
|
664
|
+
theme: colorScheme,
|
|
664
665
|
showCloseButton: false,
|
|
665
666
|
clickOutsideToDismiss: false
|
|
666
667
|
});
|
|
@@ -701,7 +702,7 @@ const MermaidEditRenderer = ({
|
|
|
701
702
|
const MermaidRenderer = ({ content }) => {
|
|
702
703
|
const { loading, error, imgSrc, width, height } = useMermaidRender(content);
|
|
703
704
|
if (loading) {
|
|
704
|
-
return /* @__PURE__ */ jsx("
|
|
705
|
+
return /* @__PURE__ */ jsx("pre", { className: mermaidLoading, children: /* @__PURE__ */ jsx("code", { children: content }) });
|
|
705
706
|
}
|
|
706
707
|
if (!imgSrc) {
|
|
707
708
|
return /* @__PURE__ */ jsx("div", { className: mermaidError, children: error || "Render failed" });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes _36yqie5{to{transform:rotate(360deg)}}._36yqie0{display:flex;flex-direction:column;align-items:center;margin:1rem 0;position:relative;overflow:hidden;cursor:grab}._36yqie0:active{cursor:grabbing}._36yqie0 img{max-width:100%;height:auto}._36yqie1{position:absolute;top:8px;right:8px;padding:2px 8px;border-radius:4px;font-size:var(--rc-font-size-xs);color:var(--rc-text-secondary);background-color:color-mix(in srgb,var(--rc-bg) 80%,transparent);backdrop-filter:blur(4px);opacity:0;transition:opacity .2s;cursor:pointer;z-index:2}._36yqie1:hover{color:var(--rc-text);background-color:color-mix(in srgb,var(--rc-bg) 95%,transparent)}._36yqie0:hover ._36yqie1{opacity:1}._36yqie2{position:absolute;bottom:8px;right:8px;display:flex;gap:2px;opacity:0;transition:opacity .2s;z-index:2}._36yqie0:hover ._36yqie2{opacity:1}._36yqie3{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:.25rem;border:none;cursor:pointer;color:var(--rc-text-secondary);background-color:color-mix(in srgb,var(--rc-bg) 80%,transparent);backdrop-filter:blur(4px);transition:color .15s,background-color .15s}._36yqie3:hover{color:var(--rc-text);background-color:color-mix(in srgb,var(--rc-bg) 95%,transparent)}._36yqie4{display:flex;align-items:center;justify-content:center;min-height:80px;color:var(--rc-text-secondary);font-size:var(--rc-font-size-md)}._36yqie4:after{content:"";display:inline-block;width:16px;height:16px;margin-left:8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:_36yqie5 .6s linear infinite}._36yqie6{display:flex;align-items:center;justify-content:center;min-height:50px;padding:.75rem 1rem;border-radius:.5rem;background-color:color-mix(in srgb,var(--rc-alert-caution) 10%,transparent);color:var(--rc-alert-caution);font-size:var(--rc-font-size-md)}._36yqie7._36yqie7{padding:0;gap:0;display:flex;flex-direction:column;overflow:hidden;width:calc(100vw - 2rem);height:min(680px,85vh);border-radius:.5rem}._36yqie8{display:flex;align-items:center;justify-content:space-between;padding:0 1rem;height:48px;border-bottom:1px solid var(--rc-border);flex-shrink:0}._36yqie9{display:flex;align-items:center;gap:.75rem}._36yqiea{display:flex;align-items:center;gap:4px}._36yqieb{width:1px;height:16px;background-color:var(--rc-border);flex-shrink:0}._36yqiec{display:flex;align-items:center;gap:.5rem;font-size:var(--rc-font-size-md);font-weight:500;color:var(--rc-text)}._36yqied{padding:.25rem .5rem;font-size:var(--rc-font-size-xs);color:var(--rc-text-secondary);background:none;border:none;border-radius:.375rem;cursor:pointer;transition:color .15s,background-color .15s}._36yqied:hover{color:var(--rc-text);background-color:color-mix(in srgb,var(--rc-text) 5%,transparent)}._36yqiee{display:flex;align-items:center;background-color:color-mix(in srgb,var(--rc-text) 5%,transparent);border-radius:.375rem;padding:2px;margin-right:4px}._36yqief{display:inline-flex;align-items:center;justify-content:center;padding:4px;border-radius:.25rem;border:none;background:none;cursor:pointer;color:var(--rc-text-secondary);transition:color .15s,background-color .15s,box-shadow .15s}._36yqief:hover{color:var(--rc-text)}._36yqieg{background-color:var(--rc-bg);color:var(--rc-text);box-shadow:0 1px 2px #0000000d}._36yqieh{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:.25rem;border:none;background:none;cursor:pointer;color:var(--rc-text-secondary);transition:color .15s,background-color .15s}._36yqieh:hover{color:var(--rc-text);background-color:color-mix(in srgb,var(--rc-text) 5%,transparent)}._36yqiei{display:flex;flex:1;min-height:0}._36yqiej{display:flex;flex-direction:column;border-right:1px solid var(--rc-border)}._36yqiek{width:50%}._36yqiel{flex:1}._36yqiem{display:flex;align-items:center;padding:0 .75rem;height:32px;border-bottom:1px solid var(--rc-border);background-color:color-mix(in srgb,var(--rc-text) 2%,transparent);flex-shrink:0;font-size:var(--rc-font-size-xs);font-weight:500;color:var(--rc-text-secondary);text-transform:uppercase;letter-spacing:.05em}._36yqien{display:flex;flex-direction:column;flex:1}._36yqieo{display:flex;flex:1;min-height:0;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:grab}._36yqieo:active{cursor:grabbing}._36yqieo:hover ._36yqie2{opacity:1}._36yqieo img{max-width:100%;height:auto}._36yqiep{font-size:var(--rc-font-size-md);color:color-mix(in srgb,var(--rc-text-secondary) 50%,transparent)}._36yqieq{display:flex;flex-direction:column;align-items:center;gap:.75rem;max-width:320px;text-align:center}._36yqier{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:.375rem;background-color:color-mix(in srgb,var(--rc-alert-caution) 10%,transparent);color:var(--rc-alert-caution)}._36yqies{font-size:var(--rc-font-size-md);font-weight:500;color:var(--rc-text)}._36yqiet{font-size:var(--rc-font-size-xs);color:var(--rc-text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}._36yqieu{position:relative;display:flex;flex:1;min-height:0;overflow:hidden;font-family:var(--rc-font-mono);font-size:var(--rc-font-size-sm);line-height:1.25rem}._36yqiev{flex-shrink:0;width:40px;overflow:hidden;user-select:none;border-right:1px solid var(--rc-border);background-color:color-mix(in srgb,var(--rc-text) 2%,transparent);padding:.75rem 0}._36yqiew{padding:0 .5rem;text-align:right;line-height:1.25rem;color:color-mix(in srgb,var(--rc-text-secondary) 40%,transparent)}._36yqiex{flex:1;resize:none;background-color:transparent;padding:.75rem;color:var(--rc-text);outline:none;border:none;line-height:1.25rem;font-family:inherit;font-size:inherit;tab-size:2}._36yqiex::placeholder{color:color-mix(in srgb,var(--rc-text-secondary) 40%,transparent)}._36yqiey{display:flex;align-items:center;justify-content:flex-end;padding:0 1rem;height:44px;border-top:1px solid var(--rc-border);flex-shrink:0;background-color:color-mix(in srgb,var(--rc-text) 1.5%,transparent)}._36yqiez{display:flex;align-items:center;gap:.5rem}._36yqie10{width:6px;height:6px;border-radius:50%;background-color:var(--rc-alert-tip)}._36yqie11{font-size:var(--rc-font-size-xs);color:var(--rc-text-secondary)}._36yqie12{display:flex;align-items:center;gap:.5rem}._36yqie13{padding:.25rem .75rem;border-radius:.375rem;font-size:var(--rc-font-size-xs);font-weight:500;cursor:pointer;height:28px;transition:background-color .15s,border-color .15s}._36yqie14{background-color:transparent;color:var(--rc-text-secondary);border:1px solid var(--rc-border)}._36yqie14:hover{background-color:color-mix(in srgb,var(--rc-text) 4%,transparent)}._36yqie15{background-color:var(--rc-text);color:var(--rc-bg);border:1px solid transparent}._36yqie15:hover{background-color:color-mix(in srgb,var(--rc-text) 85%,transparent)}@media(min-width:640px){._36yqie7._36yqie7{max-width:64rem}}
|
|
1
|
+
:root{--rc-text: #000;--rc-text-secondary: #18181b;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #2563eb;--rc-quote-bg: #eff6ff;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.7;--rc-line-height-tight: 1.4;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}:root.dark{--rc-text: #fafafa;--rc-text-secondary: #a1a1aa;--rc-bg: #09090b;--rc-bg-secondary: #18181b;--rc-bg-tertiary: #27272a;--rc-border: #27272a;--rc-accent: #60a5fa;--rc-accent-light: #60a5fa20;--rc-link: #60a5fa;--rc-code-text: #e4e4e7;--rc-code-bg: #27272a;--rc-hr-border: #27272a;--rc-quote-border: #60a5fa;--rc-quote-bg: #1e3a5f;--rc-alert-info: #7db9e5;--rc-alert-warning: #da864a;--rc-alert-tip: #54da48;--rc-alert-caution: #e16973;--rc-alert-important: #9966e0;--rc-max-width: 700px;--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.7;--rc-line-height-tight: 1.4;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}._165ss5a0{--rc-text: #000;--rc-text-secondary: #18181b;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #2563eb;--rc-quote-bg: #eff6ff;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.7;--rc-line-height-tight: 1.4;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}._165ss5a1{--rc-text: #000;--rc-text-secondary: #18181b;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #2563eb;--rc-quote-bg: #eff6ff;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.8;--rc-line-height-tight: 1.4;--rc-font-family: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}._165ss5a2{--rc-text: #000;--rc-text-secondary: #18181b;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #a1a1aa;--rc-quote-bg: #fafafa;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: none;--rc-space-xs: 2px;--rc-space-sm: 4px;--rc-space-md: 10px;--rc-space-lg: 16px;--rc-space-xl: 20px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 14px;--rc-font-size-small: 12px;--rc-line-height: 1.5;--rc-line-height-tight: 1.3;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 3px;--rc-radius-md: 6px;--rc-radius-lg: 8px}.dark ._165ss5a0,[data-theme=dark] ._165ss5a0,.dark._165ss5a0,[data-theme=dark]._165ss5a0,.dark ._165ss5a1,[data-theme=dark] ._165ss5a1,.dark._165ss5a1,[data-theme=dark]._165ss5a1,.dark ._165ss5a2,[data-theme=dark] ._165ss5a2,.dark._165ss5a2,[data-theme=dark]._165ss5a2{--rc-text: #fafafa;--rc-text-secondary: #a1a1aa;--rc-bg: #09090b;--rc-bg-secondary: #18181b;--rc-bg-tertiary: #27272a;--rc-border: #27272a;--rc-accent: #60a5fa;--rc-accent-light: #60a5fa20;--rc-link: #60a5fa;--rc-code-text: #e4e4e7;--rc-code-bg: #27272a;--rc-hr-border: #27272a;--rc-quote-border: #60a5fa;--rc-quote-bg: #1e3a5f;--rc-alert-info: #7db9e5;--rc-alert-warning: #da864a;--rc-alert-tip: #54da48;--rc-alert-caution: #e16973;--rc-alert-important: #9966e0}@keyframes _36yqie5{to{transform:rotate(360deg)}}._36yqie0{display:flex;flex-direction:column;align-items:center;margin:1rem 0;position:relative;overflow:hidden;cursor:grab}._36yqie0:active{cursor:grabbing}._36yqie0 img{max-width:100%;height:auto}._36yqie1{position:absolute;top:8px;right:8px;padding:2px 8px;border-radius:4px;font-size:var(--rc-font-size-xs);color:var(--rc-text-secondary);background-color:color-mix(in srgb,var(--rc-bg) 80%,transparent);backdrop-filter:blur(4px);opacity:0;transition:opacity .2s;cursor:pointer;z-index:2}._36yqie1:hover{color:var(--rc-text);background-color:color-mix(in srgb,var(--rc-bg) 95%,transparent)}._36yqie0:hover ._36yqie1{opacity:1}._36yqie2{position:absolute;bottom:8px;right:8px;display:flex;gap:2px;opacity:0;transition:opacity .2s;z-index:2}._36yqie0:hover ._36yqie2{opacity:1}._36yqie3{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:.25rem;border:none;cursor:pointer;color:var(--rc-text-secondary);background-color:color-mix(in srgb,var(--rc-bg) 80%,transparent);backdrop-filter:blur(4px);transition:color .15s,background-color .15s}._36yqie3:hover{color:var(--rc-text);background-color:color-mix(in srgb,var(--rc-bg) 95%,transparent)}._36yqie4{display:flex;align-items:center;justify-content:center;min-height:80px;color:var(--rc-text-secondary);font-size:var(--rc-font-size-md)}._36yqie4:after{content:"";display:inline-block;width:16px;height:16px;margin-left:8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:_36yqie5 .6s linear infinite}._36yqie6{display:flex;align-items:center;justify-content:center;min-height:50px;padding:.75rem 1rem;border-radius:.5rem;background-color:color-mix(in srgb,var(--rc-alert-caution) 10%,transparent);color:var(--rc-alert-caution);font-size:var(--rc-font-size-md)}._36yqie7._36yqie7{padding:0;gap:0;display:flex;flex-direction:column;overflow:hidden;width:calc(100vw - 2rem);height:min(680px,85vh);border-radius:.5rem}._36yqie8{display:flex;align-items:center;justify-content:space-between;padding:0 1rem;height:48px;border-bottom:1px solid var(--rc-border);flex-shrink:0}._36yqie9{display:flex;align-items:center;gap:.75rem}._36yqiea{display:flex;align-items:center;gap:4px}._36yqieb{width:1px;height:16px;background-color:var(--rc-border);flex-shrink:0}._36yqiec{display:flex;align-items:center;gap:.5rem;font-size:var(--rc-font-size-md);font-weight:500;color:var(--rc-text)}._36yqied{padding:.25rem .5rem;font-size:var(--rc-font-size-xs);color:var(--rc-text-secondary);background:none;border:none;border-radius:.375rem;cursor:pointer;transition:color .15s,background-color .15s}._36yqied:hover{color:var(--rc-text);background-color:color-mix(in srgb,var(--rc-text) 5%,transparent)}._36yqiee{display:flex;align-items:center;background-color:color-mix(in srgb,var(--rc-text) 5%,transparent);border-radius:.375rem;padding:2px;margin-right:4px}._36yqief{display:inline-flex;align-items:center;justify-content:center;padding:4px;border-radius:.25rem;border:none;background:none;cursor:pointer;color:var(--rc-text-secondary);transition:color .15s,background-color .15s,box-shadow .15s}._36yqief:hover{color:var(--rc-text)}._36yqieg{background-color:var(--rc-bg);color:var(--rc-text);box-shadow:0 1px 2px #0000000d}._36yqieh{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:.25rem;border:none;background:none;cursor:pointer;color:var(--rc-text-secondary);transition:color .15s,background-color .15s}._36yqieh:hover{color:var(--rc-text);background-color:color-mix(in srgb,var(--rc-text) 5%,transparent)}._36yqiei{display:flex;flex:1;min-height:0}._36yqiej{display:flex;flex-direction:column;border-right:1px solid var(--rc-border)}._36yqiek{width:50%}._36yqiel{flex:1}._36yqiem{display:flex;align-items:center;padding:0 .75rem;height:32px;border-bottom:1px solid var(--rc-border);background-color:color-mix(in srgb,var(--rc-text) 2%,transparent);flex-shrink:0;font-size:var(--rc-font-size-xs);font-weight:500;color:var(--rc-text-secondary);text-transform:uppercase;letter-spacing:.05em}._36yqien{display:flex;flex-direction:column;flex:1}._36yqieo{display:flex;flex:1;min-height:0;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:grab}._36yqieo:active{cursor:grabbing}._36yqieo:hover ._36yqie2{opacity:1}._36yqieo img{max-width:100%;height:auto}._36yqiep{font-size:var(--rc-font-size-md);color:color-mix(in srgb,var(--rc-text-secondary) 50%,transparent)}._36yqieq{display:flex;flex-direction:column;align-items:center;gap:.75rem;max-width:320px;text-align:center}._36yqier{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:.375rem;background-color:color-mix(in srgb,var(--rc-alert-caution) 10%,transparent);color:var(--rc-alert-caution)}._36yqies{font-size:var(--rc-font-size-md);font-weight:500;color:var(--rc-text)}._36yqiet{font-size:var(--rc-font-size-xs);color:var(--rc-text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}._36yqieu{position:relative;display:flex;flex:1;min-height:0;overflow:hidden;font-family:var(--rc-font-mono);font-size:var(--rc-font-size-sm);line-height:1.25rem}._36yqiev{flex-shrink:0;width:40px;overflow:hidden;user-select:none;border-right:1px solid var(--rc-border);background-color:color-mix(in srgb,var(--rc-text) 2%,transparent);padding:.75rem 0}._36yqiew{padding:0 .5rem;text-align:right;line-height:1.25rem;color:color-mix(in srgb,var(--rc-text-secondary) 40%,transparent)}._36yqiex{flex:1;resize:none;background-color:transparent;padding:.75rem;color:var(--rc-text);outline:none;border:none;line-height:1.25rem;font-family:var(--rc-font-mono);font-size:var(--rc-font-size-md);tab-size:2}._36yqiex::placeholder{color:color-mix(in srgb,var(--rc-text-secondary) 40%,transparent)}._36yqiey{display:flex;align-items:center;justify-content:flex-end;padding:0 1rem;height:44px;border-top:1px solid var(--rc-border);flex-shrink:0;background-color:color-mix(in srgb,var(--rc-text) 1.5%,transparent)}._36yqiez{display:flex;align-items:center;gap:.5rem}._36yqie10{width:6px;height:6px;border-radius:50%;background-color:var(--rc-alert-tip)}._36yqie11{font-size:var(--rc-font-size-xs);color:var(--rc-text-secondary)}._36yqie12{display:flex;align-items:center;gap:.5rem}._36yqie13{padding:.25rem .75rem;border-radius:.375rem;font-size:var(--rc-font-size-xs);font-weight:500;cursor:pointer;height:28px;transition:background-color .15s,border-color .15s}._36yqie14{background-color:transparent;color:var(--rc-text-secondary);border:1px solid var(--rc-border)}._36yqie14:hover{background-color:color-mix(in srgb,var(--rc-text) 4%,transparent)}._36yqie15{background-color:var(--rc-text);color:var(--rc-bg);border:1px solid transparent}._36yqie15:hover{background-color:color-mix(in srgb,var(--rc-text) 85%,transparent)}@media(min-width:640px){._36yqie7._36yqie7{max-width:64rem}}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@haklex/rich-renderer-mermaid",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.33",
|
|
4
4
|
"description": "Mermaid diagram renderer",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -19,9 +19,9 @@
|
|
|
19
19
|
"lucide-react": "^0.574.0",
|
|
20
20
|
"mermaid": "^11.12.3",
|
|
21
21
|
"react-zoom-pan-pinch": "^3.7.0",
|
|
22
|
-
"@haklex/rich-editor": "0.0.
|
|
23
|
-
"@haklex/rich-
|
|
24
|
-
"@haklex/rich-
|
|
22
|
+
"@haklex/rich-editor": "0.0.33",
|
|
23
|
+
"@haklex/rich-style-token": "0.0.33",
|
|
24
|
+
"@haklex/rich-editor-ui": "0.0.33"
|
|
25
25
|
},
|
|
26
26
|
"devDependencies": {
|
|
27
27
|
"@types/react": "^19.2.14",
|