uml-viewer 0.1.1 → 0.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 40e9d19697570e5d421743dcdbfbc4fba58c51a2a32587d98a958ffb13aa61cf
-  data.tar.gz: 179c36b469a2a1ea647be5000398b1f1d59845d41738378fd650b332442cd606
+  metadata.gz: e7c7897682b4ff95facdeb4b758f0f4bc2a5d32cc93d2680d7d5316458854c10
+  data.tar.gz: c5be93253d3f1d591f95cb6af0c26f6cef401e118c9d7127bcb1f7de6395ebd0
 SHA512:
-  metadata.gz: d6454c33dd2ddc6f1916e882a03f72d2daa9cce8dd732fd90ad526fdc2db5c13c92448a2f4770de47625d61efaf7c8cdf91a4fc2847e333a23c25049ab8dbbbd
-  data.tar.gz: 99abfdedfa244fc31e10a2516d8222a4fdee704be15cf0764d0bd674fc94fb75da02798f23bbb2bdde919878aef044c292de896ec078e2dd87cce920eed42cd4
+  metadata.gz: 977912ea2f8c411831cc3ea2a4cfe9837c06755f378adb3587662b6bc2fb05868ab45bbfb5336cde85fa86ad792f99eda35b28eb2e45f51a9b4646acc5315dc2
+  data.tar.gz: 1b1c0ea3db83f1571134c5649b1df80c0a58999f3737e74978b39e8cf0ad0f41c5f8d75eac3a39fb03bbdd937e69e24e2a028f1e3d7209fac6bc7954ab84cd3b

data/CHANGELOG.md

@@ -4,6 +4,14 @@ All notable changes are documented here. The format is based on [Keep a Changelo
 
 ## [Unreleased]
 
+## [0.1.2] - 2026-10-23
+
+### Added
+- A box and a member name that open on a double-click show the hand cursor.
+- A hovered box gets a border in the text color, and a hovered member name gets a light background behind its line, as in the original tool.
+- A double-click beside a member name, on its line, also opens it.
+- A click on empty space closes the source panel and the class card.
+
 ## [0.1.1] - 2026-10-23
 
 ### Changed

data/README.md

@@ -18,6 +18,7 @@ uml-viewer path/to/project
 
 - Double-click a box to open it. Press `Esc` to go back.
 - Double-click a class to open its card. Click an operation to see its source.
+- Press `Esc` or click empty space to close the source panel and the class card.
 - Hover an arrow to see the class pairs behind it.
 - Right-click a box or a class to send **Explain** or **Omit** to Claude.
 

data/lib/uml/viewer/version.rb

@@ -1,5 +1,5 @@
 module Uml
   module Viewer
-    VERSION = "0.1.1"
+    VERSION = "0.1.2"
   end
 end

data/lib/uml/viewer/web/app.js

@@ -157,6 +157,7 @@
     lines.forEach((line, index) => {
       const attrs = { x: 14, y: 36 + LINE * index, class: line.more ? "more" : "member" };
       if (!line.more) Object.assign(attrs, { "data-id": line.id, "data-kind": line.kind });
+      if (!line.more) el("rect", { class: "wash", x: 6, y: attrs.y - 12, width: placed.width - 12, height: LINE, "data-id": line.id, "data-kind": line.kind }, group);
       el("text", attrs, group).textContent = line.text;
     });
   };
@@ -441,7 +442,7 @@
   }
 
   function onDoubleClick(event) {
-    const member = event.target.closest("text.member");
+    const member = event.target.closest("text.member, rect.wash");
     const box = event.target.closest("g.box");
     if (member && BOXES.includes(member.dataset.kind)) return openView(member.dataset.id);
     if (!member && box && BOXES.includes(box.dataset.type)) return openView(box.dataset.id);
@@ -458,7 +459,7 @@
   addEventListener("scroll", saveSession);
 
   svg.addEventListener("contextmenu", (event) => {
-    const member = event.target.closest("text.member");
+    const member = event.target.closest("text.member, rect.wash");
     const box = event.target.closest("g.box");
     if (!member && (!box || box.dataset.type === "foreign")) return;
     event.preventDefault();
@@ -500,6 +501,11 @@
   declutterButton.addEventListener("click", cycleDeclutter);
 
   document.addEventListener("click", (event) => { if (!menu.contains(event.target)) menu.classList.remove("open"); });
+  svg.addEventListener("click", (event) => {
+    if (event.target !== svg) return;
+    document.getElementById("source").hidden = true;
+    document.getElementById("card").hidden = true;
+  });
 
   const restore = (session) => {
     if (Array.isArray(session.drill) && session.drill.length) drill = session.drill;

data/lib/uml/viewer/web/index.html

@@ -16,10 +16,15 @@
   #banner { color: var(--red); }
   #banner:empty { display: none; }
   svg { position: absolute; top: 36px; left: 0; }
-  g.box rect, g.box ellipse { fill: var(--box); stroke: var(--line); }
+  g.box rect:not(.wash), g.box ellipse { fill: var(--box); stroke: var(--line); }
   g.box.foreign ellipse { stroke-dasharray: 4 3; }
   g.box.folder text.title { font-style: italic; }
   g.box.component rect { stroke-width: 2; }
+  g.box:not(.foreign) { cursor: pointer; }
+  g.box:not(.foreign):hover > rect:not(.wash) { stroke: var(--fg); }
+  rect.wash { fill: transparent; }
+  rect.wash:hover { fill: var(--hl); }
+  text.member { pointer-events: none; }
   text { fill: var(--fg); }
   text.level, text.more { fill: var(--muted); }
   path.arrow { fill: none; stroke: var(--line); stroke-width: 1.2; marker-end: url(#head); }

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: uml-viewer
 version: !ruby/object:Gem::Version
-  version: 0.1.1
+  version: 0.1.2
 platform: ruby
 authors:
 - Robert Hopman