📌 Home Assistant browser extension

Overview

Home Assistant Extension for Chrome and Firefox

Version Chrome users Firefox users Code style

Unofficial extension to quickly access your Home Assistant dashboard from everywhere

Setup

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 the extension from the Chrome Web Store or Firefox Add-ons

Pin the extension in Chrome so it's always visible (it's already done by default in Firefox)

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

If you like this extension, please this repo and leave a nice review in the stores!

Development

The build output is the dist folder

# Install dependencies
npm install

# Build extensions from source
npm run build:chrome
npm run build:firefox

# Development mode
npm run dev:chrome
npm run dev:firefox
Comments
  • Login won't stay persistent after signing in.

    Login won't stay persistent after signing in.

    Using FF 88.0.1

    After signing into HA using the add on it will not stay logged in. After a period of time (5+ min) it logs me out and asks me to log in again.

    opened by 1darklyte 14
  • Extract Popup to Vue, add multiple dashboards support, minor corrections

    Extract Popup to Vue, add multiple dashboards support, minor corrections

    Description

    My name is Krzysztof and I am a Home Assistant enthusiast like you. I came across your extension and I think it's great! Easy to use, light, yet very useful. I really wanted to see multiple dashboards support, so here I am, with my PR :)

    This PR includes changes made in order to make it possible to have multiple dashboards linked to the extension. I extracted Popup as a new Vue component and used it in main view, but as well in the preview view (in my opinion it makes developing further changes a whole lot easier). When it comes to add-ons - I had no previous experience with them, as I only develop web applications on a daily basis, so feel free to tell me all your remarks to my code, or maybe some tips for the future :) As an important note: I had a hard time styling components and I am not proud of how the buttons look like now (better see for yourself), but there is an idea for the future to make it possible for the user to choose buttons colors (dashboard ones).

    When it comes to testing - I run the extension both in Chrome and in Firefox.

    I will leave some comments discussing my motivation for certain changes.

    I hope you'll find my PR well, I am waiting for your feedback.

    opened by Chriserus 8
  • Change the height limit

    Change the height limit

    Firstly thanks for a great addon!

    I have a feature request: Change the height limit / max (Slider in the options for Chrome). Or allow me to set my own as I needed a bit more height for the view I wanted to show with out scrolling - Could be the same with width.

    I changes the max attribute on the slider and changed the value via the slider and saved and works perfect!

    So pretty sure its just a limit for the limiting sake?

    opened by rawzone 5
  • Not working when embedded iframe is not allowed

    Not working when embedded iframe is not allowed

    For security reasons I have set X-Frame-Options and Content-Security-Policy/frame-ancestors to not allow my home-assistant website to be used in an iframe.

    X-Frame-Options: SAMEORIGIN;
    Content-Security-Policy: "frame-ancestors 'self'" always;
    

    image

    The same happens for the popup window. Would it be possible to load just load the page and modify it afterwards by injecting code instead of embedding it in an iframe for the popup. This is something only a browser add-on can do and not a generic website.

    Best regards Tobi

    opened by tripplet 4
  • Allow configuring the dialog height

    Allow configuring the dialog height

    Hi, very nice extension, thanks for publishing it!

    It would be nice if it allowed to configure the total dialog height. My dashboard is higher than the extension's default and I have to scroll, which makes the experience less convenient.

    opened by OrBin 2
  • Blocking cross-site cookies in firefox breaks the extension

    Blocking cross-site cookies in firefox breaks the extension

    In Firefox 88.0.1, under about:preferences#privacy using "Custom" -> "Cookies":
    Selecting "Cross-site cookies - includes social media cookies" or anything stricter breaks loading the Lovelace panel.

    I'd really like to leave it set to blocking all 3rd-party cookies, while still using this extension. Is there any way the extension can request permission to work around this?

    opened by rigrig 2
  • Add to Edge Extension Store

    Add to Edge Extension Store

    opened by ntindle 1
Releases(0.4.0)
Owner
Boris K
Boris K
NuxtJs Level Up - Live Elections Tally Assistant

NuxtJs Level Up - Live Elections Tally Assistant

Daniel Kamar 5 Aug 3, 2022
Cashier is a PWA GUI assistant application for Ledger-cli

cashier A mobile companion for Ledger-cli Live app: https://cashier.alensiljak.eu.org/ Cashier is a PWA GUI assistant application for Ledger-cli. It i

Alen Šiljak 13 Dec 19, 2022
Web Extension — A new tab page extension with material design and useful features :new: :tada:

