{"library":"livestylesync-vite-plugin","type":"library","category":null,"description":"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.","language":"javascript","status":"active","version":"1.1.0","tags":["javascript","typescript"],"last_verified":"Thu Jun 04","install":[{"cmd":"npm install livestylesync-vite-plugin","imports":["import { liveStyleSync } from 'livestylesync-vite-plugin'","import type { LiveStyleSyncOptions } from 'livestylesync-vite-plugin'","import liveStyleSyncPlugin from 'livestylesync-vite-plugin'"]},{"cmd":"yarn add livestylesync-vite-plugin","imports":[]},{"cmd":"pnpm add livestylesync-vite-plugin","imports":[]}],"homepage":null,"github":null,"docs":null,"changelog":null,"pypi":null,"npm":"livestylesync-vite-plugin","openapi_spec":null,"status_page":null,"smithery":null,"compatibility":null}