Reasonably-complete JSON data and TypeScript definitions for HTML and ARIA attributes, continously scraped directly from the specs.
import {
ElementType,
ElementToAttributes,
SVGNamespace,
HTMLTagToEventMap,
HTMLTagToAttributes,
SVGTagToAttributes
} from 'html-info'
type HTMLButtonElement_ = ElementType<'button'> // HTMLButtonElement
type DivAttributes = ElementToAttributes<'div'> // HTMLGlobalAttributes & specific div attributes
// SVG and MathML attributes not yet implemented
type PathAttributes = ElementToAttributes<'path', SVGNamespace> // SVGGlobalAttributes & specific path attributes
type DivAttributes2 = HTMLTagToAttributes['div'] // same as ElementToAttributes<'div'>
type PathAttributes2 = SVGTagToEventMap['path'] // same as ElementToAttributes<'path', SVGNamespace>
type VideoEvents = HTMLTagToEventMap['video'] // HTMLVideoElementEventMapclass HTMLMyCustomElement extends HTMLElement {
constructor() {
super()
}
}
customElements.define("my-custom", HTMLMyCustomElement)
declare global {
interface HTMLElementTagNameMap {
"my-custom": HTMLMyCustomElement
}
}
// Events
interface HTMLMyCustomElementEventMap extends HTMLElementEventMap {
bruhmoment: CustomEvent<{ bruh: string }>
}
declare module "html-info" {
interface HTMLTagToEventMap {
"my-custom": HTMLMyCustomElementEventMap
}
}
// Attributes
declare module "html-info" {
interface HTMLTagToAttributes {
"my-custom": {
"allow-bruh-moments": "" | "true" | "bet"
}
}
}html-info's code itself is MIT, but the derived data has been taken from sources with the following notices
HTML spec:
Copyright © WHATWG (Apple, Google, Mozilla, Microsoft). This work is licensed under a Creative Commons Attribution 4.0 International License. To the extent portions of it are incorporated into source code, such portions in the source code are licensed under the BSD 3-Clause License instead.
WAI-ARIA spec:
Copyright © 2013-2024 World Wide Web Consortium. W3C® liability, trademark and permissive document license rules apply.