svelteplugin Svelte Themes

Svelteplugin

Notepad++ Svelte 5 language support (UDL + autocomplete)

Notepad++ Svelte Support 🧩

Syntax highlighting + autocomplete for Svelte 5 files (.svelte) in Notepad++.

⚠️ This is a User Defined Language (UDL) β€” it ships as XML, not as a binary plugin. No compilation needed, works with stock Notepad++.

✨ Features

  • 🎨 Syntax highlighting for Svelte markup, <script>, <style>
  • πŸͺ„ Svelte 5 runes highlighted ($state, $derived, $effect, $props, …)
  • πŸ” Block syntax highlighted and folded ({#if} / {:else} / {/if}, {#each}, {#await}, {#snippet}, {#key})
  • 🏷️ Special tags {@render}, {@html}, {@const}, {@debug}, {@attach}
  • 🎯 Directives: bind:, on:, use:, transition:, class:, style:
  • πŸ’‘ Autocomplete for Svelte runes & block syntax
  • πŸŒ— Two themes: Dark (VSCode-like) and Light

πŸ“¦ Installation

Easy way (Windows PowerShell)

git clone https://github.com/<you>/notepad-svelte-support
cd notepad-svelte-support
.\scripts\install.ps1                # Dark theme (default)
.\scripts\install.ps1 -Theme Light   # Light theme

Manual way

  1. UDL (syntax highlighting):

    • Open Notepad++ β†’ Language β†’ User Defined Language β†’ Define your language…
    • Click Import… and select udl/Svelte.xml (or Svelte-Light.xml)
    • Restart Notepad++
  2. Autocomplete:

    • Copy autocomplete/Svelte.xml to:
      • %ProgramFiles%\Notepad++\autoCompletion\Svelte.xml
    • Enable: Settings β†’ Preferences β†’ Auto-Completion β†’ βœ“ Enable auto-completion on each input
  3. Open a .svelte file β€” language should be auto-detected.

πŸ§ͺ Test it

The samples/ folder contains real Svelte 5 components:

πŸ—‘οΈ Uninstall

.\scripts\uninstall.ps1

πŸ› οΈ Development

# Validate XML files
./scripts/validate.sh

πŸ—ΊοΈ Roadmap

This project starts as a UDL. If real Svelte support needs more (like multi-language lexing of HTML+CSS+JS within one file, or context-aware autocomplete), Phase 2 will be a real C++ Notepad++ plugin. See docs/ROADMAP.md.

🀝 Contributing

Found a missing keyword? A wrong color? PRs welcome! Edit the udl/*.xml, run ./scripts/validate.sh, open PR.

πŸ“œ License

MIT β€” see LICENSE.

πŸ™ Credits

Inspired by other community Notepad++ language packs (e.g. the official userDefinedLanguages repo). Color palette inspired by VSCode Dark+ / Light+.

Top categories

Loading Svelte Themes