Link to the RSS/atom feed from the versions page. (#8731)

Author: isoos

app/lib/frontend/templates/package_versions.dart

@@ -4,6 +4,7 @@
 
 import 'package:_pub_shared/data/package_api.dart';
 import 'package:collection/collection.dart' show IterableExtension;
+import 'package:pub_dev/frontend/static_files.dart';
 import 'package:pub_semver/pub_semver.dart';
 
 import '../../package/model_properties.dart';
@@ -58,7 +59,32 @@ String renderPkgVersionsPage(
     }
   }
 
-  final blocks = <d.Node>[];
+  final versionsPlural = versions.length > 1 ? 'versions' : 'version';
+
+  final blocks = <d.Node>[
+    d.p(classes: [
+      'pub-monochrome-icon-hoverable',
+    ], children: [
+      d.text('${versions.length} $versionsPlural'),
+      d.a(
+        href: urls.pkgFeedUrl(data.package.name!),
+        title: 'Versions feed',
+        child: d.img(
+          classes: [
+            'pub-monochrome-icon',
+            'filter-invert-on-dark',
+            'versions-rss-image',
+          ],
+          image: d.Image(
+            src: staticUrls.getAssetUrl('/static/img/rss-feed-icon-4a4a4a.svg'),
+            alt: 'Versions feed',
+            width: 15,
+            height: 15,
+          ),
+        ),
+      ),
+    ]),
+  ];
   if (stableVersionRows.isNotEmpty &&
       prereleaseVersionRows.isNotEmpty &&
       latestPrereleaseVersion != null) {

app/test/frontend/golden/pkg_versions_page.html

@@ -212,6 +212,12 @@ <h3 class="detail-lead-title">Metadata</h3>
             <div class="detail-container detail-body-main">
               <div class="detail-tabs-content">
                 <section class="tab-content detail-tab-versions-content -active">
+                  <p class="pub-monochrome-icon-hoverable">
+                    3 versions
+                    <a href="/api/packages/oxygen/feed.atom" title="Versions feed">
+                      <img class="pub-monochrome-icon filter-invert-on-dark versions-rss-image" src="/static/hash-%%etag%%/img/rss-feed-icon-4a4a4a.svg" alt="Versions feed" width="15" height="15"/>
+                    </a>
+                  </p>
                   <p>
                     The latest prerelease was
                     <a href="#prerelease">2.0.0-dev</a>

app/test/task/testdata/goldens/packages/oxygen/versions.html

@@ -204,6 +204,12 @@ <h3 class="detail-lead-title">Metadata</h3>
             <div class="detail-container detail-body-main">
               <div class="detail-tabs-content">
                 <section class="tab-content detail-tab-versions-content -active">
+                  <p class="pub-monochrome-icon-hoverable">
+                    2 versions
+                    <a href="/api/packages/oxygen/feed.atom" title="Versions feed">
+                      <img class="pub-monochrome-icon filter-invert-on-dark versions-rss-image" src="/static/hash-%%etag%%/img/rss-feed-icon-4a4a4a.svg" alt="Versions feed" width="15" height="15"/>
+                    </a>
+                  </p>
                   <h2 id="stable">Stable versions of oxygen</h2>
                   <table class="version-table" data-package="oxygen">
                     <thead>

pkg/web_css/lib/src/_pkg.scss

@@ -47,6 +47,12 @@
   margin-right: 3px;
 }
 
+.versions-rss-image {
+  margin-left: 8px;
+  position: relative;
+  top: 2px;
+}
+
 .version-table {
   width: 100%;
   border-spacing: 0;