@harness-fe/webpack

Webpack plugin for Harness-FE — the agent that built it never leaves.

Source-aware transform + runtime injection + MCP bridge for Webpack projects. Tags every JSX element with data-morphix-loc / data-morphix-comp so AI agents can map any UI element back to a file:line:column.

Status: stable for React + Vue 2/3 on Webpack 5. thread-loader compatible as of this release.

Note: This package is now a hand-written webpack plugin, not a wrapper around unplugin.webpack. The change is invisible to users — same import, same options — but unblocks projects that put thread-loader anywhere in their loader chain (typical Vue 2 + TypeScript SFC builds). See .changeset/webpack-native-plugin.md for the why.

Install

pnpm add -D @harness-fe/webpack @harness-fe/runtime

Usage

// webpack.config.js
const { harnessFE } = require('@harness-fe/webpack');

module.exports = {
    plugins: [harnessFE()],
};

ESM:

import { harnessFE } from '@harness-fe/webpack';

export default {
    plugins: [harnessFE()],
};

The plugin auto-disables in production builds — zero overhead in your shipped bundle.

Options

Same as @harness-fe/vite — including projectId / mcpUrl / token for team mode. All bundler plugins share the option surface via the underlying unplugin.

// team mode: report as a distinct project into a shared daemon
harnessFE({ projectId: 'my-app' })

Docs

• Root README
• Architecture

License

MIT