@web-remarq/unplugin weekly downloads statistics

@web-remarq/unplugin

Universal build plugin that injects source location attributes into JSX and Vue template elements for web-remarq.

Works with Vite, webpack, Rollup, esbuild, and Rspack. Supports JSX/TSX and Vue SFC templates.

Install

Setup

Vite

webpack

Rollup

esbuild

Rspack

What it does

Transforms this:

Into this:

Vue SFC templates are also transformed:

Becomes:

Options

| Option | Type | Default | Description |

| include | string[] | ['/.jsx', '/.tsx', '/*.vue'] | Glob patterns for files to transform | | exclude | string[] | ['node_modules/'] | Glob patterns to skip | | production | boolean | false | Enable in production builds |

Security note: production: true exposes source file paths in the DOM. Use only for internal/staging environments.

JSX/TSX

Uses @babel/parser for AST-based transformation. Handles TypeScript, decorators, and all JSX patterns. Component name is detected from the nearest function/class declaration.

Vue SFC

Parses blocks and injects attributes on HTML elements. Vue built-in tags (template, slot, component, transition, keep-alive, teleport, suspense) are skipped. Component name is derived from the filename.

How it differs from @web-remarq/babel-plugin

| | @web-remarq/babel-plugin | @web-remarq/unplugin | |-|---|---| | Use when | Project uses Babel | Project uses Vite/SWC/esbuild without Babel | | Bundlers | Babel only | Vite, webpack, Rollup, esbuild, Rspack | | JSX | Yes | Yes | | Vue SFC | No | Yes | | Parsing | Babel AST (native) | @babel/parser (bundled) |

If your project already uses Babel, prefer @web-remarq/babel-plugin — it's lighter and integrates natively.

License

MIT