@adecore/editor-react 0.31.12 → 0.33.0

package/dist/ChangeReview.js

@@ -1,27 +1,78 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { useLayoutEffect, useRef } from 'react';
 import { diffSegments, emphasisOf } from './proposal-model.js';
-export function ChangeReview({ editor, selected, proposal, startLine = 1, actions, className, label }) {
-    const code = useRef(null);
-    useLayoutEffect(() => {
-        const element = code.current;
-        if (element === null) {
-            return;
-        }
-        element.replaceChildren();
-        for (const segment of diffSegments(selected, proposal, startLine)) {
-            const row = element.ownerDocument.createElement('div');
-            element.append(row);
-            editor.renderCode(row, segment.text, {
-                firstLine: segment.firstLine,
-                ...(segment.kind === 'same'
-                    ? {}
-                    : { sign: segment.kind === 'removed' ? '-' : '+', color: segment.kind === 'removed' ? '--editor-deleted' : '--editor-added' }),
-                faded: segment.kind === 'removed',
-                emphasis: emphasisOf(segment)
-            });
-        }
-        return () => element.replaceChildren();
-    }, [editor, selected, proposal, startLine]);
-    return (_jsxs("section", { className: className, "aria-label": label, children: [_jsx("div", { ref: code }), actions] }));
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function ChangeReview(t0) {
+  const $ = _c(11);
+  const {
+    editor,
+    selected,
+    proposal,
+    startLine: t1,
+    actions,
+    className,
+    label
+  } = t0;
+  const startLine = t1 === undefined ? 1 : t1;
+  const code = useRef(null);
+  let t2;
+  let t3;
+  if ($[0] !== editor || $[1] !== proposal || $[2] !== selected || $[3] !== startLine) {
+    t2 = () => {
+      const element = code.current;
+      if (element === null) {
+        return;
+      }
+      element.replaceChildren();
+      for (const segment of diffSegments(selected, proposal, startLine)) {
+        const row = element.ownerDocument.createElement("div");
+        element.append(row);
+        editor.renderCode(row, segment.text, {
+          firstLine: segment.firstLine,
+          ...(segment.kind === "same" ? {} : {
+            sign: segment.kind === "removed" ? "-" : "+",
+            color: segment.kind === "removed" ? "--editor-deleted" : "--editor-added"
+          }),
+          faded: segment.kind === "removed",
+          emphasis: emphasisOf(segment)
+        });
+      }
+      return () => element.replaceChildren();
+    };
+    t3 = [editor, selected, proposal, startLine];
+    $[0] = editor;
+    $[1] = proposal;
+    $[2] = selected;
+    $[3] = startLine;
+    $[4] = t2;
+    $[5] = t3;
+  } else {
+    t2 = $[4];
+    t3 = $[5];
+  }
+  useLayoutEffect(t2, t3);
+  let t4;
+  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = /*#__PURE__*/_jsx("div", {
+      ref: code
+    });
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  let t5;
+  if ($[7] !== actions || $[8] !== className || $[9] !== label) {
+    t5 = /*#__PURE__*/_jsxs("section", {
+      className: className,
+      "aria-label": label,
+      children: [t4, actions]
+    });
+    $[7] = actions;
+    $[8] = className;
+    $[9] = label;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  return t5;
+}

package/dist/CodeAuthorsCard.js

@@ -1,26 +1,326 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { GitCommitHorizontal, User, Users } from 'lucide-react';
 import { Button, Icon, Popover, Separator, Tooltip, useNow } from '@adecore/ui';
 import { formatAge, formatNumber } from '@adecore/ui/format';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const MINUTE_MS = 60_000;
 /* The newest commit that touched the declaration. Its clock ticks here, so a minute redraws this block and not the card. */
-export function LatestCommit({ commit }) {
-    const { t } = useTranslation('editor');
-    const now = useNow(MINUTE_MS);
-    return (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "text-text-muted", children: t('language.codeVision.latest') }), _jsx("span", { className: "text-text select-text", children: commit.summary }), _jsxs("span", { className: "flex items-center gap-1.5 text-text-muted", children: [_jsx("span", { className: "font-mono select-text", children: commit.shortHash }), _jsx("span", { className: "min-w-0 truncate", children: commit.author }), _jsx("span", { className: "shrink-0", children: formatAge(commit.at * 1000, now) })] })] }));
+export function LatestCommit(t0) {
+  const $ = _c(23);
+  const {
+    commit
+  } = t0;
+  const {
+    t
+  } = useTranslation("editor");
+  const now = useNow(MINUTE_MS);
+  let t1;
+  if ($[0] !== t) {
+    t1 = t("language.codeVision.latest");
+    $[0] = t;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== t1) {
+    t2 = /*#__PURE__*/_jsx("span", {
+      className: "text-text-muted",
+      children: t1
+    });
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== commit.summary) {
+    t3 = /*#__PURE__*/_jsx("span", {
+      className: "text-text select-text",
+      children: commit.summary
+    });
+    $[4] = commit.summary;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== commit.shortHash) {
+    t4 = /*#__PURE__*/_jsx("span", {
+      className: "font-mono select-text",
+      children: commit.shortHash
+    });
+    $[6] = commit.shortHash;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  let t5;
+  if ($[8] !== commit.author) {
+    t5 = /*#__PURE__*/_jsx("span", {
+      className: "min-w-0 truncate",
+      children: commit.author
+    });
+    $[8] = commit.author;
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  const t6 = commit.at * 1000;
+  let t7;
+  if ($[10] !== now || $[11] !== t6) {
+    t7 = formatAge(t6, now);
+    $[10] = now;
+    $[11] = t6;
+    $[12] = t7;
+  } else {
+    t7 = $[12];
+  }
+  let t8;
+  if ($[13] !== t7) {
+    t8 = /*#__PURE__*/_jsx("span", {
+      className: "shrink-0",
+      children: t7
+    });
+    $[13] = t7;
+    $[14] = t8;
+  } else {
+    t8 = $[14];
+  }
+  let t9;
+  if ($[15] !== t4 || $[16] !== t5 || $[17] !== t8) {
+    t9 = /*#__PURE__*/_jsxs("span", {
+      className: "flex items-center gap-1.5 text-text-muted",
+      children: [t4, t5, t8]
+    });
+    $[15] = t4;
+    $[16] = t5;
+    $[17] = t8;
+    $[18] = t9;
+  } else {
+    t9 = $[18];
+  }
+  let t10;
+  if ($[19] !== t2 || $[20] !== t3 || $[21] !== t9) {
+    t10 = /*#__PURE__*/_jsxs("div", {
+      className: "flex flex-col gap-1",
+      children: [t2, t3, t9]
+    });
+    $[19] = t2;
+    $[20] = t3;
+    $[21] = t9;
+    $[22] = t10;
+  } else {
+    t10 = $[22];
+  }
+  return t10;
 }
 /*
  * Who wrote a declaration, by lines, and the newest commit that touched it. It opens beside the entry that
  * was pressed and closes on Escape or a press anywhere else; Escape hands the keyboard back to the editor.
  */
-export function CodeAuthorsCard({ language, view }) {
-    const { t } = useTranslation('editor');
-    const { authors, uncommittedLines, latest } = view.authorship;
-    const anchor = useMemo(() => {
-        const { left, top, right, bottom } = view.anchor;
-        return { getBoundingClientRect: () => new DOMRect(left, top, right - left, bottom - top) };
-    }, [view.anchor]);
-    return (_jsx(Popover.Root, { open: true, onOpenChange: (open, details) => !open && language.codeVision.closeAuthors(details.reason === 'escape-key'), children: _jsxs(Popover.Popup, { anchor: anchor, side: "bottom", align: "start", sideOffset: 4, className: "flex w-72 flex-col gap-2 p-3 text-xs", children: [_jsxs(Popover.Title, { className: "flex items-center gap-1.5 font-medium text-text", children: [_jsx(Icon, { icon: authors.length > 1 ? Users : User, size: 14, className: "shrink-0 text-text-muted" }), _jsx("span", { className: "min-w-0 truncate", children: view.name })] }), _jsxs("ul", { className: "flex flex-col gap-1", children: [authors.map((author) => (_jsxs("li", { className: "flex items-baseline gap-2", children: [_jsx(Tooltip, { label: author.email, children: _jsx("span", { className: "min-w-0 grow truncate text-text", children: author.name }) }), _jsx("span", { className: "shrink-0 text-text-muted", children: t('language.codeVision.lines', { count: author.lines, formatted: formatNumber(author.lines) }) })] }, author.name))), uncommittedLines > 0 && (_jsxs("li", { className: "flex items-baseline gap-2 text-text-muted", children: [_jsx("span", { className: "min-w-0 grow truncate", children: t('language.codeVision.uncommitted') }), _jsx("span", { className: "shrink-0", children: t('language.codeVision.lines', { count: uncommittedLines, formatted: formatNumber(uncommittedLines) }) })] }))] }), latest !== null && (_jsxs(_Fragment, { children: [_jsx(Separator, {}), _jsx(LatestCommit, { commit: latest }), view.openCommit !== null && (_jsx("div", { className: "flex justify-end", children: _jsx(Popover.Close, { render: _jsxs(Button, { size: "xs", variant: "secondary", onClick: view.openCommit, children: [_jsx(Icon, { icon: GitCommitHorizontal, size: 14 }), t('language.codeVision.showCommit')] }) }) }))] }))] }) }));
-}
+export function CodeAuthorsCard(t0) {
+  const $ = _c(37);
+  const {
+    language,
+    view
+  } = t0;
+  const {
+    t
+  } = useTranslation("editor");
+  const {
+    authors,
+    uncommittedLines,
+    latest
+  } = view.authorship;
+  const {
+    left,
+    top,
+    right,
+    bottom
+  } = view.anchor;
+  let t1;
+  if ($[0] !== bottom || $[1] !== left || $[2] !== right || $[3] !== top) {
+    t1 = {
+      getBoundingClientRect: () => new DOMRect(left, top, right - left, bottom - top)
+    };
+    $[0] = bottom;
+    $[1] = left;
+    $[2] = right;
+    $[3] = top;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  const anchor = t1;
+  let t2;
+  if ($[5] !== language) {
+    t2 = (open, details) => !open && language.codeVision.closeAuthors(details.reason === "escape-key");
+    $[5] = language;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  const t3 = authors.length > 1 ? Users : User;
+  let t4;
+  if ($[7] !== t3) {
+    t4 = /*#__PURE__*/_jsx(Icon, {
+      icon: t3,
+      size: 14,
+      className: "shrink-0 text-text-muted"
+    });
+    $[7] = t3;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  let t5;
+  if ($[9] !== view.name) {
+    t5 = /*#__PURE__*/_jsx("span", {
+      className: "min-w-0 truncate",
+      children: view.name
+    });
+    $[9] = view.name;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  let t6;
+  if ($[11] !== t4 || $[12] !== t5) {
+    t6 = /*#__PURE__*/_jsxs(Popover.Title, {
+      className: "flex items-center gap-1.5 font-medium text-text",
+      children: [t4, t5]
+    });
+    $[11] = t4;
+    $[12] = t5;
+    $[13] = t6;
+  } else {
+    t6 = $[13];
+  }
+  let t7;
+  if ($[14] !== authors || $[15] !== t) {
+    let t8;
+    if ($[17] !== t) {
+      t8 = author => /*#__PURE__*/_jsxs("li", {
+        className: "flex items-baseline gap-2",
+        children: [/*#__PURE__*/_jsx(Tooltip, {
+          label: author.email,
+          children: /*#__PURE__*/_jsx("span", {
+            className: "min-w-0 grow truncate text-text",
+            children: author.name
+          })
+        }), /*#__PURE__*/_jsx("span", {
+          className: "shrink-0 text-text-muted",
+          children: t("language.codeVision.lines", {
+            count: author.lines,
+            formatted: formatNumber(author.lines)
+          })
+        })]
+      }, author.name);
+      $[17] = t;
+      $[18] = t8;
+    } else {
+      t8 = $[18];
+    }
+    t7 = authors.map(t8);
+    $[14] = authors;
+    $[15] = t;
+    $[16] = t7;
+  } else {
+    t7 = $[16];
+  }
+  let t8;
+  if ($[19] !== t || $[20] !== uncommittedLines) {
+    t8 = uncommittedLines > 0 && /*#__PURE__*/_jsxs("li", {
+      className: "flex items-baseline gap-2 text-text-muted",
+      children: [/*#__PURE__*/_jsx("span", {
+        className: "min-w-0 grow truncate",
+        children: t("language.codeVision.uncommitted")
+      }), /*#__PURE__*/_jsx("span", {
+        className: "shrink-0",
+        children: t("language.codeVision.lines", {
+          count: uncommittedLines,
+          formatted: formatNumber(uncommittedLines)
+        })
+      })]
+    });
+    $[19] = t;
+    $[20] = uncommittedLines;
+    $[21] = t8;
+  } else {
+    t8 = $[21];
+  }
+  let t9;
+  if ($[22] !== t7 || $[23] !== t8) {
+    t9 = /*#__PURE__*/_jsxs("ul", {
+      className: "flex flex-col gap-1",
+      children: [t7, t8]
+    });
+    $[22] = t7;
+    $[23] = t8;
+    $[24] = t9;
+  } else {
+    t9 = $[24];
+  }
+  let t10;
+  if ($[25] !== latest || $[26] !== t || $[27] !== view.openCommit) {
+    t10 = latest !== null && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Separator, {}), /*#__PURE__*/_jsx(LatestCommit, {
+        commit: latest
+      }), view.openCommit !== null && /*#__PURE__*/_jsx("div", {
+        className: "flex justify-end",
+        children: /*#__PURE__*/_jsx(Popover.Close, {
+          render: /*#__PURE__*/_jsxs(Button, {
+            size: "xs",
+            variant: "secondary",
+            onClick: view.openCommit,
+            children: [/*#__PURE__*/_jsx(Icon, {
+              icon: GitCommitHorizontal,
+              size: 14
+            }), t("language.codeVision.showCommit")]
+          })
+        })
+      })]
+    });
+    $[25] = latest;
+    $[26] = t;
+    $[27] = view.openCommit;
+    $[28] = t10;
+  } else {
+    t10 = $[28];
+  }
+  let t11;
+  if ($[29] !== anchor || $[30] !== t10 || $[31] !== t6 || $[32] !== t9) {
+    t11 = /*#__PURE__*/_jsxs(Popover.Popup, {
+      anchor: anchor,
+      side: "bottom",
+      align: "start",
+      sideOffset: 4,
+      className: "flex w-72 flex-col gap-2 p-3 text-xs",
+      children: [t6, t9, t10]
+    });
+    $[29] = anchor;
+    $[30] = t10;
+    $[31] = t6;
+    $[32] = t9;
+    $[33] = t11;
+  } else {
+    t11 = $[33];
+  }
+  let t12;
+  if ($[34] !== t11 || $[35] !== t2) {
+    t12 = /*#__PURE__*/_jsx(Popover.Root, {
+      open: true,
+      onOpenChange: t2,
+      children: t11
+    });
+    $[34] = t11;
+    $[35] = t2;
+    $[36] = t12;
+  } else {
+    t12 = $[36];
+  }
+  return t12;
+}