gemstar 1.0.4 → 1.1

data/lib/gemstar/web/templates/app.css

@@ -210,6 +210,18 @@
         margin: 0.3rem 0 0;
         color: var(--muted);
       }
+      .detail-subtitle > :first-child {
+        margin-top: 0;
+      }
+      .detail-subtitle > :last-child {
+        margin-bottom: 0;
+      }
+      .detail-subtitle a[href] {
+        color: #2563c9;
+      }
+      .detail-subtitle a[href]:hover {
+        text-decoration: underline;
+      }
       .detail-origin {
         margin: 0;
         color: var(--ink);
@@ -236,6 +248,9 @@
         gap: 0.28rem;
         flex-wrap: wrap;
       }
+      .list-filters-secondary {
+        padding-top: 0.05rem;
+      }
       .list-filter-button {
         border: 1px solid var(--line);
         border-radius: 999px;
@@ -296,6 +311,12 @@
         justify-content: space-between;
         gap: 0.5rem;
       }
+      .gem-name-lockup {
+        display: inline-flex;
+        align-items: center;
+        gap: 0.38rem;
+        min-width: 0;
+      }
       .gem-updated-dot {
         width: 0.45rem;
         height: 0.45rem;
@@ -311,6 +332,20 @@
         color: var(--muted);
         font-size: 0.76rem;
       }
+      .package-type-tag {
+        display: inline-flex;
+        align-items: center;
+        border: 1px solid #ded6c8;
+        border-radius: 999px;
+        padding: 0.02rem 0.33rem;
+        background: #fbf7ef;
+        color: #786d61;
+        font-size: 0.62rem;
+        font-weight: 600;
+        letter-spacing: 0.01em;
+        line-height: 1.25;
+        flex: 0 0 auto;
+      }
       .gem-row.status-added .gem-version {
         color: var(--green);
         font-weight: 600;

data/lib/gemstar/web/templates/app.js.erb

@@ -4,6 +4,7 @@
   const toSelect = document.querySelector("[data-to-select]");
   const sidebarPanel = document.querySelector("[data-sidebar-panel]");
   const filterButtons = Array.from(document.querySelectorAll("[data-filter-button]"));
+  const ecosystemButtons = Array.from(document.querySelectorAll("[data-ecosystem-button]"));
   const gemSearch = document.querySelector("[data-gem-search]");
   const emptyGemList = document.querySelector("[data-gem-list-empty]");
   let detailPanel = document.querySelector("[data-detail-panel]");
@@ -13,8 +14,10 @@
   let detailRequestToken = 0;
   let activeDetailUrl = detailPanel ? detailPanel.dataset.detailUrl : null;
   let currentFilter = <%= selected_filter_json %>;
+  let currentPackageScope = <%= selected_package_scope_json %>;
   let currentSearch = "";
   const emptyDetailHtml = <%= empty_detail_html_json %>;
+  const packageCollectionLabel = <%= (@selected_project&.package_collection_label || "Packages").downcase.dump %>;
   const detailDisclosureStorageKey = "gemstar.detailDisclosureOpen";
 
   const visibleGemLinks = () => gemLinks.filter((link) => !link.hidden);
@@ -24,16 +27,18 @@
       link.classList.remove("is-selected");
     });
   };
-  const requestedGemName = () => new URL(window.location.href).searchParams.get("gem");
+  const packageNameParam = (url) => url.searchParams.get("package") || url.searchParams.get("gem");
+  const requestedGemName = () => packageNameParam(new URL(window.location.href));
   const currentDetailGemName = () => {
     if (!detailPanel || !detailPanel.dataset.detailUrl) return null;
 
     try {
-      return new URL(detailPanel.dataset.detailUrl, window.location.origin).searchParams.get("gem");
+      return packageNameParam(new URL(detailPanel.dataset.detailUrl, window.location.origin));
     } catch (_error) {
       return null;
     }
   };
