@adecore/editor-react 0.31.12 → 0.32.0

package/dist/RenderedDocs.js

@@ -1,88 +1,359 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { createPortal } from 'react-dom';
 import { memo, useSyncExternalStore } from 'react';
 import { useTranslation } from 'react-i18next';
 import { DOC_LINK_PREFIX, sectionsOf } from './doc-comment-model.js';
 import { markdownParts } from './hover-content.js';
-import { Signature } from './HoverSections.js';
+import { Signature } from "./HoverSections.js";
 import { shikiLanguageOf } from './language-ids.js';
-import { Markdown } from './Markdown.js';
+import { Markdown } from "./Markdown.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const LINK = /\[([^\]]*)\]\(#doc-link:[^)]*\)/g;
-const KNOWN = new Set([
-    'deprecated',
-    'template',
-    'param',
-    'property',
-    'type',
-    'var',
-    'return',
-    'yield',
-    'throws',
-    'see',
-    'example',
-    'since',
-    'version',
-    'author'
-]);
+const KNOWN = new Set(['deprecated', 'template', 'param', 'property', 'type', 'var', 'return', 'yield', 'throws', 'see', 'example', 'since', 'version', 'author']);
 /* Code in the editor's face, with a type fainter than a name. */
-function Code({ children, faint = false }) {
-    return _jsx("code", { className: `font-mono text-code break-words ${faint ? 'text-text-faint' : 'text-text'}`, children: children });
+function Code(t0) {
+  const $ = _c(3);
+  const {
+    children,
+    faint: t1
+  } = t0;
+  const faint = t1 === undefined ? false : t1;
+  const t2 = `font-mono text-code break-words ${faint ? "text-text-faint" : "text-text"}`;
+  let t3;
+  if ($[0] !== children || $[1] !== t2) {
+    t3 = /*#__PURE__*/_jsx("code", {
+      className: t2,
+      children: children
+    });
+    $[0] = children;
+    $[1] = t2;
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  return t3;
 }
 /* Markdown prose and fenced code as the hover draws them: the blocks in the code face, the rest muted. */
-function Prose({ text, language, linkable, compact = false }) {
-    const plain = linkable ? text : text.replace(LINK, '$1');
-    return (_jsx(_Fragment, { children: markdownParts(plain).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 === 'text' ? language : part.block.language }) }, index)) : (_jsx("div", { className: `[&_.adecore-editor-markdown]:text-xs ${compact ? '[&_p]:my-0' : '[&_p]:my-1'}`, children: _jsx(Markdown, { text: part.text, images: false }) }, index))) }));
+function Prose(t0) {
+  const $ = _c(10);
+  const {
+    text,
+    language,
+    linkable,
+    compact: t1
+  } = t0;
+  const compact = t1 === undefined ? false : t1;
+  let t2;
+  if ($[0] !== compact || $[1] !== language || $[2] !== linkable || $[3] !== text) {
+    const plain = linkable ? text : text.replace(LINK, "$1");
+    let t3;
+    if ($[5] !== compact || $[6] !== language) {
+      t3 = (part, index) => 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 === "text" ? language : part.block.language
+        })
+      }, index) : /*#__PURE__*/_jsx("div", {
+        className: `[&_.adecore-editor-markdown]:text-xs ${compact ? "[&_p]:my-0" : "[&_p]:my-1"}`,
+        children: /*#__PURE__*/_jsx(Markdown, {
+          text: part.text,
+          images: false
+        })
+      }, index);
+      $[5] = compact;
+      $[6] = language;
+      $[7] = t3;
+    } else {
+      t3 = $[7];
+    }
+    t2 = markdownParts(plain).map(t3);
+    $[0] = compact;
+    $[1] = language;
+    $[2] = linkable;
+    $[3] = text;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[8] !== t2) {
+    t3 = /*#__PURE__*/_jsx(_Fragment, {
+      children: t2
+    });
+    $[8] = t2;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  return t3;
 }
 /* A value of a tag, in the second column of the table; `spaced` opens a new section with more room above. */
