first

.editorconfig

@@ -0,0 +1,28 @@
+root = true
+
+[*]
+indent_style = space
+indent_size = 4
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[{*.c,*.h}]
+indent_style = space
+indent_size = 4
+
+[*.js]
+indent_style = space
+indent_size = 2
+
+[{*.html,*.css}]
+indent_style = tab
+indent_size = 4
+
+[*.md]
+trim_trailing_whitespace = false
+
+[Makefile]
+indent_style = tab
+indent_size = 4

.gitignore

@@ -0,0 +1,7 @@
+# Build & binary
+brakeconf
+dist
+webui
+gui/bootstrap*
+gui/ubuntu-font.css
+src/html.h

.prettierignore

@@ -0,0 +1,2 @@
+package-lock.json
+*.md

.prettierrc.json

@@ -0,0 +1,10 @@
+{
+    "printWidth": 100,
+    "bracketSpacing": true,
+    "bracketSameLine": true,
+    "semi": true,
+    "singleQuote": true,
+    "arrowParens": "always",
+    "htmlWhitespaceSensitivity": "strict",
+    "endOfLine": "lf"
+}

README.md

@@ -0,0 +1 @@
+* [Ubuntu](https://assets.ubuntu.com/v1/0cef8205-ubuntu-font-family-0.83.zip) font family.

build.sh

@@ -0,0 +1,12 @@
+#!/bin/sh
+
+clear
+
+rm dist/* &> /dev/null
+rm brakeconf &> /dev/null
+python3 ./build_gui.py gui/index.html dist/index.html &> /dev/null
+xxd -i -n html_document dist/index.html > src/html.h
+# sed -i 's/unsigned char/const unsigned char/g' src/html.h
+gcc -I./webui -o brakeconf src/device.c src/main.c src/ui.c webui/libwebui-2-static.a -lserialport -ljansson
+
+./brakeconf icanthink

build_gui.py

@@ -0,0 +1,104 @@
+#!/usr/bin/env python3
+
+import sys, re, os
+from collections import deque
+from bs4 import BeautifulSoup, Tag
+from jsmin import jsmin
+from csscompressor import compress
+
+# html param
+html = sys.argv[1]
+# target param
+target = sys.argv[2]
+# path from html param
+path = re.sub(r"[^\/]*$", "", html)
+# open html file
+soup = BeautifulSoup(open(html), 'html.parser')
+# find last script as anchorpoint
+lastScript = soup.findAll("script", attrs = {"src" : True})[-1]
+# get all scripts containing src attribute (= external scripts)
+scripts = soup.findAll("script", attrs = {"src" : True})
+# find last style link as anchorpoint
+lastStylesheet = soup.findAll("link", attrs = {"rel" : "stylesheet"})[-1]
+# get all links to css stylesheets
+stylesheets = soup.findAll("link", attrs = {"rel" : "stylesheet"})
+
+# create list of script srcs
+print("\nRead Scripts:")
+scriptsSrc = deque()
+for script in scripts:
+    scriptsSrc.append(path + script.attrs["src"])
+    print("\t" + path + script.attrs["src"])
+
+# create list of stylesheets srcs
+print("\nRead Stylesheets:")
+stylesheetsSrc = deque()
+for stylesheet in stylesheets:
+    stylesheetsSrc.append(path + stylesheet.attrs["href"])
+    print("\t" + path + stylesheet.attrs["href"])
+
+# merge scripts to temp.js
+print("\nMerge Scripts:")
+print("\t", end="")
+with open("temp.js", "w") as outfileScript:
+    for fname in scriptsSrc:
+        # add space every script
+        if fname != 'gui//webui.js':
+            outfileScript.write("\n")
+            print("~", end="")
+            with open(fname) as infile:
+                for line in infile:
+                    outfileScript.write(line)
+print("\n");
+
+# merge stylsheets to temp.css
+print("Merge Stylesheets:")
+print("\t", end="")
+with open("temp.css", "w") as outfileCSS:
+    for fname in stylesheetsSrc:
+        # add space every script
+        outfileCSS.write("\n")
+        print("~", end="")
+        with open(fname) as infile:
+            for line in infile:
+                outfileCSS.write(line)
+print("\n");
+
+# minify javascript
+print("Minify temp.js\n\t~")
+with open("temp.js") as js:
+    minified_js = jsmin(js.read())
+
+# minify css
+print("\nMinify temp.css\n\t~")
+with open("temp.css") as css:
+    minified_css = compress(css.read())
+
+# replace scripts with merged and min embed script / css
+print("\nReplacing and deleting\n\t~")
+tag = soup.new_tag("script")
+tag["type"] = "text/javascript"
+tag.append(minified_js)
+lastScript.replace_with(tag)
+
+tag = soup.new_tag("style")
+tag["type"] = "text/css"
+tag.append(minified_css)
+lastStylesheet.replace_with(tag)
+
+#remove script and style tags
+for script in scripts:
+    script.decompose()
+for stylesheet in stylesheets:
+    stylesheet.decompose()
+
+#remove temp
+os.remove("temp.js")
+os.remove("temp.css")
+
+#save html as target
+file = open(target,"w")
+file.write(soup.prettify())
+file.close()
+
+print("\nFIN\n")

gui/app.js

@@ -0,0 +1,177 @@
+'use strict';
+
+const ENABLE_AUTO_CHECK_THEME = false;
+
+// Перечень кнопок переключения окон
+const enumWindowButtons = [
+  'btnWindowDevice',
+  'btnWindowTesting',
+  'btnWindowSettings',
+  'btnWindowFirmwareUpdate',
+  'btnWindowLog',
+  'btnWindowAbout',
+];
+
+// Перечень окон программы
+const enumWindow = [
+  'appWindowDevice',
+  'appWindowTesting',
+  'appWindowSettings',
+  'appWindowFirmwareUpdate',
+  'appWindowLog',
+  'appWindowAbout',
+];
+
+/* main */
+window.onload = function () {
+  /* Автоматически активирует тему в зависимости от настроек системы */
+  if (ENABLE_AUTO_CHECK_THEME) {
+    if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
+      switch_theme('dark');
+    } else {
+      switch_theme('light');
+    }
+  }
+
+  document.getElementById('btn_theme_switch').addEventListener('click', switch_theme, false);
+  enumWindowButtons.forEach((btn) => {
+    document.getElementById(btn).addEventListener('click', ui_window_btn_active, false);
+  });
+
+  document.getElementById('btn_app_close').addEventListener('click', close_app);
+  document.getElementById('btn_port_refresh').addEventListener('click', refresh_ports);
+  document.getElementById('btn_device_connect').addEventListener('click', connect_to_device);
+};
+
+/**
+ * Изменяет тему приложения
+ */
+function switch_theme() {
+  let app = document.documentElement;
+  let theme = app.getAttribute('data-bs-theme');
+
+  if (theme == 'auto' || theme == 'light') {
+    app.setAttribute('data-bs-theme', 'dark');
+  } else {
+    app.setAttribute('data-bs-theme', 'light');
+  }
+}
+
+/**
+ * ...
+ */
+function ui_window_btn_active(clicked_btn) {
+  enumWindowButtons.forEach((btn) => {
+    const button = document.getElementById(btn);
+    button.classList.remove('active');
+  });
+
+  clicked_btn.target.classList.add('active');
+
+  ui_show_window(clicked_btn.target.getAttribute('id').replace('btn', 'app'));
+}
+
+/**
+ * ...
+ */
+function ui_show_window(window_name) {
+  const current_window = document.getElementById(window_name);
+
+  enumWindow.forEach((w) => {
+    let each_window = document.getElementById(w);
+    each_window.classList.remove('d-flex');
+    each_window.classList.add('d-none');
+  });
+
+  current_window.classList.remove('d-none');
+}
+
+/**
+ * Обновляет список портов
+ */
+function refresh_ports() {
+  const port_selector = document.getElementById('port_selector');
+
+  webui.call('webui_refresh_ports').then((response) => {
+    // const ports_array = JSON.parse(response);
+    const ports_array = response;
+
+    // Проверка длины массива
+    if (ports_array.length > 0) {
+      port_selector.innerHTML = '';
+    } else {
+      alert('Отсутсвуют подключённые устройства!');
+      return 1;
+    }
+
+    ports_array.ports.forEach((port, index) => {
+      if (index == 0) {
+        const default_option = document.createElement('option');
+        default_option.innerText = 'Выберите порт...';
+        default_option.value = 'null';
+        default_option.selected = true;
+
+        port_selector.appendChild(default_option);
+      }
+
+      const option = document.createElement('option');
+      option.innerText = port;
+      option.value = port;
+
+      port_selector.appendChild(option);
+    });
+  });
+}
+
+/**
+ * Подключается к устройству
+ */
+function connect_to_device() {
+  const port_selector = document.getElementById('port_selector');
+  const btn_port_refresh = document.getElementById('btn_port_refresh');
+  const btn_device_connect = document.getElementById('btn_device_connect');
+
+  if (port_selector.value == 'null') {
+    alert('Необходимо выбрать порт!');
+    return;
+  }
+
+  webui.call('webui_connect_device', port_selector.value);
+
+  if (btn_device_connect.innerText == 'Подключиться') {
+    port_selector.disabled = true;
+    btn_port_refresh.disabled = true;
+
+    btn_device_connect.classList.add('btn-success');
+    btn_device_connect.classList.remove('btn-primary');
+    btn_device_connect.innerText = 'Отключиться';
+  } else {
+    port_selector.disabled = false;
+    btn_port_refresh.disabled = false;
+
+    btn_device_connect.classList.add('btn-primary');
+    btn_device_connect.classList.remove('btn-success');
+    btn_device_connect.innerText = 'Подключиться';
+  }
+}
+
+/**
+ * Добавляет строку в окно лога
+ */
+function add_line_log(text) {
+  const connection_log_console = document.getElementById('connection_log_console');
+  connection_log_console.innerHTML += `${text}\n`;
+
+  /* Автоматически прокручивает лог в конец */
+  const sw_connection_log_autoscroll = document.getElementById('sw_connection_log_autoscroll');
+  if (sw_connection_log_autoscroll.checked) {
+    connection_log_console.scrollTop = connection_log_console.scrollHeight;
+  }
+}
+
+/**
+ *
+ */
+function close_app() {
+  webui.call('close_app', 'a').then((response) => {});
+}

