Google Keep Custom Component and Lovelace card

@brewston both integration and card have to be configured using yaml - they won’t show up neither in integrations nor in available list of cards

@BebeMischa yeah, I have a lot of repos to maintain and this integration has much lower priority than other ones (mostly related to Xiaomi), so it falls to the bottom of a todo list :frowning:
By the way, which error do you have?

2022-03-25 12:46:48 ERROR (MainThread) [homeassistant.components.sensor] Error while setting up google_keep platform for sensor
Traceback (most recent call last):
  File "/usr/src/homeassistant/homeassistant/helpers/entity_platform.py", line 249, in _async_setup_platform
    await asyncio.shield(task)
  File "/usr/local/lib/python3.9/concurrent/futures/thread.py", line 58, in run
    result = self.fn(*self.args, **self.kwargs)
  File "/config/custom_components/google_keep/sensor.py", line 39, in setup_platform
    login_success = keep.login(username, password)
  File "/usr/local/lib/python3.9/site-packages/gkeepapi/__init__.py", line 693, in login
    ret = auth.login(username, password, get_mac())
  File "/usr/local/lib/python3.9/site-packages/gkeepapi/__init__.py", line 59, in login
    raise exception.LoginException(
gkeepapi.exception.LoginException: ('BadAuthentication', None)

@3_14 I do have a sensor created called : sensor.google_keep_cd475feabe so I tried adding a card :

views:
  - name: Example
    cards:
      - type: custom:google-keep-card
        entity: sensor.google_keep_cd475feabe
        theme: dark
        alpha: 0.7
        show:
          - checked
          - uncheckedtype: ''

but it complains with “No card type found” I can see /hacsfiles/google_keep_card/google-keep-card.js under my resources for this dashboard. Thanks.

Use this config:

        type: custom:google-keep-card
        entity: sensor.google_keep_cd475feabe
        theme: dark
        alpha: 0.7
        show:
          - checked
          - unchecked

New error :slight_smile:

Custom element doesn’t exist: google-keep-card.

On the filesystem I have :

/config/www/custom_lovelace/google_keep_card # pwd
/config/www/custom_lovelace/google_keep_card
/config/www/custom_lovelace/google_keep_card # ls
google-keep-card.js

and under Configuration → Dashboards → Resources I added ‘/www/custom_lovelace/google_keep_card/google-keep-card.js’ as a Javascript module.

You should add local/custom_lovelace/google_keep_card/google-keep-card.js to resources instead

Thanks, I can see the card now (Getting “no notes found” but I can continue to debug that) I think I hit Custom cards are stored with another folder name · Issue #14 · PiotrMachowski/lovelace-google-keep-card · GitHub initially.

I used to use this component, this error got worse and worse until it never worked anymore. Had to stop using it as it seems gkeepapi isnt reliably usable anymore.

That’s the problem with unofficial APIs :confused:

i already raise an issue but not sure if this project is still maintained.
i am looking for a better customisation to fit into the default design/layout

@PX80 I have a lot of repos to maintain and this one doesn’t have top priority. This outline is displayed to separate different notes shown in a single card. You should be able to easily hide it using card mod.

Just want to check if anyone else is having issue with Google Keep at the moment? I doubt the upgrade was the problem ( as a restore has the same issue now )

Yup, multiple people have commented on GitHub. Generally speaking this integration has always been a bit unstable since it uses an unofficial API

thx. hope someone will find a workaround.

@PX80 If you hadn’t caught it, this integration is working again!

If you want to remove the white border line on the card, add the below to your card setup. You can also play with the padding of the card content as I have done.

            card_mod:
              style: |
                #googleKeepCard .card {
                  padding: 20px 10px 0px 10px;
                } #googleKeepCard .card::before {
                  border: 0px;
                }

Thanks @3_14 for this great card!

1 Like

awesome, many thanks for the card mod example!

Thank you very much for this integration, I love google keep because it relieves part of my brain.

Incidentally, for those struggling at this stage, I was able to display the card by creating and using the application password in google and not the classic password. I say it because I blocked a few hours on it and I ended up finding the info in the discussions, I slammed a few neurons along the way.

Excuse my ignorance because I’m a beginner, I still finally managed to display the sensor and part of the card. I don’t quite understand how to display the notes on the card because I only get the number of notes and the detail remains in the attributes. How do you do?

You have to install a dedicated custom card:

Would there be a way to use a Google Keep note as a trigger, as in use it to trigger a IFTTT Webhook that included the words in the note itself? I’m trying to figure out a way around Google shutting down text ingredients for use with IFTTT.

It should be possible, but it won’t be as fast

1 Like