@mdn/fred 1.3.2 → 1.4.0

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 # Changelog
 
+## [1.4.0](https://github.com/mdn/fred/compare/v1.3.2...v1.4.0) (2025-09-11)
+
+
+### Features
+
+* **menu:** measure clicks ([#739](https://github.com/mdn/fred/issues/739)) ([fbb16e0](https://github.com/mdn/fred/commit/fbb16e08d7728d26a48f8cdfe20bf0755dc9cc0a))
+
+
+### Bug Fixes
+
+* **build:** correctly parse the import path on Windows ([#729](https://github.com/mdn/fred/issues/729)) ([9808738](https://github.com/mdn/fred/commit/98087383ecb9a50e43cd1da746ea8aa591e19939))
+* **compat-table:** hide preferences hint if browser has no pref_url ([#715](https://github.com/mdn/fred/issues/715)) ([9415000](https://github.com/mdn/fred/commit/9415000d40b1de827acc99d9c299592e0b21ca73))
+* **content-section:** restrict fragment link style to dt ([#703](https://github.com/mdn/fred/issues/703)) ([737114a](https://github.com/mdn/fred/commit/737114a469b5d9eac5199c676ade90be4c0637f7))
+* **deps:** move @mdn/rari dependency ([#737](https://github.com/mdn/fred/issues/737)) ([d66f91e](https://github.com/mdn/fred/commit/d66f91e8fbfb0e33e5cbb7d1166a33bcf1d14227))
+* **glean:** make click measurements backward compatible ([#743](https://github.com/mdn/fred/issues/743)) ([e9843c6](https://github.com/mdn/fred/commit/e9843c65844c3a82a774170aa7ea14c5929ace0c))
+* **playground:** set auto run on clear ([#669](https://github.com/mdn/fred/issues/669)) ([2fd268b](https://github.com/mdn/fred/commit/2fd268b2be98fba1dbaf982ad214598755071840))
+* **playground:** set autorun on clear ([2fd268b](https://github.com/mdn/fred/commit/2fd268b2be98fba1dbaf982ad214598755071840))
+
+
+### Miscellaneous
+
+* **deps-dev:** bump @mdn/browser-compat-data from 7.1.2 to 7.1.3 ([#722](https://github.com/mdn/fred/issues/722)) ([b855407](https://github.com/mdn/fred/commit/b85540789b395a719ca73a327712a25b0fdbfe3b))
+* **deps-dev:** bump @mdn/browser-compat-data from 7.1.3 to 7.1.4 ([#734](https://github.com/mdn/fred/issues/734)) ([4a5c807](https://github.com/mdn/fred/commit/4a5c807645a993e3158b79058e24e6c04e56390c))
+* **deps-dev:** bump @mdn/rari from 0.1.48 to 0.1.49 ([#733](https://github.com/mdn/fred/issues/733)) ([53d7adb](https://github.com/mdn/fred/commit/53d7adba41feadaf15055e986c344271576b4ff1))
+* **deps-dev:** bump @mdn/yari from 5.0.3 to 5.1.0 ([#720](https://github.com/mdn/fred/issues/720)) ([6b4da86](https://github.com/mdn/fred/commit/6b4da86a6d7e9df5f8cbd34dde864613ce51fd30))
+* **deps-dev:** bump @mdn/yari from 5.1.0 to 5.1.1 ([#735](https://github.com/mdn/fred/issues/735)) ([c48d2bc](https://github.com/mdn/fred/commit/c48d2bc21ad69c086031e2433c786caf2f04594b))
+* **deps-dev:** bump eslint-plugin-jsdoc from 53.0.1 to 55.0.3 ([#727](https://github.com/mdn/fred/issues/727)) ([3e9f15c](https://github.com/mdn/fred/commit/3e9f15c1b936717ef334412459455a43577179de))
+* **deps-dev:** bump the dev group across 1 directory with 6 updates ([#723](https://github.com/mdn/fred/issues/723)) ([a9e2136](https://github.com/mdn/fred/commit/a9e2136dfa63620133a80259ac93c3d7adc86e45))
+* **deps-dev:** bump the dev group with 3 updates ([#726](https://github.com/mdn/fred/issues/726)) ([2b59743](https://github.com/mdn/fred/commit/2b597439a7ae85d4d63c3f9d5347d998a8ae82da))
+* **menu:** update items ([#706](https://github.com/mdn/fred/issues/706)) ([472a129](https://github.com/mdn/fred/commit/472a1299692ae9bff70da70698c31a9e6ca01d34))
+* **placement:** remove `rel="noreferrer"` ([#749](https://github.com/mdn/fred/issues/749)) ([f36e5e1](https://github.com/mdn/fred/commit/f36e5e1b54974fa85e3b16e635e01f0a49846ca1))
+
 ## [1.3.2](https://github.com/mdn/fred/compare/v1.3.1...v1.3.2) (2025-09-05)
 
 

package/build/render.js

@@ -1,11 +1,14 @@
 import { readFile } from "node:fs/promises";
-
 import path from "node:path";
+import { pathToFileURL } from "node:url";
 
 import { FRED_BUILD_ROOT } from "./env.js";
 
 const { render: distRender } = /** @type {import("../entry.ssr.js")} */ (
-  await import(path.resolve(FRED_BUILD_ROOT, "static", "ssr", "index.js"))
+  await import(
+    pathToFileURL(path.resolve(FRED_BUILD_ROOT, "static", "ssr", "index.js"))
+      .href
+  )
 );
 
 /** @type {import("@rspack/core").StatsCompilation} */

package/components/baseline-indicator/server.js

@@ -210,7 +210,7 @@ export class BaselineIndicator extends ServerComponent {
           <li>
             <a
               href=${`/${context.locale}/docs/Glossary/Baseline/Compatibility`}
-              data-glean="baseline_link_learn_more"
+              data-glean-id="baseline_link_learn_more"
               target="_blank"
               class="learn-more"
             >
@@ -218,14 +218,14 @@ export class BaselineIndicator extends ServerComponent {
             </a>
           </li>
           <li>
-            <a href=${bcdLink} data-glean="baseline_link_bcd_table">
+            <a href=${bcdLink} data-glean-id="baseline_link_bcd_table">
               ${context.l10n`See full compatibility`}
             </a>
           </li>
           <li>
             <a
               href=${feedbackLink}
-              data-glean="baseline_link_feedback"
+              data-glean-id="baseline_link_feedback"
               class="feedback-link"
               target="_blank"
               rel="noreferrer"

package/components/compat-table/constants.js

@@ -1,9 +1,6 @@
 // [libs/constants]
 export const DEFAULT_LOCALE = "en-US";
 
-// [client/telemetry]
-export const BCD_TABLE = "bcd";
-
 export const ISSUE_METADATA_TEMPLATE = `
 <!-- Do not make changes below this line -->
 <details>

package/components/compat-table/element.js

@@ -4,11 +4,7 @@ import { unsafeHTML } from "lit/directives/unsafe-html.js";
 
 import { L10nMixin } from "../../l10n/mixin.js";
 
-import {
-  BCD_TABLE,
-  DEFAULT_LOCALE,
-  ISSUE_METADATA_TEMPLATE,
-} from "./constants.js";
+import { DEFAULT_LOCALE, ISSUE_METADATA_TEMPLATE } from "./constants.js";
 import styles from "./element.css?lit";
 import {
   getSupportBrowserReleaseDate,
@@ -393,7 +389,7 @@ export class MDNCompatTable extends L10nMixin(LitElement) {
         titleNode = html`<a
           href=${href}
           class="bc-table-row-header"
-          data-glean=${`${BCD_TABLE}: link -> ${href}`}
+          data-glean-id=${`bcd: link -> ${href}`}
         >
           ${titleContent}
         </a>`;
@@ -699,6 +695,7 @@ export class MDNCompatTable extends L10nMixin(LitElement) {
               flag_name: name,
               has_value: Number(typeof value_to_set === "string"),
               flag_value: value_to_set,
+              has_pref_url: Number(typeof browser.pref_url === "string"),
               browser_name: browser.name,
               browser_pref_url: browser.pref_url,
             },

package/components/content-feedback/element.js

@@ -61,16 +61,13 @@ export class MDNContentFeedback extends L10nMixin(LitElement) {
         this._view = "feedback";
       }
       // Reusing Thumbs' key to be able to reuse queries.
-      gleanClick("thumbs", {
-        type: "article-footer",
-        label: vote === "yes" ? "1" : "0",
-      });
+      gleanClick(`thumbs: article-footer" -> ${vote === "yes" ? "1" : "0"}`);
     }
   }
 
   _handleFeedback() {
     this._view = "thanks";
-    gleanClick("article-footer", { type: "feedback", label: this._reason });
+    gleanClick(`article_footer: feedback -> ${this._reason}`);
   }
 
   _renderVote() {

package/components/content-section/server.css

@@ -256,7 +256,7 @@
       margin: 1rem 0 2rem;
     }
 
-    a[href^="#"] {
+    dt a[href^="#"] {
       color: inherit;
 
       &:hover::before {

package/components/contributor-list/element.css

@@ -109,10 +109,11 @@ svg {
 
     li {
       animation: community-circle 0.1ms forwards;
-      offset-anchor: center calc(0.5 * var(--img-size));
-      offset-distance: var(--offset-distance);
+
       offset-path: ellipse(100% 50% at 100% 50%);
+      offset-distance: var(--offset-distance);
       offset-rotate: 0deg;
+      offset-anchor: center calc(0.5 * var(--img-size));
     }
 
     li:nth-of-type(n + 6) {

package/components/interactive-example/element.js

@@ -102,7 +102,7 @@ export class InteractiveExampleBase extends LitElement {
     ) {
       action = `click@${ev.target.id}`;
     }
-    gleanClick("interactive-example", { type: "action", label: action });
+    gleanClick(`interactive-example: ${action}`);
   }
 
   connectedCallback() {

package/components/menu/constants.js

@@ -19,6 +19,7 @@ export const MISSING_DOCS = {
     "Web/CSS/Layout_cookbook/Column_layouts",
     "Web/CSS/Properties",
     "Web/HTML/Guides",
+    "Web/HTML/Guides/Cheatsheet",
     "Web/HTML/Guides/Date_and_time_formats",
     "Web/HTML/How_to/Add_JavaScript_to_your_web_page",
     "Web/JavaScript/Guide/Using_classes",
@@ -31,6 +32,7 @@ export const MISSING_DOCS = {
     "Web/API/File_System_API",
     "Web/API/HTML_DOM_API",
     "Web/API/Web_Animations_API/Using_the_Web_Animations_API",
+    "Web/CSS/CSS_box_model/Introduction_to_the_CSS_box_model",
     "Web/CSS/CSS_colors/Color_picker_tool",
     "Web/CSS/Guides",
     "Web/CSS/Properties",
@@ -43,7 +45,6 @@ export const MISSING_DOCS = {
   ],
   ja: [],
   ko: [
-    "Learn_web_development/Core/Structuring_content/HTML_video_and_audio",
     "Web/API/Performance",
     "Web/API/Web_Animations_API/Using_the_Web_Animations_API",
     "Web/API/Web_Speech_API/Using_the_Web_Speech_API",
@@ -54,6 +55,7 @@ export const MISSING_DOCS = {
     "Web/CSS/Layout_cookbook/Column_layouts",
     "Web/CSS/Properties",
     "Web/HTML/Guides",
+    "Web/HTML/Guides/Cheatsheet",
     "Web/HTML/How_to/Add_JavaScript_to_your_web_page",
     "Web/JavaScript/Guide/Using_classes",
     "Web/URI",
@@ -75,6 +77,7 @@ export const MISSING_DOCS = {
     "Web/CSS/Layout_cookbook/Column_layouts",
     "Web/CSS/Properties",
     "Web/HTML/Guides",
+    "Web/HTML/Guides/Cheatsheet",
     "Web/HTML/Guides/Date_and_time_formats",
     "Web/HTML/How_to/Add_JavaScript_to_your_web_page",
     "Web/JavaScript/Guide/Using_classes",
@@ -93,6 +96,7 @@ export const MISSING_DOCS = {
     "Web/CSS/Layout_cookbook/Column_layouts",
     "Web/CSS/Properties",
     "Web/HTML/Guides",
+    "Web/HTML/Guides/Cheatsheet",
     "Web/HTML/Guides/Date_and_time_formats",
     "Web/HTML/How_to/Add_JavaScript_to_your_web_page",
     "Web/JavaScript/Guide/Using_classes",
@@ -102,9 +106,6 @@ export const MISSING_DOCS = {
   ],
   "zh-CN": ["Web/CSS/Properties"],
   "zh-TW": [
-    "Learn_web_development/Core/CSS_layout/Flexbox",
-    "Learn_web_development/Core/Structuring_content/HTML_video_and_audio",
-    "Learn_web_development/Core/Styling_basics/Box_model",
     "Learn_web_development/Getting_started",
     "Web/API/File_System_API",
     "Web/API/HTML_DOM_API",
@@ -118,6 +119,7 @@ export const MISSING_DOCS = {
     "Web/CSS/CSS_backgrounds_and_borders/Border-image_generator",
     "Web/CSS/CSS_backgrounds_and_borders/Border-radius_generator",
     "Web/CSS/CSS_backgrounds_and_borders/Box-shadow_generator",
+    "Web/CSS/CSS_box_model/Introduction_to_the_CSS_box_model",
     "Web/CSS/CSS_colors",
     "Web/CSS/CSS_syntax/At-rule",
     "Web/CSS/Guides",