# MoonBit Syntax Highlight

[![](https://img.shields.io/badge/license-MIT-brightgreen)](./LICENSE.txt)
[![](https://img.shields.io/badge/Sublime%20Text-4-ff9800)](https://www.sublimetext.com/blog/articles/sublime-text-4)

<p align="center">
  <picture>
    <source media="(prefers-color-scheme: dark)" srcset="./images/screenshot-dark.png">
    <source media="(prefers-color-scheme: light)" srcset="./images/screenshot-light.png">
    <img alt="screenshot" src="./images/screenshot-light.png">
  </picture>
</p>

## Install

- Via Package Control: search for `MoonBit`.
- Manual: clone this repo into your Sublime `Packages` folder.

## LSP Configuration

1. Make sure you have installed the sublime [LSP](https://github.com/sublimelsp/LSP) plugin.
2. Open `Preferences: LSP Settings` from the command palette.
3. Add a new LSP server to the `"clients"` field.

```jsonc
// Settings in here override those in "LSP/LSP.sublime-settings"
{
  "clients": {
    "moonbit-lsp": {
      "enabled": true,
      "command": ["/Users/yourname/.moon/bin/moonbit-lsp"],
      "selector": "source.moonbit"
    }
  },
}
```

## Add Syntax Highlighting to Hover Popups

<p align="center">
  <picture>
    <source media="(prefers-color-scheme: dark)" srcset="./images/popup-dark.png">
    <source media="(prefers-color-scheme: light)" srcset="./images/popup-light.png">
    <img alt="popup" src="./images/popup-light.png" width="534">
  </picture>
</p>

Sublime LSP uses [MdPopups](https://facelessuser.github.io/sublime-markdown-popups/settings/#mdpopupssublime_user_lang_map) to render the hovering documentations, add the following config to your global preferences (`Preferences: settings` from the command palette) to enable it.

```jsonc
"mdpopups.sublime_user_lang_map": {
  "moonbit": [["moonbit", "mbti", "mbt"], ["MoonBit/MoonBit"]]
}
```

## License

MIT @ [hyrious](https://github.com/hyrious)