ghcr-cleanup-manager-visualizer 1.1.2 → 1.1.4

package/README.md

@@ -15,8 +15,8 @@ Download the test scenario DB from the latest release and try the visualizer wit
 The DB contains dozens of scenario packages with different graphs and before/after views of cleanup operations on them.
 
 ```sh
-curl -LO https://github.com/ghcr-manager/ghcr-cleanup-manager/releases/latest/download/ghcr-cleanup-manager([^/s]*.sqlite)
-npx ghcr-cleanup-manager-visualizer --db ./ghcr-cleanup-manager([^/s]*.sqlite)
+curl -LO https://github.com/ghcr-manager/ghcr-cleanup-manager/releases/latest/download/ghcr-cleanup-manager-release-scenarios.sqlite
+npx ghcr-cleanup-manager-visualizer --db ./ghcr-cleanup-manager-release-scenarios.sqlite
 ```
 
 Or run the release image:
@@ -24,8 +24,8 @@ Or run the release image:
 ```sh
 docker run --rm -p 8080:8080 \
   -v "$PWD:/data:ro" \
-  ghcr.io/ghcr-manager/ghcr-manager-visualizer:latest \
-  --db /data/ghcr-cleanup-manager([^/s]*.sqlite)
+  ghcr.io/ghcr-manager/ghcr-cleanup-manager-visualizer:latest \
+  --db /data/ghcr-cleanup-manager-release-scenarios.sqlite
 ```
 
 Open the local URL printed by the command and select:
@@ -79,7 +79,7 @@ Example:
 ```sh
 docker run --rm -p 8080:8080 \
   -v "$PWD:/data:ro" \
-  ghcr.io/ghcr-manager/ghcr-manager-visualizer:v1.0.6 \
+  ghcr.io/ghcr-manager/ghcr-cleanup-manager-visualizer:v1.1.3 \
   --db /data/acme__demo.sqlite
 ```
 

package/dist/public/app.js

@@ -349,6 +349,9 @@ function buildNodeLabel(node) {
 
   if (node.tags.length > 0) {
     for (const tag of node.tags) {
+      if (tag.isDigestTag) {
+        continue;
+      }
       secondaryLines.push(`tag: ${buildTagDisplayText(tag)}`);
     }
   } else {
@@ -785,7 +788,15 @@ function renderTagList(container, tags) {
   }
 
   container.classList.add("tag-list");
-  for (const tag of tags) {
+  const orderedTags = [...tags].sort((left, right) => {
+    if (left.isDigestTag !== right.isDigestTag) {
+      return left.isDigestTag ? 1 : -1;
+    }
+
+    return left.name.localeCompare(right.name);
+  });
+
+  for (const tag of orderedTags) {
     const tagElement = document.createElement("span");
     tagElement.className = `tag ${tag.changeStatus}`;
     tagElement.textContent = buildTagDisplayText(tag);

package/dist/src/_graph-repository.js

@@ -286,7 +286,8 @@ export class GraphRepository {
         manifest.artifact_type,
         manifest.subject_digest,
         ${payloadColumn} AS raw_json,
-        tag.tag
+        tag.tag,
+        tag.is_digest_tag
       FROM manifests manifest
       JOIN package_versions package_version
         ON package_version.scan_id = manifest.scan_id
@@ -297,7 +298,6 @@ export class GraphRepository {
       LEFT JOIN tags tag
         ON tag.scan_id = manifest.scan_id
        AND tag.version_id = manifest.version_id
-       AND tag.is_digest_tag = 0
       LEFT JOIN ranked_platforms platform
         ON platform.scan_id = manifest.scan_id
        AND platform.child_digest = manifest.digest
@@ -344,21 +344,25 @@ export class GraphRepository {
                     tags = new Map();
                     tagsByDigest.set(row.digest, tags);
                 }
-                let tagScans = tags.get(row.tag);
-                if (!tagScans) {
-                    tagScans = new Set();
-                    tags.set(row.tag, tagScans);
+                let tagEntry = tags.get(row.tag);
+                if (!tagEntry) {
+                    tagEntry = {
+                        isDigestTag: row.is_digest_tag === 1,
+                        scanIds: new Set()
+                    };
+                    tags.set(row.tag, tagEntry);
                 }
-                tagScans.add(row.scan_id);
+                tagEntry.scanIds.add(row.scan_id);
             }
         }
         for (const [digest, manifest] of manifests) {
             const tagMap = tagsByDigest.get(digest) ?? new Map();
             manifest.changeStatus = _resolveChangeStatus(scanMemberships.get(digest) ?? new Set(), newerScanId, olderScanId);
             manifest.tags = [...tagMap.entries()]
-                .map(([name, tagScans]) => ({
+                .map(([name, tagEntry]) => ({
                 name,
-                changeStatus: _resolveChangeStatus(tagScans, newerScanId, olderScanId)
+                isDigestTag: tagEntry.isDigestTag,
+                changeStatus: _resolveChangeStatus(tagEntry.scanIds, newerScanId, olderScanId)
             }))
                 .sort((left, right) => left.name.localeCompare(right.name));
         }

package/dist/src/_types.d.ts

@@ -15,6 +15,7 @@ export interface TagOption {
 }
 export interface GraphTag {
     name: string;
+    isDigestTag: boolean;
     changeStatus: ChangeStatus;
 }
 export interface GraphNode {

package/package.json

@@ -2,7 +2,7 @@
   "name": "ghcr-cleanup-manager-visualizer",
   "description": "Inspect GHCR Cleanup Manager SQLite scan databases in a local browser graph visualizer.",
   "homepage": "https://github.com/ghcr-manager/ghcr-cleanup-manager#readme",
-  "version": "v1.1.2",
+  "version": "v1.1.4",
   "license": "MIT",
   "type": "module",
   "keywords": [