Epiboard A new tab page adding a touch of wow and an interface following the lines of the material design. ?? ?? . You can simply and quickly access t

Alex 307 Dec 13, 2022
Browser extension for synchronizing social media with your own RSS3 file

Re: ID Development yarn yarn dev or npm install npm run dev Open chrome://extensions/ Open Developer mode in the top right corner Click Load unpacked

Natural Selection Labs 42 Dec 30, 2022
🚀 Lightweight Browser new tab extension | 一款轻量简洁的新标签页浏览器插件

Light Tab Page 轻标签页 一款轻量简洁的新标签页浏览器插件,专注新标签页基础功能 使用下一代前端开发与构建框架编写,更低CPU、内存占用,加载更迅速 安装 Chrome 应用商店(待上架) Edge 应用商店 Firefox 应用商店 离线安装包 体验地址 (仅缺失部分插件独有功能)

Zhang 75 Dec 20, 2022
Open source browser extension that adds extra features to Metrc.

Welcome to Track & Trace Tools What's Track & Trace Tools? Track & Trace Tools is an open source browser extension that adds extra features to Metrc.

 Matt Frisbie 5 Dec 26, 2022
A federated social home

Description Socialhome is best described as a federated personal profile with social networking functionality. Users can create rich content using Mar

Jason Robinson 333 Dec 23, 2022
atmo is a selfhosted temperature and humidity monitoring system for you home.

atmo atmo is a selfhosted temperature and humidity monitoring system for you home. It uses standard ZigBee sensors but without the need for a commerci

Alexander Zeller 13 Dec 11, 2022
Lulumi-browser is a lightweight browser coded with Vue.js 2 and Electron.

Lulumi-browser Lulumi-browser is a lightweight browser coded with Vue.js 2 and Electron. If you like this and would like to support it. Check out my p

Lulumi Project 413 Dec 10, 2022
Filscan browser is the filecoin blockchain browser and data service platform,It provides one-stop data services such as mining ranking, blockchain data query and visualization chart based on filecoin

Filscan browser is the filecoin blockchain browser and data service platform,It provides one-stop data services such as mining ranking, blockchain data query and visualization chart based on filecoin

Filscan Team 9 Jun 2, 2022
✨ A Chrome extension for tidying up those tabs.

TidyTab Tired of keeping your browser open just to keep your tabs open and not lose them? Well, tidy them up using TidyTab and free up your computer's

null 66 Jun 9, 2022
Boilerplate for Chrome extension using Vue.js and Webpack with auto-reload enabled.

vue-chrome-extension-boilerplate Boilerplate for Chrome extension using Vue.js and Webpack with auto-reload enabled. Scripts // install dependencies n

Muhammad Ubaid Raza 244 Dec 5, 2022
Chrome proxy extension

JoyProxy Nice and smart browser extension for managing proxy https://chrome.google.com/webstore/detail/joyproxy/cfdjgedemlfeincnkcmhegbgkicofekg?hl=en

Misha Shulga 12 Nov 24, 2022
🎀 A Chrome extension written using Vue and Async/Await. Uses a popup display and changes badge counts.

Chrome-Ribbon-Reminder This is a Chrome extension in popup form. Ribbon Reminder was an old app I made in Swift for iOS a while back, and I think its

John Datserakis 12 Nov 24, 2022
Simple Directus Extension that allows conditionally showing or hiding fields.

Directus Conditional Fields Simple Directus Extension that allows conditionally showing or hiding fields. Example Configuration used for the example:

MiniDigger | Martin 28 Dec 17, 2022
Rndmzr Chrome Extension

rndmzr Chrome extension which automagically generates and submits Clockify timesheets based on a CAPEX/OPEX ratio profile. Motivation Filling out time

Martin Marchev 3 Jul 15, 2022
A note-taking chrome extension: taking notes on the web with their context.

A note-taking chrome extension: taking notes on the web with their context.

Jim Chan 592 Jan 1, 2023
A chrome extension that allows a YouTube watcher to 'bookmark' different parts of a video so that they could come back to it later

A chrome extension that allows a YouTube watcher to 'bookmark' different parts of a video so that they could come back to it later. This is a personal project for fun and learning.

Brian Lin 10 Dec 28, 2022
Fussy-history-search - A simple Chrome extension that enables fuzzy search of browsing histories

Fussy history search A very simple Chrome extension that enables fuzzy search of

ryo 219 Dec 30, 2022