https://github.com/jeremyjeanson/fitbit-sdk-extension

Visual Studio Code extension for fitbit SDK
https://github.com/jeremyjeanson/fitbit-sdk-extension

fitbit fitbit-sdk vscode-extension

Last synced: 3 months ago
JSON representation

Visual Studio Code extension for fitbit SDK

• Host: GitHub
• URL: https://github.com/jeremyjeanson/fitbit-sdk-extension
• Owner: JeremyJeanson
• License: mit
• Created: 2020-10-09T06:49:25.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2021-12-15T18:00:32.000Z (over 4 years ago)
• Last Synced: 2025-07-13T20:48:33.787Z (11 months ago)
• Topics: fitbit, fitbit-sdk, vscode-extension
• Language: TypeScript
• Homepage:
• Size: 3.79 MB
• Stars: 7
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Fitbit SDK Extension for vscode

[![Fitbit SDK Extension for vscode](Sources/images/icon.png)](https://marketplace.visualstudio.com/items?itemName=JeremyJeanson.fitbit-sdk-extension)

This extension was built to help developers to use the Fitbit SDK when they use Visual Studio Code.

It coudl be installed form [the marketplace](https://marketplace.visualstudio.com/items?itemName=JeremyJeanson.fitbit-sdk-extension).

# Current status

This extension is under active development. Features will be added over time. 

- [x] CSS custom data.

- [ ] CSS Linter (to avoid problems with `$`).

- [x] SVG files associations.

- [x] SVG coloration.

- [x] SVG snippets.

    - [x] Basic controls.

    - [x] Buttons.

    - [x] Texts.

    - [x] Views.

    - [x] Other.

    - [x] Animations.

- [ ] SVG Language.

    - [x] Completion (All SVG elements and attributs used by the Fitbit SDK, to avoid errors).

    - [x] Documentation when mouse is hover elements.

    - [x] Format.

    - [x] Colors (display and edit).

    - [ ] Validation.

# Exemples

Code completion.

![Make the edition of SVG easier](Assets/demos/code-completion.gif)

View and edit colors.

![Colors edition](Assets/demos/colors.gif)

Snippets to define symbols and animations.

![An easy way create a custom components](Assets/demos/symbols.gif)

Snippets to use Fitbit SDK components.

![An easy way to use fitbit components components](Assets/demos/components.gif)

Snippets to include link to the Fitbit SDK definitions.

![An easy way create add link to Fitbit definion files](Assets/demos/defs.gif)

Display documentation when mouse is hover elements.

![Documentation](Assets/demos/documentation.png)

# vscode-icons users

If you are using the vscode-icons extension, you could change your settings to bind the SVG icon to the Fitbit DSK files.

It could be done by adding this code to your Visual Studio Code settings :

```json

"vsicons.associations.files": [

    {

        "icon": "svg",

        "extensions": [

            "gui",

            "defs",

            "view"

        ],

        "format": "svg"

    }

]

```

# Contribute or report issues

You can report any issue via GitHu. If you found one, please report it! This code was open to be shared and improved. If you have an idea, tell it or send a pull request.