gui/index.html

@@ -0,0 +1,319 @@
+<!doctype html>
+<html lang="ru" class="h-100" data-bs-theme="light">
+	<head>
+		<meta charset="utf-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		<title>Настройка модуля торможения</title>
+		<link rel="stylesheet" type="text/css" href="bootstrap-v5.3.1.min.css" />
+		<link rel="stylesheet" type="text/css" href="ubuntu-font.css" />
+		<link rel="stylesheet" type="text/css" href="styles.css" />
+		<script src="app.js"></script>
+		<script src="/webui.js"></script>
+	</head>
+	<body class="d-flex h-100 text-bg-dark">
+		<div class="d-flex h-100 mx-auto p-3">
+			<nav class="d-flex flex-column flex-shrink-0 p-3 text-bg-dark" style="width: 300px">
+				<p class="text-center fw-bold m-0"> Настройка модуля<br />торможения </p>
+				<hr />
+				<ul class="nav nav-pills flex-column mb-auto">
+					<li class="nav-item">
+						<a
+							id="btnWindowDevice"
+							class="nav-link text-reset active link-pointer"
+							aria-current="page">
+							<svg
+								class="bi pe-none me-2"
+								xmlns="http://www.w3.org/2000/svg"
+								width="24"
+								height="24"
+								viewBox="0 0 24 24"
+								fill="none"
+								stroke="currentColor"
+								stroke-width="2"
+								stroke-linecap="round"
+								stroke-linejoin="round">
+								<line x1="22" y1="12" x2="2" y2="12" />
+								<path
+									d="M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z" />
+								<line x1="6" y1="16" x2="6.01" y2="16" />
+								<line x1="10" y1="16" x2="10.01" y2="16" />
+							</svg>
+							Устройство
+						</a>
+					</li>
+					<li class="nav-item">
+						<a
+							id="btnWindowTesting"
+							class="nav-link text-reset link-pointer"
+							aria-current="page">
+							<svg
+								class="bi pe-none me-2"
+								xmlns="http://www.w3.org/2000/svg"
+								width="24"
+								height="24"
+								viewBox="0 0 24 24"
+								fill="none"
+								stroke="currentColor"
+								stroke-width="2"
+								stroke-linecap="round"
+								stroke-linejoin="round">
+								<line x1="4" y1="21" x2="4" y2="14" />
+								<line x1="4" y1="10" x2="4" y2="3" />
+								<line x1="12" y1="21" x2="12" y2="12" />
+								<line x1="12" y1="8" x2="12" y2="3" />
+								<line x1="20" y1="21" x2="20" y2="16" />
+								<line x1="20" y1="12" x2="20" y2="3" />
+								<line x1="1" y1="14" x2="7" y2="14" />
+								<line x1="9" y1="8" x2="15" y2="8" />
+								<line x1="17" y1="16" x2="23" y2="16" />
+							</svg>
+							Тестирование
+						</a>
+					</li>
+					<li class="nav-item">
+						<a
+							id="btnWindowSettings"
+							class="nav-link text-reset link-pointer"
+							aria-current="page">
+							<svg
+								class="bi pe-none me-2"
+								xmlns="http://www.w3.org/2000/svg"
+								width="24"
+								height="24"
+								viewBox="0 0 24 24"
+								fill="none"
+								stroke="currentColor"
+								stroke-width="2"
+								stroke-linecap="round"
+								stroke-linejoin="round">
+								<path
+									d="M18 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3H6a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3V6a3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3h12a3 3 0 0 0 3-3 3 3 0 0 0-3-3z" />
+							</svg>
+							Настройка
+						</a>
+					</li>
+					<li class="nav-item">
+						<a
+							id="btnWindowFirmwareUpdate"
+							class="nav-link text-reset link-pointer"
+							aria-current="page">
+							<svg
+								class="bi pe-none me-2"
+								xmlns="http://www.w3.org/2000/svg"
+								width="24"
+								height="24"
+								viewBox="0 0 24 24"
+								fill="none"
+								stroke="currentColor"
+								stroke-width="2"
+								stroke-linecap="round"
+								stroke-linejoin="round">
+								<rect x="4" y="4" width="16" height="16" rx="2" ry="2" />
+								<rect x="9" y="9" width="6" height="6" />
+								<line x1="9" y1="1" x2="9" y2="4" />
+								<line x1="15" y1="1" x2="15" y2="4" />
+								<line x1="9" y1="20" x2="9" y2="23" />
+								<line x1="15" y1="20" x2="15" y2="23" />
+								<line x1="20" y1="9" x2="23" y2="9" />
+								<line x1="20" y1="14" x2="23" y2="14" />
+								<line x1="1" y1="9" x2="4" y2="9" />
+								<line x1="1" y1="14" x2="4" y2="14" />
+							</svg>
+
+							Обновление прошивки
+						</a>
+					</li>
+					<li>
+						<a
+							id="btnWindowLog"
+							class="nav-link text-reset link-pointer"
+							aria-current="page">
+							<svg
+								class="bi pe-none me-2"
+								xmlns="http://www.w3.org/2000/svg"
+								width="24"
+								height="24"
+								viewBox="0 0 24 24"
+								fill="none"
+								stroke="currentColor"
+								stroke-width="2"
+								stroke-linecap="round"
+								stroke-linejoin="round">
+								<line x1="21" y1="10" x2="3" y2="10" />
+								<line x1="21" y1="6" x2="3" y2="6" />
+								<line x1="21" y1="14" x2="3" y2="14" />
+								<line x1="21" y1="18" x2="3" y2="18" />
+							</svg>
+							Лог
+						</a>
+					</li>
+					<li class="nav-item">
+						<a
+							id="btnWindowAbout"
+							class="nav-link text-reset link-pointer"
+							aria-current="page">
+							<svg
+								class="bi pe-none me-2"
+								xmlns="http://www.w3.org/2000/svg"
+								width="24"
+								height="24"
+								viewBox="0 0 24 24"
+								fill="none"
+								stroke="currentColor"
+								stroke-width="2"
+								stroke-linecap="round"
+								stroke-linejoin="round">
+								<circle cx="12" cy="12" r="10" />
+								<line x1="12" y1="8" x2="12" y2="12" />
+								<line x1="12" y1="16" x2="12.01" y2="16" />
+							</svg>
+							О программе
+						</a>
+					</li>
+				</ul>
+				<hr />
+				<div class="btn-group-vertical btn-group-sm">
+					<button id="btn_theme_switch" class="btn btn-outline-success">
+						Изменить тему
+					</button>
+					<button id="btn_app_close" type="button" class="btn btn-outline-danger">
+						Закрыть
+					</button>
+				</div>
+				<hr />
+				<p class="text-center m-0">Версия: 1.0.0</p>
+			</nav>
+			<main class="d-flex flex-fill" style="width: 600px">
+				<!-- Device -->
+				<div id="appWindowDevice" class="flex-fill card shadow p-3">
+					<label class="mb-1">Порт для подключения</label>
+					<div class="input-group mb-3">
+						<select id="port_selector" class="form-select">
+							<option value="null" selected>Выберите порт...</option>
+						</select>
+						<button id="btn_port_refresh" class="btn btn-primary" type="button">
+							Обновить
+						</button>
+					</div>
+					<div class="d-grid gap-2 col-6 mx-auto">
+						<button id="btn_device_connect" class="btn btn-primary">
+							Подключиться
+						</button>
+					</div>
+					<hr />
+				</div>
+
+				<!-- Testing -->
+				<div id="appWindowTesting" class="d-none flex-fill card shadow p-3">
+					<label class="pb-2">Активация режимов</label>
+					<div class="d-flex btn-group mb-3">
+						<input
+							type="checkbox"
+							class="btn-check"
+							id="check_toggle_emergency"
+							autocomplete="off" />
+						<label class="btn btn-outline-danger" for="check_toggle_emergency">
+							АВАРИЙНЫЙ
+						</label>
+						<input
+							type="checkbox"
+							class="btn-check"
+							id="check_toggle_reverse"
+							autocomplete="off" />
+						<label class="btn btn-outline-success" for="check_toggle_reverse">
+							РЕВЕРС
+						</label>
+					</div>
+
+					<!-- zone switchers -->
+					<label class="pb-2">Переключатели зон</label>
+					<div class="d-flex btn-group mb-3">
+						<input
+							type="radio"
+							class="btn-check"
+							name="option-zone"
+							id="option_zone_warning"
+							autocomplete="off" />
+						<label class="btn btn-outline-primary" for="option_zone_warning">
+							ПРЕДУПРЕЖДЕНИЕ
+						</label>
+						<input
+							type="radio"
+							class="btn-check"
+							name="option-zone"
+							id="option_zone_alert"
+							autocomplete="off" />
+						<label class="btn btn-outline-primary" for="option_zone_alert">
+							ГОТОВНОСТЬ
+						</label>
+						<input
+							type="radio"
+							class="btn-check"
+							name="option-zone"
+							id="option_zone_danger"
+							autocomplete="off" />
+						<label class="btn btn-outline-primary" for="option_zone_danger">
+							ОПАСНОСТЬ
+						</label>
+						<button class="btn btn-warning" id="option_zone_reset"> СБРОС </button>
+					</div>
+
+					<!-- command sender -->
+					<label class="pb-2">Отправить команду</label>
+					<div class="input-group mb-3">
+						<span class="input-group-text">Команда</span>
+						<input id="input_command" type="text" class="form-control" />
+						<button id="btn_send_command" class="btn btn-primary">Отправить</button>
+					</div>
+				</div>
+
+				<!-- Settings -->
+				<div id="appWindowSettings" class="d-none flex-fill card shadow p-3">
+					settings
+				</div>
+
+				<!-- FirmwareUpdate -->
+				<div id="appWindowFirmwareUpdate" class="d-none flex-fill card shadow p-3">
+					FW update
+				</div>
+
+				<!-- Log -->
+				<div id="appWindowLog" class="d-none flex-fill card shadow p-3">
+					<div>
+						<textarea
+							id="connection_log_console"
+							class="form-control h-100 font-monospace bg-dark text-bg-dark"
+							rows="15"
+							placeholder="Лог подключения"
+							autocomplete="off"
+							readonly></textarea>
+						<div class="form-check form-switch mt-1">
+							<input
+								class="form-check-input"
+								type="checkbox"
+								role="switch"
+								id="sw_connection_log_autoscroll"
+								checked />
+							<label class="form-check-label" for="sw_connection_log_autoscroll">
+								Автоматическая прокрутка
+							</label>
+						</div>
+					</div>
+				</div>
+
+				<!-- About -->
+				<div id="appWindowAbout" class="d-none flex-fill card shadow p-3">
+					<div class="alert alert-info text-center">
+						Программа для настройки
+						<span class="fw-bold">модуля торможения</span>.
+					</div>
+					<div class="alert alert-warning text-center">
+						Разработано специально для
+						<span class="fw-bold">НК-Сервис</span>.
+					</div>
+					<div class="alert alert-dark text-center">2023 by Alexander Popov</div>
+				</div>
+			</main>
+		</div>
+	</body>
+</html>

