@mdn/fred 2.6.1 → 2.6.4

package/CHANGELOG.md

@@ -1,5 +1,53 @@
 # Changelog
 
+## [2.6.4](https://github.com/mdn/fred/compare/v2.6.3...v2.6.4) (2026-05-22)
+
+
+### Bug Fixes
+
+* **l10n:** correct compat-support-flags rendering across locales ([#1562](https://github.com/mdn/fred/issues/1562)) ([2f5b04f](https://github.com/mdn/fred/commit/2f5b04fa8ea970c839102d211aa8efd06a585880))
+
+
+### Miscellaneous
+
+* **deps:** bump @mdn/rari from 0.2.24 to 0.2.25 ([#1597](https://github.com/mdn/fred/issues/1597)) ([ed147d1](https://github.com/mdn/fred/commit/ed147d19d49fdb3e1d6b8b3e222a492f86844bcd))
+
+## [2.6.3](https://github.com/mdn/fred/compare/v2.6.2...v2.6.3) (2026-05-21)
+
+
+### Bug Fixes
+
+* **content-section:** display index in multiple columns ([#1563](https://github.com/mdn/fred/issues/1563)) ([77cb0d0](https://github.com/mdn/fred/commit/77cb0d07f9b322e6e9d118932280193cfba5984e))
+
+
+### Miscellaneous
+
+* **deps:** bump @mdn/rari from 0.2.23 to 0.2.24 ([#1594](https://github.com/mdn/fred/issues/1594)) ([f7a9855](https://github.com/mdn/fred/commit/f7a985549bfc357d6b565ca0f17488a4c954d951))
+* **tests:** move from args to commands in cli ([#1590](https://github.com/mdn/fred/issues/1590)) ([f3afadc](https://github.com/mdn/fred/commit/f3afadc5f64d6f02e9cf923d70673adf545b6cc1))
+
+## [2.6.2](https://github.com/mdn/fred/compare/v2.6.1...v2.6.2) (2026-05-15)
+
+
+### Bug Fixes
+
+* **compat-table:** revert report action to plain link ([#1549](https://github.com/mdn/fred/issues/1549)) ([7049e96](https://github.com/mdn/fred/commit/7049e96232e40a9b098dc1e5bd24ff411beabc73))
+* **content-section:** decrease code paddings for headings ([#1561](https://github.com/mdn/fred/issues/1561)) ([99801fc](https://github.com/mdn/fred/commit/99801fcc75d6a8eddaa8540958c91fa27e8471ec))
+
+
+### Miscellaneous
+
+* **deps-dev:** bump @babel/plugin-transform-modules-systemjs ([94036c4](https://github.com/mdn/fred/commit/94036c43829bedf39fd9c6690df68b281c33ae9e))
+* **deps-dev:** bump @babel/plugin-transform-modules-systemjs from 7.27.1 to 7.29.4 ([#1555](https://github.com/mdn/fred/issues/1555)) ([94036c4](https://github.com/mdn/fred/commit/94036c43829bedf39fd9c6690df68b281c33ae9e))
+* **deps-dev:** bump @codemirror/view from 6.42.0 to 6.42.1 in the npm-dev group ([#1551](https://github.com/mdn/fred/issues/1551)) ([33ec989](https://github.com/mdn/fred/commit/33ec9891f6e578437576c06d50e188857cd86b6d))
+* **deps-dev:** bump @codemirror/view in the npm-dev group ([33ec989](https://github.com/mdn/fred/commit/33ec9891f6e578437576c06d50e188857cd86b6d))
+* **deps-dev:** bump @mdn/browser-compat-data from 7.3.14 to 7.3.15 ([#1559](https://github.com/mdn/fred/issues/1559)) ([e2aaef0](https://github.com/mdn/fred/commit/e2aaef0f21f8ad1e30d89358cffe608b15c670f2))
+* **deps-dev:** bump fast-uri from 3.0.6 to 3.1.2 ([#1554](https://github.com/mdn/fred/issues/1554)) ([94640e6](https://github.com/mdn/fred/commit/94640e6fce665828d72e2753ce888c3c95f5a4bd))
+* **deps-dev:** bump fast-xml-builder from 1.1.4 to 1.2.0 ([#1553](https://github.com/mdn/fred/issues/1553)) ([4d8ce05](https://github.com/mdn/fred/commit/4d8ce05989093857a140729e940736528ef2d028))
+* **deps-dev:** bump the npm-dev group across 1 directory with 5 updates ([#1569](https://github.com/mdn/fred/issues/1569)) ([2450d74](https://github.com/mdn/fred/commit/2450d7473647fd8b7195c846a04ad6ab5edda902))
+* **deps-dev:** bump the npm-dev group with 2 updates ([#1558](https://github.com/mdn/fred/issues/1558)) ([4b5a6fc](https://github.com/mdn/fred/commit/4b5a6fc9483e903249ab46d91889f699275a1ff6))
+* **deps:** bump @mdn/rari from 0.2.22 to 0.2.23 ([#1570](https://github.com/mdn/fred/issues/1570)) ([c2dc03e](https://github.com/mdn/fred/commit/c2dc03ef21c895bc05175e967f10a36a182fecef))
+* **deps:** bump the npm-prod group with 3 updates ([#1568](https://github.com/mdn/fred/issues/1568)) ([99b7e89](https://github.com/mdn/fred/commit/99b7e89d58cc772df3acbcc56b9f10088b4afc96))
+
 ## [2.6.1](https://github.com/mdn/fred/compare/v2.6.0...v2.6.1) (2026-05-07)
 
 

package/components/compat-table/element.js

@@ -224,16 +224,11 @@ export class MDNCompatTable extends L10nMixin(LitElement) {
   }
 
   _renderIssueLink() {
-    const onClick = (/** @type {MouseEvent} */ event) => {
-      event.preventDefault();
-      window.open(this._issueUrl, "_blank", "noopener,noreferrer");
-    };
     const source_file = this.data.__compat?.source_file;
     return html`<div class="bc-on-github">
       <a
         class="bc-github-link external external-icon"
-        href="#"
-        @click=${onClick}
+        href=${this._issueUrl}
         target="_blank"
         rel="noopener noreferrer"
         title=${this.l10n(

package/components/content-section/server.css

@@ -18,6 +18,10 @@
     margin: 1rem 0 0;
     font-weight: var(--font-weight-normal);
     line-height: var(--font-line-header);
+
+    code {
+      padding: 0 0.125em;
+    }
   }
 
   h2 {
@@ -380,6 +384,18 @@
     }
   }
 
+  /* Alphabetical/grouped indexes (rari `CSS_Ref`, `ListGroups`, `APIListAlpha`, `css_ref_list`) */
+  .index {
+    ul {
+      columns: 18rem;
+      column-gap: 2rem;
+    }
+
+    li {
+      break-inside: avoid;
+    }
+  }
+
   /* Article footer */
   &.article-footer {
     margin: 2rem 0;

package/l10n/fluent.js

@@ -5,7 +5,8 @@ import { unsafeHTML } from "lit/directives/unsafe-html.js";
 import enUS_ftl from "./locales/en-US.ftl";
 
 /**
- * @import { AllowedTags } from "insane";
+ * @import { FluentVariable } from "@fluent/bundle"
+ * @import { AllowedTags } from "insane"
  */
 
 /** @type {Record<string, string>} */
@@ -56,7 +57,7 @@ export class Fluent {
   /**
    * @param {string} id
    * @param {string} [attr]
-   * @param {Record<string, any>} [args]
+   * @param {Record<string, FluentVariable | undefined>} [args]
    * @param {Record<string, import("../types/fluent.js").Element>} [elements]
    * @returns {string | ReturnType<typeof unsafeHTML> | undefined}
    */
@@ -123,7 +124,7 @@ export class Fluent {
   /**
    * @param {string} id
    * @param {string} [attr]
-   * @param {Record<string, any>} [args]
+   * @param {Record<string, FluentVariable | undefined>} [args]
    * @param {FluentBundle | undefined} [bundle]
    * @param {boolean} [us]
    * @returns {string | undefined}
@@ -165,7 +166,7 @@ export class Fluent {
 
     /** @type {Error[]} */
     const errors = [];
-    const formatted = bundle?.formatPattern(message, args, errors);
+    const formatted = bundle?.formatPattern(message, escapeArgs(args), errors);
     if (errors.length > 0) {
       console.error(errors);
     }
@@ -173,6 +174,35 @@ export class Fluent {
   }
 }
 
+/**
+ * HTML-escape string-valued args so that variable substitution can't inject
+ * tags that confuse the downstream sanitizer. Only string values are touched
+ * so that Number/Date selectors keep working.
+ *
+ * @param {Record<string, FluentVariable | undefined>} args
+ * @returns {Record<string, FluentVariable>}
+ */
+function escapeArgs(args) {
+  /** @type {Record<string, FluentVariable>} */
+  const out = {};
+  for (const [k, v] of Object.entries(args)) {
+    if (v !== undefined) {
+      out[k] = typeof v === "string" ? escapeHtml(v) : v;
+    }
+  }
+  return out;
+}
+
+/**
+ * @param {string} s
+ */
+function escapeHtml(s) {
+  return s
+    .replaceAll("&", "&amp;")
+    .replaceAll("<", "&lt;")
+    .replaceAll(">", "&gt;");
+}
+
 /** @type {Map<string, Fluent>} */
 const fluent = new Map();
 
@@ -245,7 +275,7 @@ export default function getFluentContext(locale) {
   }
 
   /**
-   * @param {{ id: string, attr?: string, args?: Record<string, any>, elements?: Record<string, import("../types/fluent.js").Element> }} param0
+   * @param {{ id: string, attr?: string, args?: Record<string, FluentVariable | undefined>, elements?: Record<string, import("../types/fluent.js").Element> }} param0
    */
   l10n.raw = function ({ id, attr, args, elements }) {
     const fluent = getLocale(locale);

package/l10n/locales/de.ftl

@@ -58,19 +58,19 @@ compat-support-altname = Alternativer Name: { $altname }
 compat-support-removed = Ab { $version } entfernt
 compat-support-see-impl-url = Siehe <a data-l10n-name="impl_url">{ $label }</a>
 compat-support-flags =
-    { NUMBER($has_added) ->
-        [one] Ab Version { $version_added }
-        *[other] { "" }
+    { $has_added ->
+        [1] Ab Version { $version_added }
+        *[0] { "" }
     }{ $has_last ->
-        [one]
-            { NUMBER($has_added) ->
-                *[zero] Bis { $versionLast } muss
-                [one] { " " }bis { $versionLast } muss
+        [1]
+            { $has_added ->
+                *[0] Bis { $versionLast } muss
+                [1] { " " }bis { $versionLast } muss
             }
-        *[zero]
-            { NUMBER($has_added) ->
-                *[zero] muss
-                [one] { " " }muss
+        *[0]
+            { $has_added ->
+                *[0] muss
+                [1] { " " }muss
             }
     }
     { " " }die Einstellung <code data-l10n-name="name">{ $flag_name }</code>{ " " }
@@ -78,17 +78,17 @@ compat-support-flags =
         *[preference] explizit festgelegt werden
         [runtime_flag] als Laufzeit-Flag explizit festgelegt werden
 
-    }{ NUMBER($has_value) ->
-        [one] { " " }auf <code data-l10n-name="value">{ $flag_value }</code>
-        *[other] { "" }
+    }{ $has_value ->
+        [1] { " " }auf <code data-l10n-name="value">{ $flag_value }</code>
+        *[0] { "" }
     }{ "." }
-    { NUMBER($has_pref_url) ->
-        [one]
+    { $has_pref_url ->
+        [1]
             { $flag_type ->
                 [preference] Um die Einstellungen in { $browser_name } zu ändern, besuchen Sie { $browser_pref_url }.
                 *[other] { "" }
             }
-        *[other] { "" }
+        *[0] { "" }
     }
 compat-legend-yes = { compat-support-full }
 compat-legend-partial = { compat-support-partial }

package/l10n/locales/en-US.ftl

@@ -91,33 +91,33 @@ compat-support-altname = Alternate name: { $altname }
 compat-support-removed = Removed in { $version } and later
 compat-support-see-impl-url = See <a data-l10n-name="impl_url">{ $label }</a>
 compat-support-flags =
-  { NUMBER($has_added) ->
-    [one] From version { $version_added }
-    *[other] {""}
+  { $has_added ->
+    [1] From version { $version_added }
+    *[0] {""}
   }{ $has_last ->
-    [one] { NUMBER($has_added) ->
-          *[zero] Until { $versionLast } users
-          [one] {" "}until { $versionLast } users
+    [1] { $has_added ->
+          *[0] Until { $versionLast } users
+          [1] {" "}until { $versionLast } users
       }
-    *[zero] { NUMBER($has_added) ->
-          *[zero] Users
-          [one] {" "}users
+    *[0] { $has_added ->
+          *[0] Users
+          [1] {" "}users
       }
   }
   {" "}must explicitly set the <code data-l10n-name="name">{ $flag_name }</code>{" "}
   { $flag_type ->
     *[preference] preference
     [runtime_flag] runtime flag
-  }{ NUMBER($has_value) ->
-    [one] {" "}to <code data-l10n-name="value">{ $flag_value }</code>
-    *[other] {""}
+  }{ $has_value ->
+    [1] {" "}to <code data-l10n-name="value">{ $flag_value }</code>
+    *[0] {""}
   }{"."}
-  { NUMBER($has_pref_url) ->
-    [one] { $flag_type ->
+  { $has_pref_url ->
+    [1] { $flag_type ->
       [preference] To change preferences in { $browser_name }, visit { $browser_pref_url }.
       *[other] {""}
     }
-    *[other] {""}
+    *[0] {""}
   }
 
 compat-legend = Legend

package/l10n/locales/fr.ftl

@@ -52,19 +52,19 @@ compat-support-altname = Nom alternatif : { $altname }
 compat-support-removed = Supprimé en version { $version } et supérieure
 compat-support-see-impl-url = Voir <a data-l10n-name="impl_url">{ $label }</a>
 compat-support-flags =
-    { NUMBER($has_added) ->
-        [one] De la version { $version_added }
-       *[other] { "" }
+    { $has_added ->
+        [1] De la version { $version_added }
+       *[0] { "" }
     }{ $has_last ->
-        [one]
-            { NUMBER($has_added) ->
-               *[zero] Jusqu'à la version { $versionLast }, les utilisateur·ice·s
-                [one] { " " }jusqu'à { $versionLast }, les utilisateur·ice·s
+        [1]
+            { $has_added ->
+               *[0] Jusqu'à la version { $versionLast }, les utilisateur·ice·s
+                [1] { " " }jusqu'à { $versionLast }, les utilisateur·ice·s
             }
-       *[zero]
-            { NUMBER($has_added) ->
-               *[zero] Les utilisateur·ice·s
-                [one] {" "}les utilisateur·ice·s
+       *[0]
+            { $has_added ->
+               *[0] Les utilisateur·ice·s
+                [1] {" "}les utilisateur·ice·s
             }
     }
     { " " }doivent explicitement définir
@@ -73,17 +73,17 @@ compat-support-flags =
         [runtime_flag] l'indicateur d'exécution
     }
     { " " }<code data-l10n-name="name">{ $flag_name }</code>
-    { NUMBER($has_value) ->
-        [one] { " " }à <code data-l10n-name="value">{ $flag_value }</code>
-       *[other] { "" }
+    { $has_value ->
+        [1] { " " }à <code data-l10n-name="value">{ $flag_value }</code>
+       *[0] { "" }
     }{"."}
-    { NUMBER($has_pref_url) ->
-        [one]
+    { $has_pref_url ->
+        [1]
             { $flag_type ->
                 [preference] Pour changer vos préférences sur le navigateur { $browser_name }, visitez { $browser_pref_url }.
                *[other] { "" }
             }
-       *[other] { "" }
+       *[0] { "" }
     }
 compat-legend-yes = { compat-support-full }
 compat-legend-partial = { compat-support-partial }

package/l10n/locales/zh-CN.ftl

@@ -52,36 +52,36 @@ compat-support-altname = 备用名称：{ $altname }
 compat-support-removed = 已在 { $version } 及更高版本中移除
 compat-support-see-impl-url = 参见 <a data-l10n-name="impl_url">{ $label }</a>
 compat-support-flags =
-    { NUMBER($has_added) ->
-        [one] 自版本 { $version_added } 起
-       *[other] { "" }
+    { $has_added ->
+        [1] 自版本 { $version_added } 起
+       *[0] { "" }
     }{ $has_last ->
-        [one]
-            { NUMBER($has_added) ->
-               *[zero] 截至 { $versionLast }，用户
-                [one] { " " }截至 { $versionLast }，用户
+        [1]
+            { $has_added ->
+               *[0] 截至 { $versionLast }，用户
+                [1] { " " }截至 { $versionLast }，用户
             }
-       *[zero]
-            { NUMBER($has_added) ->
-               *[zero] 用户
-                [one] { " " }用户
+       *[0]
+            { $has_added ->
+               *[0] 用户
+                [1] { " " }用户
             }
     }
     { " " }必须显式将 <code data-l10n-name="name">{ $flag_name }</code>{ " " }
     { $flag_type ->
        *[preference] 首选项
         [runtime_flag] 运行时标志
-    }{ NUMBER($has_value) ->
-        [one] { " " }设置为 <code data-l10n-name="value">{ $flag_value }</code>
-       *[other] { "" }
+    }{ $has_value ->
+        [1] { " " }设置为 <code data-l10n-name="value">{ $flag_value }</code>
+       *[0] { "" }
     }{ "。" }
-    { NUMBER($has_pref_url) ->
-        [one]
+    { $has_pref_url ->
+        [1]
             { $flag_type ->
                 [preference] 要更改 { $browser_name } 中的首选项，请访问 { $browser_pref_url }。
                *[other] { "" }
             }
-       *[other] { "" }
+        *[0] { "" }
     }
 compat-legend-yes = { compat-support-full }
 compat-legend-partial = { compat-support-partial }

package/l10n/template.ftl

@@ -56,36 +56,36 @@ compat-support-altname = Alternate name: { $altname }
 compat-support-removed = Removed in { $version } and later
 compat-support-see-impl-url = See <a data-l10n-name="impl_url">{ $label }</a>
 compat-support-flags =
-    { NUMBER($has_added) ->
-        [one] From version { $version_added }
-       *[other] { "" }
+    { $has_added ->
+        [1] From version { $version_added }
+       *[0] { "" }
     }{ $has_last ->
-        [one]
-            { NUMBER($has_added) ->
-               *[zero] Until { $versionLast } users
-                [one] { " " }until { $versionLast } users
+        [1]
+            { $has_added ->
+               *[0] Until { $versionLast } users
+                [1] { " " }until { $versionLast } users
             }
-       *[zero]
-            { NUMBER($has_added) ->
-               *[zero] Users
-                [one] { " " }users
+       *[0]
+            { $has_added ->
+               *[0] Users
+                [1] { " " }users
             }
     }
     { " " }must explicitly set the <code data-l10n-name="name">{ $flag_name }</code>{ " " }
     { $flag_type ->
        *[preference] preference
         [runtime_flag] runtime flag
-    }{ NUMBER($has_value) ->
-        [one] { " " }to <code data-l10n-name="value">{ $flag_value }</code>
-       *[other] { "" }
+    }{ $has_value ->
+        [1] { " " }to <code data-l10n-name="value">{ $flag_value }</code>
+       *[0] { "" }
     }{ "." }
-    { NUMBER($has_pref_url) ->
-        [one]
+    { $has_pref_url ->
+        [1]
             { $flag_type ->
                 [preference] To change preferences in { $browser_name }, visit { $browser_pref_url }.
                *[other] { "" }
             }
-       *[other] { "" }
+       *[0] { "" }
     }
 compat-legend-yes = { compat-support-full }
 compat-legend-partial = { compat-support-partial }