@dume/webcomp-utils

@dume/webcomp-utils

Utilities for deep DOM and Web Components manipulation. Allows selecting elements in both regular DOM and all open shadow roots.

Main features:

• Select elements with CSS selectors, including inside shadow DOMs
• Detect custom elements (Web Components) in any DOM tree
• Designed for testing, automation, and debugging Web Components

You can import the library in any ESM-compatible environment (Node.js, Vite, Webpack, etc.):

import { deepQuerySelector, deepQuerySelectorAll, findCustomElements } from '@dume/webcomp-utils';

You can also import the library in any HTML page using jsdelivr CDN.

<script src="https://cdn.jsdelivr.net/npm/@dume/webcomp-utils/dist/webcomp-utils.umd.min.js"></script>

<script>
  const inputs = window.webcompUtils.deepQuerySelectorAll('input');
</script>

Functions

• deepQuerySelector
• deepQuerySelectorAll
• findCustomElements