strict-queryselector

Usage

import { querySelector } from "@keupoz/strict-queryselector";

// Same examples applies to querySelectorAll
// Gets body element with type of HTMLBodyElement
const body = querySelector("body", HTMLBodyElement);

// Throws TypeError as body element is not instance of HTMLDivElement
const bodyDiv = querySelector("body", HTMLDivElement);

// Throws Error if element doesn't exist
// If it exists, checks if it's instance of specified type
const meaningOfLife = querySelector(".life-meaning", HTMLDivElement);

Wrappers

There are wrapper functions that allows to wrap the type guard around custom element. And they return the same function as regular querySelector.

const bodyQuerySelector = wrapQuerySelector(document.body);