gui/styles.css

@@ -0,0 +1,17 @@
+body {
+	font-family: 'Ubuntu';
+}
+
+.container {
+	max-width: 540px;
+}
+
+textarea {
+	/*	color: var(--bs-gray-400) !important;*/
+	font-family: 'Ubuntu Mono';
+	font-size: 0.8rem !important;
+}
+
+.link-pointer {
+	cursor: pointer;
+}

package.json

@@ -0,0 +1,14 @@
+{
+    "private": true,
+    "name": "...",
+    "version": "1.0.0",
+    "description": "...",
+    "author": "Alexander Popov <iiiypuk@fastmail.fm>",
+    "scripts": {
+        "prettier": "npx prettier --write gui",
+        "clean": "rm -rf ./dist/* &> /dev/null"
+    },
+    "devDependencies": {
+        "prettier": "3.0.1"
+    }
+}

src/device.c

@@ -0,0 +1,34 @@
+/*
+ * AUTHOR: Alexander Popov <iiiypuk {at} fastmail.fm>
+ * DESC: ...
+ */
+
+#include "device.h"
+
+json_t *get_serial_ports() {
+  struct sp_port **port_list;
+  enum sp_return result = sp_list_ports(&port_list);
+
+  json_t *ports_data = NULL;
+  json_t *ports_array = NULL;
+
+  ports_array = json_array();
+
+  if (result == SP_OK) {
+    /* Get the name of the port. */
+    int i;
+    for (i = 0; port_list[i] != NULL; i++) {
+      struct sp_port *port = port_list[i];
+      char *port_name = sp_get_port_name(port);
+
+      json_array_append(ports_array, json_string(port_name));
+    }
+
+    sp_free_port_list(port_list);
+  }
+
+  ports_data = json_object();
+  json_object_set_new(ports_data, "ports", ports_array);
+
+  return ports_data;
+}

