JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 1283
  • Score
    100M100P100Q124210F
  • License ISC

Component tagger Vite plugin and Babel plugin for JSX metadata

Package Exports

  • @prover-coder-ai/component-tagger
  • @prover-coder-ai/component-tagger/babel

Readme

@prover-coder-ai/component-tagger

Vite plugin that adds a single path attribute to every JSX opening tag.

Example output:

<h1 path="src/App.tsx:22:4">Hello</h1>

Format: <relative-file-path>:<line>:<column>

Usage

import { defineConfig, type PluginOption } from "vite"
import { componentTagger } from "@prover-coder-ai/component-tagger"

export default defineConfig(({ mode }) => {
  const isDevelopment = mode === "development"
  const plugins = [isDevelopment && componentTagger()].filter(Boolean) as PluginOption[]

  return { plugins }
})