Remix adapter for Feedthrough. Injects the browser bridge into every server-rendered page during development so an AI agent can observe console logs, network requests, and DOM state in real time.

Installation

npm install --save-dev @feedthrough/remix

Setup

Wrap your Vite config with the feedthrough() plugin:

// vite.config.ts
import { defineConfig } from "vite";
import { vitePlugin as remix } from "@remix-run/dev";
import { feedthrough } from "@feedthrough/remix";

export default defineConfig({
  plugins: [remix(), feedthrough()],
});

The plugin applies only in dev mode (apply: "serve") and is a no-op in production builds.

Custom options

feedthrough({ port: 8765 })

Running with the MCP server

# Terminal 1 — app
npx vite dev

# Terminal 2 — MCP server
npx @feedthrough/mcp

Then connect your AI agent (Claude Code, Cursor, or any other MCP client) to the server.

How it works

The adapter is a Vite plugin that hooks into the dev server via configureServer. It adds a Connect middleware that intercepts HTML responses, injects the Feedthrough IIFE bridge into <head>, and relays the modified response. Non-HTML responses (JS, CSS, images) pass through unmodified.

Because Remix renders HTML server-side, Vite's transformIndexHtml hook is never called — that is why a dedicated middleware is needed rather than @feedthrough/vite.

FAQs

What is @feedthrough/remix?

Is @feedthrough/remix popular?

Is @feedthrough/remix well maintained?

Package last updated on 07 Jun 2026

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install