LiveStyleSync Vite Plugin

Vite plugin for LiveStyleSync – a real-time CSS patching tool that writes style changes directly to source files via a WebSocket server. Current stable version is 1.1.0. Requires Vite >=4 and the complementary livestylesync-overlay package. Unlike traditional CSS-in-JS or hot-reload mechanisms, LiveStyleSync modifies source files (CSS, SCSS, CSS Modules, Vue scoped styles) using PostCSS AST and relies on Vite's HMR to reflect changes. It is released as an open-source MIT-licensed package. This plugin is the server-side counterpart; the browser overlay handles user-initiated style edits and sends patches to the WS server. Release cadence is irregular; recent versions have focused on stability and compatibility with Vite 4+. It differentiates itself by preserving source file updates rather than injecting runtime styles, making it suitable for design-to-code workflows.