iobroker.telegram-menu 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 MiRo1310 <michael.roling@gmx.de>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,123 @@
+![Logo](admin/telegram-menu.png)
+# ioBroker.telegram-menu
+
+[![NPM version](https://img.shields.io/npm/v/iobroker.telegram-menu.svg)](https://www.npmjs.com/package/iobroker.telegram-menu)
+[![Downloads](https://img.shields.io/npm/dm/iobroker.telegram-menu.svg)](https://www.npmjs.com/package/iobroker.telegram-menu)
+![Number of Installations](https://iobroker.live/badges/telegram-menu-installed.svg)
+![Current version in stable repository](https://iobroker.live/badges/telegram-menu-stable.svg)
+
+[![NPM](https://nodei.co/npm/iobroker.telegram-menu.png?downloads=true)](https://nodei.co/npm/iobroker.telegram-menu/)
+
+**Tests:** ![Test and Release](https://github.com/MiRo1310/ioBroker.telegram-menu/workflows/Test%20and%20Release/badge.svg)
+
+## telegram-menu adapter for ioBroker
+
+Easily create Telegram Menus
+
+## Developer manual
+This section is intended for the developer. It can be deleted later.
+
+### DISCLAIMER
+
+Please make sure that you consider copyrights and trademarks when you use names or logos of a company and add a disclaimer to your README.
+You can check other adapters for examples or ask in the developer community. Using a name or logo of a company without permission may cause legal problems for you.
+
+### Getting started
+
+You are almost done, only a few steps left:
+1. Create a new repository on GitHub with the name `ioBroker.telegram-menu`
+
+1. Push all files to the GitHub repo. The creator has already set up the local repository for you:  
+	```bash
+	git push origin main
+	```
+1. Add a new secret under https://github.com/MiRo1310/ioBroker.telegram-menu/settings/secrets. It must be named `AUTO_MERGE_TOKEN` and contain a personal access token with push access to the repository, e.g. yours. You can create a new token under https://github.com/settings/tokens.
+
+1. Head over to [main.js](main.js) and start programming!
+
+### Best Practices
+We've collected some [best practices](https://github.com/ioBroker/ioBroker.repositories#development-and-coding-best-practices) regarding ioBroker development and coding in general. If you're new to ioBroker or Node.js, you should
+check them out. If you're already experienced, you should also take a look at them - you might learn something new :)
+
+### Scripts in `package.json`
+Several npm scripts are predefined for your convenience. You can run them using `npm run <scriptname>`
+| Script name | Description |
+|-------------|-------------|
+| `test:js` | Executes the tests you defined in `*.test.js` files. |
+| `test:package` | Ensures your `package.json` and `io-package.json` are valid. |
+| `test:integration` | Tests the adapter startup with an actual instance of ioBroker. |
+| `test` | Performs a minimal test run on package files and your tests. |
+| `check` | Performs a type-check on your code (without compiling anything). |
+| `lint` | Runs `ESLint` to check your code for formatting errors and potential bugs. |
+| `translate` | Translates texts in your adapter to all required languages, see [`@iobroker/adapter-dev`](https://github.com/ioBroker/adapter-dev#manage-translations) for more details. |
+| `release` | Creates a new release, see [`@alcalzone/release-script`](https://github.com/AlCalzone/release-script#usage) for more details. |
+
+### Writing tests
+When done right, testing code is invaluable, because it gives you the 
+confidence to change your code while knowing exactly if and when 
+something breaks. A good read on the topic of test-driven development 
+is https://hackernoon.com/introduction-to-test-driven-development-tdd-61a13bc92d92. 
+Although writing tests before the code might seem strange at first, but it has very 
+clear upsides.
+
+The template provides you with basic tests for the adapter startup and package files.
+It is recommended that you add your own tests into the mix.
+
+### Publishing the adapter
+Using GitHub Actions, you can enable automatic releases on npm whenever you push a new git tag that matches the form 
+`v<major>.<minor>.<patch>`. We **strongly recommend** that you do. The necessary steps are described in `.github/workflows/test-and-release.yml`.
+
+Since you installed the release script, you can create a new
+release simply by calling:
+```bash
+npm run release
+```
+Additional command line options for the release script are explained in the
+[release-script documentation](https://github.com/AlCalzone/release-script#command-line).
+
+To get your adapter released in ioBroker, please refer to the documentation 
+of [ioBroker.repositories](https://github.com/ioBroker/ioBroker.repositories#requirements-for-adapter-to-get-added-to-the-latest-repository).
+
+### Test the adapter manually with dev-server
+Since you set up `dev-server`, you can use it to run, test and debug your adapter.
+
+You may start `dev-server` by calling from your dev directory:
+```bash
+dev-server watch
+```
+
+The ioBroker.admin interface will then be available at http://localhost:8081/
+
+Please refer to the [`dev-server` documentation](https://github.com/ioBroker/dev-server#command-line) for more details.
+
+## Changelog
+<!--
+	Placeholder for the next version (at the beginning of the line):
+	### **WORK IN PROGRESS**
+-->
+
+### **WORK IN PROGRESS**
+* (MiRo1310) initial release
+
+## License
+MIT License
+
+Copyright (c) 2023 MiRo1310 <michael.roling@gmx.de>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/admin/index_m.html

@@ -0,0 +1,314 @@
+<html>
+
+<head>
+	<!-- Load ioBroker scripts and styles-->
+	<link rel="stylesheet" type="text/css" href="../../css/adapter.css" />
+	<link rel="stylesheet" type="text/css" href="../../lib/css/materialize.css">
+
+	<script type="text/javascript" src="../../lib/js/jquery-3.2.1.min.js"></script>
+	<script type="text/javascript" src="../../socket.io/socket.io.js"></script>
+	<script type="text/javascript" src="./js/main.js"></script>
+	<script type="text/javascript" src="./js/component.js"></script>
+
+	<script type="text/javascript" src="../../js/translate.js"></script>
+	<script type="text/javascript" src="../../lib/js/materialize.js"></script>
+	<script type="text/javascript" src="../../js/adapter-settings.js"></script>
+
+	<!-- Load our own files -->
+	<link rel="stylesheet" type="text/css" href="style.css" />
+	<script type="text/javascript" src="words.js"></script>
+
+	<script type="text/javascript">
+		let _onChange
+		let users = []
+		let activeUser;
+		// This will be called by the admin adapter when the settings page loads
+		function load(settings, onChange) {
+			// example: select elements with id=key and class=value and insert value
+			if (!settings) return;
+			_onChange = onChange
+			users = settings.users
+			activeUser = settings.users[0]
+			createUser("#user_list", settings.users)
+			fillTable("#navigation", settings.nav, newTableRow, users)
+			showHideNav(activeUser)
+			setCheckbox(settings.checkbox)
+
+			$('.value').each(function () {
+				var $key = $(this);
+				var id = $key.attr('id');
+				if ($key.attr('type') === 'checkbox') {
+					// do not call onChange direct, because onChange could expect some arguments
+					$key.prop('checked', settings[id])
+						.on('change', () => onChange())
+						;
+				} else {
+					// do not call onChange direct, because onChange could expect some arguments
+					$key.val(settings[id])
+						.on('change', () => onChange())
+						.on('keyup', () => onChange())
+						;
+				}
+			});
+
+			onChange(false);
+			// reinitialize all the Materialize labels on the page if you are dynamically adding inputs:
+			if (M) M.updateTextFields();
+		}
+
+		// This will be called by the admin adapter when the user presses the save button
+		function save(callback) {
+			// example: select elements with class=value and build settings object
+			var obj = {};
+			obj.checkbox = []
+			$('.value').each(function () {
+				var $this = $(this);
+				if ($this.attr('type') === 'checkbox') {
+					obj[$this.attr('id')] = $this.prop('checked');
+				} else if ($this.attr('type') === 'number') {
+					obj[$this.attr('id')] = parseFloat($this.val());
+				} else if (!$this.attr("data-nosave")) {
+					obj[$this.attr('id')] = $this.val();
+
+				}
+			});
+			$(".valCheckbox").each(function () {
+				var $this = $(this);
+				if ($this.attr('type') === 'checkbox') {
+					obj.checkbox.push({ [$this.attr('id')]: $this.prop('checked') });
+				}
+
+			})
+			const tableDevices = table2Values("#navigation");
+			console.log(tableDevices)
+
+			if (isStringEmty(".isString")) {
+				console.log(isStringEmty(".isString"))
+				obj.nav = tableDevices;
+				obj.users = users
+
+				console.log(obj)
+				callback(obj);
+			}
+		}
+
+
+
+		$(function () {
+			// New User Show Button
+			$("#username").keyup(function () {
+				if ($(this).val() !== "" && users.indexOf($("#username").val()) == -1) {
+					$("#addNewUser").removeClass("disabled")
+				} else $("#addNewUser").addClass("disabled")
+			})
+			// Eventhander click add User
+
+			$("#addNewUser").click(() => {
+				let newUser = $("#username").val()
+
+				if (users.indexOf(newUser) == -1) {
+					users.push(newUser)
+					createUser("#user_list", [newUser])
+					_onChange()
+					$("#username").val("")
+					$("#addNewUser").addClass("disabled")
+				}
+			})
+			// Delete User
+			$("#user_menu").on("click", "#deleteUser", function () {
+				let userdelete = $("#user_list .active").attr("name")
+				users.splice(users.indexOf(userdelete), 1)
+				$("#user_list .active").parent().remove()
+				$(`#tabel_nav tbody[name="${userdelete}"]`)
+				$(`#${userdelete}`).remove()
+				_onChange()
+
+			})
+			// Click User, Show Navigation
+			$("#user_list").on("click", ".click_user", function () {
+				console.log("test")
+				activeUser = $(this).attr("name")
+				showHideNav(activeUser)
+			})
+			// New Row in UserNavigation
+			$("#addNewNav").click(function () {
+				$(`#${activeUser}`).append(newTableRow(activeUser, users))
+			})
+
+
+			// Eventhandler for deleting row in Nav
+			$("#table_nav").on("click", ".delete", function () {
+				$(this).parent().parent().remove()
+				_onChange()
+				generateNav()
+			})
+			// Eventhandler for save change 
+
+			$("#user_list").on("click", ".click-user", function () {
+				activeUser = $(this).attr("name")
+				$("#btn-nav").attr("href", `#tab-nav-user-${activeUser}`)
+				$("#btn-todo").attr("href", `#tab-todo-user-${activeUser}`)
+				$("adapter-container").load(`#tab-nav-user-${activeUser}`)
+			})
+			// update
+			$("#navigation").change(".value", function () {
+				_onChange()
+			})
+			$(".valCheckbox").change(function () {
+				_onChange()
+			})
+
+
+		})
+		function fillTable(id, data, newTableRow, users) {
+			for (const name in data) {
+				const nav = data[name].nav
+				nav.forEach(function (element, key) {
+					$(`#${name}`).append(newTableRow(name, users))
+					if (element.call) $(`#${name} tr input.nav-call`)[key].value = element.call
+					if (element.value) $(`#${name} tr input.nav-value`)[key].value = element.value
+					if (element.text) $(`#${name}  tr input.nav-text`)[key].value = element.text
+					if (element.radio) $(`#${name} tr input.nav-radio:radio`)[key].checked = element.radio
+				})
+			}
+		}		
+	</script>
+
+</head>
+
+<body>
+	<div class="m adapter-container">
+		<div class="row">
+			<div class="col s12 m4 l2">
+				<img src="telegram-menu.png" class="logo">
+			</div>
+		</div>
+		<div class="row">
+			<div class="col s12">
+				<ul class="tabs">
+					<li class="tab col s3"><a class="active" id="btn-nav" href="#tab-nav">Navigation</a></li>
+					<li class="tab col s3"><a id="btn-todo" href="#tab-todo-user-all">Action</a></li>
+					<li class="tab col s3"><a id="btn-settings" href="#tab-settings">Settings</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="row">
+			<div class="col s12">
+				<div id="popup">
+					<p>Test</p>
+				</div>
+			</div>
+		</div>
+		<div class="row" id="user_menu">
+			<a class="btn-add btn-floating btn-small waves-effect waves-light blue disabled " id="addNewUser"
+				title="Add new User"><i class="material-icons">add</i></a>
+			<a class="delete btn-floating btn-small waves-effect waves-light red" id="deleteUser"><i
+					class="material-icons">delete</i></a>
+			<div class="col s3">
+				<input id="username" type="text" placeholder="Add new UserName">
+			</div>
+		</div>
+		<div class="row">
+			<div class="col s12">
+				<ul class="tabs" id="user_list">
+				</ul>
+			</div>
+		</div>
+
+
+		<div class="row">
+			<div class="col s12">
+				<a class="btn-add btn-floating btn-small waves-effect waves-light blue" id="addNewNav"
+					title="Add new Navigation"><i class="material-icons">add</i></a>
+			</div>
+		</div>
+		<div id="tab-nav" class="page">
+			<div class="row">
+				<div class="col s12">
+					<div class="table-values-div" id="navigation" class="value">
+						<table id="table_nav" class="" style="width: 100%;">
+							<thead>
+								<tr>
+									<th data-name="name" style="width: 20%; background: #64b5f6 " class="translate">Call
+										Text
+									</th>
+									<th data-name="nav" data-type="string" style="background: #64b5f6">
+										Navigation</th>
+									<th data-name="text" data-type="string" style="background: #64b5f6; width: 20%;">
+										Text</th>
+									<th data-name="startside" data-type="string"
+										style="background: #64b5f6 ; width: 5%;">
+										Startside</th>
+									<th style="background: #64b5f6; width: 5%;"></th>
+								</tr>
+							</thead>
+							<!-- <tbody id="" class="table_entry value table-lines table-values">
+							</tbody> -->
+						</table>
+					</div>
+				</div>
+
+			</div>
+		</div>
+		<div id="tab-todo-user-all" class="page">
+			<div class=" row">
+				<div class="col s12">
+					<table id="table_todo" class="" style="width: 100%;">
+						<thead>
+							<tr>
+								<th data-name="name" style="width: 20%; background: #64b5f6 " class="translate">Action
+								</th>
+								<th data-name="nav" data-type="string" style="background: #64b5f6">
+									Navigation</th>
+								<th data-name="text" data-type="string" style="background: #64b5f6; width: 20%;">
+									Text</th>
+								<th data-name="startside" data-type="string" style="background: #64b5f6 ; width: 5%;">
+									Startside</th>
+								<th style="background: #64b5f6; width: 5%;"></th>
+							</tr>
+						</thead>
+					</table>
+				</div>
+			</div>
+
+
+		</div>
+
+		<div id="tab-settings" class="page">
+			<div class=" row">
+				<div class="col s12">
+					<h1>Settings</h1>
+					<div class="row">
+						<div class="input-field col s2">
+							<input placeholder="," id="sepBtn" type="text" class="validate center-align value">
+							<label for="sepBtn">Separation buttons</label>
+						</div>
+						<div class="input-field col s2">
+							<input placeholder="%%" id="sepRow" type="text" class="validate center-align value">
+							<label for="sepRow">Separation Row</label>
+						</div>
+					</div>
+					<div class="row">
+						<div class="input-field col s3">
+							<label>
+								<input id="resKey" type="checkbox" class="filled-in valCheckbox" checked />
+								<span>Resize Keyboard</span>
+							</label>
+						</div>
+						<div class="input-field col s3">
+							<label>
+								<input id="oneTiKey" class="filled-in valCheckbox" type="checkbox" checked>
+								<span>One Time Keyboard</span>
+							</label>
+
+						</div>
+					</div>
+
+
+				</div>
+
+			</div>
+
+</body>
+
+</html>

package/admin/js/component.js

@@ -0,0 +1,28 @@
+/**
+ *
+ * @param {string} activuser Active User
+ * @param {array} users List of Users
+ */
+function newTableRow(activuser, users) {
+	let userIndex = users.indexOf(activuser);
+	return `<tr>
+    <td><input type="text" data-name="call" class="isString nav-call "></td>
+    <td><input type="text" data-name="value" class="isString nav-value "></td>
+    <td><input type="text" data-name="text" class="isString nav-text "></td>
+    <td><p>
+    <label>
+      <input name="group${userIndex}" type="radio" class="nav-radio" />
+      <span></span>
+    </label>
+  </p></td>
+    <td style="width: 5%;"><a class="delete btn-floating btn-small waves-effect waves-light red"><i	class="material-icons">delete</i></a></td>
+            </tr>`;
+}
+function newUserBtn(user) {
+	return `<li class="tab col s1 bg-nav-user"><a name="${user}" class="click_user" href="#">${user}</a></li>`;
+}
+
+function navElement(user) {
+	return `<tbody id="${user}" data-nosave="true" class="table_entry value table-lines table-values">
+							</tbody>`;
+}

package/admin/js/main.js

@@ -0,0 +1,104 @@
+/**
+ *
+ * @param {string} classes Class to browse for empty String
+ * @returns boolean True Everything is ok
+ */
+function isStringEmty(classes) {
+	let allOk;
+	$(classes).each(function (key, element) {
+		if (element.value == "") {
+			console.log(this);
+			$(element).parent().addClass("bg-error");
+			allOk = false;
+		} else {
+			$(element).parent().removeClass("bg-error");
+			allOk = true;
+		}
+	});
+	return allOk;
+}
+
+function generateNav() {
+	let navigationArray = {};
+	let ids = [];
+	let nav = [];
+	$(".nav-id").each((key, element) => {
+		ids.push(element.value);
+	});
+	$(".nav-value").each((key, element) => {
+		nav.push(element.value);
+	});
+	ids.forEach((element, key) => {
+		let arrayRows = [];
+		let arrayItems = nav[key].split(":");
+		arrayItems.forEach((e) => {
+			arrayRows.push([e]);
+		});
+		let arrayNew = [];
+		arrayRows.forEach((element, k) => {
+			arrayNew.push([element[0].split(",")]);
+		});
+		navigationArray[element] = { nav: [arrayNew] };
+		return navigationArray;
+
+		// sendTo(instance, "send", navigationArray, function (result) {
+		// 	console.log(result)
+		// })
+	});
+}
+/**
+ *
+ * @param {string} id Where to create
+ * @param {Array} users Array of Users
+ */
+function createUser(id, users) {
+	users.forEach((user) => {
+		$(id).append(newUserBtn(user));
+		createNav("#table_nav", user);
+	});
+}
+function createNav(id, user) {
+	$(id).append(navElement(user));
+}
+function table2Values(id) {
+	let $div = $(id);
+	let $tbodys = $div.find("tbody");
+	let object = {};
+
+	$tbodys.each(function () {
+		let nav = [];
+		let $tbody = $(this);
+		let $trs = $tbody.find("tr");
+		let user;
+		$trs.each(function () {
+			user = $tbody.attr("id");
+			let call = $(this).find("td input[data-name='call']").val();
+			let value = $(this).find("td input[data-name='value']").val();
+			let text = $(this).find("td input[data-name='text']").val();
+			let radio;
+			if ($(this).find("td input.nav-radio:radio:checked").val()) radio = true;
+			else radio = false;
+
+			nav.push({ call: call, value: value, text: text, radio: radio });
+		});
+		object[user] = { nav: nav };
+	});
+	return object;
+}
+function showHideNav(activeUser) {
+	$("#navigation tbody").hide();
+	$(`tbody#${activeUser}`).show();
+}
+/**
+ *
+ * @param {Array} checkbox Entrys with Checkbox Values
+ */
+function setCheckbox(checkbox) {
+	checkbox.forEach((element) => {
+		for (const id in element) {
+			if (element[id]) {
+				$(`#${id}`).prop("checked", true);
+			} else $(`#${id}`).prop("checked", false);
+		}
+	});
+}

package/admin/style.css

@@ -0,0 +1,62 @@
+/* You can delete those if you want. I just found them very helpful */
+* {
+	box-sizing: border-box;
+}
+.m {
+	/* Don't cut off dropdowns! */
+	overflow: initial;
+}
+.m.adapter-container,
+.m.adapter-container > div.App {
+	/* Fix layout/scrolling issues with tabs */
+	height: 100%;
+	width: 100%;
+	position: relative;
+}
+.m .select-wrapper + label {
+	/* The positioning for dropdown labels is messed up */
+	transform: none !important;
+}
+
+label > i[title] {
+	/* Display the help cursor for the tooltip icons and fix their positioning */
+	cursor: help;
+	margin-left: 0.25em;
+}
+
+.dropdown-content {
+	/* Don't wrap text in dropdowns */
+	white-space: nowrap;
+}
+.btn-add {
+	margin-left: 20px;
+}
+.bg-error {
+	background-color: rgb(243, 96, 96);
+}
+.bg-nav-user {
+	background-color: #ddd;
+
+	margin-right: 20px !important;
+}
+#user_list .tab {
+	text-transform: none;
+}
+h1 {
+	font-size: x-large !important;
+	text-decoration: underline;
+	margin-top: 10px !important;
+}
+#popup {
+	background-color: bisque;
+	width: 95%;
+	height: 400px;
+	z-index: 100;
+	position: absolute;
+	left: 0;
+	right: 0;
+	margin-left: auto;
+	margin-right: auto;
+	display: none;
+}
+/* Add your styles here */

package/admin/words.js

@@ -0,0 +1,43 @@
+/* eslint no-unused-vars: off */
+/* eslint no-global-assign: off */
+/* global systemDictionary */
+"use strict";
+
+systemDictionary = {
+	"telegram-menu adapter settings": {
+		en: "Adapter settings for telegram-menu",
+		de: "Adaptereinstellungen für telegram-menu",
+		ru: "Настройки адаптера для telegram-menu",
+		pt: "Configurações do adaptador para telegram-menu",
+		nl: "Adapterinstellingen voor telegram-menu",
+		fr: "Paramètres d'adaptateur pour telegram-menu",
+		it: "Impostazioni dell'adattatore per telegram-menu",
+		es: "Ajustes del adaptador para telegram-menu",
+		pl: "Ustawienia adaptera dla telegram-menu",
+		"zh-cn": "telegram-menu的适配器设置",
+	},
+	option1: {
+		en: "option1",
+		de: "Option 1",
+		ru: "Опция 1",
+		pt: "Opção 1",
+		nl: "Optie 1",
+		fr: "Option 1",
+		it: "opzione 1",
+		es: "Opción 1",
+		pl: "opcja 1",
+		"zh-cn": "选项1",
+	},
+	option2: {
+		en: "option2",
+		de: "Option 2",
+		ru: "вариант 2",
+		pt: "opção 2",
+		nl: "Optie 2",
+		fr: "Option 2",
+		it: "opzione 2",
+		es: "opcion 2",
+		pl: "Opcja 2",
+		"zh-cn": "选项2",
+	},
+};

package/io-package.json

@@ -0,0 +1,117 @@
+{
+	"common": {
+		"name": "telegram-menu",
+		"version": "0.0.1",
+		"news": {
+			"0.0.1": {
+				"en": "initial release",
+				"de": "Erstveröffentlichung",
+				"ru": "Начальная версия",
+				"pt": "lançamento inicial",
+				"nl": "Eerste uitgave",
+				"fr": "Première version",
+				"it": "Versione iniziale",
+				"es": "Versión inicial",
+				"pl": "Pierwsze wydanie",
+				"zh-cn": "首次出版"
+			}
+		},
+		"title": "Telegram Menu",
+		"titleLang": {
+			"en": "Telegram Menu",
+			"de": "Telegramm-Menü",
+			"ru": "Меню телеграммы",
+			"pt": "Menu Telegram",
+			"nl": "Telegram-menu",
+			"fr": "Menu Télégramme",
+			"it": "Menù telegramma",
+			"es": "Menú de telegramas",
+			"pl": "menu telegramu",
+			"zh-cn": "电报菜单"
+		},
+		"desc": {
+			"en": "Easily create Telegram Menus",
+			"de": "Erstellen Sie ganz einfach Telegrammmenüs",
+			"ru": "Легко создавать меню Telegram",
+			"pt": "Crie facilmente menus de telegrama",
+			"nl": "Maak eenvoudig Telegram-menu's",
+			"fr": "Créez facilement des menus de télégramme",
+			"it": "Crea facilmente menu di Telegram",
+			"es": "Crea fácilmente menús de Telegram",
+			"pl": "Z łatwością twórz menu telegramu",
+			"zh-cn": "轻松创建电报菜单"
+		},
+		"authors": ["MiRo1310 <michael.roling@gmx.de>"],
+		"keywords": ["iobroker", "telegram", "menu"],
+		"license": "MIT",
+		"platform": "Javascript/Node.js",
+		"main": "main.js",
+		"icon": "telegram-menu.png",
+		"enabled": true,
+		"messagebox": true,
+		"extIcon": "https://raw.githubusercontent.com/MiRo1310/ioBroker.telegram-menu/main/admin/telegram-menu.png",
+		"readme": "https://github.com/MiRo1310/ioBroker.telegram-menu/blob/main/README.md",
+		"loglevel": "info",
+		"mode": "daemon",
+		"type": "messaging",
+		"compact": true,
+		"connectionType": "local",
+		"dataSource": "poll",
+		"adminUI": {
+			"config": "materialize"
+		},
+		"dependencies": [
+			{
+				"js-controller": ">=3.3.22"
+			}
+		],
+		"globalDependencies": [
+			{
+				"admin": ">=5.0.0"
+			}
+		]
+	},
+	"native": {
+		"devices": null,
+		"table_nav": null,
+		"nav_entry": null,
+		"users": null
+	},
+	"objects": [],
+	"instanceObjects": [
+		{
+			"_id": "info",
+			"type": "channel",
+			"common": {
+				"name": "Information"
+			},
+			"native": {}
+		},
+		{
+			"_id": "info.connection",
+			"type": "state",
+			"common": {
+				"role": "indicator.connected",
+				"name": "Device or service connected",
+				"type": "boolean",
+				"read": true,
+				"write": false,
+				"def": false
+			},
+			"native": {}
+		},
+		{
+			"_id": "navigation",
+			"type": "state",
+			"common": {
+				"role": "value",
+				"name": "Navigation",
+				"type": "json",
+				"read": true,
+				"write": false,
+				"def": {}
+			},
+			"native": {}
+		}
+	]
+}

package/lib/adapter-config.d.ts

@@ -0,0 +1,19 @@
+// This file extends the AdapterConfig type from "@types/iobroker"
+// using the actual properties present in io-package.json
+// in order to provide typings for adapter.config properties
+
+import { native } from "../io-package.json";
+
+type _AdapterConfig = typeof native;
+
+// Augment the globally declared type ioBroker.AdapterConfig
+declare global {
+	namespace ioBroker {
+		interface AdapterConfig extends _AdapterConfig {
+			// Do not enter anything here!
+		}
+	}
+}
+
+// this is required so the above AdapterConfig is found by TypeScript / type checking
+export {};

package/main.js

@@ -0,0 +1,170 @@
+"use strict";
+
+/*
+ * Created with @iobroker/create-adapter v2.3.0
+ */
+
+// The adapter-core module gives you access to the core ioBroker functions
+// you need to create an adapter
+const utils = require("@iobroker/adapter-core");
+
+// Load your modules here, e.g.:
+// const fs = require("fs");
+
+class TelegramMenu extends utils.Adapter {
+	/**
+	 * @param {Partial<utils.AdapterOptions>} [options={}]
+	 */
+	constructor(options) {
+		super({
+			...options,
+			name: "telegram-menu",
+		});
+		this.on("ready", this.onReady.bind(this));
+		this.on("stateChange", this.onStateChange.bind(this));
+		// this.on("objectChange", this.onObjectChange.bind(this));
+		this.on("message", this.onMessage.bind(this));
+		this.on("unload", this.onUnload.bind(this));
+	}
+
+	/**
+	 * Is called when databases are connected and adapter received configuration.
+	 */
+	async onReady() {
+		// Initialize your adapter here
+
+		// Reset the connection indicator during startup
+		this.setState("info.connection", false, true);
+
+		// The adapters config (in the instance object everything under the attribute "native") is accessible via
+		// this.config:
+		// this.log.info("config option1: " + this.config.option1);
+		// this.log.info("config option  22: " + this.config.option2);
+		this.log.info("test");
+
+		/*
+		For every state in the system there has to be also an object of type state
+		Here a simple template for a boolean variable named "testVariable"
+		Because every adapter instance uses its own unique namespace variable names can't collide with other adapters variables
+		*/
+		await this.setObjectNotExistsAsync("testVariable", {
+			type: "state",
+			common: {
+				name: "testVariable",
+				type: "boolean",
+				role: "indicator",
+				read: true,
+				write: true,
+			},
+			native: {},
+		});
+
+		// In order to get state updates, you need to subscribe to them. The following line adds a subscription for our variable we have created above.
+		this.subscribeStates("testVariable");
+		// You can also add a subscription for multiple states. The following line watches all states starting with "lights."
+		// this.subscribeStates("lights.*");
+		// Or, if you really must, you can also watch all states. Don't do this if you don't need to. Otherwise this will cause a lot of unnecessary load on the system:
+		// this.subscribeStates("*");
+
+		/*
+			setState examples
+			you will notice that each setState will cause the stateChange event to fire (because of above subscribeStates cmd)
+		*/
+		// the variable testVariable is set to true as command (ack=false)
+		await this.setStateAsync("testVariable", true);
+
+		// same thing, but the value is flagged "ack"
+		// ack should be always set to true if the value is received from or acknowledged from the target system
+		await this.setStateAsync("testVariable", { val: true, ack: true });
+
+		// same thing, but the state is deleted after 30s (getState will return null afterwards)
+		await this.setStateAsync("testVariable", { val: true, ack: true, expire: 30 });
+
+		// examples for the checkPassword/checkGroup functions
+		let result = await this.checkPasswordAsync("admin", "iobroker");
+		this.log.info("check user admin pw iobroker: " + result);
+
+		result = await this.checkGroupAsync("admin", "admin");
+		this.log.info("check group user admin group admin: " + result);
+	}
+
+	/**
+	 * Is called when adapter shuts down - callback has to be called under any circumstances!
+	 * @param {() => void} callback
+	 */
+	onUnload(callback) {
+		try {
+			// Here you must clear all timeouts or intervals that may still be active
+			// clearTimeout(timeout1);
+			// clearTimeout(timeout2);
+			// ...
+			// clearInterval(interval1);
+
+			callback();
+		} catch (e) {
+			callback();
+		}
+	}
+
+	// If you need to react to object changes, uncomment the following block and the corresponding line in the constructor.
+	// You also need to subscribe to the objects with `this.subscribeObjects`, similar to `this.subscribeStates`.
+	// /**
+	//  * Is called if a subscribed object changes
+	//  * @param {string} id
+	//  * @param {ioBroker.Object | null | undefined} obj
+	//  */
+	// onObjectChange(id, obj) {
+	// 	if (obj) {
+	// 		// The object was changed
+	// 		this.log.info(`object ${id} changed: ${JSON.stringify(obj)}`);
+	// 	} else {
+	// 		// The object was deleted
+	// 		this.log.info(`object ${id} deleted`);
+	// 	}
+	// }
+
+	/**
+	 * Is called if a subscribed state changes
+	 * @param {string} id
+	 * @param {ioBroker.State | null | undefined} state
+	 */
+	onStateChange(id, state) {
+		if (state) {
+			// The state was changed
+			this.log.info(`state ${id} changed: ${state.val} (ack = ${state.ack})`);
+		} else {
+			// The state was deleted
+			this.log.info(`state ${id} deleted`);
+		}
+	}
+
+	// If you need to accept messages in your adapter, uncomment the following block and the corresponding line in the constructor.
+	// /**
+	//  * Some message was sent to this instance over message box. Used by email, pushover, text2speech, ...
+	//  * Using this method requires "common.messagebox" property to be set to true in io-package.json
+	//  * @param {ioBroker.Message} obj
+	//  */
+	onMessage(obj) {
+		this.log.debug(obj);
+		if (typeof obj === "object" && obj.message) {
+			if (obj.command === "send") {
+				// e.g. send email or pushover or whatever
+				this.log.info("send command");
+
+				// Send response in callback if required
+				if (obj.callback) this.sendTo(obj.from, obj.command, "Message received", obj.callback);
+			}
+		}
+	}
+}
+
+if (require.main !== module) {
+	// Export the constructor in compact mode
+	/**
+	 * @param {Partial<utils.AdapterOptions>} [options={}]
+	 */
+	module.exports = (options) => new TelegramMenu(options);
+} else {
+	// otherwise start the instance directly
+	new TelegramMenu();
+}

package/package.json

@@ -0,0 +1,78 @@
+{
+  "name": "iobroker.telegram-menu",
+  "version": "0.0.1",
+  "description": "Easily create Telegram Menus",
+  "author": {
+    "name": "MiRo1310",
+    "email": "michael.roling@gmx.de"
+  },
+  "homepage": "https://github.com/MiRo1310/ioBroker.telegram-menu",
+  "license": "MIT",
+  "keywords": [
+    "iobroker",
+    "telegram",
+    "menu"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/MiRo1310/ioBroker.telegram-menu.git"
+  },
+  "engines": {
+    "node": ">= 16"
+  },
+  "dependencies": {
+    "@iobroker/adapter-core": "^2.6.8"
+  },
+  "devDependencies": {
+    "@alcalzone/release-script": "^3.5.9",
+    "@alcalzone/release-script-plugin-iobroker": "^3.5.9",
+    "@alcalzone/release-script-plugin-license": "^3.5.9",
+    "@alcalzone/release-script-plugin-manual-review": "^3.5.9",
+    "@iobroker/adapter-dev": "^1.2.0",
+    "@iobroker/testing": "^4.1.0",
+    "@tsconfig/node16": "^1.0.3",
+    "@types/chai": "^4.3.4",
+    "@types/chai-as-promised": "^7.1.5",
+    "@types/jquery": "^3.5.16",
+    "@types/mocha": "^10.0.1",
+    "@types/node": "^16.18.20",
+    "@types/proxyquire": "^1.3.28",
+    "@types/sinon": "^10.0.13",
+    "@types/sinon-chai": "^3.2.9",
+    "chai": "^4.3.7",
+    "chai-as-promised": "^7.1.1",
+    "eslint": "^8.36.0",
+    "eslint-config-prettier": "^8.8.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "mocha": "^10.2.0",
+    "prettier": "^2.8.7",
+    "proxyquire": "^2.1.3",
+    "sinon": "^15.0.2",
+    "sinon-chai": "^3.7.0",
+    "typescript": "~4.6.4"
+  },
+  "main": "main.js",
+  "files": [
+    "admin{,/!(src)/**}/!(tsconfig|tsconfig.*|.eslintrc).json",
+    "admin{,/!(src)/**}/*.{html,css,png,svg,jpg,js}",
+    "lib/",
+    "www/",
+    "io-package.json",
+    "LICENSE",
+    "main.js"
+  ],
+  "scripts": {
+    "test:js": "mocha --config test/mocharc.custom.json \"{!(node_modules|test)/**/*.test.js,*.test.js,test/**/test!(PackageFiles|Startup).js}\"",
+    "test:package": "mocha test/package --exit",
+    "test:integration": "mocha test/integration --exit",
+    "test": "npm run test:js && npm run test:package",
+    "check": "tsc --noEmit -p tsconfig.check.json",
+    "lint": "eslint .",
+    "translate": "translate-adapter",
+    "release": "release-script"
+  },
+  "bugs": {
+    "url": "https://github.com/MiRo1310/ioBroker.telegram-menu/issues"
+  },
+  "readmeFilename": "README.md"
+}