mirakurun 3.9.0-beta.21 → 3.9.0-beta.22

package/CHANGELOG.md

@@ -53,6 +53,8 @@ Performance improvements, fixes for memory leaks and bugs related to EPG process
 - Update base image to `node:16.12.0-buster-slim`.
 - Fixed the exit signal handling properly.
 - When a `SIGHUP` is received in a container, only the node process can be restarted quickly.
+- default `docker-compose.yml` volumes has been changed:
+  - `/usr/local/mirakurun/*` → `/opt/mirakurun/*`
 
 ### Other Changes
 

package/doc/Platforms.md

@@ -39,6 +39,10 @@ curl -sSL https://get.docker.com/ | CHANNEL=stable sh
 ### Install / Uninstall / Update
 
 ```sh
+# Create: /opt/mirakurun/
+sudo mv -vf /usr/local/mirakurun /opt/mirakurun
+sudo mkdir -p /opt/mirakurun/run /opt/mirakurun/opt /opt/mirakurun/config /opt/mirakurun/data
+
 # Install
 mkdir ~/mirakurun/
 cd ~/mirakurun/
@@ -80,9 +84,9 @@ docker-compose logs [-f]
 ### Config
 
 ```
-vim /usr/local/mirakurun/config/server.yml
-vim /usr/local/mirakurun/config/tuners.yml
-vim /usr/local/mirakurun/config/channels.yml
+vim /opt/mirakurun/config/server.yml
+vim /opt/mirakurun/config/tuners.yml
+vim /opt/mirakurun/config/channels.yml
 ```
 
 see: [Configuration.md](Configuration.md)
@@ -92,8 +96,8 @@ see: [Configuration.md](Configuration.md)
 ```sh
 $ which recpt1
 /usr/local/bin/recpt1
