add voetbal-nl; update pnpm and docker version

.devcontainer/Dockerfile

@@ -2,7 +2,7 @@
 
 # [Choice] Node.js version: 18
 ARG VARIANT="18-buster"
-FROM mcr.microsoft.com/vscode/devcontainers/javascript-node:0-${VARIANT}
+FROM mcr.microsoft.com/vscode/devcontainers/javascript-node:${VARIANT}
 
 # [Optional] Uncomment this section to install additional OS packages.
 # RUN apt-get update && export DEBIAN_FRONTEND=noninteractive \

.devcontainer/devcontainer.json

@@ -5,7 +5,7 @@
   "build": {
     "dockerfile": "Dockerfile",
     // Update 'VARIANT' to pick a Node version: 10, 12, 14
-    "args": { "VARIANT": "14" }
+    "args": { "VARIANT": "20-bullseye" }
   },
 
   // Set *default* container specific settings.json values on container create.

.gitignore

@@ -11,3 +11,4 @@ server*.log
 *.bmp
 *.zwc*
 /all.json
+.pnpm-store

package.json

@@ -6,14 +6,14 @@
   },
   "engines": {
     "node": "20.16.0",
-    "pnpm": "9.7.0"
+    "pnpm": "9.7.1"
   },
   "volta": {
     "node": "20.16.0",
-    "pnpm": "9.7.0"
+    "pnpm": "9.7.1"
   },
   "engine-strict": true,
-  "packageManager": "[email protected].0",
+  "packageManager": "[email protected].1",
   "scripts": {
     "preinstall": "npx only-allow pnpm",
     "prepare": "is-ci || husky install",

recipes/voetbal-nl/index.js

@@ -0,0 +1,3 @@
+'use strict';
+
+module.exports = Ferdium => Ferdium;

recipes/voetbal-nl/package.json

@@ -0,0 +1,11 @@
+{
+  "id": "voetbal-nl",
+  "name": "Voetbal",
+  "version": "1.0.0",
+  "license": "MIT",
+  "config": {
+    "serviceURL": "https://voetbal.nl/inloggen",
+    "hasDirectMessages": true,
+    "hasNotificationSound": true
+  }
+}

recipes/voetbal-nl/service.css

@@ -0,0 +1,151 @@
+.tg_head_split {
+  max-width: 100% !important;
+}
+
+.im_page_wrap {
+  max-width: 100% !important;
+}
+
+.im_dialogs_col_wrap {
+  width: 320px !important;
+}
+
+.im_history_col_wrap {
+  width: calc(100% - 320px) !important;
+}
+
+.im_message_wrap {
+  max-width: inherit !important;
+}
+
+.im_message_body {
+  max-width: 580px !important;
+}
+
+body.darkTheme,
+.darkTheme .modal-content {
+    color: #bbb !important;
+    background: #252525 !important;
+}
+.darkTheme a.tg_checkbox {
+    color: #bbb !important;
+}
+.darkTheme .im_page_wrap {
+    /*background color of contentwrapper under header*/
+
+    background-color: #303030 !important;
+    border-left: 1px solid #4d4d4d !important;
+    border-right: 1px solid #4d4d4d !important;
+    border-bottom: 1px solid #4d4d4d !important;
+    box-shadow: none;
+}
+.darkTheme .im_message_body,
+.darkTheme .im_attach,
+.darkTheme .im_media_attach,
+.darkTheme .im_record,
+.darkTheme .im_message_document_thumbed {
+    background: inherit !important;
+}
+.darkTheme .im_dialog_peer {
+    /*peer nickname unselected*/
+
+    color: #bbb !important;
+}
+.darkTheme .contacts_modal_members_list a.contacts_modal_contact {
+    /*nicknames in contactlist via hamburger menu*/
+
+    color: #bbb;
+}
+.darkTheme .active a.im_dialog {
+    /*selected peer */
+
+    background-color: #4d4d4d !important;
+}
+.darkTheme .tg_head_split,
+.darkTheme .md_modal_head {
+    /*page header block*/
+
+    background-color: #4d4d4d !important;
+}
+.darkTheme .dropdown.open .tg_head_btn,
+.darkTheme .tg_head_btn:hover {
+    background: #4d4d4d !important;
+}
+.darkTheme .form-control {
+    /*input field*/
+
+    background-color: #0e0e0e !important;
+    color: #bbb !important;
+}
+.darkTheme .composer_rich_textarea {
+    background: #303030 !important;
+    border-color: #bbb !important;
+}
+.darkTheme .im_dialogs_col_wrap {
+    /*contactlist right border*/
+
+    border-right: 2px solid #4d4d4d;
+}
+.darkTheme .im_dialogs_col .nano > .nano-pane > .nano-slider {
+    /*scrollbarbutton when hover*/
+
+    background-color: #4d4d4d !important;
+}
+.darkTheme .tg_head_split {
+    background-color: #151515;
+}
+.darkTheme .im_submit {
+    color: #4d4d4d;
+}
+.darkTheme .im_message_mymention {
+    background: #1d1d1d;
+}
+.darkTheme .im_message_focus .im_message_outer_wrap {
+    background-color: #4d4d4d;
+}
+.darkTheme .im_message_selected .im_message_outer_wrap {
+    background: #4d4d4d;
+}
+.darkTheme a:hover {
+    background-color: #282828 !important;
+}
+.darkTheme .im_message_unread_split {
+    background: #4d4d4d;
+}
+@keyframes im_message_focus_fade {
+    0% {
+        background-color: #2d2d2d;
+    }
+}
+.darkTheme .btn-primary {
+    background-color: #4d4d4d;
+}
+.darkTheme .im_history_select_active .im_message_outer_wrap:hover {
+    background: #4d4d4d;
+}
+.darkTheme .im_dialog_chat_from_wrap,
+.darkTheme .im_dialog_message_service {
+    color: #6ac;
+}
+.darkTheme .composer_rich_textarea,
+.darkTheme .composer_textarea {
+    box-shadow: 0px 3px 1px #ddd;
+}
+.darkTheme .composer_rich_textarea:focus {
+    box-shadow: 0px 3px 1px #ddd !important;
+}
+.darkTheme .tg_head_logo_dropdown .dropdown-menu > li > a {
+    color: #ddd;
+}
+.darkTheme .btn-primary.disabled,
+.darkTheme .btn-primary[disabled] {
+    background: #4d4d4d none repeat scroll 0% 0%;
+}
+/*emoji*/
+
+.darkTheme .composer_emoji_tooltip,
+.darkTheme .icon-tooltip-tail,
+.darkTheme .dropdown-menu {
+    background-color: #4d4d4d !important;
+    border-color: #5d5d5d;
+}

recipes/voetbal-nl/webview.js

@@ -0,0 +1,22 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
+module.exports = Ferdium => {
+  function getMessages() {
+    let direct = 0;
+    let indirect = 0;
+    const FerdiumData = document.querySelector('#FerdiumMessages').dataset;
+    if (FerdiumData) {
+      direct = FerdiumData.direct;
+      indirect = FerdiumData.indirect;
+    }
+
+    Ferdium.setBadge(direct, indirect);
+  }
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+  Ferdium.loop(getMessages);
+};