+  const detailNeedsInitialFetch = () => detailPanel && detailPanel.dataset.detailDeferred === "true" && !!detailPanel.dataset.detailUrl;
   const isSidebarFocused = () => document.activeElement === sidebarPanel;
   const isDetailFocused = () => detailPanel && document.activeElement === detailPanel;
   const focusSidebar = () => {
@@ -77,15 +82,20 @@
       button.classList.toggle("is-active", button.dataset.filterButton === filter);
     });
 
+    ecosystemButtons.forEach((button) => {
+      button.classList.toggle("is-active", button.dataset.ecosystemButton === currentPackageScope);
+    });
+
     gemLinks.forEach((link) => {
       const updated = link.dataset.gemUpdated === "true";
       const pinned = pinnedGemName && link.dataset.gemName === pinnedGemName;
+      const matchesScope = currentPackageScope === "all" || link.dataset.packageScope === currentPackageScope;
       const matchesSearch = searchTerm === "" || link.dataset.gemName.toLowerCase().includes(searchTerm);
-      link.hidden = ((filter === "updated" && !updated && !pinned) || !matchesSearch);
+      link.hidden = (!matchesScope || (filter === "updated" && !updated && !pinned) || !matchesSearch);
     });
 
     if (emptyGemList) {
-      const emptyMessage = searchTerm === "" ? "No updated gems in this revision range." : "No gems match this filter.";
+      const emptyMessage = searchTerm === "" ? `No updated ${packageCollectionLabel} in this revision range.` : `No ${packageCollectionLabel} match this filter.`;
       emptyGemList.hidden = visibleGemLinks().length !== 0;
       const text = emptyGemList.querySelector("p");
       if (text) text.textContent = emptyMessage;
@@ -93,12 +103,14 @@
 
     if (currentSelectedIndex() === -1) {
       clearSidebarSelection();
-      replaceDetail(emptyDetailHtml);
+      if (visibleGemLinks().length === 0) {
+        replaceDetail(emptyDetailHtml);
+      }
     }
   };
 
   const syncSidebarSelection = (gemName = null, keepVisible = false) => {
-    const effectiveGemName = gemName || new URL(window.location.href).searchParams.get("gem");
+    const effectiveGemName = gemName || requestedGemName();
     if (!effectiveGemName) {
       clearSidebarSelection();
       return;
@@ -180,11 +192,12 @@
           const detailUrl = new URL(url, window.location.origin);
           pageUrl.search = detailUrl.search;
           pageUrl.searchParams.set("filter", currentFilter);
+          pageUrl.searchParams.set("scope", currentPackageScope);
           const historyMethod = historyMode === "replace" ? "replaceState" : "pushState";
           window.history[historyMethod]({}, "", pageUrl);
         }
         const detailUrl = new URL(url, window.location.origin);
-        syncSidebarSelection(detailUrl.searchParams.get("gem"));
+        syncSidebarSelection(packageNameParam(detailUrl));
       })
       .catch(() => {
         stopDetailLoading();
@@ -203,21 +216,29 @@
   };
 
   const ensureInitialGemSelection = () => {
-    if (requestedGemName()) return;
+    const requested = requestedGemName();
 
     const detailGemName = currentDetailGemName();
     const detailLink = detailGemName ? visibleGemLinks().find((link) => link.dataset.gemName === detailGemName) : null;
 
     if (detailLink) {
       syncSidebarSelection(detailGemName, true);
-      const pageUrl = new URL(window.location.href);
-      const detailUrl = new URL(detailLink.dataset.detailUrl || detailLink.href, window.location.origin);
-      pageUrl.search = detailUrl.search;
-      pageUrl.searchParams.set("filter", currentFilter);
-      window.history.replaceState({}, "", pageUrl);
+      if (!requested) {
+        const pageUrl = new URL(window.location.href);
+        const detailUrl = new URL(detailLink.dataset.detailUrl || detailLink.href, window.location.origin);
+        pageUrl.search = detailUrl.search;
+        pageUrl.searchParams.set("filter", currentFilter);
+        pageUrl.searchParams.set("scope", currentPackageScope);
+        window.history.replaceState({}, "", pageUrl);
+      }
+      if (detailNeedsInitialFetch()) {
+        fetchDetail(detailLink.dataset.detailUrl || detailLink.href, requested ? "none" : "replace");
+      }
       return;
     }
 
+    if (requested) return;
+
     const firstVisibleLink = visibleGemLinks()[0];
     if (firstVisibleLink) {
       activateGemLink(firstVisibleLink, "replace", true);
@@ -263,6 +284,20 @@
     });
   });
 
