# Community Hass.io Add-ons: Visual Studio Code [![GitHub Release][releases-shield]][releases] ![Project Stage][project-stage-shield] [![License][license-shield]](LICENSE.md) ![Supports aarch64 Architecture][aarch64-shield] ![Supports amd64 Architecture][amd64-shield] ![Supports armhf Architecture][armhf-shield] ![Supports armv7 Architecture][armv7-shield] ![Supports i386 Architecture][i386-shield] [![GitLab CI][gitlabci-shield]][gitlabci] ![Project Maintenance][maintenance-shield] [![GitHub Activity][commits-shield]][commits] [![Discord][discord-shield]][discord] [![Community Forum][forum-shield]][forum] [![Buy me a coffee][buymeacoffee-shield]][buymeacoffee] [![Support my work on Patreon][patreon-shield]][patreon] Visual Studio Code, accessible through the browser. ## About This add-on runs Visual Studio Code, allowing you to edit your Home Assistant configuration directly from your web browser and can be embedded straight into the Home Assistant frontend UI. Visual Studio Code runs as a remote server using `code-server`, and is a fully fledged VSCode experience. The add-on has the Home Assistant and MDI icons extensions pre-installed and pre-configured right out of the box. This means that auto-completion works instantly, without the need for configuring anything. ![Visual Studio Code in the Home Assistant Frontend](images/screenshot.png) ## Installation The installation of this add-on is pretty straightforward and not different in comparison to installing any other Hass.io add-on. 1. [Add our Hass.io add-ons repository][repository] to your Hass.io instance. 1. Install the "Visual Studio Code" add-on. 1. Start the "Visual Studio Code" add-on. 1. Check the logs of the "Visual Studio Code" add-on to see if everything went well. 1. Click the "OPEN WEB UI" button to open Visual Studio Code and use the same username & password as you would use with the Home Assistant frontend. **NOTE**: Do not add this repository to Hass.io, please use: `https://github.com/hassio-addons/repository`. ## Configuration **Note**: _Remember to restart the add-on when the configuration is changed._ Example add-on configuration: ```json { "log_level": "info", "ssl": false, "certfile": "fullchain.pem", "keyfile": "privkey.pem", "packages": [ "mariadb-client" ], "init_commands": [ "pip3 install yamllint" ] } ``` **Note**: _This is just an example, don't copy and paste it! Create your own!_ ### Option: `log_level` The `log_level` option controls the level of log output by the addon and can be changed to be more or less verbose, which might be useful when you are dealing with an unknown issue. Possible values are: - `trace`: Show every detail, like all called internal functions. - `debug`: Shows detailed debug information. - `info`: Normal (usually) interesting events. - `warning`: Exceptional occurrences that are not errors. - `error`: Runtime errors that do not require immediate action. - `fatal`: Something went terribly wrong. Add-on becomes unusable. Please note that each level automatically includes log messages from a more severe level, e.g., `debug` also shows `info` messages. By default, the `log_level` is set to `info`, which is the recommended setting unless you are troubleshooting. ### Option: `ssl` Enables/Disables SSL (HTTPS). Set it `true` to enable it, `false` otherwise. ### Option: `certfile` The certificate file to use for SSL. **Note**: _The file MUST be stored in `/ssl/`, which is default for Hass.io_ ### Option: `keyfile` The private key file to use for SSL. **Note**: _The file MUST be stored in `/ssl/`, which is default for Hass.io_ ### Option: `packages` Allows you to specify additional [Ubuntu packages][ubuntu-packages] to be installed in your shell environment (e.g., Python, PHP, Go). **Note**: _Adding many packages will result in a longer start-up time for the add-on._ ### Option: `init_commands` Customize your VSCode environment even more with the `init_commands` option. Add one or more shell commands to the list, and they will be executed every single time this add-on starts. ### Option: `leave_front_door_open` Adding this option to the add-on configuration allows you to disable authentication on the VSCode by setting it to `true`. **Note**: _We STRONGLY suggest, not to use this, even if this add-on is only exposed to your internal network. USE AT YOUR OWN RISK!_ ## Embedding into Home Assistant It is possible to embed VSCode directly into Home Assistant, allowing you to access your VSCode through the Home Assistant frontend. Home Assistant provides the `panel_iframe` component, for these purposes. Example configuration: ```yaml panel_iframe: vscode: title: Visual Studio Code icon: mdi:visual-studio-code url: https://address.to.your.hass.io:1337 ``` ## Known issues and limitations - This add-on currently only supports AMD64 machines, although we hope we are able to support ARM devices in the future, it is most likely that most devices will lack the resources to run this add-on (e.g., Raspberry Pi). - "Visual Studio Code is unable to watch for file changes in this large workspace" (error ENOSPC) This issue is caused by your system not having enough file handles, which causes VSCode to be unable to watch all your files. For HassOS, currently the only option is to click on the little cog when the notification appears and tell it to not show again. In case you have a generic Linux setup (e.g., Ubuntu), follow this guide by Microsoft: ## Changelog & Releases This repository keeps a change log using [GitHub's releases][releases] functionality. The format of the log is based on [Keep a Changelog][keepchangelog]. Releases are based on [Semantic Versioning][semver], and use the format of ``MAJOR.MINOR.PATCH``. In a nutshell, the version will be incremented based on the following: - ``MAJOR``: Incompatible or major changes. - ``MINOR``: Backwards-compatible new features and enhancements. - ``PATCH``: Backwards-compatible bugfixes and package updates. ## Support Got questions? You have several options to get them answered: - The [Community Hass.io Add-ons Discord chat server][discord] for add-on support and feature requests. - The [Home Assistant Discord chat server][discord-ha] for general Home Assistant discussions and questions. - The Home Assistant [Community Forum][forum]. - Join the [Reddit subreddit][reddit] in [/r/homeassistant][reddit] You could also [open an issue here][issue] GitHub. ## Contributing This is an active open-source project. We are always open to people who want to use the code or contribute to it. We have set up a separate document containing our [contribution guidelines](CONTRIBUTING.md). Thank you for being involved! :heart_eyes: ## Authors & contributors The original setup of this repository is by [Franck Nijhof][frenck]. For a full list of all authors and contributors, check [the contributor's page][contributors]. ## We have got some Hass.io add-ons for you Want some more functionality to your Hass.io Home Assistant instance? We have created multiple add-ons for Hass.io. For a full list, check out our [GitHub Repository][repository]. ## License MIT License Copyright (c) 2019 Franck Nijhof Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. [aarch64-shield]: https://img.shields.io/badge/aarch64-no-red.svg [amd64-shield]: https://img.shields.io/badge/amd64-yes-green.svg [armhf-shield]: https://img.shields.io/badge/armhf-no-red.svg [armv7-shield]: https://img.shields.io/badge/armv7-no-red.svg [buymeacoffee-shield]: https://www.buymeacoffee.com/assets/img/guidelines/download-assets-sm-2.svg [buymeacoffee]: https://www.buymeacoffee.com/frenck [commits-shield]: https://img.shields.io/github/commit-activity/y/hassio-addons/addon-vscode.svg [commits]: https://github.com/hassio-addons/addon-vscode/commits/master [contributors]: https://github.com/hassio-addons/addon-vscode/graphs/contributors [discord-ha]: https://discord.gg/c5DvZ4e [discord-shield]: https://img.shields.io/discord/478094546522079232.svg [discord]: https://discord.me/hassioaddons [forum-shield]: https://img.shields.io/badge/community-forum-brightgreen.svg [forum]: https://community.home-assistant.io/?u=frenck [frenck]: https://github.com/frenck [gitlabci-shield]: https://gitlab.com/hassio-addons/addon-vscode/badges/master/pipeline.svg [gitlabci]: https://gitlab.com/hassio-addons/addon-vscode/pipelines [home-assistant]: https://home-assistant.io [i386-shield]: https://img.shields.io/badge/i386-no-red.svg [issue]: https://github.com/hassio-addons/addon-vscode/issues [keepchangelog]: http://keepachangelog.com/en/1.0.0/ [license-shield]: https://img.shields.io/github/license/hassio-addons/addon-vscode.svg [maintenance-shield]: https://img.shields.io/maintenance/yes/2019.svg [patreon-shield]: https://www.frenck.nl/images/patreon.png [patreon]: https://www.patreon.com/frenck [project-stage-shield]: https://img.shields.io/badge/project%20stage-experimental-yellow.svg [reddit]: https://reddit.com/r/homeassistant [releases-shield]: https://img.shields.io/github/release/hassio-addons/addon-vscode.svg [releases]: https://github.com/hassio-addons/addon-vscode/releases [repository]: https://github.com/hassio-addons/repository [semver]: http://semver.org/spec/v2.0.0.htm [ubuntu-packages]: https://packages.ubuntu.com