Registry / devops / superdev-tagger

superdev-tagger

library1.1.8jsnpmunverified

A Vite plugin and React HOC for automatically or manually tagging JSX/TSX components with custom data attributes. Version 1.1.8, actively maintained, ships TypeScript types. Peer dependency on Vite ^5.0.0. Key differentiators: supports both a build-time plugin for automatic tagging and runtime HOC for manual tagging, with runtime override support via tagOptions prop. Lightweight and focused on debugging/QA use cases.

devops testing

npm install superdev-tagger

package ↗

INSTALL

IMPORT

SIG · SUPERDEV-TAGGER

superdev-tagger

devopsjavascriptv1.1.8

Install

—

Import

—

Disk

—

Pass rate

0/ 6

Env Coverage0 / 6

glibc

18–22

musl

18–22

Install & Compatibility

Where this runs

tested against v? · npm install

Install × environment matrix

Each cell = how many times install + import succeeded across repeated harness runs. Partial = flaky.
glibc = Debian/Ubuntu slim · musl = Alpine Linux

musl

node 18–223 runs

build_error

glibc

node 18–223 runs

build_error

Code

Verified usage

Verified import paths — ran on the pinned version, not inferred.

tagComponent

✓ import { tagComponent } from 'superdev-tagger'

✗ const tagComponent = require('superdev-tagger').tagComponent

ESM-only; require() works only in CJS projects with dynamic import or bundler that converts.

componentTagger

✓ import { componentTagger } from 'superdev-tagger'

✗ import componentTagger from 'superdev-tagger'

Named export, not default; used in vite.config.ts.

Demonstrates using the tagComponent HOC with custom options and runtime override.

import { tagComponent } from 'superdev-tagger'; import MyComponent from './MyComponent'; const TaggedComponent = tagComponent(MyComponent, { id: 'my-id', attributes: { feature: 'search' }, }); function App() { return <TaggedComponent tagOptions={{ id: 'runtime-id' }} />; }

Debug

Known issues

breakingVite plugin requires Vite ^5.0.0; incompatible with Vite 4 or lower.

fix

Upgrade Vite to version 5 or above.

affects: >=1.0.0

gotchaThe Vite plugin automatically adds attributes only to JSX/TSX components; classes or other patterns are not tagged.

fix

Use the tagComponent HOC for manual tagging outside JSX.

affects: >=1.0.0

gotchaThe HOC tagComponent wraps the component and thus may affect performance in large lists; does not memoize.

fix

Consider using React.memo on wrapped components or apply only during development.

affects: >=1.0.0

Errors

Common errors & fixes

Cannot find module 'superdev-tagger' or its corresponding type declarations.

Package not installed or missing from package.json.

fix

Run 'npm install superdev-tagger' and ensure it appears in dependencies.

TypeError: Cannot destructure property 'tagComponent' of '...' as it is undefined.

Using default import instead of named import.

fix

Use import { tagComponent } from 'superdev-tagger' instead of import tagComponent from 'superdev-tagger'.

Upgrade

Version history

1.1.8latest on npm

Audit

Dependencies

viteoptionalPeer dependency for the Vite plugin (componentTagger); must be installed separately

Agent activity

2 hits · last 30 days

node

Resources

packagehttps://www.npmjs.com/package/superdev-tagger ↗