code-node-graph 0.5.0__tar.gz → 0.6.0__tar.gz

{code_node_graph-0.5.0 → code_node_graph-0.6.0}/CHANGELOG.md

@@ -4,6 +4,19 @@ Every change a user would notice, newest first ([Keep a Changelog](https://keepa
 follow [Semantic Versioning](https://semver.org/); before 1.0, a minor version may change what a command does.
 ## [Unreleased]
 
+## [0.6.0] - 2026-10-20
+
+### Changed
+
+- A function's code panel says beside each line who changed it last and how long ago ("Asha · 3d"), with a bar
+  that's darker the newer the line and amber for a line not committed yet. Its last row says when the function was
+  last changed, by whom, in which commit, and how many commits and people it comes from; point at a line and it says
+  that line's commit instead. The gear by × opens the panel's settings, where the history can be turned off; the
+  page remembers that. The panel's head is plainer: the name, then what it is, where, and a link to open it in your
+  editor, without the def repeated over the code.
+- Code on the page is set in Cascadia Code when it's installed, before Cascadia Mono and the system's monospace
+  font, and the docs site's code is in Cascadia Code instead of IBM Plex Mono.
+
 ## [0.5.0] - 2026-10-20
 
 ### Added
@@ -212,7 +225,8 @@ follow [Semantic Versioning](https://semver.org/); before 1.0, a minor version m
 - `--platform NAME` runs a platform's checks whatever the entry point is; `--lambda` is short for
   `--platform lambda`. `EntryPoint.is_lambda` and `PageOptions.is_lambda` are now `platform` (`"lambda"` or `""`).
 
-[Unreleased]: https://github.com/utkarsh5026/code-node/compare/v0.5.0...HEAD
+[Unreleased]: https://github.com/utkarsh5026/code-node/compare/v0.6.0...HEAD
+[0.6.0]: https://github.com/utkarsh5026/code-node/compare/v0.5.0...v0.6.0
 [0.5.0]: https://github.com/utkarsh5026/code-node/compare/v0.4.0...v0.5.0
 [0.4.0]: https://github.com/utkarsh5026/code-node/compare/v0.3.0...v0.4.0
 [0.3.0]: https://github.com/utkarsh5026/code-node/compare/v0.2.0...v0.3.0

{code_node_graph-0.5.0 → code_node_graph-0.6.0}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.5
 Name: code-node-graph
-Version: 0.5.0
+Version: 0.6.0
 Summary: See how Python code works without running it: a graph of who calls whom from an entry point, and what each path reaches.
 Project-URL: Homepage, https://github.com/utkarsh5026/code-node
 Project-URL: Documentation, https://utkarsh5026.github.io/code-node/

{code_node_graph-0.5.0 → code_node_graph-0.6.0}/src/code_node/__init__.py

@@ -13,7 +13,7 @@ from .libraries import Library, register_library
 from .platforms import Platform, get_platform, register_platform
 from .project import EntryPoint, Project, entry_points, read_project
 
-__version__ = "0.5.0"
+__version__ = "0.6.0"
 
 __all__ = [
     "CodeGraph",

{code_node_graph-0.5.0 → code_node_graph-0.6.0}/src/code_node/analysis/model.py

@@ -204,6 +204,8 @@ class History:
     first: int  # when the oldest of them was made (about when the function was written), in seconds since 1970
     uncommitted: int  # its lines changed since the last commit
     now: int  # when this was read, for 'three days ago'
+    lines: dict[int, Commit | None] = field(default_factory=dict)  # each of its lines -> the commit it comes from,
+    # None for one changed since the last commit
 
     def ago(self, time: int) -> str:
         """
@@ -216,6 +218,16 @@ class History:
                 return f"{count} {unit}{'' if count == 1 else 's'} ago"
         return "today"
 
+    def since(self, time: int) -> str:
+        """
+        The same, short, for beside a line: 'today', '3d', '2w', '5mo', '1y'.
+        """
+        days = max(0, self.now - time) // 86_400
+        for size, unit in ((365, "y"), (30, "mo"), (7, "w"), (1, "d")):
+            if days >= size:
+                return f"{days // size}{unit}"
+        return "today"
+
 
 @dataclass
 class CodeFunction:

{code_node_graph-0.5.0 → code_node_graph-0.6.0}/src/code_node/history.py

@@ -1,6 +1,7 @@
 """
 What git says about the functions a map shows: `git blame` on the lines of each one, once per file, for the commit
-that last changed it, how many commits and people its lines come from, and the lines changed since the last commit.
+that last changed it, how many commits and people its lines come from, the lines changed since the last commit, and
+the commit each line comes from.
 
 git is run on the folder, never the code in it, and only to read: blame with no text conversion and no file system
 monitor. A folder whose own git config names a filter command (one git would run on the files) isn't read at all.
@@ -98,12 +99,14 @@ def _history(blamed: dict[int, tuple[str, dict[str, str]]], start: int, end: int
     commits: dict[str, Commit] = {}
     by_author: Counter[str] = Counter()
     uncommitted = 0
+    lines: dict[int, Commit | None] = {}
     for k in range(start, end + 1):
         if k not in blamed:
             continue
         sha, said = blamed[k]
         if sha == _UNCOMMITTED:
             uncommitted += 1
+            lines[k] = None
             continue
         if sha not in commits:
             commits[sha] = Commit(
@@ -114,6 +117,7 @@ def _history(blamed: dict[int, tuple[str, dict[str, str]]], start: int, end: int
                 page.format(sha) if page else "",
             )
         by_author[commits[sha].author] += 1
+        lines[k] = commits[sha]
     last = max(commits.values(), key=lambda c: c.time, default=None)
     return History(
         last=last,
@@ -122,6 +126,7 @@ def _history(blamed: dict[int, tuple[str, dict[str, str]]], start: int, end: int
         first=min((c.time for c in commits.values()), default=0),
         uncommitted=uncommitted,
         now=now,
+        lines=lines,
     )
 
 

code_node_graph-0.6.0/src/code_node/report/changes.py

@@ -0,0 +1,116 @@
+"""
+What git says about a function, as HTML: who changed it last and when, with a link to the commit when the repository
+is on GitHub or GitLab, how many commits and people its lines come from, and its lines not committed yet. The same
+in the graph's hover card and the walk's card, and in the graph's panel line by line, beside its code.
+"""
+
+from __future__ import annotations
+
+from datetime import datetime, timezone
+
+from ..kit.text import _esc
+
+from ..analysis.model import Commit, History
+
+
+def history_html(history: History | None, short: bool = False) -> str:
+    """
+    The function's history as a few lines, or '' without one. short: the last change alone, for a hover card.
+    """
+    if history is None or not (history.last or history.uncommitted):
+        return ""
+    said = []
+    last = history.last
+    if last:
+        day = datetime.fromtimestamp(last.time, timezone.utc).strftime("%Y-%m-%d")
+        sha = f"<code>{_esc(last.short)}</code>"
+        if last.url and not short:
+            sha = f'<a href="{_esc(last.url)}" target="_blank" rel="noopener" title="The commit">{sha} ↗</a>'
+        said.append(
+            f'Last changed <b title="{day}">{_esc(history.ago(last.time))}</b> by {_esc(last.author)} in {sha}'
+            + (f": <q>{_esc(last.subject)}</q>" if last.subject else "")
+        )
+        if history.commits > 1 and not short:
+            people = f"{len(history.authors)} people" if len(history.authors) > 1 else _esc(history.authors[0])
+            said.append(
+                f"Its lines come from {history.commits} commits by {people}, the oldest "
+                f"{_esc(history.ago(history.first))}"
+            )
+    if history.uncommitted:
+        changed = f"{history.uncommitted} line{'' if history.uncommitted == 1 else 's'} changed since the last commit"
+        said.append(f'<span class="cnhu">{changed if last else "Not committed yet"}</span>')
+    return '<div class="cnh">' + "".join(f"<p>{line}</p>" for line in said) + "</div>"
+
+
+_AGES = 4  # shades of a line's bar, oldest to newest
+
+
+def blame_keys(history: History) -> dict[str, int]:
+    """
+    The commits its lines come from, oldest first, each with its place in that order: what a line's mark names to
+    find its commit in the panel's last row.
+    """
+    commits = {c.sha: c for c in history.lines.values() if c}
+    return {sha: k for k, sha in enumerate(sorted(commits, key=lambda sha: (commits[sha].time, sha)))}
+
+
+def blame_mark(history: History, line: int, keys: dict[str, int], same: bool) -> str:
+    """
+    What goes beside a line of the panel's code: who changed it last and how long ago (left out when the line above
+    says the same, same), over a bar darker the newer the line, amber for one not committed yet. Pointing at it says
+    the commit; '' for a line blame didn't cover, so the code stays in line.
+    """
+    if line not in history.lines:
+        return '<span class="sb"></span>'
+    commit = history.lines[line]
+    if commit is None:
+        return (
+            f'<span class="sb au{" same" if same else ""}" data-k="u" title="Changed since the last commit">'
+            "<span>Uncommitted</span></span>"
+        )
+    k = keys[commit.sha]
+    shade = _AGES - 1 if len(keys) == 1 else round(k * (_AGES - 1) / (len(keys) - 1))
+    said = f"{commit.subject} · {commit.author}, {history.ago(commit.time)} · {commit.short}"
+    return (
+        f'<span class="sb a{shade}{" same" if same else ""}" data-k="{k}" title="{_esc(said)}">'
+        f"<span>{_esc(commit.author.split(' ')[0] or commit.author)} · {_esc(history.since(commit.time))}</span></span>"
+    )
+
+
+def blame_row(history: History, keys: dict[str, int]) -> str:
+    """
+    The panel's last row: when its code was last changed and by whom, then hidden, a row for each commit its lines come
+    from, which a script shows in its place while a line from that commit is pointed at.
+    """
+
+    def sha(commit: Commit) -> str:
+        short = f"<code>{_esc(commit.short)}</code>"
+        if not commit.url:
+            return f'<span class="csfh">{short}</span>'
+        return (
+            f'<a class="csfh" href="{_esc(commit.url)}" target="_blank" rel="noopener" title="The commit">{short}</a>'
+        )
+
+    last = history.last
+    if last:
+        day = datetime.fromtimestamp(last.time, timezone.utc).strftime("%Y-%m-%d")
+        said = f'Changed <b title="{day}">{_esc(history.ago(last.time))}</b> by {_esc(last.author)}'
+        if history.commits > 1:
+            people = len(history.authors)
+            said += f" · {history.commits} commits" + (f" by {people} people" if people > 1 else "")
+    else:
+        said = "Not committed yet"
+    if history.uncommitted and last:
+        lines = f"{history.uncommitted} line{'' if history.uncommitted == 1 else 's'}"
+        said += f' · <span class="cnhu">{lines} not committed</span>'
+    rows = [f'<p class="csfs"><span>{said}</span>{sha(last) if last else ""}</p>']
+    commits = {c.sha: c for c in history.lines.values() if c}
+    for found, k in keys.items():
+        commit = commits[found]
+        rows.append(
+            f'<p data-k="{k}" hidden><span><b>{_esc(commit.subject or commit.short)}</b> · {_esc(commit.author)}, '
+            f"{_esc(history.ago(commit.time))}</span>{sha(commit)}</p>"
+        )
+    if history.uncommitted:
+        rows.append('<p data-k="u" hidden><span class="cnhu">Changed since the last commit</span></p>')
+    return f'<div class="csf">{"".join(rows)}</div>'

{code_node_graph-0.5.0 → code_node_graph-0.6.0}/src/code_node/report/graph.py

@@ -19,7 +19,7 @@ from ..kit.text import _esc
 
 from ..analysis.findings import _short_name
 from ..analysis.graph import CodeGraph, GraphEdge, GraphNode, GraphView
-from .changes import history_html
+from .changes import blame_keys, blame_mark, blame_row, history_html
 from .brands import AWS_LOGOS, SERVICE_LOGOS, fills, logo, small_logo
 from .editor import editor_name, open_at
 from .style import _ROOT
@@ -1131,6 +1131,18 @@ _G_PANEL_KINDS = {
 }
 
 
+_G_GEAR = (  # the panel's settings
+    '<svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.8" '
+    'stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="3"/>'
+    '<path d="M19.4 15a1.7 1.7 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-1.8-.3 1.7 1.7 0 0 0-1 1.5V21'
+    "a2 2 0 1 1-4 0v-.1a1.7 1.7 0 0 0-1.1-1.5 1.7 1.7 0 0 0-1.8.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.7 1.7 0 0 0 .3-1.8 "
+    "1.7 1.7 0 0 0-1.5-1H3a2 2 0 1 1 0-4h.1a1.7 1.7 0 0 0 1.5-1.1 1.7 1.7 0 0 0-.3-1.8l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1"
+    "a1.7 1.7 0 0 0 1.8.3H9a1.7 1.7 0 0 0 1-1.5V3a2 2 0 1 1 4 0v.1a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.8-.3l.1-.1"
+    'a2 2 0 1 1 2.8 2.8l-.1.1a1.7 1.7 0 0 0-.3 1.8V9a1.7 1.7 0 0 0 1.5 1H21a2 2 0 1 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1z"/>'
+    "</svg>"
+)
+
+
 def _g_panel_id(n: GraphNode) -> str:
     return f"cn-code-{n.id}"
 
@@ -1146,9 +1158,12 @@ def _g_panel(n: GraphNode, lines_of: Callable[[str], list[str]], editor: str = "
     """
     A box's code, in a panel that slides in from the right when the box is clicked (its id, panel or the box's own, is
     the link's target, so it's CSS's :target that opens it): what the box is, then each place it's about with its
-    lines numbered, the lines worth pointing at lit. '' when none of its code is in the files read.
+    lines numbered, the lines worth pointing at lit. A function's lines each say who changed them last and when, and
+    its last row what git says about it, when the folder is in git. '' when none of its code is in the files read.
     """
-    shown, lit_any = [], False
+    history = n.history if n.history and n.history.lines else None
+    keys = blame_keys(history) if history else {}
+    places = []  # (file, first line, last line, lines left out, the editor's link, its rows)
     for span in n.code[:_G_PANEL_SPANS]:
         lines = lines_of(span.file)
         start, end = max(1, span.start), min(len(lines), span.end)
@@ -1163,48 +1178,66 @@ def _g_panel(n: GraphNode, lines_of: Callable[[str], list[str]], editor: str = "
             continue
         more = end - start + 1 - _G_PANEL_LINES
         end = min(end, start + _G_PANEL_LINES - 1)
-        lit_any |= any(start <= k <= end for k in span.lit)
-        rows = "".join(
-            f'<span class="sl{" lit" if k in span.lit else ""}"><span class="sn">{k}</span>{lines[k - 1]}</span>'
-            for k in range(start, end + 1)
-        )
-        where = f"line {start}" if start == end else f"lines {start}–{end}"
-        href = open_at(editor, span.file, min(span.lit, default=start))
-        link = (
-            f' <a class="ced" href="{_esc(href)}" title="Open it in {_esc(editor_name(editor))}">open ↗</a>'
-            if href
-            else ""
-        )
+        rows, above = [], ""
+        for k in range(start, end + 1):
+            mark = ""
+            if history:
+                commit = history.lines.get(k)
+                said = commit.sha if commit else "u" if k in history.lines else ""  # the commit, to say it once a run
+                mark = blame_mark(history, k, keys, bool(said) and said == above)
+                above = said
+            rows.append(
+                f'<span class="sl{" lit" if k in span.lit else ""}">{mark}<span class="sn">{k}</span>'
+                f'<span class="sc">{lines[k - 1]}</span></span>'
+            )
+        places.append((span.file, start, end, more, open_at(editor, span.file, min(span.lit, default=start)), rows))
+    if not places:
+        return ""
+
+    def opens(href: str) -> str:
+        return f'<a class="ced" href="{_esc(href)}">Open in {_esc(editor_name(editor))}</a>' if href else ""
+
+    shown = []
+    for file, start, end, more, href, rows in places:
+        if len(places) > 1:  # one place is in the panel's head
+            where = f"line {start}" if start == end else f"lines {start}–{end}"
+            shown.append(f'<div class="csw">{_esc(file)} <span>{where}</span>{opens(href)}</div>')
         shown.append(
-            f'<div class="csw">{_esc(span.file)} <span>{where}</span>{link}</div>'
-            f'<pre class="csc">{rows}</pre>'
+            f'<pre class="csc{" blame" if history else ""}">{"".join(rows)}</pre>'
             + (f'<div class="csm">+{_plural(more, "more line")}</div>' if more > 0 else "")
         )
-    if not shown:
-        return ""
     rest = len(n.code) - _G_PANEL_SPANS
     if rest > 0:
         shown.append(f'<div class="csm">+{_plural(rest, "more place")}: the tables below list them all</div>')
-    said = "".join(  # not the calls this graph leaves out: a function's panel is the same in every graph it's in
-        f'<p class="csd">{_prose(line)}</p>'
-        for line in (n.tip or "").split("\n")
-        if line and not (n.more and line.startswith("It calls ") and "the graph leaves out" in line)
-    )
-    if lit_any:
-        said += (
-            '<p class="csd csl">The lit lines are where it calls, reads or sends what its arrows show.</p>'
-            if n.kind in ("handler", "function", "start")
-            else '<p class="csd csl">The lit lines are where the code uses it.</p>'
+    mono = n.kind in ("handler", "function")
+    said = []
+    for line in (n.tip or "").split("\n"):
+        if not line or (n.more and line.startswith("It calls ") and "the graph leaves out" in line):
+            continue  # not the calls this graph leaves out: a function's panel is the same in every graph it's in
+        if mono and not said:  # 'name(args) in file, 3 lines: its doc': its def is the code's first line
+            head = re.fullmatch(r".+? in .+?, \d+ lines?(?:: (.*))?", line)
+            if head:
+                line = head.group(1) or ""
+        if line:
+            said.append(f'<p class="csd">{_prose(line)}</p>')
+    about = [_esc(_G_PANEL_KINDS.get(n.kind, n.kind))] + ([_esc(n.sub)] if n.sub else [])
+    if len(places) == 1 and places[0][4]:
+        about.append(opens(places[0][4]))
+    key = panel or _g_panel_id(n)
+    opens_bar = bar = gear = ""
+    if history:  # its settings: a bar under its head that the gear opens, the checkbox before it so CSS can
+        opens_bar = f'<input type="checkbox" class="cso" id="{_esc(key)}-set" aria-label="Settings">'
+        gear = f'<label class="csx csgr" for="{_esc(key)}-set" title="Settings">{_G_GEAR}</label>'
+        bar = (
+            '<div class="csob"><label><input type="checkbox" class="csg" checked> '
+            "Who changed each line, from git</label></div>"
         )
-    said += history_html(n.history)
-    mono = " mono" if n.kind in ("handler", "function") else ""
     return (
-        f'<aside class="cside" id="{_esc(panel or _g_panel_id(n))}" aria-label="{_esc("The code of " + n.label)}">'
-        f'<div class="csh"><div class="cst"><span class="csk">{_esc(_G_PANEL_KINDS.get(n.kind, n.kind))}</span>'
-        f'<b class="csn{mono}">{_esc(n.label)}</b>'
-        + (f'<span class="css">{_esc(n.sub)}</span>' if n.sub else "")
-        + '</div><a class="csx" href="#cn-closed" aria-label="Close" title="Close">×</a></div>'
-        f"{said}{''.join(shown)}</aside>"
+        f'<aside class="cside" id="{_esc(key)}" aria-label="{_esc("The code of " + n.label)}">{opens_bar}'
+        f'<div class="csh"><div class="cst"><b class="csn{" mono" if mono else ""}">{_esc(n.label)}</b>'
+        f'<span class="css">{" · ".join(about)}</span></div>{gear}'
+        f'<a class="csx" href="#cn-closed" aria-label="Close" title="Close">×</a></div>{bar}'
+        f"{''.join(said)}{''.join(shown)}{blame_row(history, keys) if history else ''}</aside>"
     )
 
 
@@ -1446,6 +1479,27 @@ _G_SCRIPT = """<script>
     if (open && !open.contains(e.target) && !e.target.closest("a[href], label, input, .cgt")) close();
   });
   document.addEventListener("keydown", (e) => { if (e.key === "Escape") close(); });
+  // A function's code: pointing at a line puts the commit it comes from in its panel's last row, in place of what git
+  // says about all of it.
+  // Its settings, one for every panel: turning git off in one turns it off in all, and the page remembers it.
+  const blame = (on) => document.querySelectorAll(".csg").forEach((box) => { box.checked = on; });
+  try { if (localStorage.getItem("code-node.blame") === "off") blame(false); } catch (e) {}
+  document.addEventListener("change", (e) => {
+    if (!e.target.matches(".csg")) return;
+    blame(e.target.checked);
+    try { localStorage.setItem("code-node.blame", e.target.checked ? "on" : "off"); } catch (e) {}
+  });
+  let blamed = "";
+  document.addEventListener("mouseover", (e) => {
+    const mark = e.target.closest(".cside .sl")?.querySelector(".sb[data-k]");
+    const panel = mark && mark.closest(".cside"), key = mark ? mark.dataset.k : "";
+    const row = (panel || document).querySelector(".csf");
+    if (key + (panel && panel.id) === blamed) return;
+    document.querySelectorAll(".csf p").forEach((p) => {
+      p.hidden = p.closest(".csf") === row && key ? p.dataset.k !== key : p.hasAttribute("data-k");
+    });
+    blamed = key + (panel && panel.id);
+  });
   // Moving about a graph as on a canvas: drag it to pan, Ctrl or ⌘ with the wheel (or a trackpad's pinch) to zoom
   // around the pointer, and + - 0 when it has focus. A zoom of its own unchecks the bar's buttons, so the plain rule
   // (the SVG's width times --z) draws it; picking a button again takes it back. Its box keeps one size, and Fit

{code_node_graph-0.5.0 → code_node_graph-0.6.0}/src/code_node/report/style.py

@@ -31,7 +31,7 @@ FAVICON_LINK = f'<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,
 _ROOT = "cnd"  # the class around each page's HTML: its stylesheet's rules are scoped to it
 
 _EXTRA_CSS = """\
-.cnd{--mono:"Cascadia Mono","Cascadia Code",ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace}
+.cnd{--mono:"Cascadia Code","Cascadia Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace}
 .cnd code,.cnd table.t td.tree{font-family:var(--mono)}
 .cnd .wire{display:grid;grid-template-columns:minmax(0,1fr) 26px minmax(0,.9fr) 26px minmax(0,1fr);align-items:center;margin:6px 0 10px;max-width:980px}
 .cnd .wire .wc{display:flex;flex-direction:column;gap:6px;min-width:0}
@@ -280,25 +280,64 @@ _EXTRA_CSS = """\
 .cnd .cg .ctt .ctw li{margin:4px 0 0;overflow-wrap:anywhere}
 .cnd .cside{position:fixed;top:0;right:0;bottom:0;z-index:30;box-sizing:border-box;width:min(660px,94vw);overflow:auto;padding:0 20px 28px;background:var(--jp-layout-color0,var(--vscode-editor-background,Canvas));color:CanvasText;border-left:1px solid rgba(127,127,127,.3);box-shadow:-14px 0 36px rgba(15,23,42,.14);transform:translateX(104%);visibility:hidden;transition:transform .22s ease,visibility 0s linear .22s}
 .cnd .cside:target{transform:none;visibility:visible;transition:transform .22s ease}
-.cnd .cside .csh{display:flex;align-items:flex-start;gap:12px;position:sticky;top:0;z-index:1;margin:0 -20px 12px;padding:16px 20px 12px;background:var(--jp-layout-color0,var(--vscode-editor-background,Canvas));border-bottom:1px solid rgba(127,127,127,.2)}
+.cnd .cside .csh{display:flex;align-items:flex-start;gap:12px;position:sticky;top:0;z-index:1;margin:0 -20px 12px;padding:18px 18px 16px 20px;background:var(--jp-layout-color0,var(--vscode-editor-background,Canvas));border-bottom:1px solid rgba(127,127,127,.2)}
 .cnd .cside .cst{flex:1;min-width:0}
-.cnd .cside .csk{display:block;font-size:11px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;opacity:.55}
-.cnd .cside .csn{display:block;font-size:17px;font-weight:650;overflow-wrap:anywhere;margin:2px 0 1px}
-.cnd .cside .csn.mono{font:650 16px var(--mono)}
-.cnd .cside .css{font-size:12.5px;opacity:.65;overflow-wrap:anywhere}
-.cnd .cside a.csx{flex:none;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;font-size:22px;line-height:1;color:inherit;text-decoration:none;opacity:.6}
-.cnd .cside a.csx:hover,.cnd .cside a.csx:focus-visible{opacity:1;background:rgba(127,127,127,.14)}
+.cnd .cside .csn{display:block;font-size:17px;font-weight:650;overflow-wrap:anywhere;margin:0 0 3px}
+.cnd .cside .csn.mono{font:600 17px var(--mono)}
+.cnd .cside .css{display:block;font-size:12.5px;overflow-wrap:anywhere;color:color-mix(in srgb,currentColor 65%,transparent)}
+.cnd .cside .csx{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin:-4px -4px 0 0;border-radius:7px;font-size:20px;line-height:1;color:inherit;text-decoration:none;opacity:.5}
+.cnd .cside .csx:hover,.cnd .cside .csx:focus-visible{opacity:1;background:rgba(127,127,127,.14)}
+.cnd .cside .cso{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
+.cnd .cside label.csgr{cursor:pointer;margin-right:-8px}
+.cnd .cside .cso:focus-visible+.csh label.csgr{opacity:1;outline:2px solid light-dark(#2563eb,#6ea8fe)}
+.cnd .cside .cso:checked+.csh label.csgr{opacity:1;background:rgba(127,127,127,.14)}
+.cnd .cside .csob{display:none;align-items:center;gap:18px;flex-wrap:wrap;margin:-12px -20px 12px;padding:9px 20px;border-bottom:1px solid rgba(127,127,127,.2);background:rgba(127,127,127,.05);font-size:12.5px}
+.cnd .cside .cso:checked~.csob{display:flex}
+.cnd .cside .csob label{display:inline-flex;align-items:center;gap:7px;cursor:pointer}
+.cnd .cside .csob input{margin:0;accent-color:light-dark(#2563eb,#6ea8fe)}
+.cnd .cside:has(.csg:not(:checked)) :is(.sb,.csf){display:none}
+.cnd .cside:has(.csg:not(:checked)) .blame .sn{padding-left:20px}
+.cnd .cside:has(.csg:not(:checked)) .blame .sl:hover>*{background:none}
+.cnd .cside:has(.csg:not(:checked)) .blame .sl.lit>:is(.sn,.sc){background:rgba(245,158,11,.14)}
 .cnd .cside .csd{font-size:13px;line-height:1.5;margin:0 0 6px;opacity:.82;overflow-wrap:anywhere}
-.cnd .cside .csl{font-size:12px;opacity:.6}
 .cnd .cside .csw{font:12px var(--mono);margin:16px 0 5px;overflow-wrap:anywhere}
 .cnd .cside .csw span{opacity:.55}
-.cnd .cside .ced{margin-left:6px;font-family:inherit;color:light-dark(#2563eb,#60a5fa);text-decoration:none}
+.cnd .cside .csw .ced{margin-left:8px;font-family:inherit}
+.cnd .cside .ced{color:light-dark(#2563eb,#6ea8fe);text-decoration:none}
 .cnd .cside .ced:hover{text-decoration:underline}
-.cnd .cside pre.csc{margin:0;padding:8px 0;border:1px solid rgba(127,127,127,.22);border-radius:8px;overflow:auto;background:rgba(127,127,127,.04);font:12.5px/1.6 var(--mono)}
-.cnd .cside .sl{display:block;width:max-content;min-width:100%;box-sizing:border-box;padding-right:14px;white-space:pre}
-.cnd .cside .sl.lit{background:rgba(245,158,11,.16);box-shadow:inset 3px 0 #f59e0b}
-.cnd .cside .sn{display:inline-block;width:3.2em;padding-right:14px;text-align:right;opacity:.42;user-select:none;-webkit-user-select:none}
+.cnd .cside pre.csc{margin:12px -20px 0;padding:6px 0 10px;border:0;border-block:1px solid rgba(127,127,127,.2);border-radius:0;max-height:none;overflow:auto;font:12.5px/1.7 var(--mono)}
+.cnd .cside :is(.csh,.csob)+pre.csc{margin-top:-12px;border-top:0}
+.cnd .cside .sl{display:flex;width:max-content;min-width:100%}
+.cnd .cside .sn{flex:none;width:2.4em;padding:0 16px 0 20px;text-align:right;opacity:.42;user-select:none;-webkit-user-select:none}
+.cnd .cside .blame .sn{width:2.4em;padding-left:0}
+.cnd .cside .sc{flex:1;padding-right:20px;white-space:pre}
+.cnd .cside .sl.lit>:is(.sn,.sc){background:rgba(245,158,11,.14)}
+.cnd .cside .sb{flex:none;display:flex;align-items:center;gap:10px;width:112px;box-sizing:border-box;padding-left:20px;font:11.5px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;white-space:nowrap;user-select:none;-webkit-user-select:none}
+.cnd .cside .sb span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;opacity:.5}
+.cnd .cside .sb::after{content:"";flex:none;width:2px;align-self:stretch;margin-right:2px;background:var(--age)}
+.cnd .cside .sb:not(.same)::after{margin-top:3px}
+.cnd .cside .sl:first-child .sb::after{margin-top:0}
+.cnd .cside .sb.same span{visibility:hidden}
+.cnd .cside .sb.a0{--age:color-mix(in srgb,light-dark(#3b6fe0,#6ea8fe) 18%,transparent)}
+.cnd .cside .sb.a1{--age:color-mix(in srgb,light-dark(#3b6fe0,#6ea8fe) 45%,transparent)}
+.cnd .cside .sb.a2{--age:color-mix(in srgb,light-dark(#3b6fe0,#6ea8fe) 72%,transparent)}
+.cnd .cside .sb.a3{--age:light-dark(#3b6fe0,#6ea8fe)}
+.cnd .cside .sb.au{--age:light-dark(#c2680c,#f2b441)}
+.cnd .cside .sb.au span{color:light-dark(#c2680c,#f2b441);opacity:1}
+.cnd .cside .blame .sl:hover>*{background:rgba(127,127,127,.09)}
+.cnd .cside .blame .sl.lit:hover>:is(.sn,.sc){background:rgba(245,158,11,.22)}
+.cnd .cside .blame .sl:hover .sb span{visibility:visible;opacity:.9}
 .cnd .cside .csm{font-size:12px;font-style:italic;opacity:.6;margin:6px 2px 0}
+.cnd .cside .csf{position:sticky;bottom:-28px;z-index:1;margin:0 -20px -28px;padding:11px 20px;background:var(--jp-layout-color0,var(--vscode-editor-background,Canvas));font-size:12.5px}
+.cnd .cside .csf p{margin:0}
+.cnd .cside .csf p:not([hidden]){display:flex;align-items:baseline;gap:12px}
+.cnd .cside .csf p>span:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:color-mix(in srgb,currentColor 70%,transparent)}
+.cnd .cside .csf b{font-weight:600}
+.cnd .cside .csf .csfh{flex:none;color:light-dark(#2563eb,#6ea8fe);text-decoration:none}
+.cnd .cside .csf a.csfh:hover{text-decoration:underline}
+.cnd .cside .csf span.csfh{color:inherit;opacity:.6}
+.cnd .cside .csf code{font:12px var(--mono);background:none;padding:0}
+.cnd .cside .cnhu{color:light-dark(#b45309,#fbbf24)}
 @media (prefers-reduced-motion:reduce){.cnd .cside,.cnd .cside:target{transition:none}}
 .cnd .tabs{position:relative;margin:0 0 8px}
 .cnd .tbar{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;align-items:flex-end;gap:2px;padding-top:6px;margin:0 0 18px;border-bottom:1px solid rgba(127,127,127,.22);background:var(--jp-layout-color0,var(--vscode-editor-background,Canvas))}

{code_node_graph-0.5.0 → code_node_graph-0.6.0}/tests/test_code_node.py

@@ -383,8 +383,12 @@ def test_each_function_says_what_git_says_about_it(tmp_path: Path) -> None:
     assert main([str(root), "--no-open", "-o", str(out)]) == 0
     page = out.read_text()
     assert "by Ben in" in page and f'href="{load.last.url}"' in page and "2 lines changed since the last commit" in page
+    # the code's panel says beside each line who changed it, and in its last row what git says about all of it
+    assert '<pre class="csc blame">' in page and ">Ben · " in page and '<span class="sb au" data-k="u"' in page
+    assert "commits by 2 people" in page and 'class="csg" checked' in page
+    assert handler.lines and None in handler.lines.values() and load.lines[min(load.lines)] is not None
     assert main([str(root), "--no-open", "--no-git", "-o", str(out)]) == 0
-    assert "Last changed" not in out.read_text()
+    assert "Last changed" not in out.read_text() and 'class="csg"' not in out.read_text()
     # a folder not in git, or whose own config would have git run a filter, has no history
     assert read_history(write(tmp_path / "plain", {"app.py": HANDLER}), cmap.functions[:1]) == 0
     subprocess.run(["git", "-C", str(root), "config", "filter.x.clean", "touch ran"], check=True)

code_node_graph-0.5.0/src/code_node/report/changes.py

@@ -1,42 +0,0 @@
-"""
-What git says about a function, as HTML: who changed it last and when, with a link to the commit when the repository
-is on GitHub or GitLab, how many commits and people its lines come from, and its lines not committed yet. The same
-in the graph's panel, its hover card and the walk's card.
-"""
-
-from __future__ import annotations
-
-from datetime import datetime, timezone
-
-from ..kit.text import _esc
-
-from ..analysis.model import History
-
-
-def history_html(history: History | None, short: bool = False) -> str:
-    """
-    The function's history as a few lines, or '' without one. short: the last change alone, for a hover card.
-    """
-    if history is None or not (history.last or history.uncommitted):
-        return ""
-    said = []
-    last = history.last
-    if last:
-        day = datetime.fromtimestamp(last.time, timezone.utc).strftime("%Y-%m-%d")
-        sha = f"<code>{_esc(last.short)}</code>"
-        if last.url and not short:
-            sha = f'<a href="{_esc(last.url)}" target="_blank" rel="noopener" title="The commit">{sha} ↗</a>'
-        said.append(
-            f'Last changed <b title="{day}">{_esc(history.ago(last.time))}</b> by {_esc(last.author)} in {sha}'
-            + (f": <q>{_esc(last.subject)}</q>" if last.subject else "")
-        )
-        if history.commits > 1 and not short:
-            people = f"{len(history.authors)} people" if len(history.authors) > 1 else _esc(history.authors[0])
-            said.append(
-                f"Its lines come from {history.commits} commits by {people}, the oldest "
-                f"{_esc(history.ago(history.first))}"
-            )
-    if history.uncommitted:
-        changed = f"{history.uncommitted} line{'' if history.uncommitted == 1 else 's'} changed since the last commit"
-        said.append(f'<span class="cnhu">{changed if last else "Not committed yet"}</span>')
-    return '<div class="cnh">' + "".join(f"<p>{line}</p>" for line in said) + "</div>"