+  ecosystemButtons.forEach((button) => {
+    button.addEventListener("click", () => {
+      currentPackageScope = button.dataset.ecosystemButton;
+      applyGemFilter(currentFilter);
+      if (sidebarPanel) {
+        sidebarPanel.scrollTop = 0;
+      }
+      const url = new URL(window.location.href);
+      url.searchParams.set("scope", currentPackageScope);
+      window.history.replaceState({}, "", url);
+      syncSidebarSelection(null, true);
+    });
+  });
+
   if (gemSearch) {
     gemSearch.addEventListener("input", (event) => {
       currentSearch = event.target.value || "";
@@ -293,19 +328,19 @@
         event.target.value = "<%= selected_project_index %>";
         return;
       }
-      navigate({ project: event.target.value, from: null, to: "worktree", filter: currentFilter, gem: null });
+      navigate({ project: event.target.value, from: null, to: "worktree", filter: currentFilter, scope: currentPackageScope, package: null, gem: null });
     });
   }
 
   if (fromSelect) {
     fromSelect.addEventListener("change", (event) => {
-      navigate({ from: event.target.value, filter: currentFilter, gem: null });
+      navigate({ from: event.target.value, filter: currentFilter, scope: currentPackageScope, package: null, gem: null });
     });
   }
 
   if (toSelect) {
     toSelect.addEventListener("change", (event) => {
-      navigate({ to: event.target.value, filter: currentFilter, gem: null });
+      navigate({ to: event.target.value, filter: currentFilter, scope: currentPackageScope, package: null, gem: null });
     });
   }
 

data/lib/gemstar/web/templates/page.html.erb

@@ -4,7 +4,8 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title><%= title %></title>
-    <link rel="icon" href="<%= favicon_data_uri %>">
+    <link rel="icon" href="/favicon.svg" type="image/svg+xml">
+    <link rel="shortcut icon" href="/favicon.ico">
     <style>
 <%= styles_css %>
     </style>

data/lib/gemstar.rb

@@ -15,7 +15,10 @@ require "gemstar/outputs/markdown"
 require "gemstar/cache"
 require "gemstar/change_log"
 require "gemstar/git_hub"
+require "gemstar/importmap_file"
 require "gemstar/lock_file"
+require "gemstar/npm_metadata"
+require "gemstar/package_lock_file"
 require "gemstar/project"
 require "gemstar/remote_repository"
 require "gemstar/utils"

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: gemstar
 version: !ruby/object:Gem::Version
-  version: 1.0.4
+  version: '1.1'
 platform: ruby
 authors:
 - Florian Dejako
@@ -243,12 +243,17 @@ files:
 - lib/gemstar/commands/diff.rb
 - lib/gemstar/commands/server.rb
 - lib/gemstar/config.rb
+- lib/gemstar/data/importmap_package_metadata.json
+- lib/gemstar/data/ruby_gems_metadata.json
 - lib/gemstar/git_hub.rb
 - lib/gemstar/git_repo.rb
+- lib/gemstar/importmap_file.rb
 - lib/gemstar/lock_file.rb
+- lib/gemstar/npm_metadata.rb
 - lib/gemstar/outputs/basic.rb
 - lib/gemstar/outputs/html.rb
 - lib/gemstar/outputs/markdown.rb
+- lib/gemstar/package_lock_file.rb
 - lib/gemstar/project.rb
 - lib/gemstar/remote_repository.rb
 - lib/gemstar/request_logger.rb