@mdn/fred 2.4.3 → 2.5.0

package/out/static/ssr/stats.json

@@ -9,11 +9,11 @@
       "assets": [
         {
           "name": "index.js",
-          "size": 1427913
+          "size": 1429673
         }
       ],
       "filteredAssets": 0,
-      "assetsSize": 1427913,
+      "assetsSize": 1429673,
       "auxiliaryAssets": [
         {
           "name": "desktop-saving-page.bbb8eedefb3e848f.png",
@@ -317,7 +317,7 @@
         },
         {
           "name": "index.js.map",
-          "size": 4283300
+          "size": 4287986
         },
         {
           "name": "deno.aed70d20abbf1067.svg",
@@ -512,7 +512,7 @@
           "size": 135602
         }
       ],
-      "auxiliaryAssetsSize": 8746301,
+      "auxiliaryAssetsSize": 8750987,
       "children": {},
       "childAssets": {}
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mdn/fred",
-  "version": "2.4.3",
+  "version": "2.5.0",
   "repository": "https://github.com/mdn/fred",
   "license": "MPL-2.0",
   "author": "MDN Web Docs",
@@ -44,7 +44,7 @@
     "@lit-labs/ssr": "^4.0.0",
     "@lit-labs/ssr-client": "^1.1.8",
     "@lit/task": "^1.0.3",
-    "@mdn/rari": "0.2.19",
+    "@mdn/rari": "0.2.20",
     "@mdn/watify": "^1.1.9",
     "@mozilla/glean": "^5.0.8",
     "codemirror": "^6.0.1",
@@ -68,7 +68,7 @@
     "@codemirror/commands": "^6.10.3",
     "@codemirror/language": "^6.12.3",
     "@codemirror/lint": "^6.9.5",
-    "@codemirror/view": "^6.41.0",
+    "@codemirror/view": "^6.41.1",
     "@csstools/postcss-global-data": "^4.0.0",
     "@eslint/compat": "^2.0.5",
     "@eslint/js": "^9.39.4",
@@ -122,13 +122,13 @@
     "sass-embedded": "^1.99.0",
     "sass-loader": "^16.0.7",
     "spdy": "^4.0.2",
-    "stylelint": "^17.8.0",
+    "stylelint": "^17.9.0",
     "stylelint-config-recess-order": "^7.7.0",
     "stylelint-config-standard": "^40.0.0",
     "svgo-loader": "^5.0.0",
     "ts-morph": "^28.0.0",
     "typescript": "^6.0.3",
-    "typescript-eslint": "^8.58.2",
+    "typescript-eslint": "^8.59.0",
     "webpack-dev-middleware": "^8.0.3",
     "webpack-hot-middleware": "^2.26.1",
     "webpack-merge": "^6.0.1",
@@ -140,8 +140,14 @@
     "stylelint-order": ">=7.0.1",
     "tmp": ">=0.2.4"
   },
-  "packageManager": "npm@11.6.2",
+  "packageManager": "npm@11.12.1",
   "engines": {
     "node": ">=24"
+  },
+  "devEngines": {
+    "packageManager": {
+      "name": "npm",
+      "version": ">=11.8.0"
+    }
   }
 }

package/components/specifications-list/index.js

@@ -1,60 +0,0 @@
-import { html } from "lit";
-import { join } from "lit/directives/join.js";
-
-/**
- * @param {import("@fred").Context} context
- * @param {import("@rari").Specification[]} specifications
- */
-export function SpecificationsList(context, specifications) {
-  if (specifications.length === 0) {
-    return html`${context.l10n(
-      "specifications-list-this-feature-does-not-appear-to",
-    )`This feature does not appear to be defined in any specification.`}`;
-  }
-
-  /** @type {Map<string, string[]>} */
-  const urlsByTitle = new Map();
-  for (const { title, bcdSpecificationURL: url } of specifications) {
-    const urls = urlsByTitle.get(title) ?? [];
-    urls.push(url);
-    urlsByTitle.set(title, urls);
-  }
-
-  return html`<table>
-    <thead>
-      <tr>
-        <th scope="col">
-          ${context.l10n("specifications-list-specification")`Specification`}
-        </th>
-      </tr>
-    </thead>
-    <tbody>
-      ${urlsByTitle.entries().map(([title, urls]) =>
-        urls.map(
-          (url) =>
-            html`<tr>
-              <td>${SpecificationLink(url, title)}</td>
-            </tr>`,
-        ),
-      )}
-    </tbody>
-  </table>`;
-}
-
-/**
- * @param {string} url
- * @param {string} [title]
- */
-function SpecificationLink(url, title) {
-  const hash = url.split("#")[1];
-
-  const label = [
-    title && html`${title}`,
-    title && hash && html`<br />`,
-    hash && html`# ${hash}`,
-  ].filter(Boolean);
-
-  return html`<a class="external" href=${url} rel="noopener" target="_blank"
-    >${join(label, "")}</a
-  >`;
-}

