chore(menu): extract entries to JSON file + maintain via workflow by caugner · Pull Request #1313 · mdn/fred

caugner · 2026-02-17T14:03:55Z

Description

Updates the menu component:

Extracts the menu entry data into a JSON file.
Adds a script that maintains the data, applying redirects.
Runs the script in the update-menu workflow.

Motivation

Ensure that slugs for moved pages are updated.
Avoid issues observed in issues observed in chore(menu): update missing docs #1307.

Additional details

Log:

% node components/menu/update-tabs.js
Checking 77 slugs…
...................................................................
✏️ Web/CSS/CSS_backgrounds_and_borders/Border-radius_generator → Web/CSS/Guides/Backgrounds_and_borders/Border-radius_generator
.
✏️ Web/CSS/CSS_backgrounds_and_borders/Box-shadow_generator → Web/CSS/Guides/Backgrounds_and_borders/Box-shadow_generator
.
✏️ Web/CSS/CSS_backgrounds_and_borders/Border-image_generator → Web/CSS/Guides/Backgrounds_and_borders/Border-image_generator
.
✏️ Web/CSS/CSS_shapes/Shape_generator → Web/CSS/Guides/Shapes/Shape_generator
.
✏️ Web/CSS/CSS_colors/Color_format_converter → Web/CSS/Guides/Colors/Color_format_converter
..
✏️ Web/CSS/CSS_colors/Color_mixer → Web/CSS/Guides/Colors/Color_mixer
....

Done. 6 slug(s) updated.

Diff:

diff --git a/components/menu/tabs.json b/components/menu/tabs.json
index 874bc627..baacbf30 100644
--- a/components/menu/tabs.json
+++ b/components/menu/tabs.json
@@ -10,12 +10,18 @@
       {
         "title": "HTML reference",
         "items": [
-          { "slug": "Web/HTML/Reference/Elements", "text": "Elements" },
+          {
+            "slug": "Web/HTML/Reference/Elements",
+            "text": "Elements"
+          },
           {
             "slug": "Web/HTML/Reference/Global_attributes",
             "text": "Global attributes"
           },
-          { "slug": "Web/HTML/Reference/Attributes", "text": "Attributes" },
+          {
+            "slug": "Web/HTML/Reference/Attributes",
+            "text": "Attributes"
+          },
           {
             "slug": "Web/HTML/Reference",
             "text": "See all…",
@@ -30,7 +36,10 @@
             "slug": "Web/HTML/Guides/Responsive_images",
             "text": "Responsive images"
           },
-          { "slug": "Web/HTML/Guides/Cheatsheet", "text": "HTML cheatsheet" },
+          {
+            "slug": "Web/HTML/Guides/Cheatsheet",
+            "text": "HTML cheatsheet"
+          },
           {
             "slug": "Web/HTML/Guides/Date_and_time_formats",
             "text": "Date & time formats"
@@ -45,9 +54,18 @@
       {
         "title": "Markup languages",
         "items": [
-          { "slug": "Web/SVG", "text": "SVG" },
-          { "slug": "Web/MathML", "text": "MathML" },
-          { "slug": "Web/XML", "text": "XML" }
+          {
+            "slug": "Web/SVG",
+            "text": "SVG"
+          },
+          {
+            "slug": "Web/MathML",
+            "text": "MathML"
+          },
+          {
+            "slug": "Web/XML",
+            "text": "XML"
+          }
         ]
       }
     ]
@@ -63,10 +81,22 @@
       {
         "title": "CSS reference",
         "items": [
-          { "slug": "Web/CSS/Reference/Properties", "text": "Properties" },
-          { "slug": "Web/CSS/Reference/Selectors", "text": "Selectors" },
-          { "slug": "Web/CSS/Reference/At-rules", "text": "At-rules" },
-          { "slug": "Web/CSS/Reference/Values", "text": "Values" },
+          {
+            "slug": "Web/CSS/Reference/Properties",
+            "text": "Properties"
+          },
+          {
+            "slug": "Web/CSS/Reference/Selectors",
+            "text": "Selectors"
+          },
+          {
+            "slug": "Web/CSS/Reference/At-rules",
+            "text": "At-rules"
+          },
+          {
+            "slug": "Web/CSS/Reference/Values",
+            "text": "Values"
+          },
           {
             "slug": "Web/CSS/Reference",
             "text": "See all…",
@@ -89,7 +119,10 @@
             "slug": "Web/CSS/Guides/Flexible_box_layout/Basic_concepts",
             "text": "Flexbox"
           },
-          { "slug": "Web/CSS/Guides/Colors/Applying_color", "text": "Colors" },
+          {
+            "slug": "Web/CSS/Guides/Colors/Applying_color",
+            "text": "Colors"
+          },
           {
             "slug": "Web/CSS/Guides",
             "text": "See all…",
@@ -112,7 +145,10 @@
             "slug": "Web/CSS/How_to/Layout_cookbook/Card",
             "text": "Card component"
           },
-          { "slug": "Web/CSS/How_to/Layout_cookbook", "text": "See all…" }
+          {
+            "slug": "Web/CSS/How_to/Layout_cookbook",
+            "text": "See all…"
+          }
         ]
       }
     ]
@@ -143,7 +179,10 @@
             "slug": "Web/JavaScript/Reference/Statements",
             "text": "Statements & declarations"
           },
