{"id":22540,"library":"vite-bridge","title":"ViteBridge","description":"A Vite plugin that bridges React applications with Kulp.AI, providing error reporting, route tracking, component tagging, and postMessage-based communication. Current stable version is 1.1.5, with no established release cadence. Key differentiators: development-only operation, configurable bridges, TypeScript support, and dependency on @babel/parser, magic-string, and estree-walker for component tagging. Alternatives include custom Vite plugins for similar features, but vite-bridge offers a unified integration with Kulp.AI.","status":"active","version":"1.1.5","language":"javascript","source_language":"en","source_url":"https://github.com/kulp-app/vite-bridge","tags":["javascript","vite","plugin","bridge","kulp","react","error","reporter","route","typescript"],"install":[{"cmd":"npm install vite-bridge","lang":"bash","label":"npm"},{"cmd":"yarn add vite-bridge","lang":"bash","label":"yarn"},{"cmd":"pnpm add vite-bridge","lang":"bash","label":"pnpm"}],"dependencies":[],"imports":[{"note":"viteBridge is a named export, not a default export.","wrong":"import viteBridge from 'vite-bridge'","symbol":"viteBridge","correct":"import { viteBridge } from 'vite-bridge'"},{"note":"Type imports should use the type keyword for TypeScript.","wrong":"import { ViteBridgeOptions } from 'vite-bridge'","symbol":"ViteBridgeOptions","correct":"import type { ViteBridgeOptions } from 'vite-bridge'"},{"note":"BuildError is a TypeScript interface, not a runtime value.","wrong":"import { BuildError } from 'vite-bridge'","symbol":"BuildError","correct":"import type { BuildError } from 'vite-bridge'"}],"quickstart":{"code":"import { defineConfig } from 'vite';\nimport { viteBridge } from 'vite-bridge';\n\nexport default defineConfig({\n  plugins: [\n    ...viteBridge(),\n  ],\n});","lang":"typescript","description":"Shows basic setup of vite-bridge plugin in Vite configuration with all bridges enabled."},"warnings":[{"fix":"Use ...viteBridge() instead of viteBridge() as a single plugin.","message":"Note: viteBridge() returns an array of plugins, so you need to spread the result with '...viteBridge()'.","severity":"gotcha","affected_versions":">=1.0.0"},{"fix":"Install the required dependencies: npm install @babel/parser magic-string estree-walker","message":"Component tagger requires additional dependencies: @babel/parser, magic-string, and estree-walker. If missing, the feature is silently disabled.","severity":"gotcha","affected_versions":">=1.0.0"},{"fix":"Install optional dependencies: npm install esbuild tailwindcss","message":"Tailwind CSS configuration generation requires esbuild and tailwindcss to be installed separately.","severity":"gotcha","affected_versions":">=1.0.0"},{"fix":"N/A","message":"No known deprecations in v1.1.5.","severity":"deprecated","affected_versions":">=1.0.0"}],"env_vars":null,"last_verified":"2026-04-27T00:00:00.000Z","next_check":"2026-07-26T00:00:00.000Z","problems":[{"fix":"npm install @babel/parser","cause":"Missing required dependency for component tagger.","error":"Cannot find module '@babel/parser' or its corresponding type declarations."},{"fix":"Ensure you use 'import { viteBridge } from 'vite-bridge'' and spread the result: '...viteBridge()'","cause":"Incorrect import or spread missing.","error":"TypeError: viteBridge is not a function"},{"fix":"Change to 'import { viteBridge } from 'vite-bridge''","cause":"Using default import instead of named import.","error":"Attempted import error: 'viteBridge' is not exported from 'vite-bridge'."}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}