card-mod and browser-mod break Visual editor

[HybridRCG]

Is there an existing issue for this?

• [X] I have searched the existing issues

Current Behavior

Visual editor is not supported for this configuration: s.entries is not a function. (In 's.entries()', 's.entries' is undefined) You can still edit your config in YAML.

Steps To Reproduce

Add new Card on dashboard No changes Cant edit in visual editor because of error

Expected behaviour

Able to edit the config settings in the visual editor.

Card Version

4.4.3

Home Assistant Version

Core : 2023.12.1

Configuration

No response

Relevant log output

No response

[slipx06]

Hi. Can you share your card config? Does this happen only when you add a new card or with existing cards as well?

[HybridRCG]

Its the default card. Nothing changed...

type: custom:sunsynk-power-flow-card cardstyle: full show_solar: true battery: energy: 0 shutdown_soc: 20 show_daily: true solar: show_daily: true mppts: 2 load: show_daily: true grid: show_daily_buy: true show_daily_sell: false show_nonessential: true entities: use_timer_248: switch.sunsynk_toggle_system_timer priority_load_243: switch.sunsynk_toggle_priority_load inverter_voltage_154: sensor.sunsynk_inverter_voltage load_frequency_192: sensor.sunsynk_load_frequency inverter_current_164: sensor.sunsynk_inverter_current inverter_power_175: sensor.sunsynk_inverter_power grid_connected_status_194: binary_sensor.sunsynk_grid_connected_status inverter_status_59: sensor.sunsynk_overall_state day_battery_charge_70: sensor.sunsynk_day_battery_charge day_battery_discharge_71: sensor.sunsynk_day_battery_discharge battery_voltage_183: sensor.sunsynk_battery_voltage battery_soc_184: sensor.sunsynk_battery_soc battery_power_190: sensor.sunsynk_battery_power battery_current_191: sensor.sunsynk_battery_current grid_power_169: sensor.sunsynk_grid_power day_grid_import_76: sensor.sunsynk_day_grid_import day_grid_export_77: sensor.sunsynk_day_grid_export grid_ct_power_172: sensor.sunsynk_grid_ct_power day_load_energy_84: sensor.sunsynk_day_load_energy essential_power: none nonessential_power: none aux_power_166: sensor.sunsynk_aux_power day_pv_energy_108: sensor.sunsynk_day_pv_energy pv1_power_186: sensor.sunsynk_pv1_power pv2_power_187: sensor.sunsynk_pv2_power pv1_voltage_109: sensor.sunsynk_pv1_voltage pv1_current_110: sensor.sunsynk_pv1_current pv2_voltage_111: sensor.sunsynk_pv2_voltage pv2_current_112: sensor.sunsynk_pv2_current

[HybridRCG]

It works no issues in yaml editing, but i guess the reason why you wanted to introduce the visual editor was for ease of use. I have a sunsynk inverter with Solar Assistant integration and use the SA values where applicable. So it happens with a new card as well as old changed cards. Updated to latest version 4.5.1 , same problem.

[slipx06]

What browser are you using?

[HybridRCG]

I have tried, Safari, Chrome, Brave. Im on MAC , tried on IOS Safari aswell.

[Pho3niX90]

It works no issues in yaml editing, but i guess the reason why you wanted to introduce the visual editor was for ease of use. I have a sunsynk inverter with Solar Assistant integration and use the SA values where applicable. So it happens with a new card as well as old changed cards. Updated to latest version 4.5.1 , same problem.

Does it work for you in incognito mode?

[HybridRCG]

Same error. tried locally on the ip and on the domain name , same. re - loaded the file. its in /config/www/community/sunsynk-power-flow-card and /config/www/sunsynk-power-flow-card

Tried removing either one. restarting, no luck.

[slipx06]

You should only have one instance (location). Did you ever manually install the card? Can you try delete all instances of the card and install via HACS

[HybridRCG]

