iobroker.lovelace 4.1.4 → 4.1.5

package/README.md

@@ -11,16 +11,16 @@
 
 ## lovelace adapter for ioBroker
 
-With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI.
+With this adapter, you can build visualization for ioBroker with Home Assistant Lovelace UI.
 
 [Deutsche Dokumentation](docs/de/README.md)
 
 ## Instance objects
-In the folder instances there are some objects that can be used to control the UI. For every browser a new subfolder will
-be created with a random ID. This ID is stored in the client browser's web storage. If you delete the web storage a new
+In the folder instances, there are some objects that can be used to control the UI. For every browser, a new subfolder will
+be created with a random ID. This ID is stored in the client browser's web storage. If you delete the web storage, a new
 instance will be created. If you use Fully Kiosk Browser make sure the function `Delete webstorage on reload` is **disabled**.
 
-This functionality uses browser_mod, which is installed and updated by the adapter. Do not add your own version of browser_mod as custom card.
+This functionality uses browser_mod, which is installed and updated by the adapter. Do not add your own version of browser_mod as a custom card.
 
 ## Configuration
 There are two ways how the entities could be configured:
@@ -35,7 +35,7 @@ In auto mode the similar process will be applied like for `google home` or `mate
 You can define friendly names and this will be used in entities.
 
 ### Manual
-The objects can be defined manually in object tree like sql or histroy. The type of entity must be provided and optionally the name of object.
+The objects can be defined manually in an object tree like sql or histroy. The type of entity must be provided and optionally the name of object.
 With this method only simple entities, like input_number, input_text or input_boolean could be created. It may not have more than one state or attribute.
 
 ## Panels
@@ -96,8 +96,8 @@ common: {
 ```
 
 ### Select input
-This can be done manually if input_select entity type in custom dialog is selected.
-The list of options to select from should be provide in standard commom.states object:
+This can be done manually if `input_select` entity type in custom dialog is selected.
+The list of options to select from should be provided in a standard `common.states` object:
 
 ```
 "common": {
@@ -115,10 +115,10 @@ The list of options to select from should be provide in standard commom.states o
       }
     }
 ```
-in other words in should also be input select in IoB.
+in other words, there should also be select input in IoB.
 
 ### Timer
-Timer could be simulated by following script:
+Timer could be simulated by the following script:
 
 ```
 createState(
@@ -202,11 +202,11 @@ createState(
 ```
 
 ### Weather
-Tested with yr and daswetter. One or more of following objects must have `Function=Weather` and `Room=Any` set to be available in configuration:
-- daswetter.0.NextDays.Location_1
-- yr.0.forecast
+Tested with `yr` and `daswetter`. One or more of the following objects must have `Function=Weather` and `Room=Any` set to be available in configuration:
+- `daswetter.0.NextDays.Location_1`
+- `yr.0.forecast`
 
-Tested with AccuWeather driver v1.1.0 https://github.com/iobroker-community-adapters/ioBroker.accuweather.
+Tested with `AccuWeather` driver v1.1.0 https://github.com/iobroker-community-adapters/ioBroker.accuweather.
 Custom Lovelace card created in support of accuweather forecast - https://github.com/algar42/IoB.lovelace.accuweather-card
 
 ### Shopping list
