Introduction

Ever wanted to see all of your 428 errors without running the code?
Well now you can with this extension

[!WARNING]
This extension CANNOT be used to host your bot
This extension can only be used to improve your QoL and the development process

Small Info on How to Use

To use this extension's features you have to use files with .bds extension
You can also import your code highlight from BDFD app

[!NOTE]
You can read more about code highlight in the Change Code Highlight section

Features

Autocomplete

Every function has its own autocomplete with documentation
Also every temporary variables, app variables, JSON keys, component IDs and async scopes in the current file get its own autocomplete too just like enum values which appear in the autocomplete whenever you need them

Hover Info

When you hover over a function you get its documentation

Signature Help

Whenever you're inside of a function you get information about the current function and argument which you are currently using

Diagnostic Collection

Possibly the most useful feature of this extension which allows you to find errors in the code before running it

Color Provider

Small feature which gives you a preview for colors inside of arguments with 'Color' type for example in the first argument of $color[] function

Go to Definition

Allows you to Ctrl+Click on variable name or async scope name to easily go to where it was declared

Extension Directives

This is a unique feature which allows you to use comments ($c[]) in a new way basically it let's you tell the extension how it should behave
For example when you'll include $c[$bdsCompletionDisable] in your code it will disable autocomplete in the current file
You can find a complete list of directives in the autocomplete when inside of comments with description about what they do

[!NOTE]
This feature requires you to enable features for advanced users in settings Every directive starts with the $bds prefix

Autocomplete Insert Type

You can change what gets inserted when you use autocomplete on a function in settings:

• fullSnippet — inserts the function with all argument names as snippet placeholders (Used by the Web Editor)
• emptySnippet — inserts the function with empty snippet placeholders
• fullTag — inserts the full function tag as plain text (Used by the BDFD app)
• tagStart — inserts only the function name
• emptyArg — inserts the function with empty brackets and cursor inside

Change Code Highlight

You can easily import your code highlight from BDFD app
To import your code highlight from BDFD app follow these steps:

1. Open BDFD app and go to Settings
2. Scroll down and click 'Change code highlighting setting'
3. Click 'Share theme'
4. Click 'Copy to clipboard'
5. Transfer the copied highlight to your PC (For example with Discord or Pastebin)
6. In VSCode go to Settings > Extensions > BDScript
7. Find 'Change Code Highlight' setting
8. Click 'Edit in settings.json'
9. Replace the entire value of "bdscript.changeCodeHighlight" with your highlight
10. Save changes with Ctrl+S and you're done

Also this extension allows you to change number highlight but it's not so straightforward as importing it from BDFD app
First put this "numberHighlight":{"color":4291926630,"style":0} after "defaultTextHighlight" property or anywhere if you know what you're doing
Then use one of online tools that allow you to convert hex to decimal
Something like this tool
If you'll be using any other tool you'll probably know how to use it
If you're using this tool then in the 'Enter hex number' field input ffxxxxxx (replace 'x' with your hex color without the #)
Your input should look something like this ffd19a66
Then in the "color" property in the "numberHighlight" replace current integer with the integer from the 'Decimal number (10 digits)' field