Loading...
" }, - "control-view": require("./control-view"), - "settings-view": require("./settings-view"), - "motor-view": require("./motor-view"), - "tool-view": require("./tool-view"), - "io-view": require("./io-view"), - "admin-general-view": require("./admin-general-view"), - "admin-network-view": require("./admin-network-view"), - "help-view": { template: "#help-view-template" }, - "cheat-sheet-view": { - template: "#cheat-sheet-view-template", - data: function () { + data: function () { return { - showUnimplemented: false + status: "connecting", + currentView: "loading", + display_units: localStorage.getItem("display_units") || "METRIC", + index: -1, + modified: false, + template: require("../resources/config-template.json"), + config: { + settings: { units: "METRIC" }, + motors: [{}, {}, {}, {}], + version: "Loading...
" }, + "control-view": require("./control-view"), + "settings-view": require("./settings-view"), + "motor-view": require("./motor-view"), + "tool-view": require("./tool-view"), + "io-view": require("./io-view"), + "admin-general-view": require("./admin-general-view"), + "admin-network-view": require("./admin-network-view"), + "help-view": { template: "#help-view-template" }, + "cheat-sheet-view": { + template: "#cheat-sheet-view-template", + data: function () { + return { + showUnimplemented: false + }; + }, + }, }, - connected: function () { - this.update(); + watch: { + display_units: function (value) { + localStorage.setItem("display_units", value); + SvelteComponents.setDisplayUnits(value); + }, }, - update: function () { - this.update(); - }, + events: { + "config-changed": function () { + this.modified = true; + }, - check: async function () { - try { - const response = await fetch("https://raw.githubusercontent.com/OneFinityCNC/onefinity-release/master/latest.txt", { - cache: "no-cache" - }); + send: function (msg) { + if (this.status == "connected") { + this.sock.send(msg); + } + }, - this.latestVersion = (await response.text()).trim(); - } catch (err) { - this.latestVersion = ""; - } - }, + connected: function () { + this.update(); + }, - upgrade: function () { - this.confirmUpgrade = true; - }, + update: function () { + this.update(); + }, - upload: function (firmware) { - this.firmware = firmware; - this.firmwareName = firmware.name; - this.confirmUpload = true; - }, + check: async function () { + try { + const response = await fetch("https://raw.githubusercontent.com/OneFinityCNC/onefinity-release/master/latest.txt", { + cache: "no-cache" + }); - error: function (msg) { - // Honor user error blocking - if (Date.now() - this.errorTimeoutStart < this.errorTimeout * 1000) - return; + this.latestVersion = (await response.text()).trim(); + } catch (err) { + this.latestVersion = ""; + } + }, - // Wait at least 1 sec to pop up repeated errors - if (1 < msg.repeat && Date.now() - msg.ts < 1000) { - return; - } + upgrade: function () { + this.confirmUpgrade = true; + }, - // Popup error dialog - this.errorShow = true; - this.errorMessage = msg.msg; - }, - }, + upload: function (firmware) { + this.firmware = firmware; + this.firmwareName = firmware.name; + this.confirmUpload = true; + }, - computed: { - popupMessages: function () { - const msgs = []; - - for (let i = 0; i < this.state.messages.length; i++) { - const text = this.state.messages[i].text; - if (!/^#/.test(text)) { - msgs.push(text); - } - } - - return msgs; - }, - }, - - ready: function () { - $(window).on("hashchange", this.parse_hash); - this.connect(); - - SvelteComponents.registerControllerMethods({ - dispatch: (...args) => this.$dispatch(...args) - }); - }, - - methods: { - block_error_dialog: function () { - this.errorTimeoutStart = Date.now(); - this.errorShow = false; - }, - - toggle_video: function (e) { - if (this.video_size == "small") this.video_size = "large"; - else if (this.video_size == "large") this.video_size = "small"; - cookie.set("video-size", this.video_size); - }, - - toggle_crosshair: function (e) { - e.preventDefault(); - this.crosshair = !this.crosshair; - cookie.set("crosshair", this.crosshair); - }, - - estop: function () { - if (this.state.xx == "ESTOPPED") api.put("clear"); - else api.put("estop"); - }, - - upgrade_confirmed: async function () { - this.confirmUpgrade = false; - - try { - await api.put("upgrade"); - this.firmwareUpgrading = true; - } catch (err) { - api.alert("Error during upgrade."); - console.error("Error during upgrade", err); - } - }, - - upload_confirmed: function () { - this.confirmUpload = false; - - const form = new FormData(); - form.append("firmware", this.firmware); - - $.ajax({ - url: "/api/firmware/update", - type: "PUT", - data: form, - cache: false, - contentType: false, - processData: false, - }) - .success( - function () { - this.firmwareUpgrading = true; - }.bind(this) - ) - .error( - function (err) { - api.alert("Firmware update failed"); - console.error("Firmware update failed", err); - }.bind(this) - ); - }, - - show_upgrade: function () { - if (!this.latestVersion) { - return false; - } - - return is_newer_version(this.config.version, this.latestVersion); - }, - - showShutdownDialog: function () { - SvelteComponents.showDialog("Shutdown"); - }, - - update: async function () { - const config = await api.get("config/load"); - - update_object(this.config, config, true); - this.parse_hash(); - - if (!this.checkedUpgrade) { - this.checkedUpgrade = true; - - var check = this.config.admin["auto-check-upgrade"]; - if (typeof check == "undefined" || check) this.$emit("check"); - } - - SvelteComponents.handleConfigUpdate(this.config); - }, - - connect: function () { - this.sock = new Sock(`//${location.host}/sockjs`); - - this.sock.onmessage = (e) => { - if (typeof e.data != "object") { - return; - } - - if ("log" in e.data) { - if (e.data.log.msg !== "Switch not found") { - this.$broadcast("log", e.data.log); - } - } - - // Check for session ID change on controller - if ("sid" in e.data) { - if (typeof this.sid == "undefined") { - this.sid = e.data.sid; - } else if (this.sid != e.data.sid) { - if ( - typeof this.hostname !== "undefined" && - location.hostname !== "localhost" - ) { - location.hostname = this.hostname; + error: function (msg) { + // Honor user error blocking + if (Date.now() - this.errorTimeoutStart < this.errorTimeout * 1000) { + return; } - location.reload(); - } - } + // Wait at least 1 sec to pop up repeated errors + if (1 < msg.repeat && Date.now() - msg.ts < 1000) { + return; + } - update_object(this.state, e.data, false); - - SvelteComponents.handleControllerStateUpdate(this.state); - - delete this.state.log; - - this.$broadcast("update"); - }; - - this.sock.onopen = () => { - this.status = "connected"; - this.$emit(this.status); - this.$broadcast(this.status); - }; - - this.sock.onclose = () => { - this.status = "disconnected"; - this.$emit(this.status); - this.$broadcast(this.status); - }; + // Popup error dialog + this.errorShow = true; + this.errorMessage = msg.msg; + }, }, - parse_hash: function () { - var hash = location.hash.substr(1); + computed: { + popupMessages: function () { + const msgs = []; - if (!hash.trim().length) { - location.hash = "control"; - return; - } + for (let i = 0; i < this.state.messages.length; i++) { + const text = this.state.messages[i].text; + if (!/^#/.test(text)) { + msgs.push(text); + } + } - var parts = hash.split(":"); - - if (parts.length == 2) this.index = parts[1]; - - this.currentView = parts[0]; + return msgs; + }, }, - save: async function () { - const selected_tool = this.config.tool["selected-tool"]; - const saveModbus = - selected_tool !== "pwm" && - selected_tool !== "laser" && - selected_tool !== "router"; - const settings = { - ["tool"]: { ...this.config.tool }, - ["pwm-spindle"]: { ...this.config["pwm-spindle"] }, - ["modbus-spindle"]: saveModbus - ? { ...this.config["modbus-spindle"] } - : undefined, - }; - delete settings.tool["tool-type"]; + ready: function () { + $(window).on("hashchange", this.parse_hash); + this.connect(); - this.config["selected-tool-settings"][selected_tool] = settings; - - try { - await api.put("config/save", this.config); - this.modified = false; - } catch (error) { - api.alert("Save failed", error); - } + SvelteComponents.registerControllerMethods({ + dispatch: (...args) => this.$dispatch(...args) + }); }, - close_messages: function (action) { - if (action == "stop") api.put("stop"); - if (action == "continue") api.put("unpause"); + methods: { + block_error_dialog: function () { + this.errorTimeoutStart = Date.now(); + this.errorShow = false; + }, - // Acknowledge messages - if (this.state.messages.length) { - var id = this.state.messages.slice(-1)[0].id; - api.put("message/" + id + "/ack"); - } + toggle_video: function () { + if (this.video_size == "small") { + this.video_size = "large"; + } else if (this.video_size == "large") { + this.video_size = "small"; + } + cookie.set("video-size", this.video_size); + }, + + toggle_crosshair: function (e) { + e.preventDefault(); + this.crosshair = !this.crosshair; + cookie.set("crosshair", this.crosshair); + }, + + estop: function () { + if (this.state.xx == "ESTOPPED") { + api.put("clear"); + } else { + api.put("estop"); + } + }, + + upgrade_confirmed: async function () { + this.confirmUpgrade = false; + + try { + await api.put("upgrade"); + this.firmwareUpgrading = true; + } catch (err) { + api.alert("Error during upgrade."); + console.error("Error during upgrade", err); + } + }, + + upload_confirmed: function () { + this.confirmUpload = false; + + const form = new FormData(); + form.append("firmware", this.firmware); + + $.ajax({ + url: "/api/firmware/update", + type: "PUT", + data: form, + cache: false, + contentType: false, + processData: false, + }) + .success( + function () { + this.firmwareUpgrading = true; + }.bind(this) + ) + .error( + function (err) { + api.alert("Firmware update failed"); + console.error("Firmware update failed", err); + }.bind(this) + ); + }, + + show_upgrade: function () { + if (!this.latestVersion) { + return false; + } + + return is_newer_version(this.config.version, this.latestVersion); + }, + + showShutdownDialog: function () { + SvelteComponents.showDialog("Shutdown"); + }, + + update: async function () { + const config = await api.get("config/load"); + + update_object(this.config, config, true); + this.parse_hash(); + + if (!this.checkedUpgrade) { + this.checkedUpgrade = true; + + const check = this.config.admin["auto-check-upgrade"]; + if (typeof check == "undefined" || check) { + this.$emit("check"); + } + } + + SvelteComponents.handleConfigUpdate(this.config); + }, + + connect: function () { + this.sock = new Sock(`//${location.host}/sockjs`); + + this.sock.onmessage = (e) => { + if (typeof e.data != "object") { + return; + } + + if ("log" in e.data) { + if (e.data.log.msg !== "Switch not found") { + this.$broadcast("log", e.data.log); + } + } + + // Check for session ID change on controller + if ("sid" in e.data) { + if (typeof this.sid == "undefined") { + this.sid = e.data.sid; + } else if (this.sid != e.data.sid) { + if (this.hostname && location.hostname !== "localhost") { + location.hostname = this.hostname; + } + + location.reload(); + } + } + + update_object(this.state, e.data, false); + + SvelteComponents.handleControllerStateUpdate(this.state); + + delete this.state.log; + + this.$broadcast("update"); + }; + + this.sock.onopen = () => { + this.status = "connected"; + this.$emit(this.status); + this.$broadcast(this.status); + }; + + this.sock.onclose = () => { + this.status = "disconnected"; + this.$emit(this.status); + this.$broadcast(this.status); + }; + }, + + parse_hash: function () { + const hash = location.hash.substr(1); + + if (!hash.trim().length) { + location.hash = "control"; + return; + } + + const parts = hash.split(":"); + + if (parts.length == 2) { + this.index = parts[1]; + } + + this.currentView = parts[0]; + }, + + save: async function () { + const selected_tool = this.config.tool["selected-tool"]; + const saveModbus = + selected_tool !== "pwm" && + selected_tool !== "laser" && + selected_tool !== "router"; + const settings = { + ["tool"]: { ...this.config.tool }, + ["pwm-spindle"]: { ...this.config["pwm-spindle"] }, + ["modbus-spindle"]: saveModbus + ? { ...this.config["modbus-spindle"] } + : undefined, + }; + delete settings.tool["tool-type"]; + + this.config["selected-tool-settings"][selected_tool] = settings; + + try { + await api.put("config/save", this.config); + this.modified = false; + } catch (error) { + api.alert("Save failed", error); + } + }, + + close_messages: function (action) { + if (action == "stop") { + api.put("stop"); + } + + if (action == "continue") { + api.put("unpause"); + } + + // Acknowledge messages + if (this.state.messages.length) { + const id = this.state.messages.slice(-1)[0].id; + api.put("message/" + id + "/ack"); + } + }, }, - }, }); diff --git a/src/js/axis-control.js b/src/js/axis-control.js index c6fa5c3..34a60b0 100644 --- a/src/js/axis-control.js +++ b/src/js/axis-control.js @@ -1,65 +1,37 @@ -/******************************************************************************\ - - This file is part of the Buildbotics firmware. - - Copyright (c) 2015 - 2018, Buildbotics LLC - All rights reserved. - - This file ("the software") is free software: you can redistribute it - and/or modify it under the terms of the GNU General Public License, - version 2 as published by the Free Software Foundation. You should - have received a copy of the GNU General Public License, version 2 - along with the software. If not, see
-
Network Info
+Network Info
-
-
-
-
-
+
+
+
diff --git a/src/svelte-components/src/dialogs/ShutdownDialog.svelte b/src/svelte-components/src/dialogs/ShutdownDialog.svelte
index bf98e86..ca8528f 100644
--- a/src/svelte-components/src/dialogs/ShutdownDialog.svelte
+++ b/src/svelte-components/src/dialogs/ShutdownDialog.svelte
@@ -1,7 +1,7 @@
diff --git a/src/svelte-components/src/dialogs/WifiConnectionDialog.svelte b/src/svelte-components/src/dialogs/WifiConnectionDialog.svelte
index 67eee55..0c5d1a3 100644
--- a/src/svelte-components/src/dialogs/WifiConnectionDialog.svelte
+++ b/src/svelte-components/src/dialogs/WifiConnectionDialog.svelte
@@ -1,103 +1,115 @@
- Rebooting to apply Wifi changes...
+ Rebooting to apply Wifi changes...
diff --git a/src/svelte-components/src/lib/NetworkInfo.ts b/src/svelte-components/src/lib/NetworkInfo.ts
index 3f8b122..6cf67e0 100644
--- a/src/svelte-components/src/lib/NetworkInfo.ts
+++ b/src/svelte-components/src/lib/NetworkInfo.ts
@@ -31,15 +31,15 @@ const empty: NetworkInfo = {
ssid: "",
networks: []
}
-}
+};
export const networkInfo = writable(empty);
export function processNetworkInfo(rawNetworkInfo: NetworkInfo) {
const now = Date.now();
- const networksByName: Record = {}
+ const networksByName: Record = {};
- for (let network of rawNetworkInfo.wifi.networks) {
+ for (const network of rawNetworkInfo.wifi.networks) {
if (network.Name) {
network.lastSeen = now;
network.active = rawNetworkInfo.wifi.ssid === network.Name;
@@ -53,7 +53,7 @@ export function processNetworkInfo(rawNetworkInfo: NetworkInfo) {
}
}
- for (let network of Object.values(networksByName)) {
+ for (const network of Object.values(networksByName)) {
if (network.lastSeen - now > 30000) {
delete networksByName[network.Name];
}
diff --git a/src/svelte-components/src/lib/RegexHelpers.ts b/src/svelte-components/src/lib/RegexHelpers.ts
index 0cd22b2..08025f1 100644
--- a/src/svelte-components/src/lib/RegexHelpers.ts
+++ b/src/svelte-components/src/lib/RegexHelpers.ts
@@ -1,9 +1,3 @@
-type NumberWithUnit = {
- value: number,
- metric: boolean,
- toMetric: () => number;
-}
-
function numberWithUnitToMetric() {
return this.metric ? this.value : this.value * 25.4;
}
@@ -38,12 +32,13 @@ function formatFraction(value: number) {
export const numberWithUnit = {
regex: /^\s*(?:(\d+)\s*\/\s*(\d+)|(\d*\.\d+)|(\d+(?:\.\d+)?))\s*("|in|inch|inches|mm|millimeters)\s*$/,
parse: function (str: string) {
+ // eslint-disable-next-line prefer-const
let [, numerator, denominator, decimal1, decimal2, unit]: any = str?.match(numberWithUnit.regex) ?? [];
- numerator = Number.parseFloat(numerator)
- denominator = Number.parseFloat(denominator)
- decimal1 = Number.parseFloat(decimal1)
- decimal2 = Number.parseFloat(decimal2)
+ numerator = Number.parseFloat(numerator);
+ denominator = Number.parseFloat(denominator);
+ decimal1 = Number.parseFloat(decimal1);
+ decimal2 = Number.parseFloat(decimal2);
const metric = (unit ?? "").includes("m");
@@ -81,10 +76,10 @@ export const numberWithUnit = {
return "";
case value.metric:
- return `${value.value} mm`
+ return `${value.value} mm`;
default:
- return `${formatFraction(value.value)} in`
+ return `${formatFraction(value.value)} in`;
}
}
-}
+};
diff --git a/src/svelte-components/src/lib/api.ts b/src/svelte-components/src/lib/api.ts
index c24ed01..56f1d58 100644
--- a/src/svelte-components/src/lib/api.ts
+++ b/src/svelte-components/src/lib/api.ts
@@ -6,36 +6,36 @@ async function doFetch(method: HttpMethod, url: string, data: any, config: Reque
...config,
method,
cache: "no-cache",
- body: (typeof data === 'object')
+ body: (typeof data === "object")
? JSON.stringify(data)
: undefined,
- headers: (typeof data === 'object')
+ headers: (typeof data === "object")
? {
- "Content-Type": 'application/json; charset=utf-8'
+ "Content-Type": "application/json; charset=utf-8"
}
: {}
});
return await response.json();
} catch (error) {
- console.debug('API Error: ' + url + ': ' + error);
+ console.debug(`API Error: ${url}: ${error}`);
throw error;
}
}
export async function GET(url: string, config: RequestInit = {}) {
- return doFetch('GET', url, undefined, config);
+ return doFetch("GET", url, undefined, config);
}
export async function PUT(url: string, data: any = undefined, config: RequestInit = {}) {
- return doFetch('PUT', url, data, config);
+ return doFetch("PUT", url, data, config);
}
export async function POST(url: string, data: any = undefined, config: RequestInit = {}) {
- return doFetch('POST', url, data, config);
+ return doFetch("POST", url, data, config);
}
export async function DELETE(url: string, config = {}) {
- return doFetch('DELETE', url, undefined, config);
+ return doFetch("DELETE", url, undefined, config);
}
diff --git a/src/svelte-components/src/main.ts b/src/svelte-components/src/main.ts
index 4d428ff..adf162e 100644
--- a/src/svelte-components/src/main.ts
+++ b/src/svelte-components/src/main.ts
@@ -1,35 +1,35 @@
-import 'polyfill-object.fromentries';
+import "polyfill-object.fromentries";
import matchAll from "string.prototype.matchall";
matchAll.shim();
-import AdminNetworkView from '$components/AdminNetworkView.svelte';
-import SettingsView from '$components/SettingsView.svelte';
+import AdminNetworkView from "$components/AdminNetworkView.svelte";
+import SettingsView from "$components/SettingsView.svelte";
import DialogHost, { showDialog } from "$dialogs/DialogHost.svelte";
-import { handleConfigUpdate, setDisplayUnits } from '$lib/ConfigStore';
+import { handleConfigUpdate, setDisplayUnits } from "$lib/ConfigStore";
import { handleControllerStateUpdate } from "$lib/ControllerState";
import { registerControllerMethods } from "$lib/RegisterControllerMethods";
export function createComponent(component: string, target: HTMLElement, props: Record) {
- switch (component) {
- case "AdminNetworkView":
- return new AdminNetworkView({ target, props });
+ switch (component) {
+ case "AdminNetworkView":
+ return new AdminNetworkView({ target, props });
- case "SettingsView":
- return new SettingsView({ target, props });
+ case "SettingsView":
+ return new SettingsView({ target, props });
- case "DialogHost":
- return new DialogHost({ target, props });
+ case "DialogHost":
+ return new DialogHost({ target, props });
- default:
- throw new Error("Unknown component");
- }
+ default:
+ throw new Error("Unknown component");
+ }
}
export {
- showDialog,
- handleControllerStateUpdate,
- handleConfigUpdate,
- registerControllerMethods,
- setDisplayUnits
+ showDialog,
+ handleControllerStateUpdate,
+ handleConfigUpdate,
+ registerControllerMethods,
+ setDisplayUnits
};
-
-
-
- {$networkInfo.hostname}
-
-
-
+
-
+
-
+
+
+
+ {$networkInfo.hostname}
+
+
+
+
-
- Rebooting to apply the hostname change...
+ Rebooting to apply the hostname change...
diff --git a/src/svelte-components/src/dialogs/DialogHost.svelte b/src/svelte-components/src/dialogs/DialogHost.svelte
index 0dadf2f..2a1ad54 100644
--- a/src/svelte-components/src/dialogs/DialogHost.svelte
+++ b/src/svelte-components/src/dialogs/DialogHost.svelte
@@ -1,232 +1,235 @@
- Rebooting to apply the new screen rotation...
+ Rebooting to apply the new screen rotation...
diff --git a/src/svelte-components/src/dialogs/SetAxisPositionDialog.svelte b/src/svelte-components/src/dialogs/SetAxisPositionDialog.svelte
index 44ec66d..76f3cef 100644
--- a/src/svelte-components/src/dialogs/SetAxisPositionDialog.svelte
+++ b/src/svelte-components/src/dialogs/SetAxisPositionDialog.svelte
@@ -1,69 +1,75 @@
diff --git a/src/svelte-components/src/dialogs/SetTimeDialog.svelte b/src/svelte-components/src/dialogs/SetTimeDialog.svelte
index ed002e5..1ab5578 100644
--- a/src/svelte-components/src/dialogs/SetTimeDialog.svelte
+++ b/src/svelte-components/src/dialogs/SetTimeDialog.svelte
@@ -1,245 +1,256 @@
- {/if}
-
-
-
-
-
- {#each $networkInfo.ipAddresses as ipAddress}
-
+
-
-
- {ipAddress}
-
-
- {/each}
-
+
-
+
+
+ {#each $networkInfo.ipAddresses as ipAddress}
+
+
+
+ {ipAddress}
+
+
+ {/each}
+
-
diff --git a/src/svelte-components/src/components/ConfigTemplatedInput.svelte b/src/svelte-components/src/components/ConfigTemplatedInput.svelte
index a5f2950..1d5fa4a 100644
--- a/src/svelte-components/src/components/ConfigTemplatedInput.svelte
+++ b/src/svelte-components/src/components/ConfigTemplatedInput.svelte
@@ -1,131 +1,131 @@
{#if template}
-
-
-
-
-
-
- Click on a Wi-Fi network to connect or disconnect.
-
-
+ -
- {#if $networkInfo.wifi.networks.length === 0}
-
-
-
Scanning... -
- {:else}
- {#each $networkInfo.wifi.networks as network}
- - onNetworkSelected(network)}
- >
-
- - -
-{network.Name} - {#if network.Encryption !== "Open"} - - - - {/if} -
- {/each}
- {/if}
-
+
-
+
+
+
+
+
+ Click on a Wi-Fi network to connect or disconnect.
+
+
+ -
+ {#if $networkInfo.wifi.networks.length === 0}
+
-
+
Scanning... +
+ {:else}
+ {#each $networkInfo.wifi.networks as network}
+ -
+ onNetworkSelected(network)}
+ >
+
+ + +
+{network.Name} + {#if network.Encryption !== "Open"} + + + + {/if} +
+ {/each}
+ {/if}
+
-
+
{/if}
diff --git a/src/svelte-components/src/components/SettingsView.svelte b/src/svelte-components/src/components/SettingsView.svelte
index 31f87fc..a1c941d 100644
--- a/src/svelte-components/src/components/SettingsView.svelte
+++ b/src/svelte-components/src/components/SettingsView.svelte
@@ -1,14 +1,14 @@
+
- {#if template.values}
-
- {:else if template.type === "bool"}
-
- {:else if template.type === "float"}
-
- {:else if template.type === "int"}
-
- {:else if template.type === "string"}
-
- {:else if template.type == "text"}
-
- {/if}
+ {#if template.values}
+
+ {:else if template.type === "bool"}
+
+ {:else if template.type === "float"}
+
+ {:else if template.type === "int"}
+
+ {:else if template.type === "string"}
+
+ {:else if template.type == "text"}
+
+ {/if}
-
+
-
+ Settings
-
diff --git a/src/svelte-components/src/components/TextFieldWithOptions.svelte b/src/svelte-components/src/components/TextFieldWithOptions.svelte
index 16d59ca..9a54ad5 100644
--- a/src/svelte-components/src/components/TextFieldWithOptions.svelte
+++ b/src/svelte-components/src/components/TextFieldWithOptions.svelte
@@ -1,90 +1,90 @@
diff --git a/src/svelte-components/src/dialogs/ChangeHostnameDialog.svelte b/src/svelte-components/src/dialogs/ChangeHostnameDialog.svelte
index 2649c50..5912525 100644
--- a/src/svelte-components/src/dialogs/ChangeHostnameDialog.svelte
+++ b/src/svelte-components/src/dialogs/ChangeHostnameDialog.svelte
@@ -1,95 +1,104 @@
User Interface
- - + - + -Path Accuracy
- +Path Accuracy
+ -- Lower max-deviation to follow the programmed path more precisely but - at a slower speed. -
++ Lower max-deviation to follow the programmed path more precisely + but at a slower speed. +
-- In order to improve traversal speed, the path planner may merge consecutive - moves or round off sharp corners if doing so would deviate from the program - path by less than max-deviation. -
++ In order to improve traversal speed, the path planner may merge + consecutive moves or round off sharp corners if doing so would deviate + from the program path by less than max-deviation. +
-- GCode commands - G61, G61.1 - and G64 also affect path - planning accuracy. -
++ GCode commands + G61, G61.1 + and G64 also affect + path planning accuracy. +
-Cornering Speed (Advanced)
- +Cornering Speed (Advanced)
+ -- Junction acceleration limits the cornering speed the planner will allow. - Increasing this value will allow for faster traversal of corners but may - cause the planner to violate axis jerk limits and stall the motors. Use with - caution. -
++ Junction acceleration limits the cornering speed the planner will allow. + Increasing this value will allow for faster traversal of corners but may + cause the planner to violate axis jerk limits and stall the motors. Use + with caution. +