New RSS feeds for NA and WA features

Author: captainbrosset

.eleventy.js

@@ -55,6 +55,13 @@ function findParentGroupId(group) {
   return group.parent;
 }
 
+function stripLessThan(dateStr) {
+  if (dateStr.startsWith("≤")) {
+    return dateStr.substring(1);
+  }
+  return dateStr;
+}
+
 function augmentFeatureData(id, feature) {
   // Add the id.
   feature.id = id;
@@ -194,6 +201,14 @@ function augmentFeatureData(id, feature) {
   feature.bcdData = bcdKeysData;
   feature.bcdTags = [...new Set(bcdTags)];
 
+  // Add the baseline low and high dates as JS objects too.
+  feature.baselineLowDateAsObject = feature.status.baseline
+    ? new Date(stripLessThan(feature.status.baseline_low_date))
+    : null;
+  feature.baselineHighDateAsObject = feature.status.baseline && feature.status.baseline === "high"
+    ? new Date(stripLessThan(feature.status.baseline_high_date))
+    : null;
+
   // Add impl_url links, if any, per browser.
   const browserImplUrls = Object.keys(browsers).reduce((acc, browserId) => {
     acc[browserId] = [];
@@ -363,11 +378,7 @@ export default function (eleventyConfig) {
         return null;
       }
 
-      if (dateStr.startsWith("≤")) {
-        dateStr = dateStr.substring(1);
-      }
-
-      return dateStr.substring(0, 7);
+      return stripLessThan(dateStr).substring(0, 7);
     };
 
     const getBaselineHighMonth = (feature) => getMonth(feature.status.baseline_high_date);

package-lock.json

@@ -5,7 +5,7 @@
   "devDependencies": {
     "@11ty/eleventy": "^3.1.0",
     "@11ty/eleventy-plugin-rss": "^2.0.4",
-    "@ddbeck/mdn-content-inventory": "^0.2.20250527",
+    "@ddbeck/mdn-content-inventory": "^0.2.20250528",
     "@mdn/browser-compat-data": "^6.0.18",
     "apexcharts": "^4.7.0",
     "browser-specs": "^4.47.0",

package.json

@@ -8,7 +8,7 @@ layout: layout.njk
   <p>Use the Web platform features explorer to discover new features and APIs and stay up-to-date with changes.</h1>
 
   <section class="baseline-low">
-    <h2>Newly available across browsers</h2>
+    <h2>Newly available across browsers (<a href="./newly-available.xml">RSS feed</a>)</h2>
     <ul>
       {% for feature in latest.latestBaselineLow %}
         <li>
@@ -20,7 +20,7 @@ layout: layout.njk
   </section>
 
   <section class="baseline-high">
-    <h2>Now widely available across browsers</h2>
+    <h2>Now widely available across browsers (<a href="./widely-available.xml">RSS feed</a>)</h2>
     <ul>
       {% for feature in latest.latestBaselineHigh %}
         <li>

site/index.njk

@@ -0,0 +1,40 @@
+---json
+{
+  "permalink": "/newly-available.xml",
+  "eleventyExcludeFromCollections": true,
+  "metadata": {
+    "title": "Baseline Newly Available Features",
+    "subtitle": "Features of the web platform which became Baseline Newly Available.",
+    "language": "en",
+    "url": "https://web-platform-dx.github.io/web-features-explorer/",
+    "author": {
+      "name": "WebDX Community Group"
+    }
+  }
+}
+---
+<?xml version="1.0" encoding="utf-8"?>
+<feed xmlns="http://www.w3.org/2005/Atom" xml:base="{{ metadata.url }}">
+  <title>{{ metadata.title }}</title>
+  <subtitle>{{ metadata.subtitle }}</subtitle>
+  <link href="https://web-platform-dx.github.io/web-features-explorer/newly-available.xml" rel="self"/>
+  <link href="{{ metadata.url }}"/>
+  <updated>{{ newlyAvailableFeatures[0].baselineLowDateAsObject | dateToRfc3339 }}</updated>
+  <id>{{ metadata.url }}</id>
+  <author>
+    <name>{{ metadata.author.name }}</name>
+  </author>
+
+  {% for feature in newlyAvailableFeatures %}
+    <entry>
+      <title>{% prettyFeatureName feature.name %}</title>
+      <link href="{{ metadata.url + 'features/' + feature.id | slugify }}"/>
+      <updated>{{ feature.baselineLowDateAsObject | dateToRfc3339 }}</updated>
+      <id>{{ metadata.url + 'features/' + feature.id | slugify }}</id>
+      <content xml:lang="{{ metadata.language }}" type="html"><![CDATA[
+        <h1><a href="{{ metadata.url + 'features/' + feature.id | slugify }}">{% prettyFeatureName feature.name %}</a></h1>
+        <p>{{ feature.description_html | safe }}</p>
+      ]]></content>
+    </entry>
+  {% endfor %}
+</feed>

site/newly-available-feed.njk

@@ -0,0 +1,40 @@
+---json
+{
+  "permalink": "/widely-available.xml",
+  "eleventyExcludeFromCollections": true,
+  "metadata": {
+    "title": "Baseline Widely Available Features",
+    "subtitle": "Features of the web platform which became Baseline Widely Available.",
+    "language": "en",
+    "url": "https://web-platform-dx.github.io/web-features-explorer/",
+    "author": {
+      "name": "WebDX Community Group"
+    }
+  }
+}
+---
+<?xml version="1.0" encoding="utf-8"?>
+<feed xmlns="http://www.w3.org/2005/Atom" xml:base="{{ metadata.url }}">
+  <title>{{ metadata.title }}</title>
+  <subtitle>{{ metadata.subtitle }}</subtitle>
+  <link href="https://web-platform-dx.github.io/web-features-explorer/widely-available.xml" rel="self"/>
+  <link href="{{ metadata.url }}"/>
+  <updated>{{ widelyAvailableFeatures[0].baselineHighDateAsObject | dateToRfc3339 }}</updated>
+  <id>{{ metadata.url }}</id>
+  <author>
+    <name>{{ metadata.author.name }}</name>
+  </author>
+
+  {% for feature in widelyAvailableFeatures %}
+    <entry>
+      <title>{% prettyFeatureName feature.name %}</title>
+      <link href="{{ metadata.url + 'features/' + feature.id | slugify }}"/>
+      <updated>{{ feature.baselineHighDateAsObject | dateToRfc3339 }}</updated>
+      <id>{{ metadata.url + 'features/' + feature.id | slugify }}</id>
+      <content xml:lang="{{ metadata.language }}" type="html"><![CDATA[
+        <h1><a href="{{ metadata.url + 'features/' + feature.id | slugify }}">{% prettyFeatureName feature.name %}</a></h1>
+        <p>{{ feature.description_html | safe }}</p>
+      ]]></content>
+    </entry>
+  {% endfor %}
+</feed>