BeepBasket - Barcode scanning directly to your shopping list

[m_wynand (Wynand)]

Greetings all,

Herewith my first contribution to HACS with my project BeepBasket

It allows you to scan barcodes directly from your Home Assistant Companion App or web using your device camera into the default shopping list of Home Assistant.

Alternatively, a barcode scanner with an ESPHome config can post directly to your shopping list. Just scan it before you throw it away and it adds it to your shopping list.

# BeepBasket

**Beep barcodes straight into your shopping basket!**

## Features

- Instant barcode → shopping list
- OpenFoodFacts auto-lookup
- Local product cache (JSON)
- Custom UI card (`beepbasket-card`)
- Dustbin sensor support

Here is the complete build and instructions

BeepBasket

[tykeal (Andrew Grimberg)]

This seems kinda awesome. Would be great to if it was easily paired up with Improved Shopping List Card

[anon60850888]

You probably want to document that the camera only works in the app when using https.

[m_wynand (Wynand)]

I was not event aware to that awesome project. I did notice on the link you provided

This card is based on the original Home Assistant shopping list (shopping_list) and uses its data structure.
All items you add in this card will also appear in the standard shopping list – and vice versa.

So it should be possible since the BeepBasket also submits its data to the standard shopping list.

[m_wynand (Wynand)]

Thanks for the reminder. I did make those changes to the project page and the github repo.

[RoadkillUK]

Fixed: I didn’t add it as a service

I have installed both the integration and the card, however I get this screen and it won’t add anything. It also seems I don’t have the 2 ‘actions’

Any ideas?

beepbasket.add_mapping
beepbasket.remove_mapping

[m_wynand (Wynand)]

Fixed: I didn’t add it as a service

Ok, seems you got it up and running, nice.

Is there anything unclear in the instructions that I can add to the documentation to ensure we keep it a simple and easy process?

[RoadkillUK]

No issues with the docs, it’s just I missed this step …

[petercuyvers]

Thanks for your effort with BeepBasket.

I have installed Beepbasket * Barcode → Shopping List and the card.
I can view a barcode with my phone camera, but i cant “beep” it in the shopping list.
No mappings found.

[mr-miles]

I really like the idea of beepbasket - i think it would solve one of our tedious family chores in an instant.

However I’m having trouble getting it to work - I can put a barcode into the card and it is found by openfood facts and the details auto-filled, but there is no “Add” button to complete the popup and add items to the list!

What can I be doing wrong / how can I work it out?

I have added the integration, restarted, added the service, added the card, but no dice. I can see the service and its actions as well.

[Aragnut]

I followed the instructions (missed the beepbasket-card first time around) and see the service running and can add a card, but I feel like there are fields missing (and buttons don’t do anything)

[tacroy]

Hello! This is EXACTLY what I’m looking for, so excited it exists, thank you.
Unfortunately, I’ve not had any luck getting it to work. I have everything installed, I’m accessing via my nabucasa link (to get HTTPS) and the camera just comes up black. Originally, there was a also a tracking issue, but I excluded the URL and that went away. Any ideas?

Thank you!

Home Assistant OS via Proxmox
Tested on PC Edge and Chrome

[abesnier]

I have the same issue. Impossible to use the camera, on phone (HA Companion App or browser), or on computer with proper authorizations.
HTTPS is used.
“Start Camera” and “Close” buttons are not displayed. they are present in the DOM tree, but visible on screen:

document.querySelector('ha-dialog ha-button\[slot="primaryAction"\]').getBoundingClientRect() 

DOMRect { x: 0, y: 0, width: 0, height: 0, top: 0, right: 0, bottom: 0, left: 0 }

The problem is somewhere in the dialog creation, but I don’t know enough to suggest more…