Homeassistant-polymer directory

Development
1

Hey there,

I just installed hass. I want to change the more info dialog for some domains and for that
I read in the manual that I have to setup the development environment.

But I do not get further at the following point from the instructions:

cd homeassistant/components/frontend/www_static/home-assistant-polymer
$ nvm install < .nvmrc

I just do not have a directory that is called “home-assistant-polymer” I have just the compiled version of fronted.html.

How could I get that missing directory?

Greetings
Nic

2

I just updated these docs the other day because I got to the same point and I don’t think the PR has gotten merged yet.

Edit:
It’s been merged and queued for the next release.

3

Hey @quadmasta thanks for replying.

Perhaps i´m just blind or to stupid, but even with your updated article I just run into problems.

in my home assistant directory there is neither a script directory (scripts is there) nor a script that is called bootstrap_frontend.

What the hell am I doing wrong?

4

This is all to be done inside of a development instance cloned from github, not your configuration directory. When you say “my home assistant directory” do you mean one you’ve cloned from github or the one with your configurations in it?

You might need to start here

5

Hey @quadmasta,

you are right - I did you use my normal install.

But for sad - doing it with a git cloned version does either not work.

I tried the following:

  1. I changed the hasutil.html: Added “count” to the DOMAINS_WITH_MORE_INFO array
  2. I copied for testing purpose the an existing more-info-camera.html to more-info-count.html in the more-info folder
  3. I added the link in the more-info-content.html

Then I ran the bootstrap_frontend script

I have expected to get now a new fronted.html which I could copy to my “original” installation.

In an other ssh session I started npm run js_dev
The output is: `> [email protected] js_dev /home/hassdev/home-assistant/homeassistant/components/frontend/www_static/home-assistant-polymer
> node script/gen-service-worker.js && npm run watch_ru_all

> [email protected] watch_ru_all /home/hassdev/home-assistant/homeassistant/components/frontend/www_static/home-assistant-polymer
> (npm run watch_ru_automation & npm run watch_ru_core & npm run watch_ru_compatibility & npm run watch_ru_demo) && wait


> [email protected] watch_ru_core /home/hassdev/home-assistant/homeassistant/components/frontend/www_static/home-assistant-polymer
> rollup --config rollup/core.js --watch --sourcemap inline


> [email protected] watch_ru_automation /home/hassdev/home-assistant/homeassistant/components/frontend/www_static/home-assistant-polymer
> rollup --config rollup/automation.js --watch --sourcemap inline


> [email protected] watch_ru_demo /home/hassdev/home-assistant/homeassistant/components/frontend/www_static/home-assistant-polymer
> rollup --config rollup/demo.js --watch --sourcemap inline


> [email protected] watch_ru_compatibility /home/hassdev/home-assistant/homeassistant/components/frontend/www_static/home-assistant-polymer
> rollup --config rollup/compatibility.js --watch --sourcemap inline

bundling...
bundling...
bundling...
bundling...
bundled in 2297ms. Watching for changes...
bundled in 4604ms. Watching for changes...
bundled in 4510ms. Watching for changes...
bundled in 9689ms. Watching for changes...
`

But there is no new fronted.html

What am I doing wrong?

Thanks again for your help.

6

You have to run from that directory, not your original install directory. You also have to enable development mode

If you didn’t set up a python virtual environment for the frontend work, you’ll have to reinstall home-assistant through pip to fix your path stuff

The build instructions listed at the bottom of the frontend development page are only for building the frontend.html file to be placed into a HomeAssistant release

7

Thanks again.

I installed/cloned everything in the Virtual environment, but missed the developing thing in the configuration.yaml.

At this moment i think my problem is, that i do not know how i could get my changes (see list in my Previous post) in my “normal” hass instance. I thought that i have to Compile a new frontend.html somehow. But i really do not understand how to do that.

Could you help me once again?

Cheers, Nic

8

Why are you wanting to do that? If you’re not modifying the core frontend components you’re going about this the wrong way.

9

Hmm - i want to change a more-info dialog.
If the trick is not compiling a new frontend.html - what do i have to do to take the changes effect?

10

are you intending to use this only for yourself or are you wanting to contribute it back to the community?

11

In the first step for my personal use. In the second step - when everything is fine, i want to Share it to the community

12

Just run from the virtual environment. There’s no reason to do a build and copy the stuff to your pip-installed version. Maybe the docs should be updated to explain how to modify the startup scripts to use the virtual environment.

13

Hmm - for now i just can’t get it Work:-(

I will try a fresh new install and will document every step.

Perhaps you could see my mistake in a First look…

14

Hey there again,

I did a complete fresh install.

For now I get an other problem:

In the moment I setup the fronted development environment with

script/bootstrap_frontend

Suddenly my home assistant instance is password protected.

I run hass from the command line an then when I go to http://192.168.178.102:8123
a login screen with a required password appears. But what is the password? How could I get rid out of it?

In the configuration.yaml there is no password set - just short before running the frontend-development script everything was fine.

Do you have an idea?