-function TagRow({ tag, language, linkable, spaced }) {
-    const target = tag.name === 'see' && tag.subject !== null ? tag.subject : null;
-    const link = target === null ? null : /^https?:\/\//i.test(target) ? `[${target}](${target})` : `[\`${target}\`](${DOC_LINK_PREFIX}${encodeURIComponent(target)})`;
-    return (_jsx("dd", { className: `col-start-2 m-0 flex min-w-0 flex-wrap items-baseline gap-x-2 ${spaced ? 'mt-1' : ''}`, children: tag.name === 'example' ? (_jsx("div", { className: "w-full rounded-md bg-surface-sunken px-2 py-1.5", children: _jsx(Signature, { code: tag.text, language: language }) })) : (_jsxs(_Fragment, { children: [tag.subject !== null && target === null && _jsx(Code, { children: tag.subject }), tag.type !== null && _jsx(Code, { faint: true, children: tag.type }), (link !== null || tag.text !== '') && (_jsx("div", { className: "min-w-0 grow basis-48 text-text", children: _jsx(Prose, { text: [link, tag.text].filter((part) => part !== null && part !== '').join(' '), language: language, linkable: linkable, compact: true }) }))] })) }));
+function TagRow(t0) {
+  const $ = _c(14);
+  const {
+    tag,
+    language,
+    linkable,
+    spaced
+  } = t0;
+  const target = tag.name === "see" && tag.subject !== null ? tag.subject : null;
+  let t1;
+  if ($[0] !== target) {
+    t1 = target === null ? null : /^https?:\/\//i.test(target) ? `[${target}](${target})` : `[\`${target}\`](${DOC_LINK_PREFIX}${encodeURIComponent(target)})`;
+    $[0] = target;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const link = t1;
+  const t2 = `col-start-2 m-0 flex min-w-0 flex-wrap items-baseline gap-x-2 ${spaced ? "mt-1" : ""}`;
+  let t3;
+  if ($[2] !== language || $[3] !== link || $[4] !== linkable || $[5] !== tag.name || $[6] !== tag.subject || $[7] !== tag.text || $[8] !== tag.type || $[9] !== target) {
+    t3 = tag.name === "example" ? /*#__PURE__*/_jsx("div", {
+      className: "w-full rounded-md bg-surface-sunken px-2 py-1.5",
+      children: /*#__PURE__*/_jsx(Signature, {
+        code: tag.text,
+        language: language
+      })
+    }) : /*#__PURE__*/_jsxs(_Fragment, {
+      children: [tag.subject !== null && target === null && /*#__PURE__*/_jsx(Code, {
+        children: tag.subject
+      }), tag.type !== null && /*#__PURE__*/_jsx(Code, {
+        faint: true,
+        children: tag.type
+      }), (link !== null || tag.text !== "") && /*#__PURE__*/_jsx("div", {
+        className: "min-w-0 grow basis-48 text-text",
+        children: /*#__PURE__*/_jsx(Prose, {
+          text: [link, tag.text].filter(_temp).join(" "),
+          language: language,
+          linkable: linkable,
+          compact: true
+        })
+      })]
+    });
+    $[2] = language;
+    $[3] = link;
+    $[4] = linkable;
+    $[5] = tag.name;
+    $[6] = tag.subject;
+    $[7] = tag.text;
+    $[8] = tag.type;
+    $[9] = target;
+    $[10] = t3;
+  } else {
+    t3 = $[10];
+  }
+  let t4;
+  if ($[11] !== t2 || $[12] !== t3) {
+    t4 = /*#__PURE__*/_jsx("dd", {
+      className: t2,
+      children: t3
+    });
+    $[11] = t2;
+    $[12] = t3;
+    $[13] = t4;
+  } else {
+    t4 = $[13];
+  }
+  return t4;
 }
-function DocBlock({ language, comment, parsed, linkable }) {
-    const { t } = useTranslation('editor');
-    const feature = language.renderedDocs;
-    const { description, tags } = parsed;
-    const highlighter = shikiLanguageOf(language.languageId);
+function _temp(part) {
+  return part !== null && part !== "";
+}
+function DocBlock(t0) {
+  const $ = _c(19);
+  const {
+    language,
+    comment,
+    parsed,
+    linkable
+  } = t0;
+  const {
+    t
+  } = useTranslation("editor");
+  const feature = language.renderedDocs;
+  const {
+    description,
+    tags
+  } = parsed;
+  let t1;
+  if ($[0] !== language.languageId) {
+    t1 = shikiLanguageOf(language.languageId);
+    $[0] = language.languageId;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const highlighter = t1;
+  let t2;
+  if ($[2] !== comment || $[3] !== description || $[4] !== feature || $[5] !== highlighter || $[6] !== language.apple || $[7] !== linkable || $[8] !== t || $[9] !== tags) {
     const sections = sectionsOf(tags);
-    const deprecated = sections.find((section) => section.name === 'deprecated');
-    const shown = sections.filter((section) => section.name !== 'deprecated');
-    // One handler for every link, since the links are made by the Markdown renderer and not by us.
-    const follow = (event) => {
-        const anchor = event.target.closest('a');
+    const deprecated = sections.find(_temp2);
+    const shown = sections.filter(_temp3);
+    let t3;
+    if ($[11] !== comment || $[12] !== feature || $[13] !== language.apple) {
+      t3 = event => {
+        const anchor = event.target.closest("a");
         if (anchor === null) {
-            return;
+          return;
         }
         event.preventDefault();
         const mod = language.apple ? event.metaKey : event.ctrlKey;
-        const href = anchor.getAttribute('href') ?? '';
+        const href = anchor.getAttribute("href") ?? "";
         if (!mod) {
-            return;
+          return;
         }
         if (href.startsWith(DOC_LINK_PREFIX)) {
-            feature.follow(decodeURIComponent(href.slice(DOC_LINK_PREFIX.length)), comment);
-        }
-        else if (/^(https?:|mailto:)/i.test(href)) {
-            window.open(href, '_blank', 'noopener,noreferrer');
+          feature.follow(decodeURIComponent(href.slice(DOC_LINK_PREFIX.length)), comment);
+        } else {
+          if (/^(https?:|mailto:)/i.test(href)) {
+            window.open(href, "_blank", "noopener,noreferrer");
+          }
         }
-    };
-    return (_jsxs("div", { className: "adecore-rendered-doc flex max-w-[520px] flex-col gap-1.5 py-1 font-sans text-xs/[18px] text-text select-text", onClick: follow, children: [deprecated !== undefined && (_jsxs("div", { className: "border-l-2 border-status-error pl-2 text-text-muted", children: [_jsx("span", { className: "font-medium text-status-error", children: t('language.docs.deprecated') }), deprecated.tags.some((tag) => tag.text !== '') && (_jsx(Prose, { text: deprecated.tags.map((tag) => tag.text).join(' '), language: highlighter, linkable: linkable }))] })), description !== '' && (_jsx("div", { className: "text-text", children: _jsx(Prose, { text: description, language: highlighter, linkable: linkable }) })), shown.length > 0 && (_jsx("dl", { className: "m-0 grid grid-cols-[max-content_minmax(0,1fr)] items-baseline gap-x-3 gap-y-0.5", children: shown.map((section, row) => [
-                    _jsx("dt", { className: `col-start-1 font-medium text-text-muted ${row > 0 ? 'mt-1' : ''}`, children: KNOWN.has(section.name) ? t(`language.docs.tags.${section.name}`) : `${section.name}:` }, `${section.name}:label`),
-                    ...section.tags.map((tag, index) => (_jsx(TagRow, { tag: tag, language: highlighter, linkable: linkable, spaced: row > 0 && index === 0 }, `${section.name}:${index}`)))
-                ]) }))] }));
+      };
+      $[11] = comment;
+      $[12] = feature;
+      $[13] = language.apple;
+      $[14] = t3;
+    } else {
+      t3 = $[14];
+    }
+    const follow = t3;
+    let t4;
+    if ($[15] !== description || $[16] !== highlighter || $[17] !== linkable) {
+      t4 = description !== "" && /*#__PURE__*/_jsx("div", {
+        className: "text-text",
+        children: /*#__PURE__*/_jsx(Prose, {
+          text: description,
+          language: highlighter,
+          linkable: linkable
+        })
+      });
+      $[15] = description;
+      $[16] = highlighter;
+      $[17] = linkable;
+      $[18] = t4;
+    } else {
+      t4 = $[18];
+    }
+    t2 = /*#__PURE__*/_jsxs("div", {
+      className: "adecore-rendered-doc flex max-w-[520px] flex-col gap-1.5 py-1 font-sans text-xs/[18px] text-text select-text",
+      onClick: follow,
+      children: [deprecated !== undefined && /*#__PURE__*/_jsxs("div", {
+        className: "border-l-2 border-status-error pl-2 text-text-muted",
+        children: [/*#__PURE__*/_jsx("span", {
+          className: "font-medium text-status-error",
+          children: t("language.docs.deprecated")
+        }), deprecated.tags.some(_temp4) && /*#__PURE__*/_jsx(Prose, {
+          text: deprecated.tags.map(_temp5).join(" "),
+          language: highlighter,
+          linkable: linkable
+        })]
+      }), t4, shown.length > 0 && /*#__PURE__*/_jsx("dl", {
+        className: "m-0 grid grid-cols-[max-content_minmax(0,1fr)] items-baseline gap-x-3 gap-y-0.5",
+        children: shown.map((section_1, row) => [/*#__PURE__*/_jsx("dt", {
+          className: `col-start-1 font-medium text-text-muted ${row > 0 ? "mt-1" : ""}`,
+          children: KNOWN.has(section_1.name) ? t(`language.docs.tags.${section_1.name}`) : `${section_1.name}:`
+        }, `${section_1.name}:label`), ...section_1.tags.map((tag_1, index) => /*#__PURE__*/_jsx(TagRow, {
+          tag: tag_1,
+          language: highlighter,
+          linkable: linkable,
+          spaced: row > 0 && index === 0
+        }, `${section_1.name}:${index}`))])
+      })]
+    });
+    $[2] = comment;
+    $[3] = description;
+    $[4] = feature;
+    $[5] = highlighter;
+    $[6] = language.apple;
+    $[7] = linkable;
+    $[8] = t;
+    $[9] = tags;
+    $[10] = t2;
+  } else {
+    t2 = $[10];
+  }
+  return t2;
 }
 /* Drawn again only when its comment or its links change, since every scroll of the editor draws the popups again. */
+function _temp5(tag) {
+  return tag.text;
+}
+function _temp4(tag_0) {
+  return tag_0.text !== "";
+}
+function _temp3(section_0) {
+  return section_0.name !== "deprecated";
+}
+function _temp2(section) {
+  return section.name === "deprecated";
+}
 export const RenderedDocBlock = memo(DocBlock);
 /*
  * The documentation comments the editor drew as rows, filled with their formatted text. It portals into
  * the element the editor made for each row, so the editor decides what is in view; a comment is parsed
  * only once its row is. Links in the text are followed with Cmd (Ctrl elsewhere) held, as definitions are.
  */
-export function RenderedDocs({ language }) {
-    const feature = language.renderedDocs;
-    useSyncExternalStore(feature.subscribe, feature.getVersion, feature.getVersion);
-    const linkable = feature.canFollow;
-    return (_jsx(_Fragment, { children: feature
-            .entries()
-            .map((entry) => createPortal(_jsx(RenderedDocBlock, { language: language, comment: entry.comment, parsed: entry.parsed, linkable: linkable }), entry.container, entry.id)) }));
-}
+export function RenderedDocs(t0) {
+  const $ = _c(13);
+  const {
+    language
+  } = t0;
+  const feature = language.renderedDocs;
+  let t1;
+  if ($[0] !== feature) {
+    t1 = () => feature.getEntries();
+    $[0] = feature;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const getEntries = t1;
+  let t2;
+  if ($[2] !== feature) {
+    t2 = listener => feature.subscribe(listener);
+    $[2] = feature;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const entries = useSyncExternalStore(t2, getEntries, getEntries);
+  const linkable = feature.canFollow;
+  let t3;
+  if ($[4] !== entries || $[5] !== language || $[6] !== linkable) {
+    let t4;
+    if ($[8] !== language || $[9] !== linkable) {
+      t4 = entry => createPortal(/*#__PURE__*/_jsx(RenderedDocBlock, {
+        language: language,
+        comment: entry.comment,
+        parsed: entry.parsed,
+        linkable: linkable
+      }), entry.container, entry.id);
+      $[8] = language;
+      $[9] = linkable;
+      $[10] = t4;
+    } else {
+      t4 = $[10];
+    }
+    t3 = entries.map(t4);
+    $[4] = entries;
+    $[5] = language;
+    $[6] = linkable;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  let t4;
+  if ($[11] !== t3) {
+    t4 = /*#__PURE__*/_jsx(_Fragment, {
+      children: t3
+    });
+    $[11] = t3;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  return t4;
+}

package/dist/SignatureCard.js

@@ -1,8 +1,92 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Markdown } from './Markdown.js';
+import { c as _c } from "react/compiler-runtime";
+import { Markdown } from "./Markdown.js";
 /* The signature with the parameter being typed underlined, and what is said about that parameter below it. */
-export function SignatureCard({ model }) {
-    const { label, active } = model;
-    const documentation = model.parameterDocumentation !== '' ? model.parameterDocumentation : model.documentation;
-    return (_jsxs("div", { className: "flex w-max max-w-[min(560px,calc(100vw-16px))] min-w-[240px] flex-col divide-y divide-border", children: [_jsxs("div", { className: "px-3 py-2 font-mono text-code break-words whitespace-pre-wrap text-text-muted", children: [active === null ? (label) : (_jsxs(_Fragment, { children: [label.slice(0, active.start), _jsx("span", { className: "font-semibold text-text underline decoration-2 underline-offset-2", children: label.slice(active.start, active.end) }), label.slice(active.end)] })), model.count > 1 && (_jsxs("span", { className: "ml-2 font-sans text-xs text-text-faint", children: [model.index + 1, "/", model.count] }))] }), documentation !== '' && (_jsxs("div", { className: "flex items-baseline gap-1.5 px-3 py-2 text-xs text-text-muted select-text [&_.adecore-editor-markdown]:text-xs [&_.adecore-editor-markdown_p]:m-0", children: [model.parameterName !== '' && model.parameterDocumentation !== '' && (_jsxs(_Fragment, { children: [_jsx("span", { className: "shrink-0 font-semibold text-text", children: model.parameterName }), _jsx("span", { "aria-hidden": true, children: "\u00B7" })] })), _jsx("div", { className: "min-w-0", children: _jsx(Markdown, { text: documentation }) })] }))] }));
-}
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export function SignatureCard(t0) {
+  const $ = _c(16);
+  const {
+    model
+  } = t0;
+  const {
+    label,
+    active
+  } = model;
+  const documentation = model.parameterDocumentation !== "" ? model.parameterDocumentation : model.documentation;
+  let t1;
+  if ($[0] !== active || $[1] !== label) {
+    t1 = active === null ? label : /*#__PURE__*/_jsxs(_Fragment, {
+      children: [label.slice(0, active.start), /*#__PURE__*/_jsx("span", {
+        className: "font-semibold text-text underline decoration-2 underline-offset-2",
+        children: label.slice(active.start, active.end)
+      }), label.slice(active.end)]
+    });
+    $[0] = active;
+    $[1] = label;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[3] !== model.count || $[4] !== model.index) {
+    t2 = model.count > 1 && /*#__PURE__*/_jsxs("span", {
+      className: "ml-2 font-sans text-xs text-text-faint",
+      children: [model.index + 1, "/", model.count]
+    });
+    $[3] = model.count;
+    $[4] = model.index;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  let t3;
+  if ($[6] !== t1 || $[7] !== t2) {
+    t3 = /*#__PURE__*/_jsxs("div", {
+      className: "px-3 py-2 font-mono text-code break-words whitespace-pre-wrap text-text-muted",
+      children: [t1, t2]
+    });
+    $[6] = t1;
+    $[7] = t2;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  let t4;
+  if ($[9] !== documentation || $[10] !== model.parameterDocumentation || $[11] !== model.parameterName) {
+    t4 = documentation !== "" && /*#__PURE__*/_jsxs("div", {
+      className: "flex items-baseline gap-1.5 px-3 py-2 text-xs text-text-muted select-text [&_.adecore-editor-markdown]:text-xs [&_.adecore-editor-markdown_p]:m-0",
+      children: [model.parameterName !== "" && model.parameterDocumentation !== "" && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx("span", {
+          className: "shrink-0 font-semibold text-text",
+          children: model.parameterName
+        }), /*#__PURE__*/_jsx("span", {
+          "aria-hidden": true,
+          children: "\xB7"
+        })]
+      }), /*#__PURE__*/_jsx("div", {
+        className: "min-w-0",
+        children: /*#__PURE__*/_jsx(Markdown, {
+          text: documentation
+        })
+      })]
+    });
+    $[9] = documentation;
+    $[10] = model.parameterDocumentation;
+    $[11] = model.parameterName;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  let t5;
+  if ($[13] !== t3 || $[14] !== t4) {
+    t5 = /*#__PURE__*/_jsxs("div", {
+      className: "flex w-max max-w-[min(560px,calc(100vw-16px))] min-w-[240px] flex-col divide-y divide-border",
+      children: [t3, t4]
+    });
+    $[13] = t3;
+    $[14] = t4;
+    $[15] = t5;
+  } else {
+    t5 = $[15];
+  }
+  return t5;
+}