-          { "slug": "Web/JavaScript/Reference/Functions", "text": "Functions" },
+          {
+            "slug": "Web/JavaScript/Reference/Functions",
+            "text": "Functions"
+          },
           {
             "slug": "Web/JavaScript/Reference",
             "text": "See all…",
@@ -190,11 +229,26 @@
       {
         "title": "Web API reference",
         "items": [
-          { "slug": "Web/API/File_System_API", "text": "File system API" },
-          { "slug": "Web/API/Fetch_API", "text": "Fetch API" },
-          { "slug": "Web/API/Geolocation_API", "text": "Geolocation API" },
-          { "slug": "Web/API/HTML_DOM_API", "text": "HTML DOM API" },
-          { "slug": "Web/API/Push_API", "text": "Push API" },
+          {
+            "slug": "Web/API/File_System_API",
+            "text": "File system API"
+          },
+          {
+            "slug": "Web/API/Fetch_API",
+            "text": "Fetch API"
+          },
+          {
+            "slug": "Web/API/Geolocation_API",
+            "text": "Geolocation API"
+          },
+          {
+            "slug": "Web/API/HTML_DOM_API",
+            "text": "HTML DOM API"
+          },
+          {
+            "slug": "Web/API/Push_API",
+            "text": "Push API"
+          },
           {
             "slug": "Web/API/Service_Worker_API",
             "text": "Service worker API"
@@ -244,12 +298,30 @@
       {
         "title": "Technologies",
         "items": [
-          { "slug": "Web/Accessibility", "text": "Accessibility" },
-          { "slug": "Web/HTTP", "text": "HTTP" },
-          { "slug": "Web/URI", "text": "URI" },
-          { "slug": "Mozilla/Add-ons/WebExtensions", "text": "Web extensions" },
-          { "slug": "WebAssembly", "text": "WebAssembly" },
-          { "slug": "Web/WebDriver", "text": "WebDriver" },
+          {
+            "slug": "Web/Accessibility",
+            "text": "Accessibility"
+          },
+          {
+            "slug": "Web/HTTP",
+            "text": "HTTP"
+          },
+          {
+            "slug": "Web/URI",
+            "text": "URI"
+          },
+          {
+            "slug": "Mozilla/Add-ons/WebExtensions",
+            "text": "Web extensions"
+          },
+          {
+            "slug": "WebAssembly",
+            "text": "WebAssembly"
+          },
+          {
+            "slug": "Web/WebDriver",
+            "text": "WebDriver"
+          },
           {
             "slug": "Web",
             "text": "See all…",
@@ -260,10 +332,22 @@
       {
         "title": "Topics",
         "items": [
-          { "slug": "Web/Media", "text": "Media" },
-          { "slug": "Web/Performance", "text": "Performance" },
-          { "slug": "Web/Privacy", "text": "Privacy" },
-          { "slug": "Web/Security", "text": "Security" },
+          {
+            "slug": "Web/Media",
+            "text": "Media"
+          },
+          {
+            "slug": "Web/Performance",
+            "text": "Performance"
+          },
+          {
+            "slug": "Web/Privacy",
+            "text": "Privacy"
+          },
+          {
+            "slug": "Web/Security",
+            "text": "Security"
+          },
           {
             "slug": "Web/Progressive_web_apps",
             "text": "Progressive web apps"
@@ -287,7 +371,10 @@
             "slug": "Learn_web_development/Getting_started",
             "text": "Getting started modules"
           },
-          { "slug": "Learn_web_development/Core", "text": "Core modules" },
+          {
+            "slug": "Learn_web_development/Core",
+            "text": "Core modules"
+          },
           {
             "href": "/en-US/curriculum/",
             "text": "MDN Curriculum"
@@ -351,24 +438,27 @@
       {
         "items": [
           {
-            "slug": "Web/CSS/CSS_backgrounds_and_borders/Border-image_generator",
+            "slug": "Web/CSS/Guides/Backgrounds_and_borders/Border-image_generator",
             "text": "Border-image generator"
           },
           {
-            "slug": "Web/CSS/CSS_backgrounds_and_borders/Border-radius_generator",
+            "slug": "Web/CSS/Guides/Backgrounds_and_borders/Border-radius_generator",
             "text": "Border-radius generator"
           },
           {
-            "slug": "Web/CSS/CSS_backgrounds_and_borders/Box-shadow_generator",
+            "slug": "Web/CSS/Guides/Backgrounds_and_borders/Box-shadow_generator",
             "text": "Box-shadow generator"
           },
           {
-            "slug": "Web/CSS/CSS_colors/Color_format_converter",
+            "slug": "Web/CSS/Guides/Colors/Color_format_converter",
             "text": "Color format converter"
           },
-          { "slug": "Web/CSS/CSS_colors/Color_mixer", "text": "Color mixer" },
           {
-            "slug": "Web/CSS/CSS_shapes/Shape_generator",
+            "slug": "Web/CSS/Guides/Colors/Color_mixer",
+            "text": "Color mixer"
+          },
+          {
+            "slug": "Web/CSS/Guides/Shapes/Shape_generator",
             "text": "Shape generator"
           }
         ]

Note: It looks like Prettier decided to wrap all objects due to the longer slugs.

Related issues and pull requests

Triggered by #1307.

github-actions · 2026-02-17T14:06:38Z

01dd10c was deployed to: https://fred-pr1313.review.mdn.allizom.net/

caugner added 3 commits February 17, 2026 14:20

refactor(menu): extract tabs.json

4ffaf39

chore(menu): add update-tabs script

e0b2c84

ci(update-menu): update tabs

b1334c8

caugner requested a review from a team as a code owner February 17, 2026 14:03

caugner requested a review from LeoMcA February 17, 2026 14:03

caugner changed the title ~~chore(menu): extract tabs.json + update via workflow~~ chore(menu): extract entries to JSON file + maintain via workflow Feb 17, 2026

caugner mentioned this pull request Feb 17, 2026

chore(menu): update missing docs #1307

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

chore(menu): extract entries to JSON file + maintain via workflow#1313

chore(menu): extract entries to JSON file + maintain via workflow#1313
caugner wants to merge 3 commits intomainfrom
update-tabs

caugner commented Feb 17, 2026 •

edited

Loading

Uh oh!

github-actions bot commented Feb 17, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

Conversation

caugner commented Feb 17, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Description

Motivation

Additional details

Related issues and pull requests

Uh oh!

github-actions bot commented Feb 17, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

caugner commented Feb 17, 2026 •

edited

Loading