src/device.h

@@ -0,0 +1,14 @@
+/*
+ * AUTHOR: Alexander Popov <iiiypuk {at} fastmail.fm>
+ * DESC: ...
+ */
+
+#ifndef DEVICE_H_
+#define DEVICE_H_
+
+#include <libserialport.h>
+#include <jansson.h>
+
+json_t *get_serial_ports();
+
+#endif

src/main.c

@@ -0,0 +1,30 @@
+#include <stdio.h>
+#include <string.h>
+
+#include "webui.h"
+#include "html.h"
+#include "ui.h"
+#include "device.h"
+
+struct sp_port *serial_port;
+
+int main(int argc, char const *argv[]) {
+    int app_window = webui_new_window();
+
+    html_document[html_document_len] = '\0';
+
+    if (argc > 1 && strcmp(argv[1], "icanthink") == 0) {
+    }
+    else {
+        webui_set_kiosk(app_window, true);
+    }
+
+    webui_bind(app_window, "close_app", close_app);
+    webui_bind(app_window, "webui_refresh_ports", refresh_devices);
+    webui_bind(app_window, "webui_connect_device", connect_device);
+
+    webui_show(app_window, html_document);
+    webui_wait();
+
+    return 0;
+}

src/ui.c

@@ -0,0 +1,24 @@
+/*
+ * AUTHOR: Alexander Popov <iiiypuk {at} fastmail.fm>
+ * DESC: ...
+ */
+
+#include "ui.h"
+
+void close_app(webui_event_t* e) {
+    printf("Bye!\n");
+    // webui_destroy();
+    webui_exit();
+}
+
+void refresh_devices(webui_event_t* e) {
+    printf("ololo\n");
+
+    webui_return_string(e, json_dumps(get_serial_ports(), 0));
+}
+
+void connect_device(webui_event_t* e) {
+    const char* str = webui_get_string(e);
+
+    webui_return_bool(e, true);
+}

src/ui.h

@@ -0,0 +1,20 @@
+/*
+ * AUTHOR: Alexander Popov <iiiypuk {at} fastmail.fm>
+ * DESC: ...
+ */
+
+#ifndef UI_H_
+#define UI_H_
+
+#include <stdio.h>
+#include <libserialport.h>
+#include <jansson.h>
+#include "webui.h"
+
+#include "device.h"
+
+void close_app(webui_event_t* e);
+void connect_device(webui_event_t* e);
+void refresh_devices(webui_event_t* e);
+
+#endif