package/out/static/client/251.db6a4b10ef58ad3a.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"251.db6a4b10ef58ad3a.js","sources":["webpack://@mdn/fred/./components/compat-table-lazy/element.css","webpack://@mdn/fred/./components/global/global.css?1b68","webpack://@mdn/fred/./components/compat-table-lazy/element.js"],"sourcesContent":["import { css } from \"lit\";\n// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nimport ___CSS_LOADER_AT_RULE_IMPORT_0___ from \"-!../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../build/loaders/fix-light-dark.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!../global/global.css\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, ``, \"\"]);\n// Exports\nexport default css([___CSS_LOADER_EXPORT___.toString()]);\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `*,:after,:before{box-sizing:border-box}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}img{height:auto;max-width:100%}a{color:var(--color-link-normal)}[hidden]{display:none!important}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","import { Task } from \"@lit/task\";\nimport { LitElement, html } from \"lit\";\nimport { unsafeHTML } from \"lit/directives/unsafe-html.js\";\n\nimport \"../compat-table/element.js\";\nimport { L10nMixin } from \"../../l10n/mixin.js\";\nimport {\n  DEFAULT_LOCALE,\n  ISSUE_METADATA_TEMPLATE,\n} from \"../compat-table/constants.js\";\nimport { BCD_BASE_URL } from \"../env/index.js\";\n\nimport styles from \"./element.css?lit\";\n\n/**\n * @typedef {{data: import(\"@bcd\").Identifier, browsers: import(\"@bcd\").Browsers}} Compat\n */\n\nexport class MDNCompatTableLazy extends L10nMixin(LitElement) {\n  static styles = styles;\n\n  static properties = {\n    query: {},\n    locale: {},\n  };\n\n  constructor() {\n    super();\n    this.query = \"\";\n    this.locale = DEFAULT_LOCALE;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n  }\n\n  get _issueUrl() {\n    const url = \"https://github.com/mdn/browser-compat-data/issues/new\";\n    const sp = new URLSearchParams();\n    const metadata = ISSUE_METADATA_TEMPLATE.replaceAll(\n      \"$DATE\",\n      new Date().toISOString(),\n    )\n      .replaceAll(\"$QUERY_ID\", this.query)\n      .trim();\n    sp.set(\n      \"mdn-url\",\n      `https://developer.mozilla.org${globalThis.location.pathname}`,\n    );\n    sp.set(\"metadata\", metadata);\n    sp.set(\"title\", `${this.query} - Missing compatibility data`);\n    sp.set(\"template\", \"data-problem.yml\");\n\n    return `${url}?${sp.toString()}`;\n  }\n\n  get _issueLink() {\n    const onClick = (/** @type {MouseEvent} */ event) => {\n      event.preventDefault();\n      window.open(this._issueUrl, \"_blank\", \"noopener,noreferrer\");\n    };\n\n    return html`<a\n      class=\"bc-github-link external external-icon\"\n      href=\"#\"\n      @click=${onClick}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      title=${this.l10n(\n        \"compat-link-report-missing-title\",\n      )`Report missing compatibility data`}\n      >${this.l10n(\"compat-link-report-missing\")`Report this issue`}</a\n    >`;\n  }\n\n  _dataTask = new Task(this, {\n    args: () => [this.query],\n    task: async ([query], { signal }) => {\n      const response = await fetch(\n        `${BCD_BASE_URL}/bcd/api/v0/current/${query}.json`,\n        { signal },\n      );\n      if (!response.ok) {\n        console.error(\"Failed to fetch BCD data:\", response);\n\n        if (response.status === 404) {\n          throw html`No compatibility data found for <code>${query}</code>.\n            (${this._issueLink})`;\n        }\n\n        throw html`Got HTTP ${response.status} when fetching browser\n          compatibility data for <code>${query}</code>`;\n      }\n      return /** @type {Promise<Compat>} */ response.json();\n    },\n  });\n\n  render() {\n    const noScript = unsafeHTML(\n      `<noscript>${this.l10n(\"compat-js-required\")`Enable JavaScript to view this browser compatibility table.`}</noscript>`,\n    );\n    return this._dataTask.render({\n      initial: () => html`<p>${noScript}</p>`,\n      pending: () => html`<p>${this.l10n(\"compat-loading\")`Loading…`}</p>`,\n\n      complete:\n        /**\n         * @param {Compat} compat\n         */\n        (compat) =>\n          compat\n            ? html`<mdn-compat-table\n                query=${this.query}\n                locale=${this.locale}\n                .data=${compat.data}\n                .browserInfo=${compat.browsers}\n              ></mdn-compat-table>`\n            : html`<p>No compatibility data found</p>`,\n      error: (error) => html`<p>${error}</p>`,\n    });\n  }\n}\n\ncustomElements.define(\"mdn-compat-table-lazy\", MDNCompatTableLazy);\n"],"names":["MDNCompatTableLazy","URLSearchParams","Date","globalThis","window","fetch","console","customElements"],"mappings":"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"}