dangreco / threedy Goto Github PK
View Code? Open in Web Editor NEWHome Assistant card to display 3D printer status and progress
Home Assistant card to display 3D printer status and progress
Running version 2021.0.3
My ETA and Elapsed time are all over the place as shown in the GIF below.
Here is the history for both, they look "normal".
and my configs:
`type: 'custom:threedy-card'
base_entity: sensor.octoprint
name: Ultimaker 2+
printer_type: I3
monitored:
octoprint:
host: 192.168.10.65
api_key: 02E38742B0224BE488FB84CB7450537B
bed: true
number_of_tools: 1
sensors:
monitored_conditions:
- "Current State"
- "Job Percentage"
- "Temperatures"
- "Time Elapsed"
- "Time Remaining"
'
Please let me know if there is something else I should check or change. Thank you
I would like the option to keep te card opened when the printer is connected to home-assistant.
It would also be awesome if the card could always stay opened for dashboard applications.
Love the card!
But a minor gripe I have is that the stats don't update every second, and elapsed time has second precision.
On the one hand for short prints a higher precision time could be nice, but also for (very) long prints rounding to minutes or maybe even hours could be preffered.
On a related note, I already snuck it into the title, a time remaining field would also be a nice addition.
Suggest to be able to manually add URL of stream instead of being forced to select the camera using the camera entity dropdown.
I”d love to see this as an ios 14-widget, is this possible?
Hi. I installed your awesome plug-in to my HA deployment, using HACS. I used the "time_elapsed" entity value in an automation to notify my when a long print (>15m) had finished.
Recently this stopped working. On investigation, the automation is complaining that time_elapsed is not a thing.
I don't recall changing anything that would have caused this. But I don't know how to restore this entity, and I really don't know where to start looking for it.
Can anyone help me?
Hi!
I was so bold to fork your project and made some fixes to it, if anybody else wants to use it you can find it here https://github.com/e11en/ha-threedy-card
@dangreco thanks for your hard work! 💯
I have HA supervised install.
After installation, it put the .js file in the following path
root@debian:/usr/share/hassio/homeassistant/www/community/threedy# ls
threedy-card.js threedy-card.js.gz
I copied the files back to following path
root@debian:/usr/share/hassio/homeassistant/www/hacsfiles/threedy# ls
threedy-card.js threedy-card.js.gz
Still getting the error.
2022-01-28 14:57:58 ERROR (MainThread) [frontend.js.latest.202112291] http://192.168.1.66:8123/hacsfiles/threedy/threedy-card.js?hacstag=33288368520211125:2:602711 TypeError: e is undefined
2022-01-28 14:57:58 ERROR (MainThread) [frontend.js.latest.202112291] http://192.168.1.66:8123/hacsfiles/threedy/threedy-card.js?hacstag=33288368520211125:2:602711 TypeError: e is undefined
2022-01-28 14:57:58 ERROR (MainThread) [frontend.js.latest.202112291] http://192.168.1.66:8123/hacsfiles/threedy/threedy-card.js?hacstag=33288368520211125:2:602711 TypeError: e is undefined
2022-01-28 14:57:58 ERROR (MainThread) [frontend.js.latest.202112291] http://192.168.1.66:8123/hacsfiles/threedy/threedy-card.js?hacstag=33288368520211125:2:602711 TypeError: e is undefined
Hi,
I'd love to use this plugin will be a very neat card to my hass instance!
I have added the card and configure it from the UI and when I save the settings, all my cards disappear, and if I reload the website they return again, but threedy does not show.
I went to the logs and saw this:
xxxxx:8123/hacsfiles/threedy/threedy-card.js:2:314141 Uncaught TypeError: Cannot read property 'state' of undefined
What could it be?
Cordially,
Bruno
Really like your card! Do you plan to add a CoreXY image? I do have two i3 style printer and one CoreXY and would love to see distinguish images!
I was curious if it was possible to allow the light entity to display its state in the icon? I realize for the power entity the card already gives you the online/offline status so I imagine that's not particularly necessary.
Hi, first of all great work on that card.
Already integrated it into my overall overview into Lovelace. But I can't figure out how to apply different styles using card-mod to fit perfectly into my theme.
I just wanted to remove the box-shadow:
type: 'custom:threedy-card'
style: |
ha-card: {
box-shadow: none !important;
}
base_entity: sensor.ender_3_pro
name: Ender 3 Pro
printer_type: I3
monitored:
- Status
- ETA
- Elapsed
- Hotend
- Bed
theme: Default
font: Roboto
scale: 0.5
use_24hr: true
round: false
If i remove it directly under the element.style {} block in my Browser then it's working...
Any advise on that?
downloaded most recent file: 2021.0.a1.2
Theme is still broken when using this resource.
Configuration:
####################################################
# OCTOPRINT #
####################################################
octoprint:
- host: 172.16.5.240
api_key: !secret octoprint_api_key
name: Creality CR-6 SE
number_of_tools: 1
sensors:
monitored_conditions:
- 'Current State'
- 'Job Percentage'
- 'Temperatures'
- 'Time Elapsed'
- 'Time Remaining'
Card:
- type: 'custom:threedy-card'
base_entity: sensor.creality_cr_6_se
name: Creality CR-6e
printer_type: I3
monitored:
- Status
- ETA
- Elapsed
- Hotend
- Bed
theme: Default
font: Roboto
scale: 0.5
round: false
When Bed or Hotend is removed, the card appears.
Hi love the card! Can you add the possibility to show my kwh/watt from my smartplug?
And maybe some buttons like: print/pause/stop shutdown/reboot octoprint?
I'm a newbie with github so i don't know how to make a request 😅
but there is my idear,
add a printer type for the SLA printers like the Anycubic photon, because a plugin on octoprint add the way to control these printer ( and will use it soon) it's called Octoprint-chituboard, the only thing to change is the animation i think, i didn't tested the system so i don't even know if ocotprint send the print stats to HA or even if octoprint collect data about the print with the SLA printer, i will post here the result when i guet a result with a raspberry + an SLA, if anybody have tried don't be shy to share your result :)
i really like the Threedy card, i use it with my 2 FDM printersand I wish so much that threedy take the SLA printers too that would be greatfull and complete my Dashboard :D
Thank you to read me and i hope you will add it ^^
i am a klipper firmware user with moonraker api
would love to see this project working with custom sensors like i configured:
https://github.com/Arksine/moonraker/blob/master/docs/example-home-assistant.yaml
thanks in advance
Fantastic card, absolutely love it - great job! 😄👍 Would be nice though if you added/opened up the possibility to use CSS/custom theming with for example 'card-mod' by Thomas Lovén.
Remaining and elapsed time is constantly resetting values.
I´m using MQTT integration, and i can see that entity for elapsed or remaning is working fine, without any kind of resets.
I have my cards aligned the way I like them but when this card hides itself everything gets kind of wonky looking. Could you add the ability to always show the full card?
threedy/src/Components/Stats/utils.tsx
Lines 56 to 84 in de1be7a
See breaking changes in the PR home-assistant/core#58040
I am using:
Home Assistant 2022.9.4
Supervisor 2022.08.6
Operating System 9.0
Frontend 20220907.2 - latest
I tried Method 1: HACS
Open HACS and navigate to Frontend Section
ok
Open the Overflow Menu (⋮) in the top right corner and click on Custom repositories
ok
Paste https://github.com/dangreco/threedy into the input field and select Lovelace from the dropdown
ok
Click the Install Button on the highlighted Card titled threedy
there was no 'Install' button, but there was an 'Add' button, clicked that it seemed to work
However, after that, and after a restart I tried to add a new card to my Home Assistant Overview. I expceted to see a card for Treedy but did not, nor did I see any new cards.
Maybe this is a bug, maybe I'm missing something?
Hi,
Recently i ve installed HACKS and updated threedy repository also. Now when im configuring im getting error as below
Cannot read properties of undefined (reading 'state'),
Status and Bed temperature works fine
when clicked ETA or some other parameter the whole card doesn't show up.
This is the error im getting
`
**> Cannot read properties of undefined (reading 'state')
type: custom:threedy-card
base_entity: sensor.octoprint
monitored:
- Status
- Bed
- ETA
printer_type: I3
name: ENDER
**
`
Please support.
Hi !
Thanks for your card, it could be nice to have an option to add my own sensor of temperature and humidity of the enclosure like it's an important information.
Thanks !!
Hello
please add support for Duet3D integration for Home Assistant (https://github.com/garethbradley/hass-Duet3D) or option to assign individual parameters to be monitored manually e.g. like for the power_entity
.
thx
I see issue #15 addressed the conversion, which is working correctly, however looks like the frontend is still displaying F even after properly converting to C
hello, thank for your job !
I would like to permanently display the card without having to click on it
This answer is ok ?
#33 (comment)
thx for your answer
Cant add repo in hacs.
I get a message saying: Repostitory structure for 2021.0.4 is not compliant
Hey first of all really nice job on the card! Looks super.
So this is a little feature request that has no rush. It would be cool if you could add a optional switch to toggle a light and a separate optional switch to turn on the printer (I have a smart outlet which controls the printer)
Please add support for Prusalink :)
https://www.home-assistant.io/integrations/prusalink/
Hi,
I've just got OctoPrint and this card up and running. Looks great on my laptop but it's not scaling to fit my mobile (Samsung S9) screen.
threedy 2021.0.4
Android 2021.6.2-full
version | core-2021.8.8 |
---|---|
installation_type | Home Assistant OS |
dev | false |
hassio | true |
docker | true |
user | root |
virtualenv | false |
python_version | 3.9.6 |
os_name | Linux |
os_version | 5.10.17-v8 |
arch | aarch64 |
timezone | Europe/London |
GitHub API | ok |
---|---|
Github API Calls Remaining | 4748 |
Installed Version | 1.15.1 |
Stage | running |
Available Repositories | 938 |
Installed Repositories | 13 |
logged_in | true |
---|---|
subscription_expiration | 10 September 2021, 1:00 am |
relayer_connected | true |
remote_enabled | true |
remote_connected | true |
alexa_enabled | false |
google_enabled | true |
can_reach_cert_server | ok |
can_reach_cloud_auth | ok |
can_reach_cloud | ok |
host_os | Home Assistant OS 6.2 |
---|---|
update_channel | stable |
supervisor_version | supervisor-2021.06.8 |
docker_version | 20.10.6 |
disk_total | 219.4 GB |
disk_used | 10.4 GB |
healthy | true |
supported | true |
board | rpi4-64 |
supervisor_api | ok |
version_api | ok |
installed_addons | Mosquitto broker (6.0.1), MariaDB (2.4.0), File editor (5.3.3), Duck DNS (1.13.0), Terminal & SSH (9.1.3), Node-RED (10.0.0), TasmoAdmin (0.15.0), Assistant Relay (0.7.4), Home Assistant Google Drive Backup (0.104.3), TasmoBackup (1.04.23), Zigbee2mqtt (1.21.0-4), NGINX Home Assistant SSL proxy (3.0.2), Grocy (0.15.0), AppDaemon 4 (0.7.0), Samba share (9.5.1) |
dashboards | 4 |
---|---|
resources | 6 |
views | 3 |
mode | storage |
Would be nice if the Power button is lockable or needs some sort of confirm Method, so you don't accidentally turn off the Printer while printing
Replace the Printing Animation with the camera when available using a home-assistant camera entity.
It seems the elapsed time continues to count once the print has finished. I assume this is because the HA integration continues to count the time since the print started. It would nice to either just stop counting time, or allow us to select a custom entity that stops counting time once printing has finished.
Octoprint allows for multiple cameras to monitor the printing.
It would be great to be able to reference more than one camera.
One way to implement this could be to add arrows in the camera view to cycle through the cameras when clicked/tapped.
Waiting until it is HACS installable/updatable, Will this be one day?
The animation works perfectly on my pc. But on the IOS app it's empty. even after clearing the frontend cache.
I would like to request a yml toggle to enable 24 hour mode.
Thanks :)
my raspberry pi camera appears the wrong way up and only the software can fix it.
Support for MQTT integration from 3d printer.
I use mqtt because of the lag when using octoprint integration, but with mqtt i can´t figure how to use this card.
When I add a threedy card to my dashboard, that dashboard crashes and stays empty even if I add different cards to it.
My config (I've tried all monitors, all error out):
type: 'custom:threedy-card'
base_entity: sensor.monoprice_maker_select_plus
name: Monoprice Maker Select Plus
printer_type: I3
monitored:
- Status
octoprint config (I've tried with & without the sensors
segment):
octoprint:
host: [..]
api_key: [...]
name: 'Monoprice Maker Select Plus'
port: 443
ssl: true
bed: true
number_of_tools: 1
sensors:
monitored_conditions:
- 'Current State'
- 'Temperatures'
- 'Job Percentage'
- 'Time Elapsed'
- 'Time Remaining'
Console output:
TypeError: Xo[c] is undefined
as bundle.js:2
to bundle.js:2
Ns bundle.js:2
Yu bundle.js:2
gu bundle.js:2
vu bundle.js:2
mu bundle.js:2
Ba bundle.js:2
unstable_runWithPriority bundle.js:2
Na bundle.js:2
Ba bundle.js:2
Va bundle.js:2
su bundle.js:2
Uu bundle.js:2
Qu bundle.js:2
render bundle.js:2
value bundle.js:2
set bundle.js:2
value chunk.76c6271b07439f0dec52.js:2040
_cards chunk.76c6271b07439f0dec52.js:2040
value chunk.76c6271b07439f0dec52.js:2040
value chunk.76c6271b07439f0dec52.js:2040
performUpdate app.924deda6.js:10297
_enqueueUpdate app.924deda6.js:10297
requestUpdateInternal app.924deda6.js:10297
initialize app.924deda6.js:10297
C app.924deda6.js:10297
i chunk.76c6271b07439f0dec52.js:2040
value chunk.76c6271b07439f0dec52.js:2827
value chunk.76c6271b07439f0dec52.js:2827
setTimeout handler*i/< chunk.8bfaee99df77cd7cc01f.js:1
requestAnimationFrame chunk.af43f6ec356055cbfe65.js:1
requestAnimationFrame chunk.af43f6ec356055cbfe65.js:1
i chunk.8bfaee99df77cd7cc01f.js:1
value chunk.76c6271b07439f0dec52.js:2827
performUpdate app.924deda6.js:10297
_enqueueUpdate app.924deda6.js:10297
requestUpdateInternal app.924deda6.js:10297
set app.924deda6.js:10297
commit app.924deda6.js:10297
commit app.924deda6.js:10297
update app.924deda6.js:10297
__commitTemplateResult app.924deda6.js:10297
commit app.924deda6.js:10297
a app.924deda6.js:10297
render app.924deda6.js:10297
update app.924deda6.js:10297
performUpdate app.924deda6.js:10297
_enqueueUpdate app.924deda6.js:10297
requestUpdateInternal app.924deda6.js:10297
set app.924deda6.js:10297
value app.924deda6.js:43637
value app.924deda6.js:39363
performUpdate app.924deda6.js:10297
_enqueueUpdate app.924deda6.js:10297
requestUpdateInternal app.924deda6.js:10297
set app.924deda6.js:10297
commit app.924deda6.js:10297
commit app.924deda6.js:10297
update app.924deda6.js:10297
__commitTemplateResult app.924deda6.js:10297
commit app.924deda6.js:10297
a app.924deda6.js:10297
render app.924deda6.js:10297
update app.924deda6.js:10297
bundle.js:2:348763
rs bundle.js:2
callback bundle.js:2
li bundle.js:2
ds bundle.js:2
wu bundle.js:2
unstable_runWithPriority bundle.js:2
Na bundle.js:2
ku bundle.js:2
mu bundle.js:2
Ba bundle.js:2
unstable_runWithPriority bundle.js:2
Na bundle.js:2
Ba bundle.js:2
Va bundle.js:2
su bundle.js:2
Uu bundle.js:2
Qu bundle.js:2
render bundle.js:2
value bundle.js:2
set bundle.js:2
value chunk.76c6271b07439f0dec52.js:2040
_cards chunk.76c6271b07439f0dec52.js:2040
value chunk.76c6271b07439f0dec52.js:2040
value chunk.76c6271b07439f0dec52.js:2040
performUpdate app.924deda6.js:10297
_enqueueUpdate app.924deda6.js:10297
requestUpdateInternal app.924deda6.js:10297
initialize app.924deda6.js:10297
C app.924deda6.js:10297
i chunk.76c6271b07439f0dec52.js:2040
value chunk.76c6271b07439f0dec52.js:2827
value chunk.76c6271b07439f0dec52.js:2827
(Async: setTimeout handler)
i chunk.8bfaee99df77cd7cc01f.js:1
requestAnimationFrame chunk.af43f6ec356055cbfe65.js:1
(Async: FrameRequestCallback)
requestAnimationFrame chunk.af43f6ec356055cbfe65.js:1
i chunk.8bfaee99df77cd7cc01f.js:1
value chunk.76c6271b07439f0dec52.js:2827
performUpdate app.924deda6.js:10297
_enqueueUpdate app.924deda6.js:10297
requestUpdateInternal app.924deda6.js:10297
set app.924deda6.js:10297
commit app.924deda6.js:10297
commit app.924deda6.js:10297
update app.924deda6.js:10297
__commitTemplateResult app.924deda6.js:10297
commit app.924deda6.js:10297
a app.924deda6.js:10297
render app.924deda6.js:10297
update app.924deda6.js:10297
performUpdate app.924deda6.js:10297
_enqueueUpdate app.924deda6.js:10297
requestUpdateInternal app.924deda6.js:10297
set app.924deda6.js:10297
value app.924deda6.js:43637
value app.924deda6.js:39363
performUpdate app.924deda6.js:10297
_enqueueUpdate app.924deda6.js:10297
requestUpdateInternal app.924deda6.js:10297
set app.924deda6.js:10297
commit app.924deda6.js:10297
commit app.924deda6.js:10297
update app.924deda6.js:10297
__commitTemplateResult app.924deda6.js:10297
commit app.924deda6.js:10297
a app.924deda6.js:10297
render app.924deda6.js:10297
update app.924deda6.js:10297
EDIT: seems to be here:
{try{console.error(t.value)}catch(e){setTimeout((function(){throw e}))}}
Cannot get power_entity to work, the icon is greyed out (as of not clickable).
Current configuration:
type: 'custom:threedy-card'
base_entity: sensor.ender_3
name: Ender 3
printer_type: I3
monitored:
- Status
- ETA
- Elapsed
- Hotend
- Bed
power_entity: switch.sonoff_basic_3d
theme: Default
font: Roboto
scale: 1
round: false
Entity ID in HomeAssistantswitch.sonoff_basic_3d
switch.sonoff_basic_3d
- Is a sonoff basic powercord
Any idea?
I have copied threedy-card.js to folder /www/threedy-card.js
In Lovalace resources I have added different resource urls
/local/threedy-card.js
/www/thready-card.js
/local/www/threedy-card.js
Nothing works with these urls and the example configuration..
My printer is stated as: sensor.octoprint_ender3_state
I dont know where to look anymore.
Is it possible to add support for an integration that functions on the same principle as the Octoprint Integration,
https://www.home-assistant.io/integrations/repetier/
Hey man! Loving your card... what got me wondering what's the overall theme you are using on your HA config? Seeing at https://camo.githubusercontent.com/b73318ee388b9bd1a4846cc018037fa7ed85278919bdb8b107194860d9a788aa/68747470733a2f2f6d656469612e67697068792e636f6d2f6d656469612f31345667744653756c4a6b4f6152695a466f2f67697068792e676966 I really like the look and feel. Thanks!
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.