Proxied-html-constructors NPM

HTML Tags To Constructors

Social Media Photo by Jackson Sophat on Unsplash

This module goal is to relate, through an entirely automated process, HTML tags names to their constructor, also differentiating between the obsolete or deprecated tags and those still vald.

// const createHTMLProxy = require('proxied-html-constructors');
import createHTMLProxy from 'proxied-html-constructors';

// the default export is a callback that optionally accepts
// a `globalThis` context to retrieve classes from it.
const HTML = createHTMLProxy();

HTML.A;   // the HTMLAnchorElement class
HTML.Div; // the HTMLDivElement class
HTML.TD;  // the HTMLTableCellElement class
HTML.TH;  // also the HTMLTableCellElement class
// ... and so on ... every tag maps to its constructor

The extended export that includes deprecated and obsolete tags, hence their constructors, can be reached via proxied-html-constructors/all dedicated export.

Constructors just as string

As classes might not be present in the global context, or simply to facilitate any possible library or tool out there, the /names and /all-names exports are also available to provide a way to retrieve only fully qualified strings.

// const HTML = require('proxied-html-constructors/names');
import HTML from 'proxied-html-constructors/names';

// the default export is a Proxied object that returns names.

HTML.A;   // "HTMLAnchorElement"
HTML.Div; // "HTMLDivElement"
HTML.TD;  // "HTMLTableCellElement"
HTML.TH;  // "HTMLTableCellElement"
// ... and so on ... every tag maps to its constructor's name

Just data

The /data export of this module provides an object with tags as keys and deprecated, constructor and shortcut fields, respectively a boolean, a string and also a string.