-$ cp /usr/local/bin/recpt1 /usr/local/mirakurun/opt/bin/
-$ vim /usr/local/mirakurun/config/tuners.yml
+$ cp /usr/local/bin/recpt1 /opt/mirakurun/opt/bin/
+$ vim /opt/mirakurun/config/tuners.yml
 ```
 
 ### 💡 Locations (Container)
@@ -111,15 +115,15 @@ $ vim /usr/local/mirakurun/config/tuners.yml
 
 ### 💡 Locations (Host)
 
-* Socket: `/usr/local/mirakurun/run/mirakurun.sock`
-* Config: `/usr/local/mirakurun/config/`
+* Socket: `/opt/mirakurun/run/mirakurun.sock`
+* Config: `/opt/mirakurun/config/`
   * `server.yml`
   * `tuners.yml`
   * `channels.yml`
-* Data: `/usr/local/mirakurun/data/`
+* Data: `/opt/mirakurun/data/`
   * `services.json`
   * `programs.json`
-* Opt: `/usr/local/mirakurun/opt/`
+* Opt: `/opt/mirakurun/opt/`
   * `bin/`
 
 ## Linux

package/docker/docker-compose.yml

@@ -23,10 +23,24 @@ services:
       - /dev/bus:/dev/bus
       - /dev/dvb:/dev/dvb
     volumes:
-      - /usr/local/mirakurun/run/:/var/run/
-      - /usr/local/mirakurun/opt/:/opt/
-      - /usr/local/mirakurun/config/:/app-config/
-      - /usr/local/mirakurun/data/:/app-data/
+      # ** CAUTION **
+      # (default) `/usr/local/mirakurun/*` has been moved to `/opt/mirakurun/*`
+      # try:
+      #   sudo mv -vf /usr/local/mirakurun /opt/mirakurun
+      #   sudo mkdir -p /opt/mirakurun/run /opt/mirakurun/opt /opt/mirakurun/config /opt/mirakurun/data
+      # you can change to any location if required.
+      - type: bind
+        source: /opt/mirakurun/run/
+        target: /var/run/
+      - type: bind
+        source: /opt/mirakurun/opt/
+        target: /opt/
+      - type: bind
+        source: /opt/mirakurun/config/
+        target: /app-config/
+      - type: bind
+        source: /opt/mirakurun/data/
+        target: /app-data/
     restart: always
     logging:
       driver: json-file

package/lib/ui/index.js

@@ -4080,7 +4080,7 @@ var Configurator = function (_a) {
     var items = [];
     editing === null || editing === void 0 ? void 0 : editing.forEach(function (ch, i) {
         var item = {
-            key: "item" + i,
+            key: "item".concat(i),
             enable: (react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.Toggle, { checked: !ch.isDisabled, onChange: function (ev, checked) {
                     ch.isDisabled = !checked;
                     setEditing(__spreadArray([], editing, true));
@@ -4090,7 +4090,7 @@ var Configurator = function (_a) {
                     setEditing(__spreadArray([], editing, true));
                 }, onBlur: function () {
                     if (ch.name === "") {
-                        ch.name = "ch" + i;
+                        ch.name = "ch".concat(i);
                         setEditing(__spreadArray([], editing, true));
                     }
                 } })),
@@ -4114,7 +4114,7 @@ var Configurator = function (_a) {
                 } })),
             options: (react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.Stack, { tokens: { childrenGap: "8 0" } },
                 react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.Stack, { horizontal: true, tokens: { childrenGap: "0 8" } },
-                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.TextField, { style: { width: 55 }, label: "Service ID:", value: "" + (ch.serviceId || ""), onChange: function (ev, newValue) {
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.TextField, { style: { width: 55 }, label: "Service ID:", value: "".concat(ch.serviceId || ""), onChange: function (ev, newValue) {
                             if (newValue === "") {
                                 delete ch.serviceId;
                             }
@@ -4135,7 +4135,7 @@ var Configurator = function (_a) {
                             }
                             setEditing(__spreadArray([], editing, true));
                         } }),
-                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.TextField, { style: { width: 40 }, label: "Space:", placeholder: "0", value: "" + (ch.space || ""), onChange: function (ev, newValue) {
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.TextField, { style: { width: 40 }, label: "Space:", placeholder: "0", value: "".concat(ch.space || ""), onChange: function (ev, newValue) {
                             if (newValue === "") {
                                 delete ch.space;
                             }
@@ -4147,7 +4147,7 @@ var Configurator = function (_a) {
                             }
                             setEditing(__spreadArray([], editing, true));
                         } }),
-                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.TextField, { style: { width: 60 }, label: "Freq:", value: "" + (ch.freq || ""), onChange: function (ev, newValue) {
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.TextField, { style: { width: 60 }, label: "Freq:", value: "".concat(ch.freq || ""), onChange: function (ev, newValue) {
                             if (newValue === "") {
                                 delete ch.freq;
                             }
@@ -4170,7 +4170,7 @@ var Configurator = function (_a) {
                             }
                             setEditing(__spreadArray([], editing, true));
                         } }),
-                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.TextField, { style: { width: 40 }, label: "TsmfRelTs:", value: "" + (ch.tsmfRelTs || ""), onChange: function (ev, newValue) {
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.TextField, { style: { width: 40 }, label: "TsmfRelTs:", value: "".concat(ch.tsmfRelTs || ""), onChange: function (ev, newValue) {
                             if (newValue === "") {
                                 delete ch.tsmfRelTs;
                             }
@@ -4215,7 +4215,7 @@ var Configurator = function (_a) {
                     react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.ActionButton, { text: "Add Channel", iconProps: { iconName: "Add" }, onClick: function () {
                             var i = editing.length;
                             editing.push({
-                                name: "ch" + i,
+                                name: "ch".concat(i),
                                 type: "GR",
                                 channel: "0",
                                 isDisabled: true
@@ -4371,7 +4371,7 @@ var ConnectionGuide = function () {
             theme.fonts.xLarge,
             {
                 flex: "1 1 auto",
-                borderTop: "4px solid " + theme.palette.themePrimary,
+                borderTop: "4px solid ".concat(theme.palette.themePrimary),
                 color: theme.palette.themePrimary,
                 display: "flex",
                 alignItems: "center",
@@ -4415,17 +4415,17 @@ var ConnectionGuide = function () {
                 react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.IconButton, { styles: iconButtonStyles, iconProps: { iconName: "Cancel" }, ariaLabel: "Close", onClick: function () { return setModalOpen(false); } })),
             react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: contentStyles.body },
                 react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.Stack, __assign({}, stackProps),
-                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.TextField, { readOnly: true, label: "Mirakurun Path", value: location.protocol + "//" + location.host + "/", onMouseOver: selectHandler, onClick: selectHandler }),
-                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.TextField, { readOnly: true, label: "Open API 2.0 / Swagger 2.0 Compliant Definition", value: location.protocol + "//" + location.host + "/api/docs", onMouseOver: selectHandler, onClick: selectHandler }),
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.TextField, { readOnly: true, label: "Mirakurun Path", value: "".concat(location.protocol, "//").concat(location.host, "/"), onMouseOver: selectHandler, onClick: selectHandler }),
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.TextField, { readOnly: true, label: "Open API 2.0 / Swagger 2.0 Compliant Definition", value: "".concat(location.protocol, "//").concat(location.host, "/api/docs"), onMouseOver: selectHandler, onClick: selectHandler }),
                     react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.Separator, null, "IPTV"),
-                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.TextField, { readOnly: true, label: "M3U Playlist", value: location.protocol + "//" + location.host + "/api/iptv/playlist", onMouseOver: selectHandler, onClick: selectHandler }),
-                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.TextField, { readOnly: true, label: "XMLTV", value: location.protocol + "//" + location.host + "/api/iptv/xmltv", onMouseOver: selectHandler, onClick: selectHandler }),
-                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.TextField, { readOnly: true, label: "HDHomeRun Device Address", value: location.protocol + "//" + location.host + "/api/iptv", onMouseOver: selectHandler, onClick: selectHandler, onRenderLabel: function (props) { return (react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.Stack, { horizontal: true, verticalAlign: "end" },
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.TextField, { readOnly: true, label: "M3U Playlist", value: "".concat(location.protocol, "//").concat(location.host, "/api/iptv/playlist"), onMouseOver: selectHandler, onClick: selectHandler }),
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.TextField, { readOnly: true, label: "XMLTV", value: "".concat(location.protocol, "//").concat(location.host, "/api/iptv/xmltv"), onMouseOver: selectHandler, onClick: selectHandler }),
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.TextField, { readOnly: true, label: "HDHomeRun Device Address", value: "".concat(location.protocol, "//").concat(location.host, "/api/iptv"), onMouseOver: selectHandler, onClick: selectHandler, onRenderLabel: function (props) { return (react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.Stack, { horizontal: true, verticalAlign: "end" },
                             react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.Label, null, props.label),
                             react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.TooltipHost, { content: "Tested on Plex Media Server" },
                                 react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.Icon, { iconName: "Info", style: { marginLeft: 4, marginBottom: 6 } })))); } }),
                     react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.Separator, null, "Misc"),
-                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.TextField, { readOnly: true, label: "BonDriver_Mirakurun.ini", multiline: true, rows: 3, value: "[GLOBAL]\nSERVER_HOST=\"" + location.hostname + "\"\nSERVER_PORT=\"" + location.port + "\"", onMouseOver: selectHandler, onClick: selectHandler })))),
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.TextField, { readOnly: true, label: "BonDriver_Mirakurun.ini", multiline: true, rows: 3, value: "[GLOBAL]\nSERVER_HOST=\"".concat(location.hostname, "\"\nSERVER_PORT=\"").concat(location.port, "\""), onMouseOver: selectHandler, onClick: selectHandler })))),
         react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.ActionButton, { iconProps: { iconName: "Info" }, text: "Connection Guide", onClick: function () { return setModalOpen(true); } })));
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ConnectionGuide);
@@ -4505,7 +4505,7 @@ var EventsView = function (_a) {
         var newList = [];
         for (var _i = 0, events_1 = events; _i < events_1.length; _i++) {
             var event_1 = events_1[_i];
-            newList.push(react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { key: "events-list-item" + _itemId, className: "type-" + event_1.type }, event_1.resource + " (" + event_1.type + ") " + JSON.stringify(event_1.data)));
+            newList.push(react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { key: "events-list-item".concat(_itemId), className: "type-".concat(event_1.type) }, "".concat(event_1.resource, " (").concat(event_1.type, ") ").concat(JSON.stringify(event_1.data))));
             ++_itemId;
         }
         if (unshift === true) {
@@ -4717,7 +4717,7 @@ var LogsView = function (_a) {
             var line = lines_1[_i];
             var parsed = line.match(/^[0-9.T:+-]+ ([a-z]+): /);
             var level = parsed ? parsed[1] : "other";
-            newList.push(react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { key: "logs-list-item" + _itemId, className: "level-" + level }, line));
+            newList.push(react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { key: "logs-list-item".concat(_itemId), className: "level-".concat(level) }, line));
             ++_itemId;
         }
         if (unshift === true) {
@@ -4998,7 +4998,7 @@ var Configurator = function (_a) {
                         setEditing(__assign(__assign({}, editing), { disableIPv6: checked === false }));
                     } }),
                 react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.Separator, { alignContent: "start" }, "Advanced"),
-                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.TextField, { styles: { fieldGroup: { "max-width": 200 } }, label: "EPG Gathering Interval", suffix: "ms", placeholder: "3600000", value: "" + (editing.epgGatheringInterval || ""), onChange: function (ev, newValue) {
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.TextField, { styles: { fieldGroup: { "max-width": 200 } }, label: "EPG Gathering Interval", suffix: "ms", placeholder: "3600000", value: "".concat(editing.epgGatheringInterval || ""), onChange: function (ev, newValue) {
                         if (newValue === "") {
                             delete editing.epgGatheringInterval;
                         }
@@ -5140,20 +5140,20 @@ var StatusView = function (_a) {
     var statusItem = [];
     if (status) {
         var dockerStat = ((_c = (_b = status.process) === null || _b === void 0 ? void 0 : _b.env) === null || _c === void 0 ? void 0 : _c.DOCKER) === "YES" ? "🐋" : "";
-        statusItem.push({ label: "Platform", text: ((_d = status.process) === null || _d === void 0 ? void 0 : _d.platform) + " (" + ((_e = status.process) === null || _e === void 0 ? void 0 : _e.arch) + ") " + dockerStat });
+        statusItem.push({ label: "Platform", text: "".concat((_d = status.process) === null || _d === void 0 ? void 0 : _d.platform, " (").concat((_e = status.process) === null || _e === void 0 ? void 0 : _e.arch, ") ").concat(dockerStat) });
         statusItem.push({ label: "Node.js Version", text: (_g = (_f = status.process) === null || _f === void 0 ? void 0 : _f.versions) === null || _g === void 0 ? void 0 : _g.node });
-        statusItem.push({ label: "Memory (RSS)", text: Math.round(((_j = (_h = status.process) === null || _h === void 0 ? void 0 : _h.memoryUsage) === null || _j === void 0 ? void 0 : _j.rss) / 1024 / 1024) + " MB" });
-        statusItem.push({ label: "EPG Gathering Network IDs", text: status.epg.gatheringNetworks.map(function (id) { return "0x" + id.toString(16).toUpperCase(); }).join(", ") });
-        statusItem.push({ label: "EPG Stored Events", text: status.epg.storedEvents + " Events" });
-        statusItem.push({ label: "TunerDevice Streams", text: "" + status.streamCount.tunerDevice });
-        statusItem.push({ label: "TSFilter Streams", text: "" + status.streamCount.tsFilter });
-        statusItem.push({ label: "Decoder Streams", text: "" + status.streamCount.decoder });
-        statusItem.push({ label: "RPC Connections", text: "" + status.rpcCount });
+        statusItem.push({ label: "Memory (RSS)", text: "".concat(Math.round(((_j = (_h = status.process) === null || _h === void 0 ? void 0 : _h.memoryUsage) === null || _j === void 0 ? void 0 : _j.rss) / 1024 / 1024), " MB") });
+        statusItem.push({ label: "EPG Gathering Network IDs", text: status.epg.gatheringNetworks.map(function (id) { return "0x".concat(id.toString(16).toUpperCase()); }).join(", ") });
+        statusItem.push({ label: "EPG Stored Events", text: "".concat(status.epg.storedEvents, " Events") });
+        statusItem.push({ label: "TunerDevice Streams", text: "".concat(status.streamCount.tunerDevice) });
+        statusItem.push({ label: "TSFilter Streams", text: "".concat(status.streamCount.tsFilter) });
+        statusItem.push({ label: "Decoder Streams", text: "".concat(status.streamCount.decoder) });
+        statusItem.push({ label: "RPC Connections", text: "".concat(status.rpcCount) });
     }
     var statusList = [];
     for (var i = 0; i < statusItem.length; i++) {
         var item = statusItem[i];
-        statusList.push(react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { key: "status-list-item" + i, className: "ms-Grid-col ms-sm12 ms-xl6 ms-xxl4 ms-xxxl3" },
+        statusList.push(react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { key: "status-list-item".concat(i), className: "ms-Grid-col ms-sm12 ms-xl6 ms-xxl4 ms-xxxl3" },
             react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "ms-Grid", style: { margin: 4 } },
                 react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "ms-Grid-row" },
                     react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "ms-Grid-col ms-sm6" },
@@ -5167,19 +5167,19 @@ var StatusView = function (_a) {
         if (service.type !== 1) {
             continue;
         }
-        var tooltipId = "service-list-item#" + i + "-tooltip";
-        serviceList.push(react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { key: "service-list-item" + i, className: "ms-Grid-col ms-sm6 ms-xl3 ms-xxl2" },
-            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.TooltipHost, { id: tooltipId, calloutProps: calloutProps, styles: tooltipHostStyles, tooltipProps: tooltipProps, content: ("#" + service.id + "\n" +
-                    ("SID: 0x" + service.serviceId.toString(16).toUpperCase() + " (" + service.serviceId + ")\n") +
-                    ("NID: 0x" + service.networkId.toString(16).toUpperCase() + " (" + service.networkId + ")\n") +
-                    ("Channel: " + service.channel.type + " / " + service.channel.channel)) },
+        var tooltipId = "service-list-item#".concat(i, "-tooltip");
+        serviceList.push(react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { key: "service-list-item".concat(i), className: "ms-Grid-col ms-sm6 ms-xl3 ms-xxl2" },
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.TooltipHost, { id: tooltipId, calloutProps: calloutProps, styles: tooltipHostStyles, tooltipProps: tooltipProps, content: ("#".concat(service.id, "\n") +
+                    "SID: 0x".concat(service.serviceId.toString(16).toUpperCase(), " (").concat(service.serviceId, ")\n") +
+                    "NID: 0x".concat(service.networkId.toString(16).toUpperCase(), " (").concat(service.networkId, ")\n") +
+                    "Channel: ".concat(service.channel.type, " / ").concat(service.channel.channel)) },
                 react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "ms-Grid", "area-describeby": tooltipId, style: { margin: 4 } },
                     react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "ms-Grid-row", style: {
                             padding: 1,
                             height: 24,
                             backgroundSize: "contain",
                             backgroundRepeat: "no-repeat",
-                            backgroundImage: service.hasLogoData && "url(/api/services/" + service.id + "/logo)"
+                            backgroundImage: service.hasLogoData && "url(/api/services/".concat(service.id, "/logo)")
                         } },
                         react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "ms-Grid-col ms-sm12", style: { paddingLeft: 50 } },
                             react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", { className: "ms-fontWeight-semibold ms-fontSize-12" }, service.name),
@@ -5351,7 +5351,7 @@ var Configurator = function (_a) {
     var items = [];
     editing === null || editing === void 0 ? void 0 : editing.forEach(function (tuner, i) {
         var item = {
-            key: "item" + i,
+            key: "item".concat(i),
             enable: (react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.Toggle, { checked: !tuner.isDisabled, onChange: function (ev, checked) {
                     tuner.isDisabled = !checked;
                     setEditing(__spreadArray([], editing, true));
@@ -5405,7 +5405,7 @@ var Configurator = function (_a) {
                             }
                             setEditing(__spreadArray([], editing, true));
                         } }),
-                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.TextField, { style: { width: 55 }, label: "Port:", placeholder: "40772", value: "" + (tuner.remoteMirakurunPort || ""), onChange: function (ev, newValue) {
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.TextField, { style: { width: 55 }, label: "Port:", placeholder: "40772", value: "".concat(tuner.remoteMirakurunPort || ""), onChange: function (ev, newValue) {
                             if (newValue === "") {
                                 delete tuner.remoteMirakurunPort;
                             }
@@ -5470,10 +5470,10 @@ var Configurator = function (_a) {
                     react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.ActionButton, { text: "Add Tuner", iconProps: { iconName: "Add" }, onClick: function () {
                             var i = editing.length;
                             editing.push({
-                                name: "adapter" + i,
+                                name: "adapter".concat(i),
                                 types: [],
-                                command: "dvbv5-zap -a " + i + " -c ./config/dvbconf-for-isdb/conf/dvbv5_channels_isdbs.conf -r -P <channel>",
-                                dvbDevicePath: "/dev/dvb/adapter" + i + "/dvr0",
+                                command: "dvbv5-zap -a ".concat(i, " -c ./config/dvbconf-for-isdb/conf/dvbv5_channels_isdbs.conf -r -P <channel>"),
+                                dvbDevicePath: "/dev/dvb/adapter".concat(i, "/dvr0"),
                                 decoder: "arib-b25-stream-test",
                                 isDisabled: true
                             });
@@ -5613,14 +5613,14 @@ var TunersManager = function (_a) {
     var items = [];
     var _loop_1 = function (tuner) {
         var item = {
-            _group: "#" + tuner.index + ": " + tuner.name + " (" + tuner.types.join(", ") + ")",
+            _group: "#".concat(tuner.index, ": ").concat(tuner.name, " (").concat(tuner.types.join(", "), ")"),
             _kind: "device",
-            key: "row-device-" + tuner.index,
+            key: "row-device-".concat(tuner.index),
             name: tuner.name,
             command: (react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null,
                 react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.Icon, { title: "Command", iconName: "ServerProcesses" }),
                 react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.Text, { style: { lineHeight: "30px", marginLeft: 8 } }, tuner.command || "-"),
-                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.Text, { style: { lineHeight: "30px", marginLeft: 8 }, className: _fluentui_react__WEBPACK_IMPORTED_MODULE_1__.ColorClassNames.neutralTertiaryAlt }, tuner.pid ? "(pid=" + tuner.pid + ")" : "")))
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.Text, { style: { lineHeight: "30px", marginLeft: 8 }, className: _fluentui_react__WEBPACK_IMPORTED_MODULE_1__.ColorClassNames.neutralTertiaryAlt }, tuner.pid ? "(pid=".concat(tuner.pid, ")") : "")))
         };
         if (tuner.command) {
             item.controls = (react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.IconButton, { title: "Controls", iconProps: { iconName: "More" }, menuProps: { items: [{
@@ -5636,7 +5636,7 @@ var TunersManager = function (_a) {
             items.push({
                 _group: item._group,
                 _kind: "user",
-                key: item.key + "-user-" + user.id,
+                key: "".concat(item.key, "-user-").concat(user.id),
                 name: user.id,
                 user: (react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null,
                     react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fluentui_react__WEBPACK_IMPORTED_MODULE_1__.Icon, { title: "User", iconName: /Mirakurun/.test(user.id) ? "Processing" : "PlugConnected" }),
@@ -5681,7 +5681,7 @@ var TunersManager = function (_a) {
                         (function () { return __awaiter(void 0, void 0, void 0, function () {
                             return __generator(this, function (_a) {
                                 switch (_a.label) {
-                                    case 0: return [4, fetch("/api/tuners/" + killTarget + "/process", { method: "DELETE" })];
+                                    case 0: return [4, fetch("/api/tuners/".concat(killTarget, "/process"), { method: "DELETE" })];
                                     case 1:
                                         _a.sent();
                                         return [2];
@@ -6909,7 +6909,7 @@ function idleStatusChecker() {
     return true;
 }
 uiStateEvents.on("update:tuners", idleStatusChecker);
-var rpc = new jsonrpc2_ws__WEBPACK_IMPORTED_MODULE_4__.Client("ws://" + location.host + "/rpc", {
+var rpc = new jsonrpc2_ws__WEBPACK_IMPORTED_MODULE_4__.Client("ws://".concat(location.host, "/rpc"), {
     protocols: null
 });
 rpc.on("connecting", function () {
@@ -7057,7 +7057,7 @@ var Content = function () {
     var _a;
     var _b = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(uiState), state = _b[0], setState = _b[1];
     (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
-        var title = state.statusName + " - Mirakurun " + state.version;
+        var title = "".concat(state.statusName, " - Mirakurun ").concat(state.version);
         if (document.title !== title) {
             document.title = title;
         }