iobroker.vis-jsontemplate 4.4.3 → 4.4.5

package/README.md

@@ -24,6 +24,28 @@ The jsontemplate widget was previously available in the rssfeed (for vis1) and
 vis-2-widgets-ovarious adapters. The widgets will be removed from these
 adapters in the near future.
 
+## Table of Contents
+
+- [Overview](#overview)
+- [Installation](#installation)
+- [Configuration](#configuration)
+- [vis and widgets](#vis-and-widgets)
+    - [JSON Template](#json-template)
+    - [Advanced use case](#advanced-use-case)
+    - [More Use Cases](#more-use-cases)
+- [Templatesystem](#templatesystem)
+    - [Very Important Note for use in vis / vis-2](#very-important-note-for-use-in-vis--vis-2)
+    - [Curly braces in CSS and JSON](#curly-braces-in-css-and-json)
+    - [Use of setInterval](#use-of-setinterval)
+- [Tags](#tags)
+- [Example object](#example-object)
+- [Development and Debugging](#development-and-debugging)
+    - [Vis1 Widgets](#vis1-widgets)
+    - [Vis2 Widgets](#vis2-widgets)
+- [Todo](#todo)
+- [Changelog](#changelog)
+- [License](#license)
+
 ## Installation
 
 Install the adapter as normal from the stable repository.
@@ -79,7 +101,8 @@ Available data objects in the template:
 
 | object/variable | description                                                              |
 | --------------- | ------------------------------------------------------------------------ |
-| widgetID        | widgetID of the widget.                                                  |
+| widgetid        | widgetid of the widget.                                                  |
+| widgetID        | widgetid of the widget.                                                  |
 | data            | JSON object referenced by the datapoint in json_oid.                     |
 | dp              | Array of the datapoint data, referenced by the additional datapoints     |
 | widget          | internal widget data. object with all available widget settings          |
@@ -148,32 +171,46 @@ a specific layout. Here is an example:
 - [Use Case loading scripts](documentation/usecase-loadingscripts.md)
 - [Use Case Tasklist](documentation/usecase-tasklist.md)
 - [Use Case public-transport](documentation/usecase-public-transport.md)
+- [Use Case simple gauge](documentation/usecase-simplegauge.md)
+- [Use Case Github Issues and PRs](documentation/usecase-githubissues.md)
+- [Use Case FRITZ!Box call list](documentation/usecase-fritzbox-call-list.md)
 
 ## Templatesystem
 
-## Important note for the template system in vis
+### Very Important Note for use in vis / vis-2
 
-In vis, all object notations in the following form are recognized
-and replaced as bindings.
+#### Curly braces in CSS and JSON
 
-Therefore, the opening and closing brackets of all object notations must
-be placed on separate lines:
+The binding mechanism in vis / vis-2 uses the pattern `{ ... }`
+to detect binding expressions within HTML.
+For this reason, when specifying CSS or JSON, the curly braces must
+always be placed on separate lines. Otherwise, the content of
+the vis widget will be overwritten with `undefined`.
 
-Incorrect:
+##### Example
 
-```json
-{ "a": 1, "b": 2 }
+```text
+#w_id_<%- widgetid %> { height: 100%; display: flex; flex-direction: column; overflow: hidden; }
 ```
 
-Correct
+must be written as follows:
 
-```json
-{
-    "a": 1,
-    "b": 2
+```text
+#w_id_<%- widgetid %> {
+    height: 100%; display: flex; flex-direction: column; overflow: hidden;
 }
 ```
 
+#### Use of setInterval
+
+Please do not use `setInterval`. Since the template is re-invoked
+every time a data point changes, any existing `setInterval` calls
+cannot be properly cleared. Consequently, an increasing number
+of overlapping `setInterval` calls accumulate over time; this consumes RAM and
+can lead to unpredictable side effects. While reloading the page can resolve
+this issue, the code should not be implemented in this manner.
+As an alternative, such scenarios should be implemented using `setTimeout`.
+
 ## Tags
 
 The template system works with certain tags.
@@ -364,6 +401,22 @@ Loop over the attributes of an object
   Placeholder for the next version (at the beginning of the line):
   ### **WORK IN PROGRESS**
 -->
+### 4.4.5 (2026-07-22)
+
+- fix packages for vis-2
+
+### 4.4.4 (2026-07-22)
+
+- some changes. see readme/below
+
+#### Changes 2026-07.22
+
+- change documentation that in the template the widgetid is available and not widgetID
+- add documentation for the usecase simple gauge
+- add documentation for a responsive FRITZ!Box call list
+- Due to an inconsistency between the vis1 and vis2 widgets,
+  both `widgetid` and `widgetID` are now passed to the template.
+
 ### 4.4.3 (2026-04-21)
 
 - revert repochecker warning about fs/node:fs and path/node:path
@@ -378,60 +431,7 @@ Loop over the attributes of an object
 - fix regression
 - update packages
 
-### 4.4.0 (2026-03-24)
-
-- optimize lib size
-- The ability to load additional JavaScript and CSS files
-  has been added (also for vis2).
-- Improve react components
-- align translation for vis2 widget
-
-### 4.3.11 (2026-01-25)
-
-- check test release workflow
-
-### 4.3.10 (2026-01-25)
-
-- update test and release script
-
-### 4.3.1 (2026-01-24)
-
-- try again to publish
-
-### 4.3.0 (2026-01-24)
-
-- The ability to load additional JavaScript and CSS files has been added.
-  This is currently only available for vis1 for testing purposes.
-
-### 4.2.0 (2025-11-14)
-
-- Improve documentation for the object notation in a template
-- fix some translations
-- align attribute name to vis1
-- add widget data to the available template objects in vis2
-- add style and widget object to the available template objects in vis1
-- improve documentation
-
-### 4.1.3 (2025-11-03)
-
-- fix race condition if more than one widget use the same datapoint
-- switch to trusted publishing
-
-### 4.1.2 (2025-09-13)
-
-- new try of publish
-
-### 4.1.0 (2025-09-12)
-
-- rename widgetset of the vis2 widget
-
-### 4.0.2 (2025-08-28)
-
-- remove v4.0.0 from io-package
-
-### 4.0.1 (2025-08-28)
-
-- move vis1 and vis2 widgets to vis-jsontemplate adapter
+[Older changelogs can be found there](CHANGELOG_OLD.md)
 
 ## License
 

package/io-package.json

@@ -1,8 +1,34 @@
 {
   "common": {
     "name": "vis-jsontemplate",
-    "version": "4.4.3",
+    "version": "4.4.5",
     "news": {
+      "4.4.5": {
+        "en": "fix packages for vis-2",
+        "de": "Pakete für vis-2 korrigieren",
+        "ru": "исправить пакеты для vis-2",
+        "pt": "corrigir pacotes para o vis-2",
+        "nl": "pakketten voor vis-2 repareren",
+        "fr": "corriger les paquets pour vis-2",
+        "it": "corregere i pacchetti per vis-2",
+        "es": "Corregir los paquetes para vis-2",
+        "pl": "poprawki do pakietów dla vis-2",
+        "uk": "виправити пакети для vis-2",
+        "zh-cn": "vis-2 的修复包"
+      },
+      "4.4.4": {
+        "en": "some changes. see readme",
+        "de": "einige änderungen. siehe readme",
+        "ru": "некоторые изменения. см. readme",
+        "pt": "algumas mudanças. ver lerme",
+        "nl": "wat veranderingen. zie readme",
+        "fr": "quelques changements. voir lecture",
+        "it": "alcuni cambiamenti. vedi leggere",
+        "es": "algunos cambios. ver readme",
+        "pl": "kilka zmian. patrz readme",
+        "uk": "деякі зміни. переглянути файл",
+        "zh-cn": "一些变化。 参见readme"
+      },
       "4.4.3": {
         "en": "- revert repochecker warning about fs/node:fs and path/node:path\n  because of error loading ejs",
         "de": "- revert repochecker warnung über fs/node:fs und pfad/node:path\naufgrund der fehlerbelastung ejs",
@@ -21,11 +47,11 @@
         "de": "die laufzeit",
         "ru": "исправить runtime",
         "pt": "corrigir o tempo de execução",
-        "nl": "fix runtime",
+        "nl": "runtime corrigeren",
         "fr": "fixer l'exécution",
         "it": "correzione di runtime",
         "es": "corrección",
-        "pl": "fix runtime",
+        "pl": "napraw środowisko wykonawcze",
         "uk": "фіксувати runtime",
         "zh-cn": "固定运行时间"
       },
@@ -67,19 +93,6 @@
         "pl": "sprawdzić przepływ pracy uwalniania próby",
         "uk": "контрольний процес тестування",
         "zh-cn": "检查测试发布工作流程"
-      },
-      "4.3.10": {
-        "en": "update test and release script",
-        "de": "update-test und release-skript",
-        "ru": "обновить тест и выпустить скрипт",
-        "pt": "atualizar script de teste e lançamento",
-        "nl": "update test- en releasescript",
-        "fr": "mettre à jour le script test et release",
-        "it": "test di aggiornamento e script di rilascio",
-        "es": "actualización de prueba y script de liberación",
-        "pl": "aktualizacja skryptu testowego i wydania",
-        "uk": "скрипт тестування і реліз",
-        "zh-cn": "更新测试并发布脚本"
       }
     },
     "titleLang": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "iobroker.vis-jsontemplate",
-  "version": "4.4.3",
+  "version": "4.4.5",
   "description": "vis-jsontemplate",
   "author": {
     "name": "oweitman",
@@ -21,17 +21,17 @@
   ],
   "dependencies": {},
   "devDependencies": {
-    "@alcalzone/release-script": "^5.1.1",
-    "@alcalzone/release-script-plugin-iobroker": "^5.1.2",
-    "@alcalzone/release-script-plugin-license": "^5.1.1",
-    "@alcalzone/release-script-plugin-manual-review": "^5.1.1",
+    "@alcalzone/release-script": "^5.2.1",
+    "@alcalzone/release-script-plugin-iobroker": "^5.2.0",
+    "@alcalzone/release-script-plugin-license": "^5.2.0",
+    "@alcalzone/release-script-plugin-manual-review": "^5.2.0",
     "@iobroker/adapter-dev": "^1.5.0",
     "@iobroker/eslint-config": "^2.2.0",
-    "@iobroker/testing": "^5.2.2",
+    "@iobroker/testing": "^5.3.0",
     "@iobroker/build-tools": "^3.0.1",
     "@iobroker/vis-2-widgets-react-dev": "^4.0.4",
     "@iobroker/vis-2-widgets-testing": "^1.0.6",
-    "@types/node": "^25.5.2"
+    "@types/node": "^25.9.3"
   },
   "main": "widgets/vis2jsontemplate/customWidgets.js",
   "files": [
@@ -43,7 +43,7 @@
   "scripts": {
     "test:package": "mocha test/package --exit",
     "test:widgets": "mocha ./test/*.test.js",
-    "test:integration": "mocha test/package --exit",
+    "test:integration": "mocha test/widgets.test.js --exit",
     "test": "npm run test:package && npm run test:widgets",
     "prepublishOnly": "npm run build-vis1widgets && npm run build-vis2widgets",
     "lint": "npm run lint-adapter && npm run lint-vis1widgets && npm run lint-vis2widgets",
@@ -55,13 +55,16 @@
     "build-vis1widgets": "cd widgets/vis-jsontemplate && npm run build && cd ../..",
     "release": "release-script --all",
     "update-packages": "ncu --upgrade && cd src-widgets && ncu --upgrade && cd ..",
-    "npm": "npm i -f && cd src-widgets && npm i -f && cd ..",
+    "npm": "npm run npm:main && npm run npm:vis1widgets && npm run npm:vis2widgets",
+    "npm:main": "npm i -f",
+    "npm:vis2widgets": "cd src-widgets && npm i -f && cd ..",
+    "npm:vis1widgets": "cd widgets && npm i && cd ..",
     "debug": "npx dev-server watch --noStart --doNotWatch widgets/vis2vis-jsontemplate/**",
     "repocheckerx": "npx github:oweitman/ioBroker.repochecker https://github.com/oweitman/ioBroker.vis-jsontemplate --local",
     "repocheckerx2": "npx @iobroker/repochecker https://github.com/oweitman/ioBroker.vis-jsontemplate",
     "translate": "translate-adapter",
     "translate-widgets-vis2": "node ./bin/translate.js --source src-widgets/src/i18n/",
-    "translate-widgets-vis1": "node ./bin/translate.js --source widgets/vis-jsontemplate/i18n/en.json --format single",
+    "translate-widgets-vis1": "node ./bin/translate.js --source widgets/vis-jsontemplate/myi18n/en.json --format single",
     "debugiob": "npx dev-server watch --noStart"
   },
   "bugs": {

package/widgets/package-lock.json

@@ -26,10 +26,13 @@
             }
         },
         "node_modules/balanced-match": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-            "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
-            "license": "MIT"
+            "version": "4.0.4",
+            "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz",
+            "integrity": "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==",
+            "license": "MIT",
+            "engines": {
+                "node": "18 || 20 || >=22"
+            }
         },
         "node_modules/binary-extensions": {
             "version": "2.3.0",
@@ -44,13 +47,15 @@
             }
         },
         "node_modules/brace-expansion": {
-            "version": "1.1.12",
-            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
-            "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+            "version": "5.0.7",
+            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.7.tgz",
+            "integrity": "sha512-7oFy703dxfY3/NLxC1fh2SUCQ0H9rmAY+5EpDVfXjUTTs+HEwR2nYaqLv+GWcTsumwxPfiz6CzCNkwXwBUwqCA==",
             "license": "MIT",
             "dependencies": {
-                "balanced-match": "^1.0.0",
-                "concat-map": "0.0.1"
+                "balanced-match": "^4.0.2"
+            },
+            "engines": {
+                "node": "18 || 20 || >=22"
             }
         },
         "node_modules/braces": {
@@ -89,12 +94,6 @@
                 "fsevents": "~2.3.2"
             }
         },
-        "node_modules/concat-map": {
-            "version": "0.0.1",
-            "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-            "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
-            "license": "MIT"
-        },
         "node_modules/debug": {
             "version": "4.4.3",
             "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
@@ -214,15 +213,18 @@
             }
         },
         "node_modules/minimatch": {
-            "version": "3.1.2",
-            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-            "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-            "license": "ISC",
+            "version": "10.2.5",
+            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.5.tgz",
+            "integrity": "sha512-MULkVLfKGYDFYejP07QOurDLLQpcjk7Fw+7jXS2R2czRQzR56yHRveU5NDJEOviH+hETZKSkIk5c+T23GjFUMg==",
+            "license": "BlueOak-1.0.0",
             "dependencies": {
-                "brace-expansion": "^1.1.7"
+                "brace-expansion": "^5.0.5"
             },
             "engines": {
-                "node": "*"
+                "node": "18 || 20 || >=22"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/isaacs"
             }
         },
         "node_modules/ms": {
@@ -232,15 +234,15 @@
             "license": "MIT"
         },
         "node_modules/nodemon": {
-            "version": "3.1.11",
-            "resolved": "https://registry.npmjs.org/nodemon/-/nodemon-3.1.11.tgz",
-            "integrity": "sha512-is96t8F/1//UHAjNPHpbsNY46ELPpftGUoSVNXwUfMk/qdjSylYrWSu1XavVTBOn526kFiOR733ATgNBCQyH0g==",
+            "version": "3.1.14",
+            "resolved": "https://registry.npmjs.org/nodemon/-/nodemon-3.1.14.tgz",
+            "integrity": "sha512-jakjZi93UtB3jHMWsXL68FXSAosbLfY0In5gtKq3niLSkrWznrVBzXFNOEMJUfc9+Ke7SHWoAZsiMkNP3vq6Jw==",
             "license": "MIT",
             "dependencies": {
                 "chokidar": "^3.5.2",
                 "debug": "^4",
                 "ignore-by-default": "^1.0.1",
-                "minimatch": "^3.1.2",
+                "minimatch": "^10.2.1",
                 "pstree.remy": "^1.1.8",
                 "semver": "^7.5.3",
                 "simple-update-notifier": "^2.0.0",
@@ -282,9 +284,9 @@
             }
         },
         "node_modules/picomatch": {
-            "version": "2.3.1",
-            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-            "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+            "version": "2.3.2",
+            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
+            "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
             "license": "MIT",
             "engines": {
                 "node": ">=8.6"
@@ -346,9 +348,9 @@
             "license": "MIT"
         },
         "node_modules/semver": {
-            "version": "7.7.3",
-            "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
-            "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+            "version": "7.8.5",
+            "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
+            "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
             "license": "ISC",
             "bin": {
                 "semver": "bin/semver.js"

package/widgets/vis-jsontemplate/dist/jsontemplate-dist.js

@@ -58,7 +58,7 @@
   var version;
   var init_package = __esm({
     "../package.json"() {
-      version = "4.4.3";
+      version = "4.4.5";
     }
   });
 
@@ -67,7 +67,7 @@
     "vis-jsontemplate/js/jsontemplate.js"(exports) {
       "use strict";
       init_package();
-      fetch("widgets/vis-jsontemplate/i18n/words.json").then((res) => __async(null, null, function* () {
+      fetch("widgets/vis-jsontemplate/myi18n/words.json").then((res) => __async(null, null, function* () {
         const i18n = yield res.json();
         $.extend(true, systemDictionary, i18n);
       }));
@@ -217,7 +217,14 @@
               try {
                 text = yield ejs.render(
                   template,
-                  { widgetID, data: oiddata, dp: datapoints, widget: data, style },
+                  {
+                    widgetID,
+                    widgetid: widgetID,
+                    data: oiddata,
+                    dp: datapoints,
+                    widget: data,
+                    style
+                  },
                   { async: true }
                 );
               } catch (e) {