Upgrade @webref/elements to 2.0.0 (#1320)

* 🤖 Update core dependencies

* Put deprecated ones into HTMLElementDeprecatedTagNameMap

* Webref

Co-authored-by: orta <[email protected]>

Author: saschanaz

baselines/dom.generated.d.ts

@@ -7214,6 +7214,7 @@ interface HTMLMediaElement extends HTMLElement {
     readonly played: TimeRanges;
     /** Gets or sets a value indicating what data should be preloaded, if any. */
     preload: "none" | "metadata" | "auto" | "";
+    preservesPitch: boolean;
     readonly readyState: number;
     readonly remote: RemotePlayback;
     /** Returns a TimeRanges object that represents the ranges of the current media resource that can be seeked. */
@@ -7580,16 +7581,25 @@ declare var HTMLParagraphElement: {
     new(): HTMLParagraphElement;
 };
 
-/** Provides special properties (beyond those of the regular HTMLElement object interface it inherits) for manipulating <param> elements, representing a pair of a key and a value that acts as a parameter for an <object> element. */
+/**
+ * Provides special properties (beyond those of the regular HTMLElement object interface it inherits) for manipulating <param> elements, representing a pair of a key and a value that acts as a parameter for an <object> element.
+ * @deprecated
+ */
 interface HTMLParamElement extends HTMLElement {
-    /** Sets or retrieves the name of an input parameter for an element. */
+    /**
+     * Sets or retrieves the name of an input parameter for an element.
+     * @deprecated
+     */
     name: string;
     /**
      * Sets or retrieves the content type of the resource designated by the value attribute.
      * @deprecated
      */
     type: string;
-    /** Sets or retrieves the value of an input parameter for an element. */
+    /**
+     * Sets or retrieves the value of an input parameter for an element.
+     * @deprecated
+     */
     value: string;
     /**
      * Sets or retrieves the data type of the value attribute.
@@ -7602,6 +7612,7 @@ interface HTMLParamElement extends HTMLElement {
     removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
 }
 
+/** @deprecated */
 declare var HTMLParamElement: {
     prototype: HTMLParamElement;
     new(): HTMLParamElement;
@@ -17502,7 +17513,6 @@ interface HTMLElementTagNameMap {
     "option": HTMLOptionElement;
     "output": HTMLOutputElement;
     "p": HTMLParagraphElement;
-    "param": HTMLParamElement;
     "picture": HTMLPictureElement;
     "pre": HTMLPreElement;
     "progress": HTMLProgressElement;
@@ -17544,12 +17554,34 @@ interface HTMLElementTagNameMap {
 }
 
 interface HTMLElementDeprecatedTagNameMap {
+    "acronym": HTMLElement;
+    "applet": HTMLUnknownElement;
+    "basefont": HTMLElement;
+    "bgsound": HTMLUnknownElement;
+    "big": HTMLElement;
+    "blink": HTMLUnknownElement;
+    "center": HTMLElement;
     "dir": HTMLDirectoryElement;
     "font": HTMLFontElement;
     "frame": HTMLFrameElement;
     "frameset": HTMLFrameSetElement;
+    "isindex": HTMLUnknownElement;
+    "keygen": HTMLUnknownElement;
     "listing": HTMLPreElement;
     "marquee": HTMLMarqueeElement;
+    "menuitem": HTMLElement;
+    "multicol": HTMLUnknownElement;
+    "nextid": HTMLUnknownElement;
+    "nobr": HTMLElement;
+    "noembed": HTMLElement;
+    "noframes": HTMLElement;
+    "param": HTMLParamElement;
+    "plaintext": HTMLElement;
+    "rb": HTMLElement;
+    "rtc": HTMLElement;
+    "spacer": HTMLUnknownElement;
+    "strike": HTMLElement;
+    "tt": HTMLElement;
     "xmp": HTMLPreElement;
 }
 

package-lock.json

@@ -39,30 +39,30 @@
   "license": "Apache-2.0",
   "type": "module",
   "devDependencies": {
-    "@mdn/browser-compat-data": "^4.1.15",
+    "@mdn/browser-compat-data": "^4.1.18",
     "@octokit/rest": "^18.12.0",
     "@types/jsdom": "^16.2.14",
-    "@types/node": "^17.0.23",
-    "@types/prettier": "^2.4.4",
+    "@types/node": "^17.0.30",
+    "@types/prettier": "^2.6.0",
     "@types/webidl2": "^23.13.6",
-    "@typescript-eslint/eslint-plugin": "^5.18.0",
-    "@typescript-eslint/parser": "^5.18.0",
-    "@webref/css": "^3.1.0",
-    "@webref/elements": "^1.0.4",
-    "@webref/idl": "^3.6.1",
+    "@typescript-eslint/eslint-plugin": "^5.21.0",
+    "@typescript-eslint/parser": "^5.21.0",
+    "@webref/css": "^4.0.1",
+    "@webref/elements": "^2.0.0",
+    "@webref/idl": "^3.8.0",
     "bcd-idl-mapper": "^1.4.2",
     "cpx2": "^4.2.0",
-    "danger": "^11.0.2",
-    "eslint": "^8.13.0",
+    "danger": "^11.0.5",
+    "eslint": "^8.14.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-prettier": "^4.0.0",
     "jsdom": "^19.0.0",
     "jsonc-parser": "^3.0.0",
-    "node-fetch": "^3.2.3",
+    "node-fetch": "^3.2.4",
     "prettier": "^2.6.2",
     "print-diff": "^1.0.0",
     "styleless-innertext": "^1.1.3",
-    "typescript": "^4.6.3",
+    "typescript": "^4.6.4",
     "webidl2": "^24.2.1"
   }
 }

package.json

@@ -1,22 +1,22 @@
-import { listAll } from "@webref/elements";
+import { listAll, Element as WebrefElement } from "@webref/elements";
 import { Interface, WebIdl } from "../types.js";
 import { addToArrayMap } from "../utils/map.js";
 
 async function getInterfaceToElementMap(): Promise<{
-  html: Map<string, string[]>;
-  svg: Map<string, string[]>;
+  html: Map<string, WebrefElement[]>;
+  svg: Map<string, WebrefElement[]>;
 }> {
   const all = await listAll();
-  const html = new Map<string, string[]>();
-  const svg = new Map<string, string[]>();
+  const html = new Map<string, WebrefElement[]>();
+  const svg = new Map<string, WebrefElement[]>();
   for (const item of Object.values(all)) {
     const { elements } = item;
     for (const element of elements) {
       if (!element.interface) {
         continue;
       }
       const targetMap = element.interface.startsWith("SVG") ? svg : html;
-      addToArrayMap(targetMap, element.interface, element.name);
+      addToArrayMap(targetMap, element.interface, element);
     }
   }
   return { html, svg };
@@ -28,15 +28,17 @@ export async function getInterfaceElementMergeData(): Promise<WebIdl> {
   for (const [key, elements] of html) {
     data.interfaces!.interface[key] = {
       element: elements.map((el) => ({
-        name: el,
+        name: el.name,
+        deprecated: el.obsolete,
       })),
     } as Interface;
   }
   for (const [key, elements] of svg) {
     data.interfaces!.interface[key] = {
       element: elements.map((el) => ({
         namespace: "SVG",
-        name: el,
+        name: el.name,
+        deprecated: el.obsolete,
       })),
     } as Interface;
   }

src/build/webref/elements.ts

@@ -6,6 +6,7 @@ declare module "@webref/elements" {
   interface Element {
     name: string;
     interface?: string;
+    obsolete?: true;
   }
   interface Item {
     spec: Spec;