A quick shortcut to your Home Assistant

Latest Version

Version
0.5.0
Update
February 21, 2024
Size
79.66KiB
Developer
Category
Users
8,000+
Rating
4.62857 ★
Manifest Version
3
Web Store Status
Languages Support
English (United States)
See more
Permissions
Storage
ContextMenus
See more

Home Assistant Extension

Unofficial extension to quickly access your Home Assistant dashboard from everywhere

=== Setup ===

Open your configuration.yaml file and add the following lines, then restart Home Assistant.
http:
use_x_frame_options: false

In your Lovelace dashboard, create a new view and add a few cards that you want to see in your extension

Here are a few tips:

- If you have only one card, activate the \"panel mode\" option for a better look
- If you want to match your browser color scheme, you can choose a specific theme just for this view
- You can completely hide the view if you don't want it to show in your existing dashboard, it won't affect the extension
- I suggest you to choose a specific URL for the view. For example: \"extension\"

Install and pin the extension in Chrome so it's always visible

Open the extension options (right-click the icon > Configure), then:

- Set the URL of your view as seen in your browser, for example https://my-home-assistant.com/lovelace/extension
- Adjust width and height so everything looks good
- You can choose to crop the upper part of your view to hide the page header. By default, the size of the header is 56 pixels
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Home Assistant", "description": "A quick shortcut to your Home Assistant", "version": "0.5.0", "manifest_version": 3, "options_page": "options.html", "permissions": ["storage", "contextMenus"], "background": { "service_worker": "background.js" }, "action": { "default_popup": "popup.html", "default_icon": { "16": "/images/logo_16.png", "32": "/images/logo_32.png", "48": "/images/logo_48.png", "128": "/images/logo_128.png" } }, "icons": { "16": "/images/logo_16.png", "32": "/images/logo_32.png", "48": "/images/logo_48.png", "128": "/images/logo_128.png" }}
Read more