Lutra

VS Code extension for Lutra UI (Svelte 5). Provides CSS variable completions, hover info, and go-to-definition for Lutra UI and project-wide CSS variables.

Features

• Autocomplete for CSS variables in CSS and Svelte.
• Hover cards with descriptions, values (computed when possible), and source files.
• One-level resolution of var(...) references.
• Clear display of user overrides alongside library defaults.
• Go-to-definition for variable declarations.
• Background rescans on file changes, plus a manual "Lutra: Rescan CSS Variables" command.

Requirements

Requires a workspace with the Lutra UI library installed:

npm install lutra

Extension Settings

• lutra.enableLogging: Enable debug logging. Default: false.
• lutra.cssGlobPatterns: CSS files to scan. Default: ["**/*.css", "**/node_modules/lutra/**/*.css"].
• lutra.svelteGlobPatterns: Svelte components to scan. Default: ["**/node_modules/lutra/**/*.svelte"].
• lutra.excludePatterns: Excluded paths. Default: ["**/node_modules/**", "**/dist/**", "**/.svelte-kit/**", "**/build/**"].

License

MIT