@adecore/editor-react 0.31.12 → 0.33.0

package/dist/HoverSections.js

@@ -1,76 +1,387 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { useEffect, useState } from 'react';
 import { Tooltip } from '@adecore/ui';
-import { BaselineStatus } from './BaselineStatus.js';
+import { BaselineStatus } from "./BaselineStatus.js";
 import { hoverSectionsOf, markdownParts } from './hover-content.js';
-import { Markdown } from './Markdown.js';
+import { Markdown } from "./Markdown.js";
 import { useEditorRendering } from './rendering-context.js';
 import { declaredNameOf, linkTypeNames } from './symbol-links.js';
 /* Code as the viewer colors it, plain until the grammar is in so the card never changes size under the pointer by much. */
-export function Signature({ code, language, onName }) {
-    const { theme, highlight } = useEditorRendering();
-    const [html, setHtml] = useState(null);
-    const key = `${language}\0${theme}\0${code}\0${onName !== undefined}`;
-    // Only whether there are links goes into the highlighting; the handler is read when a name is pressed.
-    const linked = onName !== undefined;
-    useEffect(() => {
-        if (highlight === undefined) {
-            return;
-        }
-        let alive = true;
-        highlight(code, language, theme)
-            .then((result) => alive && setHtml({ key, html: linked ? linkTypeNames(result) : result }))
-            .catch(() => undefined);
-        return () => {
-            alive = false;
-        };
-    }, [code, language, theme, key, linked, highlight]);
-    const className = 'font-mono text-code break-words whitespace-pre-wrap [&_.line]:block [&_pre]:m-0 [&_pre]:bg-transparent! [&_pre]:whitespace-pre-wrap [&_code]:font-mono';
-    // One handler for every name, since the names are part of the highlighted HTML and not elements of ours.
-    const follow = (event) => {
-        const name = event.target.closest('[data-symbol]')?.dataset.symbol;
-        if (name !== undefined && onName !== undefined) {
-            onName(name);
-        }
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export function Signature(t0) {
+  const $ = _c(15);
+  const {
+    code,
+    language,
+    onName
+  } = t0;
+  const {
+    theme,
+    highlight
+  } = useEditorRendering();
+  const [html, setHtml] = useState(null);
+  const key = `${language}\0${theme}\0${code}\0${onName !== undefined}`;
+  const linked = onName !== undefined;
+  let t1;
+  let t2;
+  if ($[0] !== code || $[1] !== highlight || $[2] !== key || $[3] !== language || $[4] !== linked || $[5] !== theme) {
+    t1 = () => {
+      if (highlight === undefined) {
+        return;
+      }
+      let alive = true;
+      highlight(code, language, theme).then(result => alive && setHtml({
+        key,
+        html: linked ? linkTypeNames(result) : result
+      })).catch(_temp);
+      return () => {
+        alive = false;
+      };
     };
-    return html?.key === key ? (_jsx("div", { className: className, onClick: follow, dangerouslySetInnerHTML: { __html: html.html } })) : (_jsx("div", { className: className, children: code }));
+    t2 = [code, language, theme, key, linked, highlight];
+    $[0] = code;
+    $[1] = highlight;
+    $[2] = key;
+    $[3] = language;
+    $[4] = linked;
+    $[5] = theme;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t1 = $[6];
+    t2 = $[7];
+  }
+  useEffect(t1, t2);
+  let t3;
+  if ($[8] !== onName) {
+    t3 = event => {
+      const name = event.target.closest("[data-symbol]")?.dataset.symbol;
+      if (name !== undefined && onName !== undefined) {
+        onName(name);
+      }
+    };
+    $[8] = onName;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  const follow = t3;
+  let t4;
+  if ($[10] !== code || $[11] !== follow || $[12] !== html || $[13] !== key) {
+    t4 = html?.key === key ? /*#__PURE__*/_jsx("div", {
+      className: "font-mono text-code break-words whitespace-pre-wrap [&_.line]:block [&_pre]:m-0 [&_pre]:bg-transparent! [&_pre]:whitespace-pre-wrap [&_code]:font-mono",
+      onClick: follow,
+      dangerouslySetInnerHTML: {
+        __html: html.html
+      }
+    }) : /*#__PURE__*/_jsx("div", {
+      className: "font-mono text-code break-words whitespace-pre-wrap [&_.line]:block [&_pre]:m-0 [&_pre]:bg-transparent! [&_pre]:whitespace-pre-wrap [&_code]:font-mono",
+      children: code
+    });
+    $[10] = code;
+    $[11] = follow;
+    $[12] = html;
+    $[13] = key;
+    $[14] = t4;
+  } else {
+    t4 = $[14];
+  }
+  return t4;
 }
 /* A docblock's tags as rows: the tag once beside each run of the same tag, so a list of parameters reads as one. */
-export function DocTags({ tags }) {
-    return (_jsx("div", { className: "grid grid-cols-[auto_minmax(0,1fr)] gap-x-3 gap-y-0.5 text-xs/[18px] select-text", children: tags.map((tag, index) => (_jsxs("div", { className: "contents", children: [_jsx("span", { className: "font-mono text-text-faint", children: tags[index - 1]?.name === tag.name ? '' : `@${tag.name}` }), _jsx("div", { className: "min-w-0 break-words text-text-muted [&_.adecore-editor-markdown]:text-xs [&_code]:bg-transparent! [&_code]:p-0! [&_p]:m-0", children: _jsx(Markdown, { text: tag.markdown }) })] }, index))) }));
+function _temp() {}
+export function DocTags(t0) {
+  const $ = _c(4);
+  const {
+    tags
+  } = t0;
+  let t1;
+  if ($[0] !== tags) {
+    t1 = tags.map((tag, index) => /*#__PURE__*/_jsxs("div", {
+      className: "contents",
+      children: [/*#__PURE__*/_jsx("span", {
+        className: "font-mono text-text-faint",
+        children: tags[index - 1]?.name === tag.name ? "" : `@${tag.name}`
+      }), /*#__PURE__*/_jsx("div", {
+        className: "min-w-0 break-words text-text-muted [&_.adecore-editor-markdown]:text-xs [&_code]:bg-transparent! [&_code]:p-0! [&_p]:m-0",
+        children: /*#__PURE__*/_jsx(Markdown, {
+          text: tag.markdown
+        })
+      })]
+    }, index));
+    $[0] = tags;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== t1) {
+    t2 = /*#__PURE__*/_jsx("div", {
+      className: "grid grid-cols-[auto_minmax(0,1fr)] gap-x-3 gap-y-0.5 text-xs/[18px] select-text",
+      children: t1
+    });
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  return t2;
 }
 /* One symbol: its qualified name muted, its signature, the prose and examples as compact blocks, and its tags as rows. Names in the signature are links only where `onName` says what a press does. */
-export function SymbolSection({ section, onName }) {
-    const declared = declaredNameOf(section.signatures[0]?.code ?? '');
-    const follow = onName === undefined ? undefined : (name) => onName(name, declared);
-    return (_jsxs("div", { className: "flex flex-col gap-1.5 px-3 py-2", children: [section.title !== null && _jsx("div", { className: "truncate font-mono text-xs text-text-faint select-text", children: section.title }), section.signatures.map((block, index) => (_jsx(Signature, { code: block.code, language: block.language, onName: follow }, index))), section.baseline !== null && _jsx(BaselineStatus, { baseline: section.baseline }), markdownParts(section.markdown).map((part, index) => part.kind === 'code' ? (_jsx("div", { className: "rounded-md bg-surface-sunken px-2 py-1.5", children: _jsx(Signature, { code: part.block.code, language: part.block.language, onName: follow }) }, index)) : (_jsx("div", { className: "text-text-muted select-text [&_.adecore-editor-markdown]:text-xs [&_p]:my-1", children: _jsx(Markdown, { text: part.text }) }, index))), section.tags.length > 0 && _jsx(DocTags, { tags: section.tags })] }));
+export function SymbolSection(t0) {
+  const $ = _c(27);
+  const {
+    section,
+    onName
+  } = t0;
+  const t1 = section.signatures[0]?.code ?? "";
+  let t2;
+  if ($[0] !== t1) {
+    t2 = declaredNameOf(t1);
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const declared = t2;
+  let t3;
+  if ($[2] !== declared || $[3] !== onName) {
+    t3 = onName === undefined ? undefined : name => onName(name, declared);
+    $[2] = declared;
+    $[3] = onName;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  const follow = t3;
+  let t4;
+  if ($[5] !== section.title) {
+    t4 = section.title !== null && /*#__PURE__*/_jsx("div", {
+      className: "truncate font-mono text-xs text-text-faint select-text",
+      children: section.title
+    });
+    $[5] = section.title;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  let t5;
+  if ($[7] !== follow || $[8] !== section.signatures) {
+    let t6;
+    if ($[10] !== follow) {
+      t6 = (block, index) => /*#__PURE__*/_jsx(Signature, {
+        code: block.code,
+        language: block.language,
+        onName: follow
+      }, index);
+      $[10] = follow;
+      $[11] = t6;
+    } else {
+      t6 = $[11];
+    }
+    t5 = section.signatures.map(t6);
+    $[7] = follow;
+    $[8] = section.signatures;
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  let t6;
+  if ($[12] !== section.baseline) {
+    t6 = section.baseline !== null && /*#__PURE__*/_jsx(BaselineStatus, {
+      baseline: section.baseline
+    });
+    $[12] = section.baseline;
+    $[13] = t6;
+  } else {
+    t6 = $[13];
+  }
+  let t7;
+  if ($[14] !== follow || $[15] !== section.markdown) {
+    let t8;
+    if ($[17] !== follow) {
+      t8 = (part, index_0) => part.kind === "code" ? /*#__PURE__*/_jsx("div", {
+        className: "rounded-md bg-surface-sunken px-2 py-1.5",
+        children: /*#__PURE__*/_jsx(Signature, {
+          code: part.block.code,
+          language: part.block.language,
+          onName: follow
+        })
+      }, index_0) : /*#__PURE__*/_jsx("div", {
+        className: "text-text-muted select-text [&_.adecore-editor-markdown]:text-xs [&_p]:my-1",
+        children: /*#__PURE__*/_jsx(Markdown, {
+          text: part.text
+        })
+      }, index_0);
+      $[17] = follow;
+      $[18] = t8;
+    } else {
+      t8 = $[18];
+    }
+    t7 = markdownParts(section.markdown).map(t8);
+    $[14] = follow;
+    $[15] = section.markdown;
+    $[16] = t7;
+  } else {
+    t7 = $[16];
+  }
+  let t8;
+  if ($[19] !== section.tags) {
+    t8 = section.tags.length > 0 && /*#__PURE__*/_jsx(DocTags, {
+      tags: section.tags
+    });
+    $[19] = section.tags;
+    $[20] = t8;
+  } else {
+    t8 = $[20];
+  }
+  let t9;
+  if ($[21] !== t4 || $[22] !== t5 || $[23] !== t6 || $[24] !== t7 || $[25] !== t8) {
+    t9 = /*#__PURE__*/_jsxs("div", {
+      className: "flex flex-col gap-1.5 px-3 py-2",
+      children: [t4, t5, t6, t7, t8]
+    });
+    $[21] = t4;
+    $[22] = t5;
+    $[23] = t6;
+    $[24] = t7;
+    $[25] = t8;
+    $[26] = t9;
+  } else {
+    t9 = $[26];
+  }
+  return t9;
 }
 /* What a server says about a symbol as the sections of a hover card, shared by the hover and the documentation beside the suggestions. */
-export function SymbolSections({ text, onName }) {
-    return (_jsx(_Fragment, { children: hoverSectionsOf(text).map((section, index) => (_jsx(SymbolSection, { section: section, onName: onName }, index))) }));
+export function SymbolSections(t0) {
+  const $ = _c(7);
+  const {
+    text,
+    onName
+  } = t0;
+  let t1;
+  if ($[0] !== onName || $[1] !== text) {
+    let t2;
+    if ($[3] !== onName) {
+      t2 = (section, index) => /*#__PURE__*/_jsx(SymbolSection, {
+        section: section,
+        onName: onName
+      }, index);
+      $[3] = onName;
+      $[4] = t2;
+    } else {
+      t2 = $[4];
+    }
+    t1 = hoverSectionsOf(text).map(t2);
+    $[0] = onName;
+    $[1] = text;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[5] !== t1) {
+    t2 = /*#__PURE__*/_jsx(_Fragment, {
+      children: t1
+    });
+    $[5] = t1;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  return t2;
 }
 /* PHP highlights only after its opening tag, which is put in front for the grammar and taken off again. */
 function phpWithoutOpenTag(html) {
-    return html.replace(/<span[^>]*>&#x3C;\?<\/span><span[^>]*>php<\/span>(<span[^>]*>) /, '$1');
+  return html.replace(/<span[^>]*>&#x3C;\?<\/span><span[^>]*>php<\/span>(<span[^>]*>) /, '$1');
 }
 /* Where a suggestion comes from, such as a PHP `use` line, cut from its start so the end of the name stays readable. */
-export function SourceLine({ text, language }) {
-    const { theme, highlight } = useEditorRendering();
-    const [html, setHtml] = useState(null);
-    const highlighted = language === 'php' && text.startsWith('use ');
-    const key = `${theme}\0${text}`;
-    useEffect(() => {
-        if (!highlighted || highlight === undefined) {
-            return;
+export function SourceLine(t0) {
+  const $ = _c(18);
+  const {
+    text,
+    language
+  } = t0;
+  const {
+    theme,
+    highlight
+  } = useEditorRendering();
+  const [html, setHtml] = useState(null);
+  let t1;
+  if ($[0] !== language || $[1] !== text) {
+    t1 = language === "php" && text.startsWith("use ");
+    $[0] = language;
+    $[1] = text;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const highlighted = t1;
+  const key = `${theme}\0${text}`;
+  let t2;
+  let t3;
+  if ($[3] !== highlight || $[4] !== highlighted || $[5] !== key || $[6] !== text || $[7] !== theme) {
+    t2 = () => {
+      if (!highlighted || highlight === undefined) {
+        return;
+      }
+      let alive = true;
+      highlight(`<?php ${text}`, "php", theme).then(result => alive && setHtml({
+        key,
+        html: phpWithoutOpenTag(result)
+      })).catch(_temp2);
+      return () => {
+        alive = false;
+      };
+    };
+    t3 = [highlighted, text, theme, key, highlight];
+    $[3] = highlight;
+    $[4] = highlighted;
+    $[5] = key;
+    $[6] = text;
+    $[7] = theme;
+    $[8] = t2;
+    $[9] = t3;
+  } else {
+    t2 = $[8];
+    t3 = $[9];
+  }
+  useEffect(t2, t3);
+  let t4;
+  if ($[10] !== highlighted || $[11] !== html || $[12] !== key || $[13] !== text) {
+    t4 = highlighted && html?.key === key ? /*#__PURE__*/_jsx("div", {
+      className: "block overflow-hidden text-left font-mono text-code text-ellipsis whitespace-nowrap [direction:rtl] [&_code]:font-mono [&_pre]:m-0 [&_pre]:inline [&_pre]:bg-transparent! [&_pre]:p-0 [&_code]:inline [&_.line]:inline",
+      children: /*#__PURE__*/_jsx("bdi", {
+        dangerouslySetInnerHTML: {
+          __html: html.html
         }
-        let alive = true;
-        highlight(`<?php ${text}`, 'php', theme)
-            .then((result) => alive && setHtml({ key, html: phpWithoutOpenTag(result) }))
-            .catch(() => undefined);
-        return () => {
-            alive = false;
-        };
-    }, [highlighted, text, theme, key, highlight]);
-    const className = 'block overflow-hidden text-left font-mono text-code text-ellipsis whitespace-nowrap [direction:rtl] [&_code]:font-mono [&_pre]:m-0 [&_pre]:inline [&_pre]:bg-transparent! [&_pre]:p-0 [&_code]:inline [&_.line]:inline';
-    return (_jsx(Tooltip, { label: text, children: highlighted && html?.key === key ? (_jsx("div", { className: className, children: _jsx("bdi", { dangerouslySetInnerHTML: { __html: html.html } }) })) : (_jsx("div", { className: `${className} text-text-muted`, children: _jsx("bdi", { children: text }) })) }));
+      })
+    }) : /*#__PURE__*/_jsx("div", {
+      className: "block overflow-hidden text-left font-mono text-code text-ellipsis whitespace-nowrap [direction:rtl] [&_code]:font-mono [&_pre]:m-0 [&_pre]:inline [&_pre]:bg-transparent! [&_pre]:p-0 [&_code]:inline [&_.line]:inline text-text-muted",
+      children: /*#__PURE__*/_jsx("bdi", {
+        children: text
+      })
+    });
+    $[10] = highlighted;
+    $[11] = html;
+    $[12] = key;
+    $[13] = text;
+    $[14] = t4;
+  } else {
+    t4 = $[14];
+  }
+  let t5;
+  if ($[15] !== t4 || $[16] !== text) {
+    t5 = /*#__PURE__*/_jsx(Tooltip, {
+      label: text,
+      children: t4
+    });
+    $[15] = t4;
+    $[16] = text;
+    $[17] = t5;
+  } else {
+    t5 = $[17];
+  }
+  return t5;
 }
+function _temp2() {}

package/dist/LanguagePopups.js

@@ -1,41 +1,102 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useReducer } from 'react';
 import { useStore } from 'zustand';
-import { AnchoredPopup } from './AnchoredPopup.js';
-import { CallHierarchyPanel } from './CallHierarchyPanel.js';
-import { CodeAuthorsCard } from './CodeAuthorsCard.js';
-import { CompletionPopup } from './CompletionPopup.js';
-import { EditorContextMenu } from './EditorContextMenu.js';
-import { HoverCard } from './HoverCard.js';
-import { PeekPanel } from './PeekPanel.js';
-import { PickPopup } from './PickPopup.js';
-import { RenameCard } from './RenameCard.js';
-import { RenderedDocs } from './RenderedDocs.js';
-import { SymbolPicker } from './SymbolPicker.js';
-import { SignatureCard } from './SignatureCard.js';
+import { AnchoredPopup } from "./AnchoredPopup.js";
+import { CallHierarchyPanel } from "./CallHierarchyPanel.js";
+import { CodeAuthorsCard } from "./CodeAuthorsCard.js";
+import { CompletionPopup } from "./CompletionPopup.js";
+import { EditorContextMenu } from "./EditorContextMenu.js";
+import { HoverCard } from "./HoverCard.js";
+import { PeekPanel } from "./PeekPanel.js";
+import { PickPopup } from "./PickPopup.js";
+import { RenameCard } from "./RenameCard.js";
+import { RenderedDocs } from "./RenderedDocs.js";
+import { SymbolPicker } from "./SymbolPicker.js";
+import { SignatureCard } from "./SignatureCard.js";
 /*
  * Every card a language feature opens over the editor. Each feature keeps its own state and these
  * only draw it, placed by the screen position of the character it belongs to, which is read again
  * whenever the editor scrolls or resizes.
  */
-export function LanguagePopups({ language, contextMenuItems, hoverFooter, children }) {
-    const [, redraw] = useReducer((count) => count + 1, 0);
-    const hover = useStore(language.popups, (state) => state.hover);
-    const completion = useStore(language.popups, (state) => state.completion);
-    const signature = useStore(language.popups, (state) => state.signature);
-    const pick = useStore(language.popups, (state) => state.pick);
-    const rename = useStore(language.popups, (state) => state.rename);
-    const peek = useStore(language.popups, (state) => state.peek);
-    const callHierarchy = useStore(language.popups, (state) => state.callHierarchy);
-    const symbols = useStore(language.popups, (state) => state.symbols);
-    const menu = useStore(language.popups, (state) => state.menu);
-    const authors = useStore(language.popups, (state) => state.authors);
-    useEffect(() => language.editor.onViewChange(redraw), [language]);
-    const hoverRect = hover === null ? null : language.editor.rectAt(hover.anchor);
-    const completionRect = completion === null ? null : language.editor.rectAt(completion.anchor);
-    const signatureRect = signature === null ? null : language.editor.rectAt(signature.anchor);
-    const pickRect = pick === null ? null : language.editor.rectAt(pick.anchor);
-    const renameRect = rename === null ? null : language.editor.rectAt(rename.range.start);
-    const renameEnd = rename === null ? null : language.editor.rectAt(rename.range.end);
-    return (_jsxs(_Fragment, { children: [_jsx(RenderedDocs, { language: language }), hover !== null && hoverRect !== null && (_jsx(AnchoredPopup, { rect: hoverRect, onPointerEnter: () => language.hover.holdCard(true), onPointerLeave: () => language.hover.holdCard(false), children: _jsx(HoverCard, { language: language, problems: hover.problems, info: hover.info, anchor: hover.anchor, position: hover.position, footer: hoverFooter?.(hover, language) }) })), signature !== null && signatureRect !== null && (_jsx(AnchoredPopup, { rect: signatureRect, placement: { prefer: 'above' }, children: _jsx(SignatureCard, { model: signature.model }) })), completion !== null && completionRect !== null && _jsx(CompletionPopup, { language: language, view: completion, rect: completionRect }), pick !== null && pickRect !== null && _jsx(PickPopup, { language: language, view: pick, rect: pickRect }), menu !== null && (_jsx(EditorContextMenu, { language: language, view: menu, children: contextMenuItems?.(language) })), symbols !== null && _jsx(SymbolPicker, { language: language, view: symbols }), peek !== null && _jsx(PeekPanel, { language: language, view: peek }), callHierarchy !== null && _jsx(CallHierarchyPanel, { language: language, view: callHierarchy }), authors !== null && _jsx(CodeAuthorsCard, { language: language, view: authors }), children, rename !== null && renameRect !== null && _jsx(RenameCard, { language: language, view: rename, rect: renameRect, endRect: renameEnd })] }));
-}
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export function LanguagePopups({
+  language,
+  contextMenuItems,
+  hoverFooter,
+  children
+}) {
+  // The React Compiler would keep each card's place from the render before; it is read from the editor again on every scroll.
+  'use no memo';
+
+  const [, redraw] = useReducer(count => count + 1, 0);
+  const hover = useStore(language.popups, state => state.hover);
+  const completion = useStore(language.popups, state_0 => state_0.completion);
+  const signature = useStore(language.popups, state_1 => state_1.signature);
+  const pick = useStore(language.popups, state_2 => state_2.pick);
+  const rename = useStore(language.popups, state_3 => state_3.rename);
+  const peek = useStore(language.popups, state_4 => state_4.peek);
+  const callHierarchy = useStore(language.popups, state_5 => state_5.callHierarchy);
+  const symbols = useStore(language.popups, state_6 => state_6.symbols);
+  const menu = useStore(language.popups, state_7 => state_7.menu);
+  const authors = useStore(language.popups, state_8 => state_8.authors);
+  useEffect(() => language.editor.onViewChange(redraw), [language]);
+  const hoverRect = hover === null ? null : language.editor.rectAt(hover.anchor);
+  const completionRect = completion === null ? null : language.editor.rectAt(completion.anchor);
+  const signatureRect = signature === null ? null : language.editor.rectAt(signature.anchor);
+  const pickRect = pick === null ? null : language.editor.rectAt(pick.anchor);
+  const renameRect = rename === null ? null : language.editor.rectAt(rename.range.start);
+  const renameEnd = rename === null ? null : language.editor.rectAt(rename.range.end);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(RenderedDocs, {
+      language: language
+    }), hover !== null && hoverRect !== null && /*#__PURE__*/_jsx(AnchoredPopup, {
+      rect: hoverRect,
+      onPointerEnter: () => language.hover.holdCard(true),
+      onPointerLeave: () => language.hover.holdCard(false),
+      children: /*#__PURE__*/_jsx(HoverCard, {
+        language: language,
+        problems: hover.problems,
+        info: hover.info,
+        anchor: hover.anchor,
+        position: hover.position,
+        footer: hoverFooter?.(hover, language)
+      })
+    }), signature !== null && signatureRect !== null && /*#__PURE__*/_jsx(AnchoredPopup, {
+      rect: signatureRect,
+      placement: {
+        prefer: 'above'
+      },
+      children: /*#__PURE__*/_jsx(SignatureCard, {
+        model: signature.model
+      })
+    }), completion !== null && completionRect !== null && /*#__PURE__*/_jsx(CompletionPopup, {
+      language: language,
+      view: completion,
+      rect: completionRect
+    }), pick !== null && pickRect !== null && /*#__PURE__*/_jsx(PickPopup, {
+      language: language,
+      view: pick,
+      rect: pickRect
+    }), menu !== null && /*#__PURE__*/_jsx(EditorContextMenu, {
+      language: language,
+      view: menu,
+      children: contextMenuItems?.(language)
+    }), symbols !== null && /*#__PURE__*/_jsx(SymbolPicker, {
+      language: language,
+      view: symbols
+    }), peek !== null && /*#__PURE__*/_jsx(PeekPanel, {
+      language: language,
+      view: peek
+    }), callHierarchy !== null && /*#__PURE__*/_jsx(CallHierarchyPanel, {
+      language: language,
+      view: callHierarchy
+    }), authors !== null && /*#__PURE__*/_jsx(CodeAuthorsCard, {
+      language: language,
+      view: authors
+    }), children, rename !== null && renameRect !== null && /*#__PURE__*/_jsx(RenameCard, {
+      language: language,
+      view: rename,
+      rect: renameRect,
+      endRect: renameEnd
+    })]
+  });
+}

package/dist/Markdown.js

@@ -1,11 +1,46 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import ReactMarkdown, {} from 'react-markdown';
+import { c as _c } from "react/compiler-runtime";
+import ReactMarkdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
 import remarkBreaks from 'remark-breaks';
 /* An image becomes its alt text, so a comment cannot make the editor fetch a page of its choosing. */
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 const WITHOUT_IMAGES = {
-    img: ({ alt }) => _jsx(_Fragment, { children: alt ?? '' })
+  img: ({
+    alt
+  }) => /*#__PURE__*/_jsx(_Fragment, {
+    children: alt ?? ''
+  })
 };
-export function Markdown({ text, images = true }) {
-    return (_jsx("div", { className: "adecore-editor-markdown", children: _jsx(ReactMarkdown, { remarkPlugins: [remarkGfm, remarkBreaks], components: images ? undefined : WITHOUT_IMAGES, children: text }) }));
-}
+export function Markdown(t0) {
+  const $ = _c(4);
+  const {
+    text,
+    images: t1
+  } = t0;
+  const images = t1 === undefined ? true : t1;
+  let t2;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = [remarkGfm, remarkBreaks];
+    $[0] = t2;
+  } else {
+    t2 = $[0];
+  }
+  const t3 = images ? undefined : WITHOUT_IMAGES;
+  let t4;
+  if ($[1] !== t3 || $[2] !== text) {
+    t4 = /*#__PURE__*/_jsx("div", {
+      className: "adecore-editor-markdown",
+      children: /*#__PURE__*/_jsx(ReactMarkdown, {
+        remarkPlugins: t2,
+        components: t3,
+        children: text
+      })
+    });
+    $[1] = t3;
+    $[2] = text;
+    $[3] = t4;
+  } else {
+    t4 = $[3];
+  }
+  return t4;
+}