1. Removed Sunsynk-Power-Flow-Card in hacs.
2. checked all locations for Sunsynk-Power-Flow-Card , and removed in www.
3. checked dashboard resources , removed it there.
4. removed all cards for - Sunsynk-Power-Flow-Card
5. restart HA
6. Cleared cache
7. installed Sunsynk-Power-Flow-Card in HACS
8. checked in www/community for Sunsynk-Power-Flow-Card (Y)
9. added plan card : Sunsynk-Power-Flow-Card
10. same issue. :(

BTW . Just had a friend installed it on his who has never used this integration. and he gets the same s.entries.... issue.

[slipx06]

Are both of you using MacBook's?

[HybridRCG]

No the HA is on Intel nuc. Haos.Best RegardsRiaan GroblerOn 13 Dec 2023, at 17:48, slipx06 @.***> wrote: Are both of you using MacBook's?

—Reply to this email directly, view it on GitHub, or unsubscribe.You are receiving this because you authored the thread.Message ID: @.***>

[Pho3niX90]

I have been completely unable to reproduce this my side. s.entries cannot be found in the compiled js file as well, so I am wondering if this is not perhaps a very niche error for the specific hardware configuration.

Do you perhaps have more logs that could assist in the debug process? Either in the System -> Logs, as well as in developers tools (F12 for chromium based browsers)

[HybridRCG]

I have tested this with a windows PC on Chrome. Gives the same result. So the assumption is then safe to say that it is not browser related , but on the HA server.? When searching for s.entries I cannot find anything in the logs on HA.

Just a side note. The other HA instance i am managing is on a Pi4 4GB with the same results. also a bit baffled if no one else is getting it..

[slipx06]

Can you share some Chrome console logs. F12 to open developer console Access the visual editor and share the output.

[slipx06]

@HybridRCG can you test with the latest release if this is still a problem

[ppmt]

Just wanted to add that I have the exact same issue.

I am on Linux using Firefox 121.

I just updated to the latest version of the card and cleared the cache (I think).

Problem is still here. Here is some logs when I try to add the card

Uncaught (in promise) TypeError: o.some is not a function
    updated card-mod.js:5
    promise callback*t.prototype.updated card-mod.js:5
    _$AE reactive-element.ts:1378
    performUpdate reactive-element.ts:1343
    scheduleUpdate reactive-element.ts:1261
    _$Ej reactive-element.ts:1233
    requestUpdate reactive-element.ts:1208
    set reactive-element.ts:726
    value hui-dialog-edit-card.ts:84
    c make-dialog-manager.ts:130
    h make-dialog-manager.ts:163
    r fire_event.ts:76
    o show-edit-card-dialog.ts:18
    value hui-dialog-create-card.ts:213
    handleEvent lit-html.ts:2018
    r fire_event.ts:76
    value hui-card-picker.ts:278
    handleEvent lit-html.ts:2018
    _$AI lit-html.ts:2007
    v lit-html.ts:1192
    g lit-html.ts:1553
    _$AI lit-html.ts:1384
    setValue async-directive.ts:366
    update until.ts:90
    promise callback*update until.ts:72
    _$AS directive.ts:134
    O lit-html.ts:1085
    _$AI lit-html.ts:1362
    v lit-html.ts:1192
    g lit-html.ts:1553
    _$AI lit-html.ts:1384
    T lit-html.ts:1618
    _$AI lit-html.ts:1403
    v lit-html.ts:1192
    g lit-html.ts:1553
    _$AI lit-html.ts:1384
    Z lit-html.ts:2183
    update lit-element.ts:165
    performUpdate reactive-element.ts:1329
    scheduleUpdate reactive-element.ts:1261
    _$Ej reactive-element.ts:1233
    requestUpdate reactive-element.ts:1208
    set reactive-element.ts:726
    value hui-card-picker.ts:234
    value hui-card-picker.ts:210
    _$AE reactive-element.ts:1376
    performUpdate reactive-element.ts:1343
    scheduleUpdate reactive-element.ts:1261
    _$Ej reactive-element.ts:1233
    requestUpdate reactive-element.ts:1208
    _$Eu reactive-element.ts:946
    _ reactive-element.ts:931
[card-mod.js:5:7507](https://xxxxx/hacsfiles/lovelace-card-mod/card-mod.js?hacstag=190927524315)
Uncaught (in promise) TypeError: o.some is not a function
    updated card-mod.js:5
    promise callback*t.prototype.updated card-mod.js:5
    _$AE reactive-element.ts:1378
    performUpdate reactive-element.ts:1343
    scheduleUpdate reactive-element.ts:1261
    _$Ej reactive-element.ts:1233
    requestUpdate reactive-element.ts:1208
    set reactive-element.ts:726
    value hui-dialog-edit-card.ts:305
    handleEvent lit-html.ts:2018
    r fire_event.ts:76
    value hui-element-editor.ts:162
    promise callback*value hui-element-editor.ts:161
    value hui-element-editor.ts:397
    value hui-element-editor.ts:128
    value hui-element-editor.ts:122
    j lit-html.ts:1883
    _$AI lit-html.ts:1825
    v lit-html.ts:1192
    g lit-html.ts:1553
    _$AI lit-html.ts:1384
    Z lit-html.ts:2183
    update lit-element.ts:165
    performUpdate reactive-element.ts:1329
    scheduleUpdate reactive-element.ts:1261
    _$Ej reactive-element.ts:1233
    requestUpdate reactive-element.ts:1208
    set reactive-element.ts:726
    value hui-dialog-edit-card.ts:84
    c make-dialog-manager.ts:130
    h make-dialog-manager.ts:163
    r fire_event.ts:76
    o show-edit-card-dialog.ts:18
    value hui-dialog-create-card.ts:213
    handleEvent lit-html.ts:2018
    r fire_event.ts:76
    value hui-card-picker.ts:278
    handleEvent lit-html.ts:2018
    _$AI lit-html.ts:2007
    v lit-html.ts:1192
    g lit-html.ts:1553
[card-mod.js:5:7507](https://xxxxx/hacsfiles/lovelace-card-mod/card-mod.js?hacstag=190927524315)
Unexpected value NaN parsing height attribute. [apexcharts-card.js:1:187097](xxxxx/hacsfiles/apexcharts-card/apexcharts-card.js?hacstag=331701152204)
Unexpected value NaN parsing height attribute. [apexcharts-card.js:1:381775](https://xxxxx/hacsfiles/apexcharts-card/apexcharts-card.js?hacstag=331701152204)
Uncaught (in promise) TypeError: o.some is not a function
    updated card-mod.js:5
    promise callback*t.prototype.updated card-mod.js:5
    _$AE reactive-element.ts:1378
    performUpdate reactive-element.ts:1343
    scheduleUpdate reactive-element.ts:1261
    _$Ej reactive-element.ts:1233
    requestUpdate reactive-element.ts:1208
    set reactive-element.ts:726
    value hass-base-mixin.ts:47
    value hass-base-mixin.ts:46
    value home-assistant.ts:150
    _$AE reactive-element.ts:1378
    performUpdate reactive-element.ts:1343
    scheduleUpdate reactive-element.ts:1261
    _$Ej reactive-element.ts:1233
    requestUpdate reactive-element.ts:1208
    set reactive-element.ts:726
    value hass-base-mixin.ts:56
    _updateHass context-mixin.ts:95
    hassConnected connection-mixin.ts:227
    s store.js:19
    b entities.js:74
    b entities.js:76
    _handleMessage connection.js:23
    _handleMessage connection.js:15

[HybridRCG]

@HybridRCG can you test with the latest release if this is still a problem

Hi. The problem is still there. Cleared the cache. New browser. Tried Chrome safari brave Firefox. No luck. 😩

[slipx06]

@ppmt those errors seem to be related to card mod. Can you share the error that is printed at the bottom of the card editor

[ppmt]

it is the same as @HybridRCG

[slipx06]

Can you try with a really simple card config

type: custom:sunsynk-power-flow-card
cardstyle: compact
entities:
  pv1_power_186: sensor.sunsynk_pv1_power
  battery_soc_184: sensor.sunsynk_battery_soc
  battery_power_190: sensor.sunsynk_battery_power
  grid_ct_power_172: sensor.sunsynk_grid_ct_power

[ppmt]

I get the same error straight away :(

[slipx06]

It could be related to this https://github.com/flixlix/power-flow-card-plus/issues/441 https://github.com/thomasloven/lovelace-card-mod/issues/275

Can you remove card mod and see if the problem goes away

[ppmt]

Yes that did it. I removed card-mod and straight away I can access the UI...

Now just have to remember why I installed card-mod to start with...

[slipx06]

Great. @HybridRCG can you confirm the workaround. I see there is an open issue to track this https://github.com/thomasloven/lovelace-card-mod/issues/321

[HybridRCG]

Hi

I have uninstalled card-mod , cleared cache, tried re-installing the sunsynk card. but still have the same issue. :(

Kind Regards Riaan Grobler

On 22 Dec 2023, at 10:09, slipx06 @.***> wrote:

Great. @HybridRCG https://github.com/HybridRCG can you confirm the workaround. I see there is an open issue to track this thomasloven/lovelace-card-mod#321 https://github.com/thomasloven/lovelace-card-mod/issues/321 — Reply to this email directly, view it on GitHub https://github.com/slipx06/sunsynk-power-flow-card/issues/174#issuecomment-1867368759, or unsubscribe https://github.com/notifications/unsubscribe-auth/ADUQOXFGCK6TYBYMJWLFPKDYKU53BAVCNFSM6AAAAABARKLAVOVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTQNRXGM3DQNZVHE. You are receiving this because you were mentioned.

[slipx06]

Ok. You'll need to share some browser console logs in order to understand what is going on.

[HybridRCG]

Hi..

Found the culprit!!

I had browser-mode installed. Removed it and started working… Thanks for the help.

Kind Regards Riaan Grobler

On 22 Dec 2023, at 10:25, slipx06 @.***> wrote:

Ok. You'll need to share some browser console logs in order to understand what is going on.

— Reply to this email directly, view it on GitHub https://github.com/slipx06/sunsynk-power-flow-card/issues/174#issuecomment-1867382891, or unsubscribe https://github.com/notifications/unsubscribe-auth/ADUQOXFKSHK5LZI2WG2MUCLYKU7WJAVCNFSM6AAAAABARKLAVOVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTQNRXGM4DEOBZGE. You are receiving this because you were mentioned.

[HybridRCG]

Adding back card-mod brings back the problem.

so removed card-mod , browser-mod for the card to work,

Kind Regards Riaan

On 22 Dec 2023, at 10:25, slipx06 @.***> wrote:

Ok. You'll need to share some browser console logs in order to understand what is going on.

— Reply to this email directly, view it on GitHub https://github.com/slipx06/sunsynk-power-flow-card/issues/174#issuecomment-1867382891, or unsubscribe https://github.com/notifications/unsubscribe-auth/ADUQOXFKSHK5LZI2WG2MUCLYKU7WJAVCNFSM6AAAAABARKLAVOVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTQNRXGM4DEOBZGE. You are receiving this because you were mentioned.

[slipx06]

Glad we figured this out. You'll need to keep an eye on on those two addon's for updates to hopefully fix this.