bling.ts

export const $ = document.querySelector.bind(document);
export const $$ = document.querySelectorAll.bind(document);

Node.prototype.on = window.on = function (name: string, fn: EventListenerOrEventListenerObject) {
  this.addEventListener(name, fn);
};

(NodeList.prototype as any).__proto__ = Array.prototype;

NodeList.prototype.on = NodeList.prototype.addEventListener = function (name, fn) {
  this.forEach((elem) => {
    elem.on(name, fn);
  });
};

declare global {
    interface Window {
        on: Window['addEventListener']
    }

    interface Node {
        on: Node['addEventListener']
    }

    interface NodeList extends Array<Node> {
        addEventListener: Node['addEventListener'];
        on: Node['addEventListener'];
    }
}