@@ -235,7 +235,7 @@ createState('location', '39.5681295;2.6432632', false, {
 });
 ```
 
-or this two objects:
+or these two objects:
 
 ```
 createState('location.longitude', 2.6432632, false, {
@@ -257,7 +257,7 @@ createState('location.latitude', 39.5681295, false, {
 ```
 
 ### Picture entity
-You can use static picture for it or use any state that delivers URL as state.
+You can use static picture for it or use any state that delivers URL as a state.
 E.g.:
 
 ```
@@ -275,34 +275,34 @@ E.g.:
 }
 ```
 
-or just set manually the entity type to `camera` and write URL into it.
+or just manually set the entity type to `camera` and write URL into it.
 
 ### Markdown
 You can use bindings in markdown like in [iobroker.vis](https://github.com/ioBroker/ioBroker.vis#bindings-of-objects).
 
-E.g. Text `Admin adapter is {a:system.adapter.admin.0.alive;a === true || a === 'true' ? ' ' : 'not '} *alive*.` will produce text `Admin adapter is alive` in markdown panel.
+E.g., Text `Admin adapter is {a:system.adapter.admin.0.alive;a === true || a === 'true' ? ' ' : 'not '} *alive*.` will produce text `Admin adapter is alive` in a markdown panel.
 
 ## Custom cards
 ### Upload of custom cards
-To upload the custom card write following:
+To upload the custom card, write the following:
 
 ```iobroker file write PATH_TO_FILE\bignumber-card.js /lovelace.0/cards/```
 
 After restart of lovelace adapter it will include all files from the `cards` directory automatically.
 
-Following custom cards could be tested successfully:
-- bignumber-card: https://github.com/custom-cards/bignumber-card/blob/master/bignumber-card.js
-- simple-thermostat: https://github.com/nervetattoo/simple-thermostat/releases (take the latest release)
-- thermostat: https://github.com/ciotlosm/custom-lovelace/tree/master/thermostat-card (both files .js and .lib.js are required)
+The following custom cards could be tested successfully:
+- `bignumber-card`: https://github.com/custom-cards/bignumber-card/blob/master/bignumber-card.js
+- `simple-thermostat`: https://github.com/nervetattoo/simple-thermostat/releases (take the latest release)
+- `thermostat`: https://github.com/ciotlosm/custom-lovelace/tree/master/thermostat-card (both files .js and .lib.js are required)
 
 I found this link https://github.com/jimz011/homeassistant as an interesting resource for custom cards.
 
-Often the custom cards are stored on github as sources and must be compiled before use.
-You should check the `Releases` menu on github and try to find compiled files there.
+Often the custom cards are stored on GitHub as sources and must be compiled before use.
+You should check the `Releases` menu on GitHub and try to find compiled files there.
 Like this one: [https://github.com/kalkih/mini-graph-card/releases](https://github.com/kalkih/mini-graph-card/releases) (Look for the file `mini-graph-card-bundle.js`)
 
 ## Own images
-The custom images (e.g. for background) could be loaded via the same configuration dialog like the custom cards. And use it like this:
+The custom images (e.g., for a background) could be loaded via the same configuration dialog like the custom cards. And use it like this:
 
 `background: center / cover no-repeat url("/cards/background.jpg") fixed`
 
@@ -310,10 +310,10 @@ or
 
 `background: center / cover no-repeat url("/local/custom_ui/background.jpg") fixed`
 
-in lovelace configuration file. Read more about background in lovelace [here](https://www.home-assistant.io/lovelace/views/#background).
+in lovelace configuration file. Read more about the background in lovelace [here](https://www.home-assistant.io/lovelace/views/#background).
 
 ## Themes
-The themes can be defined in configuration dialog of ioBroker.
+The themes can be defined in the configuration dialog of ioBroker.
 Paste something like:
 ```
 midnight:
@@ -386,7 +386,7 @@ midnight:
 taken from [here](https://community.home-assistant.io/t/midnight-theme/28598/2).
 
 ## Icons
-Use icons in form `mdi:NAME`, like 'mdi:play-network'. Names can be taken from here: https://materialdesignicons.com/
+Use icons in form `mdi:NAME`, like `mdi:play-network`. Names can be taken from here: https://materialdesignicons.com/
 
 ## Notifications
 You can add notifications via `sendTo` functionality or by writing the state into `lovelace.X.notifications.add`:
@@ -419,14 +419,14 @@ on({id: 'lovelace.0.conversation', ack: false, change: 'any'}, obj => {
 
 ## Trouble Shooting
 If you messed up the YAML Code and see a blank page but still have the top menu, you can enable edit mode (if not already enabled) from the menu and then open the menu again to access the "RAW Yaml Editor" in which you see the complete YAML code and can clean it up.
-If that does not help, you can open the object lovelace.*.configuration in raw-editor in ioBroker and have a look there.
+If that does not help, you can open the object `lovelace.*.configuration` in raw-editor in ioBroker and have a look there.
 You can also restore that object from a backup. It contains the complete configuration of your visualization.
 
 ## Original sources for lovelace
 Used sources are here https://github.com/GermanBluefox/home-assistant-polymer .
 
 ## Todo
-Security must be taken from current user and not from default_user
+Security must be taken from the current user and not from default_user
 
 ## Development
 ### Version
@@ -434,7 +434,7 @@ Used version of home-assistant-frontend@20231208.2
 Version of Browser Mod: 2.3.0
 
 ### How to build the new Lovelace version
-First of all the actual https://github.com/home-assistant/frontend (dev branch) must be **manually** merged into https://github.com/GermanBluefox/home-assistant-polymer.git (***iob*** branch!).
+First of all, the actual https://github.com/home-assistant/frontend (dev branch) must be **manually** merged into https://github.com/GermanBluefox/home-assistant-polymer.git (***iob*** branch!).
 
 All changes for ioBroker are marked with comment `// IoB`.
 For now (20231208.2) following files were modified:
@@ -443,14 +443,14 @@ For now (20231208.2) following files were modified:
 - `src/data/weather.ts` - add support to display weather icon from url.
 - `src/dialogs/more-info/const.ts` - remove weather state & history
 - `src/dialogs/more-info/ha-more-info-dialog.ts` - remove entity settings button and tab
-- `src/dialogs/more-info/ha-more-info-history.ts` - remove 'show more' link in history
+- `src/dialogs/more-info/ha-more-info-history.ts` - remove `show more` link in history
 - `src/dialogs/more-info/controls/more-info-weather.ts` - add support to display weather icon from url.
 - `src/dialogs/voice-command-dialog/ha-voice-command-dialog.ts` - disable configuration of voice assistants
 - `src/entrypoints/core.ts` - modified authentication process
 - `src/panels/lovelace/cards/hui-weather-forecast-card.ts` - add support to display weather icon from url.
 - `src/panels/lovelace/entity-rows/hui-weather-entity-row.ts` - add support to display weather icon from url with auth.
 - `src/panels/lovelace/hui-root.ts` - added notifications and voice control
-- `src/util/documentation-url.ts` - for link to iobroker help instead of homeassistant.
+- `src/util/documentation-url.ts` - for link to iobroker help instead of home assistant.
 - `.gitignore` - add `.idea` ignore
 - `.husky/pre-commit` - remove git commit hooks.
 - `package.json` - remove husky commit hook
@@ -465,14 +465,17 @@ After that checkout modified version in `./build` folder. Then.
 6. `gulp build-app` for release or `gulp develop-iob` for the debugging version. To build web after changes you can call `webpack-dev-app` for faster build, but you need to call `build-app` anyway after the version is ready for use.
 7. copy all files from `./build/home-assistant-polymer/hass_frontend` into `./hass_frontend` in this repo
 8. Run `gulp rename` task multiple times (until no changes happen).
-9. Update Version in Readme and also in server.js VERSION constant.
+9. Update version in `README.md` and also in `server.js` the `VERSION` constant.
 
 ## Changelog
 
 <!--
-	PLACEHOLDER for next version:
+	PLACEHOLDER for the next version:
 	### **WORK IN PROGRESS**
 -->
+### 4.1.5 (2024-03-05)
+* (Garfonso) fixed: possible crashes during startup
+
 ### 4.1.4 (2024-02-10)
 * (Garfonso) improved fix: lamp icons now turn gray on switch off.
 
@@ -490,9 +493,6 @@ After that checkout modified version in `./build` folder. Then.
 * (Garfonso) added: handle browser_mod/recall_id service call.
 * (Garfonso) changed: all states are strings (fixes #483)
 
-### 4.1.0 (2023-12-18)
-* (Garfons) add an option to show users on login screen (off by default)
-
 ## License
 
 Copyright 2019-2024, bluefox <dogafox@gmail.com>

package/io-package.json

@@ -1,8 +1,21 @@
 {
   "common": {
     "name": "lovelace",
-    "version": "4.1.4",
+    "version": "4.1.5",
     "news": {
+      "4.1.5": {
+        "en": "fixed: possible crashes during startup",
+        "de": "behoben: mögliche abstürzen beim start",
+        "ru": "фиксированный: возможные аварии во время запуска",
+        "pt": "corrigido: possíveis falhas durante a inicialização",
+        "nl": "vast: mogelijke crashes tijdens opstarten",
+        "fr": "corrigé: crashs possibles pendant le démarrage",
+        "it": "fisso: possibili crash durante l'avvio",
+        "es": "fijo: posibles fallos durante la puesta en marcha",
+        "pl": "stałe: możliwe awarie podczas uruchamiania",
+        "uk": "виправлено: можливі аварії під час запуску",
+        "zh-cn": "固定: 启动时可能发生的崩溃"
+      },
       "4.1.4": {
         "en": "improved fix: lamp icons now turn gray on switch off.",
         "de": "verbesserter fix: lampensymbole werden nun grau beim ausschalten."
@@ -44,19 +57,6 @@
         "pl": "błędy lintowe",
         "uk": "виправлено помилки в розмітці",
         "zh-cn": "f 固定错误"
-      },
-      "4.0.11": {
-        "en": "updated dependencies",
-        "de": "aktualisierte abhängigkeiten",
-        "ru": "обновленные зависимости",
-        "pt": "dependências atualizadas",
-        "nl": "vertaling:",
-        "fr": "dépendances actualisées",
-        "it": "dipendenze aggiornate",
-        "es": "dependencias actualizadas",
-        "pl": "zależności aktualizacji",
-        "uk": "оновлені залежності",
-        "zh-cn": "二. 最新依赖"
       }
     },
     "title": "Visualization with Lovelace-UI",

package/lib/converters/genericConverter.js

@@ -59,7 +59,7 @@ exports.iobState2EntityState = function (entity, val, attribute) {
         return val ? 'on' : 'off';
     } else if (type === 'binary_sensor') {
         return val ? 'on' : 'off';
-    }else if (typeof val === 'number' && entity.attributes && ['date', 'timestamp'].includes(entity.attributes.device_class)) {
+    } else if (typeof val === 'number' && entity.attributes && ['date', 'timestamp'].includes(entity.attributes.device_class)) {
         //convert to date string
         const date = new Date(val);
         let dateStr = date.toDateString();

package/lib/converters/light.js

@@ -42,7 +42,26 @@ const SUPPORT_EFFECT = 4;
 //const SUPPORT_FLASH = 8;
 //const SUPPORT_TRANSITION = 32;
 
-const attributesToNullOnOff = ['color_mode', 'brightness', 'color_temp', 'hs_color', 'rgb_color', 'rgbw_color', 'xy_color', 'effect'];
+const attributesToNullOnOff = ['color_mode', 'brightness', 'color_temp', 'color_temp_kelvin', 'hs_color', 'rgb_color', 'rgbw_color', 'xy_color', 'effect'];
+
+function clearOrRestoreAttributes(entity) {
+    if (entity.state === 'on') {
+        for (const attr of attributesToNullOnOff) {
+            if (entity.attributes[attr] === null || entity.attributes[attr] === undefined) { //make sure the attribute was not yet read from somewhere else
+                entity.attributes[attr] = entity.context.STATE.storedValues[attr];
+            }
+        }
+        adapterData.log.info(`Stored old values for next switch on: ${JSON.stringify(entity.context.STATE.storedValues)}`);
+    } else {
+        for (const attr of attributesToNullOnOff) {
+            if (entity.attributes[attr] !== undefined) {
+                entity.context.STATE.storedValues[attr] = entity.attributes[attr];
+                entity.attributes[attr] = null;
+            }
+        }
+        adapterData.log.info(`Restored old values from previous switch off: ${JSON.stringify(entity.attributes)}`);
+    }
+}
 
 function _lightAdvancedAddState(states, objects, entity) {
     const getState = states.stateRead;
@@ -53,31 +72,18 @@ function _lightAdvancedAddState(states, objects, entity) {
         if (!state) {
             state = {val: null};
         }
-        const oldState = entity.state;
         entity.state = state.val ? 'on' : 'off';
-        if (!state.val && oldState === 'on') {
-            for (const attr of attributesToNullOnOff) {
-                if (entity.attributes[attr] !== undefined) {
-                    entity.context.STATE.storedValues[attr] = entity.attributes[attr];
-                    entity.attributes[attr] = null;
-                }
-            }
-            adapterData.log.debug(`Stored old values for next switch on: ${JSON.stringify(entity.context.STATE.storedValues)}`);
-        }
-        if (state.val && oldState !== 'on') {
-            for (const attr of attributesToNullOnOff) {
-                if (entity.attributes[attr] === null) { //make sure the attribute was not yet read from somewhere else
-                    entity.attributes[attr] = entity.context.STATE.storedValues[attr];
-                }
-            }
-            adapterData.log.debug(`Restored old values from previous switch off: ${JSON.stringify(entity.context.STATE.storedValues)}`);
-        }
+        clearOrRestoreAttributes(entity);
     };
 
     //prevent zigbee 'available' to become getId:
     if (getState && getState.startsWith('zigbee.') && (getState.endsWith('.available') || getState.endsWith('.device_query'))) {
         entity.context.STATE.getId = states.state;
     }
+
+    //clear initial attributes
+    clearOrRestoreAttributes(entity);
+
     if (states.state) {
         entity.context.STATE.isBoolean = objects[states.state] && objects[states.state].common && objects[states.state].common.type === 'boolean';
         entity.attributes.supported_color_modes.push(ONOFF);
@@ -96,8 +102,13 @@ function _lightAdvancedAddColorTemperature(states, objects, entity) {
         const tempObj = objects[states.color_temp];
         attribute.convert_to_mired = tempObj && tempObj.common ? (tempObj.common.unit === 'mired') : false;
         attribute.getParser = (entity, attr, state) => {
+            let targetAttributes = entity.attributes;
+            if (entity.state !== 'on') {
+                targetAttributes = entity.context.STATE.storedValues;
+            }
+
             if (!state || !state.val) {
-                entity.attributes.color_temp = iobMinValueKelvin;
+                targetAttributes.color_temp = iobMinValueKelvin;
                 return;
             }
             let targetCt = state.val;
@@ -111,9 +122,9 @@ function _lightAdvancedAddColorTemperature(states, objects, entity) {
             if (attr.convert_to_mired) {
                 targetCt = 1e6 / targetCt;
             }
-            entity.attributes.color_temp_kelvin = targetCt;
-            entity.attributes.color_temp = 1e6 / targetCt;
-            entity.attributes.color_mode = COLOR_TEMP;
+            targetAttributes.color_temp_kelvin = targetCt;
+            targetAttributes.color_temp = 1e6 / targetCt;
+            targetAttributes.color_mode = COLOR_TEMP;
         };
 
         entity.attributes.max_color_temp_kelvin = tempObj && tempObj.common && tempObj.common.max || iobMaxValueKelvin;
@@ -132,7 +143,7 @@ function _lightAdvancedAddColorTemperature(states, objects, entity) {
         adapterData.log.debug(entity.entity_id + ' ct needs mired conversion: ' + attribute.convert_to_mired);
 
         if (entity.attributes.min_color_temp_kelvin > entity.attributes.max_color_temp_kelvin) {
-            //for kelvin conversion min and max need to be swapped.
+            //for kelvin conversion, min and max need to be swapped.
             const max = entity.attributes.min_color_temp_kelvin;
             entity.attributes.min_color_temp_kelvin = entity.attributes.max_color_temp_kelvin;
             entity.attributes.max_color_temp_kelvin = max;
@@ -153,13 +164,24 @@ function _lightAdvancedAddBrightness(states, objects, entity) {
     if (states.brightness) {
         const attribute = entity.context.ATTRIBUTES.find(a => a.attribute === 'brightness');
         attribute.getParser = (entity, attr, state) => {
+            let targetAttributes = entity.attributes;
+            if (entity.state !== 'on') {
+                targetAttributes = entity.context.STATE.storedValues;
+            }
+
             state = state || {val: 0};
-            entity.attributes.brightness = ((state.val - attr.min) / (attr.max - attr.min)) * 255;
-            if (states.state === states.brightness) {
-                entity.state = entity.attributes.brightness > 0 ? 'on' : 'off';
+            targetAttributes.brightness = ((state.val - attr.min) / (attr.max - attr.min)) * 255;
+            if (!targetAttributes.color_mode || targetAttributes.color_mode === ONOFF) {
+                targetAttributes.color_mode = BRIGHTNESS;
             }
-            if (!entity.attributes.color_mode || entity.attributes.color_mode === ONOFF) {
-                entity.attributes.color_mode = BRIGHTNESS;
+
+            if (states.state === states.brightness) {
+                entity.state = targetAttributes.brightness > 0 ? 'on' : 'off';
+                clearOrRestoreAttributes(entity);
+
+                if (entity.attributes.color_mode === ONOFF) {
+                    entity.attributes.color_mode = BRIGHTNESS;
+                }
             }
         };
         attribute.setId = states.brightness;
@@ -167,6 +189,11 @@ function _lightAdvancedAddBrightness(states, objects, entity) {
         attribute.min = (objects[attribute.getId] && objects[attribute.getId].common && objects[attribute.getId].common.min) || 0;
         attribute.max = (objects[attribute.getId] && objects[attribute.getId].common && objects[attribute.getId].common.max) || 100;
         entity.attributes.supported_color_modes.push(BRIGHTNESS);
+
+        if (states.state === states.brightness) {
+            //clear initial attributes
+            clearOrRestoreAttributes(entity);
+        }
     }
 }
 
@@ -175,12 +202,18 @@ function _lightAdvancedAddHueAndSat(states, objects, entity) {
         const hue_attr = entity.context.ATTRIBUTES.find(a => a.attribute === 'hue');
         hue_attr.max = objects[states.hue] && objects[states.hue].common && objects[states.hue].common.max || 360;
         hue_attr.getParser = (entity, attr, state) => {
+            let targetAttributes = entity.attributes;
+            if (entity.state !== 'on') {
+                targetAttributes = entity.context.STATE.storedValues;
+            }
+
             state = state || {val: 0};
-            entity.attributes.hs_color[0] = state.val / attr.max * 360;
-            entity.attributes.color_mode = HS;
+            targetAttributes.hs_color[0] = state.val / attr.max * 360;
+            targetAttributes.color_mode = HS;
         };
         entity.attributes.supported_color_modes.push(HS);
-        entity.attributes.hs_color = [0,100];
+        entity.attributes.hs_color = [null,null];
+        entity.context.STATE.storedValues.hs_color = [0,100];
     }
 
     //add saturation as own attribute. Will update saturation values from ioBroker correctly.
@@ -193,9 +226,13 @@ function _lightAdvancedAddHueAndSat(states, objects, entity) {
                 return;
             }
             sat_attr.getParser = (entity, attr, state) => {
+                let targetAttributes = entity.attributes;
+                if (entity.state !== 'on') {
+                    targetAttributes = entity.context.STATE.storedValues;
+                }
                 state = state || {val: 0};
-                entity.attributes.hs_color[1] = state.val / attr.max * 100;
-                entity.attributes.color_mode = HS;
+                targetAttributes.hs_color[1] = state.val / attr.max * 100;
+                targetAttributes.color_mode = HS;
             };
         } else {
             sat_attr.getParser = () => {}; //ignore saturation updates.
@@ -211,6 +248,10 @@ async function _lightAdvancedAddRGBSingle(states, objects, entity) {
         attribute.is_rgb_array = false;
         attribute.is_rgb_string = true;
         attribute.getParser = (entity, attr, state) => {
+            let targetAttributes = entity.attributes;
+            if (entity.state !== 'on') {
+                targetAttributes = entity.context.STATE.storedValues;
+            }
             let str = state ? (state.val || '#000000').toString() : '#000000';
             if (str[0] === '#') {
                 str = str.substring(1);
@@ -229,23 +270,24 @@ async function _lightAdvancedAddRGBSingle(states, objects, entity) {
                 b = parseInt(str.substring(4, 6), 16);
             }
 
-            entity.attributes.color_mode = RGB;
-            entity.attributes.rgb_color = [r, g, b];
+            targetAttributes.rgb_color = [r, g, b];
+            targetAttributes.color_mode = RGB;
             if (states.white) {
-                entity.attributes.color_mode = RGBW;
-                entity.attributes.rgbw_color[0] = r;
-                entity.attributes.rgbw_color[1] = g;
-                entity.attributes.rgbw_color[2] = b;
+                targetAttributes.color_mode = RGBW;
+                targetAttributes.rgbw_color[0] = r;
+                targetAttributes.rgbw_color[1] = g;
+                targetAttributes.rgbw_color[2] = b;
             }
         };
 
-        //check if current state is rgb array.
+        //check if the current state is rgb array.
         const rgbState = await adapterData.adapter.getForeignStateAsync(states.rgb_color);
         if (rgbState && rgbState.val) {
             attribute.is_rgb_array = /([0-9]){1,3},([0-9]){1,3},([0-9]){1,3}/.test(rgbState.val.toString());
         }
 
-        entity.attributes.rgb_color = [0,0,0];
+        entity.attributes.rgb_color = [null,null,null];
+        entity.context.STATE.storedValues.rgb_color = [0,0,0];
         entity.attributes.supported_color_modes.push(RGB);
     }
 }
@@ -257,13 +299,17 @@ function _lightAdvancedAddRGB(states, objects, entity) {
         const blue_attr = entity.context.ATTRIBUTES.find(a => a.attribute === 'blue');
 
         const rgbGetParser = (index, entity, attr, state) => {
+            let targetAttributes = entity.attributes;
+            if (entity.state !== 'on') {
+                targetAttributes = entity.context.STATE.storedValues;
+            }
             let val = state ? state.val || 0 : 0;
             val = val / attr.max * 255;
-            entity.attributes.rgb_color[index] = val;
-            if (entity.attributes.rgbw_color) {
-                entity.attributes.rgbw_color[index] = val;
+            targetAttributes.rgb_color[index] = val;
+            if (targetAttributes.rgbw_color) {
+                targetAttributes.rgbw_color[index] = val;
             }
-            entity.attributes.color_mode = states.white ? RGBW : RGB;
+            targetAttributes.color_mode = states.white ? RGBW : RGB;
         };
 
         red_attr.getParser = rgbGetParser.bind(this, 0);
@@ -274,7 +320,12 @@ function _lightAdvancedAddRGB(states, objects, entity) {
         blue_attr.max = objects[states.blue] && objects[states.blue].common && objects[states.blue].common.max || 100;
 
         entity.attributes.supported_color_modes.push(RGB);
-        entity.attributes.rgb_color = [0,0,0];
+        entity.attributes.rgb_color = [null,null,null];
+        entity.context.STATE.storedValues.rgb_color = [0,0,0];
+        if (states.white) {
+            entity.attributes.rgbw_color = [null,null,null,null];
+            entity.context.STATE.storedValues.rgbw_color = [0,0,0,0];
+        }
     }
 }
 
@@ -387,7 +438,7 @@ async function _handleTurnOnCmd(entity, command, data, user) {
         // read actual state
         const state = await adapterData.adapter.getForeignStateAsync(entity.context.STATE.getId);
 
-        // if lamp is not ON
+        // if the light is not ON
         if (!state || !state.val) {
             // turn ON:
             await adapterData.adapter.setForeignStateAsync(entity.context.STATE.setId, command.on, false, {user});
@@ -400,7 +451,7 @@ async function _handleTurnOnCmd(entity, command, data, user) {
 }
 
 /**
- * Extract relevant ids from type-detector control object.
+ * Extract relevant ids from the type-detector control object.
  * Result object has optional members:
  *      state
  *      brightness
@@ -484,6 +535,7 @@ async function fillLightEntityFromStates(states, objects, entity) {
     if (!entity.context.COMMANDS) {
         entity.context.COMMANDS = [];
     }
+    entity.context.STATE.storedValues = {};
 
     const white_attr = entity.context.ATTRIBUTES.find(a => a.attribute === 'white');
     if (states.white) {
@@ -493,8 +545,12 @@ async function fillLightEntityFromStates(states, objects, entity) {
             entity.attributes.supported_color_modes.push(RGBW);
             white_attr.getParser = (entity, attr, state) => {
                 const val = state ? state.val || 0 : 0;
-                entity.attributes.rgbw_color[3] = val / attr.max * 255;
-                entity.attributes.color_mode = RGBW;
+                let targetAttributes = entity.attributes;
+                if (entity.state !== 'on') {
+                    targetAttributes = entity.context.STATE.storedValues;
+                }
+                targetAttributes.rgbw_color[3] = val / attr.max * 255;
+                targetAttributes.color_mode = RGBW;
             };
         }
     }
@@ -505,7 +561,7 @@ async function fillLightEntityFromStates(states, objects, entity) {
     //fill in color temperature stuff.
     await _lightAdvancedAddColorTemperature(states, objects, entity);
 
-    //if there is a "BRIGHTNESS" control, use it to dim lamp.
+    //if there is a "BRIGHTNESS" control, use it to dim the light.
     await _lightAdvancedAddBrightness(states, objects, entity);
 
     //add hue and sat:
@@ -523,7 +579,11 @@ async function fillLightEntityFromStates(states, objects, entity) {
         entity.attributes.effect_list = Object.values(effect_attr.states);
         effect_attr.getParser = (entity, attr, state) => {
             state = state || {val: 0};
-            entity.attributes.effect = effect_attr.states[state.val];
+            let targetAttributes = entity.attributes;
+            if (entity.state !== 'on') {
+                targetAttributes = entity.context.STATE.storedValues;
+            }
+            targetAttributes.effect = effect_attr.states[state.val];
         };
         entity.supported_features |= SUPPORT_EFFECT;
     }
@@ -559,7 +619,7 @@ async function fillLightEntityFromStates(states, objects, entity) {
 
 /**
  * Create manual light entity.
- * @param id - id of "main" object, i.e. state.
+ * @param id - id of "main" object, i.e., state.
  * @param obj - iobroker object of id param
  * @param entity - already created entity
  * @param objects - id object cache