Add rss icon to page.

- also defaults to current year for posts api

Author: ebidel

public/img/rss_icon_24px_orange.svg

@@ -4,12 +4,13 @@
   <title>dev-web firehose</title>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="manifest" href="manifest.json">
   <meta name="theme-color" content="#37474F">
   <meta name="description" content="Developer resource from Google Web DevRel and from around the web.">
   <meta name="keywords" content="HTML,CSS,JavaScript,web,PWA,tutorials,code,tweets">
   <meta name="author" content="Eric Bidelman">
   <meta name="google-site-verification" content="j4g2UAPd-Fnxh2o_daravb8lvXwZuatJt5kVSbdM0Fc" />
+  <link rel="alternate" type="application/rss+xml" href="https://devwebfeed.appspot.com/posts/2018?format=rss" title="DevWeb Firehose RSS feed">
+  <link rel="manifest" href="manifest.json">
   <link rel="icon" sizes="192x192" href="img/firehose.png">
   <link rel="shortcut icon" href="img/firehose.png">
   <link rel="stylesheet" href="styles.css">
@@ -48,7 +49,12 @@
      <h1 class="title layout center-center"><a href="/">dev-web firehose</a></h1>
       <h4 class="subtitle layout center-center">
         articles, tuts, <a href="?tweets">tweets</a>, code snippets
-        <a href="#" onclick="return toggleHelp()" class="layout"><img src="img/help_24px.svg" height="18" width="18" class="helpicon"></a>
+        <a href="#" onclick="return toggleHelp()" class="layout">
+          <img src="img/help_24px.svg" height="18" width="18" class="helpicon" title="Help" alt="Help">
+        </a>
+        <a href="https://devwebfeed.appspot.com/posts/2018?format=rss" target="_blank" class="layout">
+          <img src="img/rss_icon_24px_orange.svg" width="18" height="18" class="rssicon"  title="Subscribe to RSS feed" alt="Subscribe to RSS feed">
+        </a>
       </h4>
     </hgroup>
     <div id="filtering" class="layout center-center" hidden>

public/index.html

@@ -14,6 +14,8 @@
  * limitations under the License.
  */
 
+import url from 'url';
+const URL = url.URL;
 import RSS from 'rss';
 
 class RSSFeed {
@@ -22,14 +24,15 @@ class RSSFeed {
     this.feedUrl = feedUrl;
   }
 
-  create(posts, feedUrl) {
+  create(posts) {
+    const siteOrigin = new URL(this.feedUrl).origin;
     const feed = new RSS({
       /* eslint-disable camelcase */
       title: 'DevWeb Firehose',
       description: 'Developer resource from Google Web DevRel and from around the web',
       feed_url: this.feedUrl,
-      site_url: 'https://devwebfeed.appspot.com/',
-      image_url: 'https://devwebfeed.appspot.com/img/firehose.png',
+      site_url: siteOrigin,
+      image_url: `${siteOrigin}/img/firehose.png`,
       pubDate: new Date(),
       ttl: 180,// mins for feed to be cached.
       // custom_namespaces: {

public/rss.mjs

@@ -111,7 +111,7 @@ header h4 {
   line-height: 1.2;
 }
 
-.helpicon {
+.helpicon, .rssicon {
   margin-left: calc(var(--default-padding) / 2);
 }
 

public/styles.css

@@ -394,17 +394,13 @@ app.post('/posts', async (req, res) => {
 // });
 
 app.get('/posts/:year?/:month?/:day?', async (req, res) => {
-  const year = req.params.year;
+  const year = req.params.year || util.currentYear;
   // Pad values if missing leading '0'.
   const month = req.params.month ? req.params.month.padStart(2, '0') : null;
   const day = req.params.day ? req.params.day.padStart(2, '0') : null;
   const maxResults = req.query.maxresults ? Number(req.query.maxresults) : null;
   const format = req.query.format || null;
 
-  if (!year) {
-    return res.status(400).send({error: 'No year specified.'});
-  }
-
   const rssPosts = await feeds.collectRSSFeeds();
   const posts = util.uniquePosts(
       await dbHelper.getPosts(year, month, day, rssPosts, maxResults));