Browse Source

Refactor: updated how translations are scoped, updated all references

pull/627/head
Dan Ditomaso 1 year ago
parent
commit
f64449f505
  1. 8
      .github/workflows/crowdin-upload-sources.yml
  2. 14
      crowdin.yml
  3. 16
      src/components/BatteryStatus.tsx
  4. 58
      src/components/CommandPalette/index.tsx
  5. 10
      src/components/Dialog/DeleteMessagesDialog/DeleteMessagesDialog.tsx
  6. 24
      src/components/Dialog/DeviceNameDialog.tsx
  7. 20
      src/components/Dialog/ImportDialog.tsx
  8. 21
      src/components/Dialog/LocationResponseDialog.tsx
  9. 18
      src/components/Dialog/NewDeviceDialog.tsx
  10. 73
      src/components/Dialog/NodeDetailsDialog/NodeDetailsDialog.tsx
  11. 51
      src/components/Dialog/PKIBackupDialog.tsx
  12. 14
      src/components/Dialog/PkiRegenerateDialog.tsx
  13. 19
      src/components/Dialog/QRDialog.tsx
  14. 8
      src/components/Dialog/RebootDialog.tsx
  15. 15
      src/components/Dialog/RebootOTADialog.tsx
  16. 20
      src/components/Dialog/RefreshKeysDialog/RefreshKeysDialog.tsx
  17. 8
      src/components/Dialog/RemoveNodeDialog.tsx
  18. 10
      src/components/Dialog/ShutdownDialog.tsx
  19. 11
      src/components/Dialog/TracerouteResponseDialog.tsx
  20. 20
      src/components/Dialog/UnsafeRolesDialog/UnsafeRolesDialog.tsx
  21. 2
      src/components/Dialog/UnsafeRolesDialog/useUnsafeRolesDialog.ts
  22. 8
      src/components/Form/FormMultiSelect.tsx
  23. 4
      src/components/KeyBackupReminder.tsx
  24. 60
      src/components/LanguageSwitcher.tsx
  25. 103
      src/components/PageComponents/Channel.tsx
  26. 32
      src/components/PageComponents/Config/Bluetooth.tsx
  27. 52
      src/components/PageComponents/Config/Device/index.tsx
  28. 58
      src/components/PageComponents/Config/Display.tsx
  29. 88
      src/components/PageComponents/Config/LoRa.tsx
  30. 70
      src/components/PageComponents/Config/Network/index.tsx
  31. 72
      src/components/PageComponents/Config/Position.tsx
  32. 64
      src/components/PageComponents/Config/Power.tsx
  33. 148
      src/components/PageComponents/Config/Security/Security.tsx
  34. 4
      src/components/PageComponents/Connect/BLE.tsx
  35. 38
      src/components/PageComponents/Connect/HTTP.tsx
  36. 12
      src/components/PageComponents/Connect/Serial.tsx
  37. 49
      src/components/PageComponents/Map/NodeDetail.tsx
  38. 4
      src/components/PageComponents/Messages/ChannelChat.tsx
  39. 16
      src/components/PageComponents/Messages/TraceRoute.tsx
  40. 26
      src/components/PageComponents/ModuleConfig/AmbientLighting.tsx
  41. 36
      src/components/PageComponents/ModuleConfig/Audio.tsx
  42. 53
      src/components/PageComponents/ModuleConfig/CannedMessage.tsx
  43. 50
      src/components/PageComponents/ModuleConfig/DetectionSensor.tsx
  44. 77
      src/components/PageComponents/ModuleConfig/ExternalNotification.tsx
  45. 148
      src/components/PageComponents/ModuleConfig/MQTT.tsx
  46. 19
      src/components/PageComponents/ModuleConfig/NeighborInfo.tsx
  47. 27
      src/components/PageComponents/ModuleConfig/Paxcounter.tsx
  48. 22
      src/components/PageComponents/ModuleConfig/RangeTest.tsx
  49. 46
      src/components/PageComponents/ModuleConfig/Serial.tsx
  50. 29
      src/components/PageComponents/ModuleConfig/StoreForward.tsx
  51. 54
      src/components/PageComponents/ModuleConfig/Telemetry.tsx
  52. 66
      src/components/Sidebar.tsx
  53. 10
      src/components/ThemeSwitcher.tsx
  54. 2
      src/components/UI/Avatar.tsx
  55. 2
      src/components/UI/Footer.tsx
  56. 22
      src/components/UI/Input.tsx
  57. 311
      src/components/generic/Filter/FilterControl.tsx
  58. 92
      src/core/hooks/useLang.ts
  59. 22
      src/core/hooks/usePositionFlags.ts
  60. 28
      src/i18n.ts
  61. 51
      src/i18n/config.ts
  62. 607
      src/i18n/locales/en.json
  63. 69
      src/i18n/locales/en/channels.json
  64. 47
      src/i18n/locales/en/commandPalette.json
  65. 72
      src/i18n/locales/en/common.json
  66. 12
      src/i18n/locales/en/dashboard.json
  67. 442
      src/i18n/locales/en/deviceConfig.json
  68. 160
      src/i18n/locales/en/dialog.json
  69. 37
      src/i18n/locales/en/messages.json
  70. 448
      src/i18n/locales/en/moduleConfig.json
  71. 51
      src/i18n/locales/en/nodes.json
  72. 152
      src/i18n/locales/en/ui.json
  73. 2
      src/index.tsx
  74. 18
      src/pages/Channels.tsx
  75. 26
      src/pages/Config/DeviceConfig.tsx
  76. 28
      src/pages/Config/ModuleConfig.tsx
  77. 33
      src/pages/Config/index.tsx
  78. 23
      src/pages/Dashboard/index.tsx
  79. 46
      src/pages/Messages.tsx
  80. 40
      src/pages/Nodes.tsx

8
.github/workflows/crowdin-upload-sources.yml

@ -1,8 +1,11 @@
name: Crowdin Upload Sources Action name: Crowdin Upload Sources Action
on: on:
push: # Watch source en.json for changes on main push:
paths: [ '/src/i18n/locales/en.json' ] # Monitor all .json files within the /src/i18n/locales/en/ directory.
# This ensures the workflow triggers if any the English namespace files are modified on the main branch.
paths:
- '/src/i18n/locales/en/**/*.json'
branches: [ main ] branches: [ main ]
workflow_dispatch: # Allow manual triggering workflow_dispatch: # Allow manual triggering
@ -23,6 +26,7 @@ jobs:
upload_translations: false upload_translations: false
download_translations: false download_translations: false
crowdin_branch_name: 'main' crowdin_branch_name: 'main'
env: env:
CROWDIN_PROJECT_ID: ${{ secrets.CROWDIN_PROJECT_ID }} CROWDIN_PROJECT_ID: ${{ secrets.CROWDIN_PROJECT_ID }}
CROWDIN_PERSONAL_TOKEN: ${{ secrets.CROWDIN_PERSONAL_TOKEN }} CROWDIN_PERSONAL_TOKEN: ${{ secrets.CROWDIN_PERSONAL_TOKEN }}

14
crowdin.yml

@ -1,10 +1,10 @@
"project_id_env": "CROWDIN_PROJECT_ID" project_id_env: CROWDIN_PROJECT_ID
"api_token_env": "CROWDIN_PERSONAL_TOKEN" api_token_env: CROWDIN_PERSONAL_TOKEN
"base_path": "." base_path: "."
"base_url": "https://meshtastic.crowdin.com/api/v2" base_url: "https://meshtastic.crowdin.com/api/v2"
"preserve_hierarchy": true preserve_hierarchy: true
files: files:
- source: /src/i18n/locales/en.json - source: "/src/i18n/locales/en/**/*.json"
translation: /src/i18n/locales/%two_letters_code%.json translation: "/src/i18n/locales/%locale%/%original_file_name%"

16
src/components/BatteryStatus.tsx

@ -32,25 +32,25 @@ const getBatteryStates = (
condition: (level) => level > 100, condition: (level) => level > 100,
Icon: PlugZapIcon, Icon: PlugZapIcon,
className: "text-gray-500", className: "text-gray-500",
text: () => t("common_batteryStatus_pluggedIn"), text: () => t("batteryStatus.pluggedIn"),
}, },
{ {
condition: (level) => level > 80, condition: (level) => level > 80,
Icon: BatteryFullIcon, Icon: BatteryFullIcon,
className: "text-green-500", className: "text-green-500",
text: (level) => t("common_batteryStatus_charging", { level }), text: (level) => t("batteryStatus.charging", { level }),
}, },
{ {
condition: (level) => level > 20, condition: (level) => level > 20,
Icon: BatteryMediumIcon, Icon: BatteryMediumIcon,
className: "text-yellow-500", className: "text-yellow-500",
text: (level) => t("common_batteryStatus_charging", { level }), text: (level) => t("batteryStatus.charging", { level }),
}, },
{ {
condition: () => true, condition: () => true,
Icon: BatteryLowIcon, Icon: BatteryLowIcon,
className: "text-red-500", className: "text-red-500",
text: (level) => t("common_batteryStatus_charging", { level }), text: (level) => t("batteryStatus.charging", { level }),
}, },
]; ];
}; };
@ -81,9 +81,9 @@ const BatteryStatus: React.FC<BatteryStatusProps> = ({ deviceMetrics }) => {
const iconClassName = currentState.className; const iconClassName = currentState.className;
const statusText = currentState.text(batteryLevel); const statusText = currentState.text(batteryLevel);
const voltageTitle = `${ const voltageTitle = `${voltage?.toPrecision(3) ?? t("unknown.shortName")} ${
voltage?.toPrecision(3) ?? t("common_unknown_short") t("unit.volts")
} ${t("common_unit_volts")}`; }`;
return ( return (
<div <div
@ -91,7 +91,7 @@ const BatteryStatus: React.FC<BatteryStatusProps> = ({ deviceMetrics }) => {
title={voltageTitle} title={voltageTitle}
> >
<BatteryIcon size={22} className={iconClassName} /> <BatteryIcon size={22} className={iconClassName} />
<Subtle aria-label={t("common_batteryStatus_title")}> <Subtle aria-label={t("batteryStatus.title")}>
{statusText} {statusText}
</Subtle> </Subtle>
</div> </div>

58
src/components/CommandPalette/index.tsx

@ -66,29 +66,29 @@ export const CommandPalette = () => {
const { pinnedItems, togglePinnedItem } = usePinnedItems({ const { pinnedItems, togglePinnedItem } = usePinnedItems({
storageName: "pinnedCommandMenuGroups", storageName: "pinnedCommandMenuGroups",
}); });
const { t } = useTranslation(); const { t } = useTranslation("commandPalette");
const groups: Group[] = [ const groups: Group[] = [
{ {
label: t("command_palette_goto_label"), label: t("goto.label"),
icon: LinkIcon, icon: LinkIcon,
commands: [ commands: [
{ {
label: t("command_palette_goto_command_messages"), label: t("goto.command.messages"),
icon: MessageSquareIcon, icon: MessageSquareIcon,
action() { action() {
setActivePage("messages"); setActivePage("messages");
}, },
}, },
{ {
label: t("command_palette_goto_command_map"), label: t("goto.command.map"),
icon: MapIcon, icon: MapIcon,
action() { action() {
setActivePage("map"); setActivePage("map");
}, },
}, },
{ {
label: t("command_palette_goto_command_config"), label: t("goto.command.config"),
icon: SettingsIcon, icon: SettingsIcon,
action() { action() {
setActivePage("config"); setActivePage("config");
@ -96,14 +96,14 @@ export const CommandPalette = () => {
tags: ["settings"], tags: ["settings"],
}, },
{ {
label: t("command_palette_goto_command_channels"), label: t("goto.command.channels"),
icon: LayersIcon, icon: LayersIcon,
action() { action() {
setActivePage("channels"); setActivePage("channels");
}, },
}, },
{ {
label: t("command_palette_goto_command_nodes"), label: t("goto.command.nodes"),
icon: UsersIcon, icon: UsersIcon,
action() { action() {
setActivePage("nodes"); setActivePage("nodes");
@ -112,19 +112,19 @@ export const CommandPalette = () => {
], ],
}, },
{ {
label: t("command_palette_manage_label"), label: t("manage.label"),
icon: SmartphoneIcon, icon: SmartphoneIcon,
commands: [ commands: [
{ {
label: t("command_palette_manage_command_switch_node"), label: t("manage.command.switchNode"),
icon: ArrowLeftRightIcon, icon: ArrowLeftRightIcon,
subItems: getDevices().map((device) => ({ subItems: getDevices().map((device) => ({
label: getNode(device.hardware.myNodeNum)?.user?.longName ?? label: getNode(device.hardware.myNodeNum)?.user?.longName ??
t("common_unknown_short"), // Or a more specific key for node name t("unknown.shortName"),
icon: ( icon: (
<Avatar <Avatar
text={getNode(device.hardware.myNodeNum)?.user?.shortName ?? text={getNode(device.hardware.myNodeNum)?.user?.shortName ??
t("common_unknown_short")} // Or a more specific key t("unknown.shortName")}
/> />
), ),
action() { action() {
@ -133,7 +133,7 @@ export const CommandPalette = () => {
})), })),
}, },
{ {
label: t("command_palette_manage_command_connect_new_node"), label: t("manage.command.connectNewNode"),
icon: PlusIcon, icon: PlusIcon,
action() { action() {
setConnectDialogOpen(true); setConnectDialogOpen(true);
@ -142,22 +142,22 @@ export const CommandPalette = () => {
], ],
}, },
{ {
label: t("command_palette_contextual_label"), label: t("contextual.label"),
icon: BoxSelectIcon, icon: BoxSelectIcon,
commands: [ commands: [
{ {
label: t("command_palette_contextual_command_qr_code"), label: t("contextual.command.qrCode"),
icon: QrCodeIcon, icon: QrCodeIcon,
subItems: [ subItems: [
{ {
label: t("command_palette_contextual_command_qr_generator"), label: t("contextual.command.qrGenerator"),
icon: <QrCodeIcon size={16} />, icon: <QrCodeIcon size={16} />,
action() { action() {
setDialogOpen("QR", true); setDialogOpen("QR", true);
}, },
}, },
{ {
label: t("command_palette_contextual_command_qr_import"), label: t("contextual.command.qrImport"),
icon: <QrCodeIcon size={16} />, icon: <QrCodeIcon size={16} />,
action() { action() {
setDialogOpen("import", true); setDialogOpen("import", true);
@ -166,42 +166,42 @@ export const CommandPalette = () => {
], ],
}, },
{ {
label: t("command_palette_contextual_command_schedule_shutdown"), label: t("contextual.command.scheduleShutdown"),
icon: PowerIcon, icon: PowerIcon,
action() { action() {
setDialogOpen("shutdown", true); setDialogOpen("shutdown", true);
}, },
}, },
{ {
label: t("command_palette_contextual_command_schedule_reboot"), label: t("contextual.command.scheduleReboot"),
icon: RefreshCwIcon, icon: RefreshCwIcon,
action() { action() {
setDialogOpen("reboot", true); setDialogOpen("reboot", true);
}, },
}, },
{ {
label: t("command_palette_contextual_command_reboot_to_ota_mode"), label: t("contextual.command.rebootToOtaMode"),
icon: RefreshCwIcon, icon: RefreshCwIcon,
action() { action() {
setDialogOpen("rebootOTA", true); setDialogOpen("rebootOTA", true);
}, },
}, },
{ {
label: t("command_palette_contextual_command_reset_nodes"), label: t("contextual.command.resetNodeDb"),
icon: TrashIcon, icon: TrashIcon,
action() { action() {
connection?.resetNodes(); connection?.resetNodes();
}, },
}, },
{ {
label: t("command_palette_contextual_command_factory_reset_device"), label: t("contextual.command.factoryResetDevice"),
icon: FactoryIcon, icon: FactoryIcon,
action() { action() {
connection?.factoryResetDevice(); connection?.factoryResetDevice();
}, },
}, },
{ {
label: t("command_palette_contextual_command_factory_reset_config"), label: t("contextual.command.factoryResetConfig"),
icon: FactoryIcon, icon: FactoryIcon,
action() { action() {
connection?.factoryResetConfig(); connection?.factoryResetConfig();
@ -210,18 +210,18 @@ export const CommandPalette = () => {
], ],
}, },
{ {
label: t("command_palette_debug_label"), label: t("debug.label"),
icon: BugIcon, icon: BugIcon,
commands: [ commands: [
{ {
label: t("command_palette_debug_command_reconfigure"), label: t("debug.command.reconfigure"),
icon: RefreshCwIcon, icon: RefreshCwIcon,
action() { action() {
void connection?.configure(); void connection?.configure();
}, },
}, },
{ {
label: t("command_palette_debug_command_clear_all_stored_messages"), label: t("debug.command.clearAllStoredMessages"),
icon: EraserIcon, icon: EraserIcon,
action() { action() {
setDialogOpen("deleteMessages", true); setDialogOpen("deleteMessages", true);
@ -254,9 +254,9 @@ export const CommandPalette = () => {
open={commandPaletteOpen} open={commandPaletteOpen}
onOpenChange={setCommandPaletteOpen} onOpenChange={setCommandPaletteOpen}
> >
<CommandInput placeholder={t("command_palette_input_placeholder")} /> <CommandInput placeholder={t("search.commandPalette")} />
<CommandList> <CommandList>
<CommandEmpty>{t("command_palette_empty_message")}</CommandEmpty> <CommandEmpty>{t("emptyState")}</CommandEmpty>
{sortedGroups.map((group) => ( {sortedGroups.map((group) => (
<CommandGroup <CommandGroup
key={group.label} key={group.label}
@ -270,8 +270,8 @@ export const CommandPalette = () => {
"transition-all duration-300 scale-100 cursor-pointer p-2 focus:*:data-label:opacity-100", "transition-all duration-300 scale-100 cursor-pointer p-2 focus:*:data-label:opacity-100",
)} )}
aria-description={pinnedItems.includes(group.label) aria-description={pinnedItems.includes(group.label)
? t("command_palette_unpin_group_aria_label") ? t("unpinGroup.label")
: t("command_palette_pin_group_aria_label")} : t("pinGroup.label")}
> >
<span <span
data-label data-label

10
src/components/Dialog/DeleteMessagesDialog/DeleteMessagesDialog.tsx

@ -21,7 +21,7 @@ export const DeleteMessagesDialog = ({
open, open,
onOpenChange, onOpenChange,
}: DeleteMessagesDialogProps) => { }: DeleteMessagesDialogProps) => {
const { t } = useTranslation(); const { t } = useTranslation("dialog");
const { deleteAllMessages } = useMessageStore(); const { deleteAllMessages } = useMessageStore();
const handleCloseDialog = () => { const handleCloseDialog = () => {
onOpenChange(false); onOpenChange(false);
@ -34,10 +34,10 @@ export const DeleteMessagesDialog = ({
<DialogHeader> <DialogHeader>
<DialogTitle className="flex items-center gap-2"> <DialogTitle className="flex items-center gap-2">
<AlertTriangleIcon className="h-5 w-5 text-warning" /> <AlertTriangleIcon className="h-5 w-5 text-warning" />
{t("dialog_deleteMessages_title")} {t("deleteMessages.title")}
</DialogTitle> </DialogTitle>
<DialogDescription> <DialogDescription>
{t("dialog_deleteMessages_description")} {t("deleteMessages.description")}
</DialogDescription> </DialogDescription>
</DialogHeader> </DialogHeader>
<DialogFooter className="mt-4"> <DialogFooter className="mt-4">
@ -46,7 +46,7 @@ export const DeleteMessagesDialog = ({
onClick={handleCloseDialog} onClick={handleCloseDialog}
name="dismiss" name="dismiss"
> >
{t("dialog_button_dismiss")} {t("button.dismiss")}
</Button> </Button>
<Button <Button
variant="destructive" variant="destructive"
@ -56,7 +56,7 @@ export const DeleteMessagesDialog = ({
}} }}
name="clearMessages" name="clearMessages"
> >
{t("dialog_button_clearMessages")} {t("button.clearMessages")}
</Button> </Button>
</DialogFooter> </DialogFooter>
</DialogContent> </DialogContent>

24
src/components/Dialog/DeviceNameDialog.tsx

@ -10,12 +10,12 @@ import {
DialogHeader, DialogHeader,
DialogTitle, DialogTitle,
} from "@components/UI/Dialog.tsx"; } from "@components/UI/Dialog.tsx";
import { Label } from "@components/UI/Label.tsx";
import { Protobuf } from "@meshtastic/core"; import { Protobuf } from "@meshtastic/core";
import { useForm } from "react-hook-form"; import { useForm } from "react-hook-form";
import { GenericInput } from "@components/Form/FormInput.tsx"; import { GenericInput } from "@components/Form/FormInput.tsx";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import { validateMaxByteLength } from "@core/utils/string.ts"; import { validateMaxByteLength } from "@core/utils/string.ts";
import { Label } from "../UI/Label.tsx";
export interface User { export interface User {
longName: string; longName: string;
@ -33,13 +33,13 @@ export const DeviceNameDialog = ({
open, open,
onOpenChange, onOpenChange,
}: DeviceNameDialogProps) => { }: DeviceNameDialogProps) => {
const { t } = useTranslation(); const { t } = useTranslation("dialog");
const { hardware, getNode, connection } = useDevice(); const { hardware, getNode, connection } = useDevice();
const myNode = getNode(hardware.myNodeNum); const myNode = getNode(hardware.myNodeNum);
const defaultValues = { const defaultValues = {
longName: myNode?.user?.longName ?? t("common_unknown_long"), longName: myNode?.user?.longName ?? t("unknown.longName"),
shortName: myNode?.user?.shortName ?? t("common_unknown_short"), shortName: myNode?.user?.shortName ?? t("unknown.shortName"),
}; };
const { getValues, setValue, reset, control, handleSubmit } = useForm<User>({ const { getValues, setValue, reset, control, handleSubmit } = useForm<User>({
@ -76,21 +76,21 @@ export const DeviceNameDialog = ({
<DialogContent> <DialogContent>
<DialogClose /> <DialogClose />
<DialogHeader> <DialogHeader>
<DialogTitle>{t("dialog_deviceName_title")}</DialogTitle> <DialogTitle>{t("deviceName.title")}</DialogTitle>
<DialogDescription> <DialogDescription>
{t("dialog_deviceName_description")} {t("deviceName.description")}
</DialogDescription> </DialogDescription>
</DialogHeader> </DialogHeader>
<form onSubmit={onSubmit} className="flex flex-col gap-4"> <form onSubmit={onSubmit} className="flex flex-col gap-4">
<div> <div>
<Label htmlFor="longName"> <Label htmlFor="longName">
{t("dialog_deviceName_label_longName")} {t("deviceName.longName")}
</Label> </Label>
<GenericInput <GenericInput
control={control} control={control}
field={{ field={{
name: "longName", name: "longName",
label: "Long Name", label: t("deviceName.longName"),
type: "text", type: "text",
properties: { properties: {
className: "text-slate-900 dark:text-slate-200", className: "text-slate-900 dark:text-slate-200",
@ -105,13 +105,13 @@ export const DeviceNameDialog = ({
</div> </div>
<div> <div>
<Label htmlFor="shortName"> <Label htmlFor="shortName">
{t("dialog_deviceName_label_shortName")} {t("deviceName.shortName")}
</Label> </Label>
<GenericInput <GenericInput
control={control} control={control}
field={{ field={{
name: "shortName", name: "shortName",
label: "Short Name", label: t("deviceName.shortName"),
type: "text", type: "text",
properties: { properties: {
fieldLength: { fieldLength: {
@ -131,9 +131,9 @@ export const DeviceNameDialog = ({
name="reset" name="reset"
onClick={handleReset} onClick={handleReset}
> >
{t("dialog_button_reset")} {t("button.reset")}
</Button> </Button>
<Button type="submit" name="save">{t("common_button_save")}</Button> <Button type="submit" name="save">{t("button.save")}</Button>
</DialogFooter> </DialogFooter>
</form> </form>
</DialogContent> </DialogContent>

20
src/components/Dialog/ImportDialog.tsx

@ -29,7 +29,7 @@ export const ImportDialog = ({
open, open,
onOpenChange, onOpenChange,
}: ImportDialogProps) => { }: ImportDialogProps) => {
const { t } = useTranslation(); const { t } = useTranslation("dialog");
const [importDialogInput, setImportDialogInput] = useState<string>(""); const [importDialogInput, setImportDialogInput] = useState<string>("");
const [channelSet, setChannelSet] = useState<Protobuf.AppOnly.ChannelSet>(); const [channelSet, setChannelSet] = useState<Protobuf.AppOnly.ChannelSet>();
const [validUrl, setValidUrl] = useState<boolean>(false); const [validUrl, setValidUrl] = useState<boolean>(false);
@ -46,7 +46,7 @@ export const ImportDialog = ({
channelsUrl.pathname !== "/e/") || channelsUrl.pathname !== "/e/") ||
!channelsUrl.hash !channelsUrl.hash
) { ) {
throw t("dialog_import_error_invalidUrl"); throw t("import.error.invalidUrl");
} }
const encodedChannelConfig = channelsUrl.hash.substring(1); const encodedChannelConfig = channelsUrl.hash.substring(1);
@ -101,13 +101,13 @@ export const ImportDialog = ({
<DialogContent> <DialogContent>
<DialogClose /> <DialogClose />
<DialogHeader> <DialogHeader>
<DialogTitle>{t("dialog_import_title")}</DialogTitle> <DialogTitle>{t("import.title")}</DialogTitle>
<DialogDescription> <DialogDescription>
{t("dialog_import_description")} {t("import.description")}
</DialogDescription> </DialogDescription>
</DialogHeader> </DialogHeader>
<div className="flex flex-col gap-3"> <div className="flex flex-col gap-3">
<Label>{t("dialog_import_label_channelSetUrl")}</Label> <Label>{t("import.channelSetUrl")}</Label>
<Input <Input
value={importDialogInput} value={importDialogInput}
suffix={validUrl ? "✅" : "❌"} suffix={validUrl ? "✅" : "❌"}
@ -119,7 +119,7 @@ export const ImportDialog = ({
<div className="flex flex-col gap-3"> <div className="flex flex-col gap-3">
<div className="flex w-full gap-2"> <div className="flex w-full gap-2">
<div className="w-36"> <div className="w-36">
<Label>{t("dialog_import_label_usePreset")}</Label> <Label>{t("import.usePreset")}</Label>
<Switch <Switch
disabled disabled
checked={channelSet?.loraConfig?.usePreset ?? true} checked={channelSet?.loraConfig?.usePreset ?? true}
@ -146,7 +146,7 @@ export const ImportDialog = ({
} }
<span className="text-md block font-medium text-text-primary"> <span className="text-md block font-medium text-text-primary">
{t("dialog_import_label_channels")} {t("import.channels")}
</span> </span>
<div className="flex w-40 flex-col gap-1"> <div className="flex w-40 flex-col gap-1">
{channelSet?.settings.map((channel) => ( {channelSet?.settings.map((channel) => (
@ -154,9 +154,7 @@ export const ImportDialog = ({
<Label> <Label>
{channel.name.length {channel.name.length
? channel.name ? channel.name
: `${ : `${t("import.channelPrefix")}${channel.id}`}
t("dialog_import_label_channelPrefix")
}${channel.id}`}
</Label> </Label>
<Checkbox key={channel.id} /> <Checkbox key={channel.id} />
</div> </div>
@ -167,7 +165,7 @@ export const ImportDialog = ({
</div> </div>
<DialogFooter> <DialogFooter>
<Button onClick={apply} disabled={!validUrl} name="apply"> <Button onClick={apply} disabled={!validUrl} name="apply">
{t("dialog_button_apply")} {t("button.apply")}
</Button> </Button>
</DialogFooter> </DialogFooter>
</DialogContent> </DialogContent>

21
src/components/Dialog/LocationResponseDialog.tsx

@ -1,4 +1,4 @@
import { useDevice } from "../../core/stores/deviceStore.ts"; import { useDevice } from "@core/stores/deviceStore.ts";
import { import {
Dialog, Dialog,
DialogClose, DialogClose,
@ -22,16 +22,16 @@ export const LocationResponseDialog = ({
open, open,
onOpenChange, onOpenChange,
}: LocationResponseDialogProps) => { }: LocationResponseDialogProps) => {
const { t } = useTranslation(); const { t } = useTranslation("dialog");
const { getNode } = useDevice(); const { getNode } = useDevice();
const from = getNode(location?.from ?? 0); const from = getNode(location?.from ?? 0);
const longName = from?.user?.longName ?? const longName = from?.user?.longName ??
(from ? `!${numberToHexUnpadded(from?.num)}` : t("common_unknown_short")); (from ? `!${numberToHexUnpadded(from?.num)}` : t("unknown.shortName"));
const shortName = from?.user?.shortName ?? const shortName = from?.user?.shortName ??
(from (from
? `${numberToHexUnpadded(from?.num).substring(0, 4)}` ? `${numberToHexUnpadded(from?.num).substring(0, 4)}`
: t("common_unknown_short")); : t("unknown.shortName"));
return ( return (
<Dialog open={open} onOpenChange={onOpenChange}> <Dialog open={open} onOpenChange={onOpenChange}>
@ -39,15 +39,16 @@ export const LocationResponseDialog = ({
<DialogClose /> <DialogClose />
<DialogHeader> <DialogHeader>
<DialogTitle> <DialogTitle>
{t("dialog_locationResponse_titlePrefix")} {t("locationResponse.title", {
{longName} ({shortName}) identifier: `${longName} (${shortName})`,
})}
</DialogTitle> </DialogTitle>
</DialogHeader> </DialogHeader>
<DialogDescription> <DialogDescription>
<div className="ml-5 flex"> <div className="ml-5 flex">
<span className="ml-4 border-l-2 border-l-backgroundPrimary pl-2 text-textPrimary"> <span className="ml-4 border-l-2 border-l-backgroundPrimary pl-2 text-textPrimary">
<p> <p>
{t("dialog_locationResponse_label_coordinates")} {t("locationResponse.coordinates")}
<a <a
className="text-blue-500 dark:text-blue-400" className="text-blue-500 dark:text-blue-400"
href={`https://www.openstreetmap.org/?mlat=${ href={`https://www.openstreetmap.org/?mlat=${
@ -61,9 +62,11 @@ export const LocationResponseDialog = ({
</a> </a>
</p> </p>
<p> <p>
{t("dialog_locationResponse_label_altitude")} {t("locationResponse.altitude")}
{location?.data.altitude} {location?.data.altitude}
{t("dialog_locationResponse_unit_meter")} {location?.data.altitde < 1
? t("unit.meter.one")
: t("unit.meter.plural")}
</p> </p>
</span> </span>
</div> </div>

18
src/components/Dialog/NewDeviceDialog.tsx

@ -53,7 +53,7 @@ const links: { [key: string]: string } = {
}; };
const ErrorMessage = ({ missingFeatures }: FeatureErrorProps) => { const ErrorMessage = ({ missingFeatures }: FeatureErrorProps) => {
const { i18n } = useTranslation(); const { i18n } = useTranslation("dialog");
const listFormatter = useMemo( const listFormatter = useMemo(
() => () =>
@ -95,7 +95,7 @@ const ErrorMessage = ({ missingFeatures }: FeatureErrorProps) => {
<p className="text-sm text-white"> <p className="text-sm text-white">
{browserFeatures.length > 0 && ( {browserFeatures.length > 0 && (
<Trans <Trans
i18nKey="dialog_newDeviceDialog_errorMessage_requiresFeatures" i18nKey="newDeviceDialog.validation.requiresFeatures"
components={{ components={{
"0": <>{featureNodes}</>, "0": <>{featureNodes}</>,
}} }}
@ -105,8 +105,8 @@ const ErrorMessage = ({ missingFeatures }: FeatureErrorProps) => {
{needsSecureContext && ( {needsSecureContext && (
<Trans <Trans
i18nKey={browserFeatures.length > 0 i18nKey={browserFeatures.length > 0
? "dialog_newDeviceDialog_errorMessage_additionallyRequiresSecureContext" ? "newDeviceDialog.validation.additionallyRequiresSecureContext"
: "dialog_newDeviceDialog_errorMessage_requiresSecureContext"} : "newDeviceDialog.validation.requiresSecureContext"}
components={{ components={{
"0": ( "0": (
<Link <Link
@ -128,23 +128,23 @@ export const NewDeviceDialog = ({
open, open,
onOpenChange, onOpenChange,
}: NewDeviceProps) => { }: NewDeviceProps) => {
const { t } = useTranslation(); const { t } = useTranslation("dialog");
const { unsupported } = useBrowserFeatureDetection(); const { unsupported } = useBrowserFeatureDetection();
const tabs: TabManifest[] = [ const tabs: TabManifest[] = [
{ {
label: t("dialog_newDeviceDialog_tabLabelHttp"), label: t("newDeviceDialog.tabHttp"),
element: HTTP, element: HTTP,
isDisabled: false, isDisabled: false,
}, },
{ {
label: t("dialog_newDeviceDialog_tabLabelBluetooth"), label: t("newDeviceDialog.tabBluetooth"),
element: BLE, element: BLE,
isDisabled: unsupported.includes("Web Bluetooth") || isDisabled: unsupported.includes("Web Bluetooth") ||
unsupported.includes("Secure Context"), unsupported.includes("Secure Context"),
}, },
{ {
label: t("dialog_newDeviceDialog_tabLabelSerial"), label: t("newDeviceDialog.tabSerial"),
element: Serial, element: Serial,
isDisabled: unsupported.includes("Web Serial") || isDisabled: unsupported.includes("Web Serial") ||
unsupported.includes("Secure Context"), unsupported.includes("Secure Context"),
@ -156,7 +156,7 @@ export const NewDeviceDialog = ({
<DialogContent aria-describedby={undefined}> <DialogContent aria-describedby={undefined}>
<DialogClose /> <DialogClose />
<DialogHeader> <DialogHeader>
<DialogTitle>{t("dialog_newDeviceDialog_title")}</DialogTitle> <DialogTitle>{t("newDeviceDialog.title")}</DialogTitle>
</DialogHeader> </DialogHeader>
<Tabs defaultValue="HTTP"> <Tabs defaultValue="HTTP">
<TabsList> <TabsList>

73
src/components/Dialog/NodeDetailsDialog/NodeDetailsDialog.tsx

@ -61,8 +61,9 @@ export const NodeDetailsDialog = ({
open, open,
onOpenChange, onOpenChange,
}: NodeDetailsDialogProps) => { }: NodeDetailsDialogProps) => {
const { t } = useTranslation(); const { t } = useTranslation("dialog");
const { setDialogOpen, connection, setActivePage } = useDevice(); const { setDialogOpen, connection, setActivePage, getNodeError } =
useDevice();
const { setNodeNumToBeRemoved } = useAppStore(); const { setNodeNumToBeRemoved } = useAppStore();
const { setChatType, setActiveChat } = useMessageStore(); const { setChatType, setActiveChat } = useMessageStore();
@ -92,11 +93,11 @@ export const NodeDetailsDialog = ({
if (!node) return; if (!node) return;
toast({ toast({
title: t("toast_requestingPosition"), title: t("toast.requestingPosition.title", { ns: "ui" }),
}); });
connection?.requestPosition(node.num).then(() => connection?.requestPosition(node.num).then(() =>
toast({ toast({
title: t("toast_positionRequestSent"), title: t("toast.positionRequestSent.title", { ns: "ui" }),
}) })
); );
onOpenChange(false); onOpenChange(false);
@ -106,11 +107,11 @@ export const NodeDetailsDialog = ({
if (!node) return; if (!node) return;
toast({ toast({
title: t("toast_sendingTraceroute"), title: t("toast.sendingTraceroute.title", { ns: "ui" }),
}); });
connection?.traceRoute(node.num).then(() => connection?.traceRoute(node.num).then(() =>
toast({ toast({
title: t("toast_tracerouteSent"), title: t("toast.tracerouteSent.title", { ns: "ui" }),
}) })
); );
onOpenChange(false); onOpenChange(false);
@ -141,25 +142,25 @@ export const NodeDetailsDialog = ({
const deviceMetricsMap = [ const deviceMetricsMap = [
{ {
key: "airUtilTx", key: "airUtilTx",
label: t("dialog_nodeDetails_label_airTxUtilization"), label: t("nodeDetails.airTxUtilization"),
value: node.deviceMetrics?.airUtilTx, value: node.deviceMetrics?.airUtilTx,
format: (val: number) => `${val.toFixed(2)}%`, format: (val: number) => `${val.toFixed(2)}%`,
}, },
{ {
key: "channelUtilization", key: "channelUtilization",
label: t("dialog_nodeDetails_label_channelUtilization"), label: t("nodeDetails.channelUtilization"),
value: node.deviceMetrics?.channelUtilization, value: node.deviceMetrics?.channelUtilization,
format: (val: number) => `${val.toFixed(2)}%`, format: (val: number) => `${val.toFixed(2)}%`,
}, },
{ {
key: "batteryLevel", key: "batteryLevel",
label: t("dialog_nodeDetails_label_batteryLevel"), label: t("nodeDetails.batteryLevel"),
value: node.deviceMetrics?.batteryLevel, value: node.deviceMetrics?.batteryLevel,
format: (val: number) => `${val.toFixed(2)}%`, format: (val: number) => `${val.toFixed(2)}%`,
}, },
{ {
key: "voltage", key: "voltage",
label: t("dialog_nodeDetails_label_voltage"), label: t("nodeDetails.voltage"),
value: node.deviceMetrics?.voltage, value: node.deviceMetrics?.voltage,
format: (val: number) => `${val.toFixed(2)}V`, format: (val: number) => `${val.toFixed(2)}V`,
}, },
@ -171,9 +172,11 @@ export const NodeDetailsDialog = ({
<DialogClose /> <DialogClose />
<DialogHeader> <DialogHeader>
<DialogTitle> <DialogTitle>
{t("dialog_nodeDetails_titlePrefix")} {t("nodeDetails.title", {
{node.user?.longName ?? t("common_unknown_short")} ( identifier: `${node.user?.longName ?? t("unknown.shortName")} (${
{node.user?.shortName ?? t("common_unknown_short")}) node.user?.shortName ?? t("unknown.shortName")
})`,
})}
</DialogTitle> </DialogTitle>
</DialogHeader> </DialogHeader>
<DialogFooter> <DialogFooter>
@ -185,7 +188,7 @@ export const NodeDetailsDialog = ({
onClick={handleDirectMessage} onClick={handleDirectMessage}
> >
<MessageSquareIcon className="mr-2" /> <MessageSquareIcon className="mr-2" />
{t("dialog_nodeDetails_button_message")} {t("nodeDetails.message")}
</Button> </Button>
<Button <Button
className="mr-1" className="mr-1"
@ -193,7 +196,7 @@ export const NodeDetailsDialog = ({
onClick={handleTraceroute} onClick={handleTraceroute}
> >
<WaypointsIcon className="mr-2" /> <WaypointsIcon className="mr-2" />
{t("dialog_nodeDetails_button_traceRoute")} {t("nodeDetails.traceRoute")}
</Button> </Button>
<Button className="mr-1" onClick={handleToggleFavorite}> <Button className="mr-1" onClick={handleToggleFavorite}>
<StarIcon <StarIcon
@ -221,8 +224,8 @@ export const NodeDetailsDialog = ({
</TooltipTrigger> </TooltipTrigger>
<TooltipContent className="bg-slate-800 dark:bg-slate-600 text-white px-4 py-1 rounded text-xs"> <TooltipContent className="bg-slate-800 dark:bg-slate-600 text-white px-4 py-1 rounded text-xs">
{isIgnoredState {isIgnoredState
? t("dialog_nodeDetails_tooltip_unignoreNode") ? t("nodeDetails.unignoreNode")
: t("dialog_nodeDetails_tooltip_ignoreNode")} : t("nodeDetails.ignoreNode")}
<TooltipArrow className="fill-slate-800 dark:fill-slate-600" /> <TooltipArrow className="fill-slate-800 dark:fill-slate-600" />
</TooltipContent> </TooltipContent>
</Tooltip> </Tooltip>
@ -240,7 +243,7 @@ export const NodeDetailsDialog = ({
</Button> </Button>
</TooltipTrigger> </TooltipTrigger>
<TooltipContent className="bg-slate-800 dark:bg-slate-600 text-white px-4 py-1 rounded text-xs"> <TooltipContent className="bg-slate-800 dark:bg-slate-600 text-white px-4 py-1 rounded text-xs">
{t("dialog_nodeDetails_tooltip_removeNode")} {t("nodeDetails.removeNode")}
<TooltipArrow className="fill-slate-800 dark:fill-slate-600" /> <TooltipArrow className="fill-slate-800 dark:fill-slate-600" />
</TooltipContent> </TooltipContent>
</Tooltip> </Tooltip>
@ -253,29 +256,29 @@ export const NodeDetailsDialog = ({
<div className="flex flex-row space-x-2"> <div className="flex flex-row space-x-2">
<div className="w-full bg-slate-100 text-slate-900 dark:text-slate-100 dark:bg-slate-800 p-3 rounded-lg"> <div className="w-full bg-slate-100 text-slate-900 dark:text-slate-100 dark:bg-slate-800 p-3 rounded-lg">
<p className="text-lg font-semibold"> <p className="text-lg font-semibold">
{t("dialog_nodeDetails_label_details")} {t("nodeDetails.details")}
</p> </p>
<p>{t("dialog_nodeDetails_label_nodeNumber")}{node.num}</p> <p>{t("nodeDetails.nodeNumber")}{node.num}</p>
<p> <p>
{t("dialog_nodeDetails_label_nodeHexPrefix")} {t("nodeDetails.nodeHexPrefix")}
{numberToHexUnpadded(node.num)} {numberToHexUnpadded(node.num)}
</p> </p>
<p> <p>
{t("dialog_nodeDetails_label_role")} {t("nodeDetails.role")}
{Protobuf.Config.Config_DeviceConfig_Role[ {Protobuf.Config.Config_DeviceConfig_Role[
node.user?.role ?? 0 node.user?.role ?? 0
].replace(/_/g, " ")} ].replace(/_/g, " ")}
</p> </p>
<p> <p>
{t("dialog_nodeDetails_label_lastHeard")} {t("nodeDetails.lastHeard")}
{node.lastHeard === 0 {node.lastHeard === 0
? t("nodes_table_lastHeardStatus_never") ? t("nodesTable.lastHeardStatus.never", { ns: "nodes" })
: <TimeAgo timestamp={node.lastHeard * 1000} />} : <TimeAgo timestamp={node.lastHeard * 1000} />}
</p> </p>
<p> <p>
{t("dialog_nodeDetails_label_hardware")} {t("nodeDetails.hardware")}
{(Protobuf.Mesh.HardwareModel[node.user?.hwModel ?? 0] ?? {(Protobuf.Mesh.HardwareModel[node.user?.hwModel ?? 0] ??
t("common_unknown_short")) t("unknown.shortName"))
.replace(/_/g, " ")} .replace(/_/g, " ")}
</p> </p>
</div> </div>
@ -290,7 +293,7 @@ export const NodeDetailsDialog = ({
<div> <div>
<div className="text-slate-900 dark:text-slate-100 bg-slate-100 dark:bg-slate-800 p-3 rounded-lg mt-3"> <div className="text-slate-900 dark:text-slate-100 bg-slate-100 dark:bg-slate-800 p-3 rounded-lg mt-3">
<p className="text-lg font-semibold"> <p className="text-lg font-semibold">
{t("dialog_nodeDetails_label_position")} {t("nodeDetails.position")}
</p> </p>
{node.position {node.position
@ -299,7 +302,7 @@ export const NodeDetailsDialog = ({
{node.position.latitudeI && {node.position.latitudeI &&
node.position.longitudeI && ( node.position.longitudeI && (
<p> <p>
{t("dialog_locationResponse_label_coordinates")} {t("locationResponse.coordinates")}
<a <a
className="text-blue-500 dark:text-blue-400" className="text-blue-500 dark:text-blue-400"
href={`https://www.openstreetmap.org/?mlat=${ href={`https://www.openstreetmap.org/?mlat=${
@ -315,28 +318,28 @@ export const NodeDetailsDialog = ({
)} )}
{node.position.altitude && ( {node.position.altitude && (
<p> <p>
{t("dialog_locationResponse_label_altitude")} {t("locationResponse.altitude")}
{node.position.altitude} {node.position.altitude}
{t("dialog_locationResponse_unit_meter")} {t("unit.meter")}
</p> </p>
)} )}
</> </>
) )
: <p>{t("common_unknown_short")}</p>} : <p>{t("unknown.shortName")}</p>}
<Button <Button
onClick={handleRequestPosition} onClick={handleRequestPosition}
name="requestPosition" name="requestPosition"
className="mt-2" className="mt-2"
> >
<MapPinnedIcon className="mr-2" /> <MapPinnedIcon className="mr-2" />
{t("dialog_nodeDetails_button_requestPosition")} {t("nodeDetails.requestPosition")}
</Button> </Button>
</div> </div>
{node.deviceMetrics && ( {node.deviceMetrics && (
<div className="text-slate-900 dark:text-slate-100 bg-slate-100 dark:bg-slate-800 p-3 rounded-lg mt-3"> <div className="text-slate-900 dark:text-slate-100 bg-slate-100 dark:bg-slate-800 p-3 rounded-lg mt-3">
<p className="text-lg font-semibold text-slate-900 dark:text-slate-100"> <p className="text-lg font-semibold text-slate-900 dark:text-slate-100">
{t("dialog_nodeDetails_label_deviceMetrics")} {t("nodeDetails.deviceMetrics")}
</p> </p>
{deviceMetricsMap.map( {deviceMetricsMap.map(
(metric) => (metric) =>
@ -348,7 +351,7 @@ export const NodeDetailsDialog = ({
)} )}
{node.deviceMetrics.uptimeSeconds && ( {node.deviceMetrics.uptimeSeconds && (
<p> <p>
{t("dialog_nodeDetails_label_uptime")} {t("nodeDetails.uptime")}
<Uptime seconds={node.deviceMetrics.uptimeSeconds} /> <Uptime seconds={node.deviceMetrics.uptimeSeconds} />
</p> </p>
)} )}
@ -361,7 +364,7 @@ export const NodeDetailsDialog = ({
<AccordionItem className="AccordionItem" value="item-1"> <AccordionItem className="AccordionItem" value="item-1">
<AccordionTrigger> <AccordionTrigger>
<p className="text-lg font-semibold text-slate-900 dark:text-slate-50"> <p className="text-lg font-semibold text-slate-900 dark:text-slate-50">
{t("dialog_nodeDetails_label_allRawMetrics")} {t("nodeDetails.allRawMetrics")}
</p> </p>
</AccordionTrigger> </AccordionTrigger>
<AccordionContent className="overflow-x-scroll"> <AccordionContent className="overflow-x-scroll">

51
src/components/Dialog/PKIBackupDialog.tsx

@ -23,8 +23,8 @@ export const PkiBackupDialog = ({
open, open,
onOpenChange, onOpenChange,
}: PkiBackupDialogProps) => { }: PkiBackupDialogProps) => {
const { t } = useTranslation(); const { t } = useTranslation("dialog");
const { config, setDialogOpen } = useDevice(); const { config, setDialogOpen, getMyNode } = useDevice();
const privateKey = config.security?.privateKey; const privateKey = config.security?.privateKey;
const publicKey = config.security?.publicKey; const publicKey = config.security?.publicKey;
@ -48,7 +48,12 @@ export const PkiBackupDialog = ({
printWindow.document.write(` printWindow.document.write(`
<html> <html>
<head> <head>
<title>${t("dialog_pkiBackup_print_header")}</title> <title>${
t("pkiBackup.header", {
shortName: getMyNode()?.user?.shortName ?? t("unknown.shortName"),
longName: getMyNode()?.user?.longName ?? t("unknown.longName"),
})
}</title>
<style> <style>
body { font-family: Arial, sans-serif; padding: 20px; } body { font-family: Arial, sans-serif; padding: 20px; }
h1 { font-size: 18px; } h1 { font-size: 18px; }
@ -56,14 +61,18 @@ export const PkiBackupDialog = ({
</style> </style>
</head> </head>
<body> <body>
<h1>${t("dialog_pkiBackup_print_header")}</h1> <h1>${
<br> t("pkiBackup.header", {
<h2>${t("dialog_pkiBackup_print_label_publicKey")}</h2> shortName: getMyNode()?.user?.shortName ?? t("unknown.shortName"),
longName: getMyNode()?.user?.longName ?? t("unknown.longName"),
})
}</h1>
<h3>${t("pkiBackup.secureBackup")}</h3>
<h3>${t("pkiBackup.publicKey")}</h3>
<p>${decodeKeyData(publicKey)}</p> <p>${decodeKeyData(publicKey)}</p>
<h2>${t("dialog_pkiBackup_print_label_privateKey")}</h2> <h3>${t("pkiBackup.privateKey")}</h3>
<p>${decodeKeyData(privateKey)}</p> <p>${decodeKeyData(privateKey)}</p>
<br> <p>${t("pkiBackup.footer")}</p>
<p>${t("dialog_pkiBackup_print_footer")}</p>
</body> </body>
</html> </html>
`); `);
@ -80,12 +89,12 @@ export const PkiBackupDialog = ({
const decodedPublicKey = decodeKeyData(publicKey); const decodedPublicKey = decodeKeyData(publicKey);
const formattedContent = [ const formattedContent = [
`${t("dialog_pkiBackup_print_header")}\n\n`, `${t("pkiBackup.header")}\n\n`,
`${t("dialog_pkiBackup_print_label_privateKey")}\n`, `${t("pkiBackup.privateKey")}\n`,
decodedPrivateKey, decodedPrivateKey,
`\n\n${t("dialog_pkiBackup_print_label_publicKey")}\n`, `\n\n${t("pkiBackup.publicKey")}\n`,
decodedPublicKey, decodedPublicKey,
`\n\n${t("dialog_pkiBackup_print_footer")}`, `\n\n${t("pkiBackup.footer")}`,
].join(""); ].join("");
const blob = new Blob([formattedContent], { type: "text/plain" }); const blob = new Blob([formattedContent], { type: "text/plain" });
@ -93,7 +102,11 @@ export const PkiBackupDialog = ({
const link = document.createElement("a"); const link = document.createElement("a");
link.href = url; link.href = url;
link.download = "meshtastic_keys.txt"; link.download = t("pkiBackup.fileName", {
shortName: getMyNode()?.user?.shortName ?? t("unknown.shortName"),
longName: getMyNode()?.user?.longName ?? t("unknown.longName"),
});
link.style.display = "none"; link.style.display = "none";
document.body.appendChild(link); document.body.appendChild(link);
link.click(); link.click();
@ -107,13 +120,13 @@ export const PkiBackupDialog = ({
<DialogContent> <DialogContent>
<DialogClose /> <DialogClose />
<DialogHeader> <DialogHeader>
<DialogTitle>{t("dialog_pkiBackup_title")}</DialogTitle> <DialogTitle>{t("pkiBackup.title")}</DialogTitle>
<DialogDescription> <DialogDescription>
{t("dialog_pkiBackup_description_secureBackup")} {t("pkiBackup.secureBackup")}
</DialogDescription> </DialogDescription>
<DialogDescription> <DialogDescription>
<span className="font-bold break-before-auto"> <span className="font-bold break-before-auto">
{t("dialog_pkiBackup_description_loseKeysWarning")} {t("pkiBackup.loseKeysWarning")}
</span> </span>
</DialogDescription> </DialogDescription>
</DialogHeader> </DialogHeader>
@ -125,11 +138,11 @@ export const PkiBackupDialog = ({
className="" className=""
> >
<DownloadIcon size={20} className="mr-2" /> <DownloadIcon size={20} className="mr-2" />
{t("dialog_button_download")} {t("button.download")}
</Button> </Button>
<Button variant="default" onClick={() => renderPrintWindow()}> <Button variant="default" onClick={() => renderPrintWindow()}>
<PrinterIcon size={20} className="mr-2" /> <PrinterIcon size={20} className="mr-2" />
{t("dialog_button_print")} {t("button.print")}
</Button> </Button>
</DialogFooter> </DialogFooter>
</DialogContent> </DialogContent>

14
src/components/Dialog/PkiRegenerateDialog.tsx

@ -23,20 +23,20 @@ export interface PkiRegenerateDialogProps {
export const PkiRegenerateDialog = ({ export const PkiRegenerateDialog = ({
text = { text = {
title: "", // Default will be set by useTranslation title: "",
description: "", // Default will be set by useTranslation description: "",
button: "", // Default will be set by useTranslation button: "",
}, },
open, open,
onOpenChange, onOpenChange,
onSubmit, onSubmit,
}: PkiRegenerateDialogProps) => { }: PkiRegenerateDialogProps) => {
const { t } = useTranslation(); const { t } = useTranslation("dialog");
const dialogText = { const dialogText = {
title: text.title || t("dialog_pkiRegenerate_title_keyPair"), title: text.title || t("pkiRegenerate.title"),
description: text.description || description: text.description ||
t("dialog_pkiRegenerate_description_keyPair"), t("pkiRegenerate.description"),
button: text.button || t("dialog_pkiRegenerateDialog_buttonRegenerate"), button: text.button || t("button.regenerate"),
}; };
return ( return (
<Dialog open={open} onOpenChange={onOpenChange}> <Dialog open={open} onOpenChange={onOpenChange}>

19
src/components/Dialog/QRDialog.tsx

@ -31,7 +31,7 @@ export const QRDialog = ({
loraConfig, loraConfig,
channels, channels,
}: QRDialogProps) => { }: QRDialogProps) => {
const { t } = useTranslation(); const { t } = useTranslation("dialog");
const [selectedChannels, setSelectedChannels] = useState<number[]>([0]); const [selectedChannels, setSelectedChannels] = useState<number[]>([0]);
const [qrCodeUrl, setQrCodeUrl] = useState<string>(""); const [qrCodeUrl, setQrCodeUrl] = useState<string>("");
const [qrCodeAdd, setQrCodeAdd] = useState<boolean>(); const [qrCodeAdd, setQrCodeAdd] = useState<boolean>();
@ -67,9 +67,9 @@ export const QRDialog = ({
<DialogContent> <DialogContent>
<DialogClose /> <DialogClose />
<DialogHeader> <DialogHeader>
<DialogTitle>{t("dialog_qr_title")}</DialogTitle> <DialogTitle>{t("qr.title")}</DialogTitle>
<DialogDescription> <DialogDescription>
{t("dialog_qr_description")} {t("qr.description")}
</DialogDescription> </DialogDescription>
</DialogHeader> </DialogHeader>
<div className="grid gap-4 py-4"> <div className="grid gap-4 py-4">
@ -81,9 +81,12 @@ export const QRDialog = ({
{channel.settings?.name.length {channel.settings?.name.length
? channel.settings.name ? channel.settings.name
: channel.role === Protobuf.Channel.Channel_Role.PRIMARY : channel.role === Protobuf.Channel.Channel_Role.PRIMARY
? t("channel_name_primary") ? t("page.broadcastLabel", { ns: "channels" })
: `${ : `${
t("dialog_import_label_channelPrefix") t("page.channelIndex", {
ns: "channels",
index: channel.index,
})
}${channel.index}`} }${channel.index}`}
</Label> </Label>
<Checkbox <Checkbox
@ -120,7 +123,7 @@ export const QRDialog = ({
name="addChannels" name="addChannels"
onClick={() => setQrCodeAdd(true)} onClick={() => setQrCodeAdd(true)}
> >
{t("dialog_qr_button_addChannels")} {t("qr.addChannels")}
</button> </button>
<button <button
type="button" type="button"
@ -132,12 +135,12 @@ export const QRDialog = ({
name="replaceChannels" name="replaceChannels"
onClick={() => setQrCodeAdd(false)} onClick={() => setQrCodeAdd(false)}
> >
{t("dialog_qr_button_replaceChannels")} {t("qr.replaceChannels")}
</button> </button>
</div> </div>
</div> </div>
<DialogFooter> <DialogFooter>
<Label>{t("dialog_qr_label_sharableUrl")}</Label> <Label>{t("qr.sharableUrl")}</Label>
<Input <Input
value={qrCodeUrl} value={qrCodeUrl}
disabled disabled

8
src/components/Dialog/RebootDialog.tsx

@ -22,7 +22,7 @@ export const RebootDialog = ({
open, open,
onOpenChange, onOpenChange,
}: RebootDialogProps) => { }: RebootDialogProps) => {
const { t } = useTranslation(); const { t } = useTranslation("dialog");
const { connection } = useDevice(); const { connection } = useDevice();
const [time, setTime] = useState<number>(5); const [time, setTime] = useState<number>(5);
@ -33,10 +33,10 @@ export const RebootDialog = ({
<DialogClose /> <DialogClose />
<DialogHeader> <DialogHeader>
<DialogTitle> <DialogTitle>
{t("command_palette_contextual_command_schedule_reboot")} {t("reboot.title")}
</DialogTitle> </DialogTitle>
<DialogDescription> <DialogDescription>
{t("dialog_reboot_description")} {t("reboot.description")}
</DialogDescription> </DialogDescription>
</DialogHeader> </DialogHeader>
<div className="flex gap-2 p-4"> <div className="flex gap-2 p-4">
@ -60,7 +60,7 @@ export const RebootDialog = ({
}} }}
> >
<RefreshCwIcon className="mr-2" size={16} /> <RefreshCwIcon className="mr-2" size={16} />
{t("dialog_button_now")} {t("button.now")}
</Button> </Button>
</div> </div>
</DialogContent> </DialogContent>

15
src/components/Dialog/RebootOTADialog.tsx

@ -23,7 +23,7 @@ const DEFAULT_REBOOT_DELAY = 5; // seconds
export const RebootOTADialog = ( export const RebootOTADialog = (
{ open, onOpenChange }: RebootOTADialogProps, { open, onOpenChange }: RebootOTADialogProps,
) => { ) => {
const { t } = useTranslation(); const { t } = useTranslation("dialog");
const { connection } = useDevice(); const { connection } = useDevice();
const [time, setTime] = useState<number>(DEFAULT_REBOOT_DELAY); const [time, setTime] = useState<number>(DEFAULT_REBOOT_DELAY);
const [isScheduled, setIsScheduled] = useState(false); const [isScheduled, setIsScheduled] = useState(false);
@ -52,7 +52,6 @@ export const RebootOTADialog = (
await new Promise<void>((resolve) => { await new Promise<void>((resolve) => {
setTimeout(() => { setTimeout(() => {
console.log("Rebooting...");
resolve(); resolve();
}, delay * 1000); }, delay * 1000);
}).finally(() => { }).finally(() => {
@ -76,10 +75,10 @@ export const RebootOTADialog = (
<DialogClose /> <DialogClose />
<DialogHeader> <DialogHeader>
<DialogTitle> <DialogTitle>
{t("command_palette_contextual_command_reboot_to_ota_mode")} {t("rebootOta.title")}
</DialogTitle> </DialogTitle>
<DialogDescription> <DialogDescription>
{t("dialog_rebootOta_description")} {t("rebootOta.description")}
</DialogDescription> </DialogDescription>
</DialogHeader> </DialogHeader>
@ -91,7 +90,7 @@ export const RebootOTADialog = (
className="dark:text-slate-900 appearance-none" className="dark:text-slate-900 appearance-none"
value={inputValue} value={inputValue}
onChange={handleSetTime} onChange={handleSetTime}
placeholder={t("dialog_rebootOta_placeholder_enterDelay")} placeholder={t("rebootOta.enterDelay")}
/> />
<Button <Button
onClick={() => handleRebootWithTimeout()} onClick={() => handleRebootWithTimeout()}
@ -99,9 +98,7 @@ export const RebootOTADialog = (
className="w-9/12" className="w-9/12"
> >
<ClockIcon className="mr-2" size={18} /> <ClockIcon className="mr-2" size={18} />
{isScheduled {isScheduled ? t("rebootOta.scheduled") : t("rebootOta.title")}
? t("dialog_rebootOta_status_scheduled")
: t("command_palette_contextual_command_schedule_reboot")}
</Button> </Button>
</div> </div>
@ -111,7 +108,7 @@ export const RebootOTADialog = (
onClick={() => handleInstantReboot()} onClick={() => handleInstantReboot()}
> >
<RefreshCwIcon className="mr-2" size={16} /> <RefreshCwIcon className="mr-2" size={16} />
{t("dialog_button_rebootOtaNow")} {t("button.rebootOtaNow")}
</Button> </Button>
</DialogContent> </DialogContent>
</Dialog> </Dialog>

20
src/components/Dialog/RefreshKeysDialog/RefreshKeysDialog.tsx

@ -20,7 +20,7 @@ export interface RefreshKeysDialogProps {
export const RefreshKeysDialog = ( export const RefreshKeysDialog = (
{ open, onOpenChange }: RefreshKeysDialogProps, { open, onOpenChange }: RefreshKeysDialogProps,
) => { ) => {
const { t } = useTranslation(); const { t } = useTranslation("dialog");
const { activeChat } = useMessageStore(); const { activeChat } = useMessageStore();
const { nodeErrors, getNode } = useDevice(); const { nodeErrors, getNode } = useDevice();
const { handleCloseDialog, handleNodeRemove } = useRefreshKeysDialog(); const { handleCloseDialog, handleNodeRemove } = useRefreshKeysDialog();
@ -34,13 +34,13 @@ export const RefreshKeysDialog = (
const nodeWithError = getNode(nodeErrorNum.node); const nodeWithError = getNode(nodeErrorNum.node);
const text = { const text = {
title: `${t("dialog_refreshKeys_titlePrefix")}${ title: t("refreshKeys.title", {
nodeWithError?.user?.longName ?? "" identifier: nodeWithError?.user?.longName ?? "",
}`, }),
description: `${t("dialog_refreshKeys_description_unableToSendDmPrefix")}${ description: `${t("refreshKeys.description.unableToSendDmPrefix")}${
nodeWithError?.user?.longName ?? "" nodeWithError?.user?.longName ?? ""
} (${nodeWithError?.user?.shortName ?? ""})${ } (${nodeWithError?.user?.shortName ?? ""})${
t("dialog_refreshKeys_description_keyMismatchReasonSuffix") t("refreshKeys.description.keyMismatchReasonSuffix")
}`, }`,
}; };
@ -66,10 +66,10 @@ export const RefreshKeysDialog = (
<div className="flex flex-col gap-2"> <div className="flex flex-col gap-2">
<div> <div>
<p className="font-bold mb-0.5"> <p className="font-bold mb-0.5">
{t("dialog_refreshKeys_label_acceptNewKeys")} {t("refreshKeys.label.acceptNewKeys")}
</p> </p>
<p> <p>
{t("dialog_refreshKeys_description_acceptNewKeys")} {t("refreshKeys.description.acceptNewKeys")}
</p> </p>
</div> </div>
<Button <Button
@ -77,14 +77,14 @@ export const RefreshKeysDialog = (
name="requestNewKeys" name="requestNewKeys"
onClick={handleNodeRemove} onClick={handleNodeRemove}
> >
{t("dialog_button_requestNewKeys")} {t("button.requestNewKeys")}
</Button> </Button>
<Button <Button
variant="outline" variant="outline"
name="dismiss" name="dismiss"
onClick={handleCloseDialog} onClick={handleCloseDialog}
> >
{t("dialog_button_dismiss")} {t("button.dismiss")}
</Button> </Button>
</div> </div>
</li> </li>

8
src/components/Dialog/RemoveNodeDialog.tsx

@ -22,7 +22,7 @@ export const RemoveNodeDialog = ({
open, open,
onOpenChange, onOpenChange,
}: RemoveNodeDialogProps) => { }: RemoveNodeDialogProps) => {
const { t } = useTranslation(); const { t } = useTranslation("dialog");
const { connection, getNode, removeNode } = useDevice(); const { connection, getNode, removeNode } = useDevice();
const { nodeNumToBeRemoved } = useAppStore(); const { nodeNumToBeRemoved } = useAppStore();
@ -37,9 +37,9 @@ export const RemoveNodeDialog = ({
<DialogContent> <DialogContent>
<DialogClose /> <DialogClose />
<DialogHeader> <DialogHeader>
<DialogTitle>{t("dialog_removeNode_title")}</DialogTitle> <DialogTitle>{t("removeNode.title")}</DialogTitle>
<DialogDescription> <DialogDescription>
{t("dialog_removeNode_description")} {t("removeNode.description")}
</DialogDescription> </DialogDescription>
</DialogHeader> </DialogHeader>
<div className="gap-4"> <div className="gap-4">
@ -53,7 +53,7 @@ export const RemoveNodeDialog = ({
name="remove" name="remove"
onClick={() => onSubmit()} onClick={() => onSubmit()}
> >
{t("dialog_button_remove")} {t("button.remove")}
</Button> </Button>
</DialogFooter> </DialogFooter>
</DialogContent> </DialogContent>

10
src/components/Dialog/ShutdownDialog.tsx

@ -22,7 +22,7 @@ export const ShutdownDialog = ({
open, open,
onOpenChange, onOpenChange,
}: ShutdownDialogProps) => { }: ShutdownDialogProps) => {
const { t } = useTranslation(); const { t } = useTranslation("dialog");
const { connection } = useDevice(); const { connection } = useDevice();
const [time, setTime] = useState<number>(5); const [time, setTime] = useState<number>(5);
@ -33,10 +33,10 @@ export const ShutdownDialog = ({
<DialogClose /> <DialogClose />
<DialogHeader> <DialogHeader>
<DialogTitle> <DialogTitle>
{t("command_palette_contextual_command_schedule_shutdown")} {t("shutdown.title")}
</DialogTitle> </DialogTitle>
<DialogDescription> <DialogDescription>
{t("dialog_shutdown_description")} {t("shutdown.description")}
</DialogDescription> </DialogDescription>
</DialogHeader> </DialogHeader>
@ -45,7 +45,7 @@ export const ShutdownDialog = ({
type="number" type="number"
value={time} value={time}
onChange={(e) => setTime(Number.parseInt(e.target.value))} onChange={(e) => setTime(Number.parseInt(e.target.value))}
suffix={t("dialog_shutdown_suffix_minutes")} suffix={t("unit.minute.plural")}
/> />
<Button <Button
className="w-24" className="w-24"
@ -63,7 +63,7 @@ export const ShutdownDialog = ({
}} }}
> >
<PowerIcon className="mr-2" size={16} /> <PowerIcon className="mr-2" size={16} />
{t("dialog_button_now")} {t("button.now")}
</Button> </Button>
</div> </div>
</DialogContent> </DialogContent>

11
src/components/Dialog/TracerouteResponseDialog.tsx

@ -24,7 +24,7 @@ export const TracerouteResponseDialog = ({
open, open,
onOpenChange, onOpenChange,
}: TracerouteResponseDialogProps) => { }: TracerouteResponseDialogProps) => {
const { t } = useTranslation(); const { t } = useTranslation("dialog");
const { getNode } = useDevice(); const { getNode } = useDevice();
const route: number[] = traceroute?.data.route ?? []; const route: number[] = traceroute?.data.route ?? [];
const routeBack: number[] = traceroute?.data.routeBack ?? []; const routeBack: number[] = traceroute?.data.routeBack ?? [];
@ -32,11 +32,11 @@ export const TracerouteResponseDialog = ({
const snrBack = (traceroute?.data.snrBack ?? []).map((snr) => snr / 4); const snrBack = (traceroute?.data.snrBack ?? []).map((snr) => snr / 4);
const from = getNode(traceroute?.from ?? 0); const from = getNode(traceroute?.from ?? 0);
const longName = from?.user?.longName ?? const longName = from?.user?.longName ??
(from ? `!${numberToHexUnpadded(from?.num)}` : t("common_unknown_short")); (from ? `!${numberToHexUnpadded(from?.num)}` : t("unknown.shortName"));
const shortName = from?.user?.shortName ?? const shortName = from?.user?.shortName ??
(from (from
? `${numberToHexUnpadded(from?.num).substring(0, 4)}` ? `${numberToHexUnpadded(from?.num).substring(0, 4)}`
: t("common_unknown_short")); : t("unknown.shortName"));
const to = getNode(traceroute?.to ?? 0); const to = getNode(traceroute?.to ?? 0);
return ( return (
<Dialog open={open} onOpenChange={onOpenChange}> <Dialog open={open} onOpenChange={onOpenChange}>
@ -44,8 +44,9 @@ export const TracerouteResponseDialog = ({
<DialogClose /> <DialogClose />
<DialogHeader> <DialogHeader>
<DialogTitle> <DialogTitle>
{t("dialog_tracerouteResponse_titlePrefix")} {t("tracerouteResponse.title", {
{longName} ({shortName}) identifier: `${longName} (${shortName})`,
})}
</DialogTitle> </DialogTitle>
</DialogHeader> </DialogHeader>
<DialogDescription> <DialogDescription>

20
src/components/Dialog/UnsafeRolesDialog/UnsafeRolesDialog.tsx

@ -23,7 +23,7 @@ export interface RouterRoleDialogProps {
export const UnsafeRolesDialog = ( export const UnsafeRolesDialog = (
{ open, onOpenChange }: RouterRoleDialogProps, { open, onOpenChange }: RouterRoleDialogProps,
) => { ) => {
const { t } = useTranslation(); const { t } = useTranslation("dialog");
const [confirmState, setConfirmState] = useState(false); const [confirmState, setConfirmState] = useState(false);
const { setDialogOpen } = useDevice(); const { setDialogOpen } = useDevice();
@ -43,18 +43,18 @@ export const UnsafeRolesDialog = (
<DialogContent className="max-w-8 flex flex-col"> <DialogContent className="max-w-8 flex flex-col">
<DialogClose onClick={() => handleCloseDialog("dismiss")} /> <DialogClose onClick={() => handleCloseDialog("dismiss")} />
<DialogHeader> <DialogHeader>
<DialogTitle>{t("dialog_unsafeRoles_title")}</DialogTitle> <DialogTitle>{t("unsafeRoles.title")}</DialogTitle>
</DialogHeader> </DialogHeader>
<DialogDescription className="text-md"> <DialogDescription className="text-md">
{t("dialog_unsafeRoles_description_preamble")} {t("unsafeRoles.preamble")}
<Link href={deviceRoleLink} className=""> <Link href={deviceRoleLink} className="">
{t("dialog_unsafeRoles_link_deviceRoleDocumentation")} {t("unsafeRoles.deviceRoleDocumentation")}
</Link> </Link>
{t("dialog_unsafeRoles_description_conjunction")} {t("unsafeRoles.conjunction")}
<Link href={choosingTheRightDeviceRoleLink}> <Link href={choosingTheRightDeviceRoleLink}>
{t("dialog_unsafeRoles_link_choosingRightDeviceRole")} {t("unsafeRoles.choosingRightDeviceRole")}
</Link> </Link>
{t("dialog_unsafeRoles_description_postamble")} {t("unsafeRoles.postamble")}
</DialogDescription> </DialogDescription>
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<Checkbox <Checkbox
@ -63,7 +63,7 @@ export const UnsafeRolesDialog = (
onChange={() => setConfirmState(!confirmState)} onChange={() => setConfirmState(!confirmState)}
name="confirmUnderstanding" name="confirmUnderstanding"
> >
{t("dialog_unsafeRoles_checkbox_confirmUnderstanding")} {t("unsafeRoles.confirmUnderstanding")}
</Checkbox> </Checkbox>
</div> </div>
<DialogFooter className="mt-6"> <DialogFooter className="mt-6">
@ -72,7 +72,7 @@ export const UnsafeRolesDialog = (
name="dismiss" name="dismiss"
onClick={() => handleCloseDialog("dismiss")} onClick={() => handleCloseDialog("dismiss")}
> >
{t("dialog_button_dismiss")} {t("button.dismiss")}
</Button> </Button>
<Button <Button
variant="default" variant="default"
@ -80,7 +80,7 @@ export const UnsafeRolesDialog = (
disabled={!confirmState} disabled={!confirmState}
onClick={() => handleCloseDialog("confirm")} onClick={() => handleCloseDialog("confirm")}
> >
{t("dialog_button_confirm")} {t("button.confirm")}
</Button> </Button>
</DialogFooter> </DialogFooter>
</DialogContent> </DialogContent>

2
src/components/Dialog/UnsafeRolesDialog/useUnsafeRolesDialog.ts

@ -2,7 +2,7 @@ import { useCallback } from "react";
import { eventBus } from "@core/utils/eventBus.ts"; import { eventBus } from "@core/utils/eventBus.ts";
import { useDevice } from "@core/stores/deviceStore.ts"; import { useDevice } from "@core/stores/deviceStore.ts";
export const UNSAFE_ROLES = ["ROUTER", "REPEATER"]; export const UNSAFE_ROLES = ["ROUTER", "ROUTER_LATE", "REPEATER"];
export type UnsafeRole = typeof UNSAFE_ROLES[number]; export type UnsafeRole = typeof UNSAFE_ROLES[number];
export const useUnsafeRolesDialog = () => { export const useUnsafeRolesDialog = () => {

8
src/components/Form/FormMultiSelect.tsx

@ -24,7 +24,7 @@ export interface MultiSelectFieldProps<T> extends BaseFormBuilderProps<T> {
export function MultiSelectInput<T extends FieldValues>({ export function MultiSelectInput<T extends FieldValues>({
field, field,
}: GenericFormElementProps<T, MultiSelectFieldProps<T>>) { }: GenericFormElementProps<T, MultiSelectFieldProps<T>>) {
const { t } = useTranslation(); const { t } = useTranslation("deviceConfig");
const { enumValue, ...remainingProperties } = field.properties; const { enumValue, ...remainingProperties } = field.properties;
const isNewConfigStructure = const isNewConfigStructure =
@ -49,7 +49,8 @@ export function MultiSelectInput<T extends FieldValues>({
return ( return (
<MultiSelect {...remainingProperties}> <MultiSelect {...remainingProperties}>
{optionsToRender.map((option) => ( {optionsToRender.map((option) => {
return (
<MultiSelectItem <MultiSelectItem
key={option.key} key={option.key}
name={option.key} name={option.key}
@ -59,7 +60,8 @@ export function MultiSelectInput<T extends FieldValues>({
> >
{option.display} {option.display}
</MultiSelectItem> </MultiSelectItem>
))} );
})}
</MultiSelect> </MultiSelect>
); );
} }

4
src/components/KeyBackupReminder.tsx

@ -4,10 +4,10 @@ import { useTranslation } from "react-i18next";
export const KeyBackupReminder = () => { export const KeyBackupReminder = () => {
const { setDialogOpen } = useDevice(); const { setDialogOpen } = useDevice();
const { t } = useTranslation(); const { t } = useTranslation("dialog");
useBackupReminder({ useBackupReminder({
message: t("dialog_pkiBackup_message"), message: t("pkiBackup.description"),
onAccept: () => setDialogOpen("pkiBackup", true), onAccept: () => setDialogOpen("pkiBackup", true),
enabled: true, enabled: true,
}); });

60
src/components/LanguageSwitcher.tsx

@ -0,0 +1,60 @@
import clsx from "clsx";
import { useTranslation } from "react-i18next";
import useLang from "@core/hooks/useLang.ts";
import { Button } from "./UI/Button.tsx";
import { supportedLanguages } from "../i18n/config.ts";
import { DropdownMenu, DropdownMenuContent } from "./UI/DropdownMenu.tsx";
import { DropdownMenuTrigger } from "@radix-ui/react-dropdown-menu";
function LanguageSwitcher() {
const { t, i18n } = useTranslation();
const { set } = useLang();
return (
<DropdownMenu
i18nIsDynamicList={true}
data-testid="language-list"
>
<DropdownMenuTrigger>asdlkfj</DropdownMenuTrigger>
<DropdownMenuContent className="flex border border-b-2 border-b-gray-700 flex-col w-full items-stretch gap-1">
{supportedLanguages?.map((lang) => (
<li
key={lang.code}
className="list-none w-full"
data-testid={`language-item-${lang.code}`}
>
<Button
role="presentation"
className={clsx([
"flex flex-row justify-between items-center w-full",
"rounded-lg px-3 py-1 transition duration-75 cursor-default",
])}
onClick={() => set(lang.code)}
data-testid={`language-button-${lang.code}`}
data-selected={i18n.language === lang.code}
>
<div
className="flex flex-row items-center m-1 gap-3 p-1 overflow-hidden"
data-testid={`language-name-${lang.code}`}
>
{lang.name}
</div>
<div
className={clsx([
"pr-4 ml-2 flex items-center font-medium text-xs",
"text-iron dark:text-bombay",
])}
data-testid={`language-selected-indicator-${lang.code}`}
>
{i18n.language === lang.code &&
t("selected", { ns: "glossary" })}
</div>
</Button>
</li>
))}
</DropdownMenuContent>
</DropdownMenu>
);
}
export default LanguageSwitcher;

103
src/components/PageComponents/Channel.tsx

@ -16,7 +16,7 @@ export interface SettingsPanelProps {
export const Channel = ({ channel }: SettingsPanelProps) => { export const Channel = ({ channel }: SettingsPanelProps) => {
const { config, connection, addChannel } = useDevice(); const { config, connection, addChannel } = useDevice();
const { t } = useTranslation(); const { t } = useTranslation(["channels", "ui", "dialog"]);
const { toast } = useToast(); const { toast } = useToast();
const [pass, setPass] = useState<string>( const [pass, setPass] = useState<string>(
@ -44,7 +44,8 @@ export const Channel = ({ channel }: SettingsPanelProps) => {
}); });
connection?.setChannel(channel).then(() => { connection?.setChannel(channel).then(() => {
toast({ toast({
title: t("channel_form_toast_saved", { title: t("toast.savedChannel", {
ns: "ui",
channelName: channel.settings?.name, channelName: channel.settings?.name,
}), }),
}); });
@ -72,7 +73,7 @@ export const Channel = ({ channel }: SettingsPanelProps) => {
const validatePass = (input: string, count: number) => { const validatePass = (input: string, count: number) => {
if (input.length % 4 !== 0 || toByteArray(input).length !== count) { if (input.length % 4 !== 0 || toByteArray(input).length !== count) {
setValidationText( setValidationText(
t("channel_form_validation_psk_invalid", { bits: count * 8 }), t("validation.pskInvalid", { bits: count * 8 }),
); );
} else { } else {
setValidationText(undefined); setValidationText(undefined);
@ -116,21 +117,21 @@ export const Channel = ({ channel }: SettingsPanelProps) => {
}} }}
fieldGroups={[ fieldGroups={[
{ {
label: t("channel_form_field_group_settings_label"), label: t("settings.label"),
description: t("channel_form_field_group_settings_description"), description: t("settings.description"),
fields: [ fields: [
{ {
type: "select", type: "select",
name: "role", name: "role",
label: t("channel_form_field_role_label"), label: t("role.label"),
disabled: channel.index === 0, disabled: channel.index === 0,
description: t("channel_form_field_role_description"), description: t("role.description"),
properties: { properties: {
enumValue: channel.index === 0 enumValue: channel.index === 0
? { [t("channel_form_field_role_option_primary")]: 1 } ? { [t("role.options.primary")]: 1 }
: { : {
[t("channel_form_field_role_option_disabled")]: 0, [t("role.options.disabled")]: 0,
[t("channel_form_field_role_option_secondary")]: 2, [t("role.options.secondary")]: 2,
}, },
}, },
}, },
@ -138,15 +139,15 @@ export const Channel = ({ channel }: SettingsPanelProps) => {
type: "passwordGenerator", type: "passwordGenerator",
name: "settings.psk", name: "settings.psk",
id: "channel-psk", id: "channel-psk",
label: t("channel_form_field_psk_label"), label: t("psk.label"),
description: t("channel_form_field_psk_description"), description: t("psk.description"),
validationText: validationText, validationText: validationText,
devicePSKBitCount: bitCount ?? 0, devicePSKBitCount: bitCount ?? 0,
inputChange: inputChangeEvent, inputChange: inputChangeEvent,
selectChange: selectChangeEvent, selectChange: selectChangeEvent,
actionButtons: [ actionButtons: [
{ {
text: t("channel_form_field_psk_generate_button"), text: t("psk.generate"),
variant: "success", variant: "success",
onClick: preSharedClickEvent, onClick: preSharedClickEvent,
}, },
@ -161,104 +162,98 @@ export const Channel = ({ channel }: SettingsPanelProps) => {
{ {
type: "text", type: "text",
name: "settings.name", name: "settings.name",
label: t("channel_form_field_name_label"), label: t("name.label"),
description: t("channel_form_field_name_description"), description: t("name.description"),
}, },
{ {
type: "toggle", type: "toggle",
name: "settings.uplinkEnabled", name: "settings.uplinkEnabled",
label: t("channel_form_field_uplink_enabled_label"), label: t("uplinkEnabled.label"),
description: t("channel_form_field_uplink_enabled_description"), description: t("uplinkEnabled.description"),
}, },
{ {
type: "toggle", type: "toggle",
name: "settings.downlinkEnabled", name: "settings.downlinkEnabled",
label: t("channel_form_field_downlink_enabled_label"), label: t("downlinkEnabled.label"),
description: t( description: t("downlinkEnabled.description"),
"channel_form_field_downlink_enabled_description",
),
}, },
{ {
type: "select", type: "select",
name: "settings.moduleSettings.positionPrecision", name: "settings.moduleSettings.positionPrecision",
label: t("channel_form_field_position_precision_label"), label: t("positionPrecision.label"),
description: t( description: t("positionPrecision.description"),
"channel_form_field_position_precision_description",
),
properties: { properties: {
enumValue: config.display?.units === 0 enumValue: config.display?.units === 0
? { ? {
[t("channel_form_field_position_precision_option_none")]: [t("positionPrecision.options.none")]: 0,
0,
[ [
t("channel_form_field_position_precision_option_metric_km23") t("positionPrecision.options.metric_km23")
]: 10, ]: 10,
[ [
t("channel_form_field_position_precision_option_metric_km12") t("positionPrecision.options.metric_km12")
]: 11, ]: 11,
[ [
t("channel_form_field_position_precision_option_metric_km5_8") t("positionPrecision.options.metric_km5_8")
]: 12, ]: 12,
[ [
t("channel_form_field_position_precision_option_metric_km2_9") t("positionPrecision.options.metric_km2_9")
]: 13, ]: 13,
[ [
t("channel_form_field_position_precision_option_metric_km1_5") t("positionPrecision.options.metric_km1_5")
]: 14, ]: 14,
[ [
t("channel_form_field_position_precision_option_metric_m700") t("positionPrecision.options.metric_m700")
]: 15, ]: 15,
[ [
t("channel_form_field_position_precision_option_metric_m350") t("positionPrecision.options.metric_m350")
]: 16, ]: 16,
[ [
t("channel_form_field_position_precision_option_metric_m200") t("positionPrecision.options.metric_m200")
]: 17, ]: 17,
[ [
t("channel_form_field_position_precision_option_metric_m90") t("positionPrecision.options.metric_m90")
]: 18, ]: 18,
[ [
t("channel_form_field_position_precision_option_metric_m50") t("positionPrecision.options.metric_m50")
]: 19, ]: 19,
[ [
t("channel_form_field_position_precision_option_precise") t("positionPrecision.options.precise")
]: 32, ]: 32,
} }
: { : {
[t("channel_form_field_position_precision_option_none")]: [t("positionPrecision.options.none")]: 0,
0,
[ [
t("channel_form_field_position_precision_option_imperial_mi15") t("positionPrecision.options.imperial_mi15")
]: 10, ]: 10,
[ [
t("channel_form_field_position_precision_option_imperial_mi7_3") t("positionPrecision.options.imperial_mi7_3")
]: 11, ]: 11,
[ [
t("channel_form_field_position_precision_option_imperial_mi3_6") t("positionPrecision.options.imperial_mi3_6")
]: 12, ]: 12,
[ [
t("channel_form_field_position_precision_option_imperial_mi1_8") t("positionPrecision.options.imperial_mi1_8")
]: 13, ]: 13,
[ [
t("channel_form_field_position_precision_option_imperial_mi0_9") t("positionPrecision.options.imperial_mi0_9")
]: 14, ]: 14,
[ [
t("channel_form_field_position_precision_option_imperial_mi0_5") t("positionPrecision.options.imperial_mi0_5")
]: 15, ]: 15,
[ [
t("channel_form_field_position_precision_option_imperial_mi0_2") t("positionPrecision.options.imperial_mi0_2")
]: 16, ]: 16,
[ [
t("channel_form_field_position_precision_option_imperial_ft600") t("positionPrecision.options.imperial_ft600")
]: 17, ]: 17,
[ [
t("channel_form_field_position_precision_option_imperial_ft300") t("positionPrecision.options.imperial_ft300")
]: 18, ]: 18,
[ [
t("channel_form_field_position_precision_option_imperial_ft150") t("positionPrecision.options.imperial_ft150")
]: 19, ]: 19,
[ [
t("channel_form_field_position_precision_option_precise") t("positionPrecision.options.precise")
]: 32, ]: 32,
}, },
}, },
@ -269,9 +264,9 @@ export const Channel = ({ channel }: SettingsPanelProps) => {
/> />
<PkiRegenerateDialog <PkiRegenerateDialog
text={{ text={{
button: t("dialog_pkiRegenerateDialog_buttonRegenerate"), button: t("pkiRegenerateDialog.regenerate", { ns: "dialog" }),
title: t("dialog_pkiRegenerateDialog_title"), title: t("pkiRegenerateDialog.title", { ns: "dialog" }),
description: t("dialog_pkiRegenerateDialog_description"), description: t("pkiRegenerateDialog.description", { ns: "dialog" }),
}} }}
open={preSharedDialogOpen} open={preSharedDialogOpen}
onOpenChange={() => setPreSharedDialogOpen(false)} onOpenChange={() => setPreSharedDialogOpen(false)}

32
src/components/PageComponents/Config/Bluetooth.tsx

@ -17,7 +17,7 @@ export const Bluetooth = () => {
removeError, removeError,
clearErrors, clearErrors,
} = useAppStore(); } = useAppStore();
const { t } = useTranslation(); const { t } = useTranslation("deviceConfig");
const [bluetoothPin, setBluetoothPin] = useState( const [bluetoothPin, setBluetoothPin] = useState(
config?.bluetooth?.fixedPin.toString() ?? "", config?.bluetooth?.fixedPin.toString() ?? "",
@ -26,7 +26,7 @@ export const Bluetooth = () => {
const validateBluetoothPin = (pin: string) => { const validateBluetoothPin = (pin: string) => {
// if empty show error they need a pin set // if empty show error they need a pin set
if (pin === "") { if (pin === "") {
return addError("fixedPin", t("config_bluetooth_validation_pinRequired")); return addError("fixedPin", t("bluetooth.validation.pinRequired"));
} }
// clear any existing errors // clear any existing errors
@ -36,15 +36,12 @@ export const Bluetooth = () => {
if (pin[0] === "0") { if (pin[0] === "0") {
return addError( return addError(
"fixedPin", "fixedPin",
t("config_bluetooth_validation_pinCannotStartWithZero"), t("bluetooth.validation.pinCannotStartWithZero"),
); );
} }
// if it's not 6 digits show error // if it's not 6 digits show error
if (pin.length < 6) { if (pin.length < 6) {
return addError( return addError("fixedPin", t("bluetooth.validation.pinMustBeSixDigits"));
"fixedPin",
t("config_bluetooth_validation_pinMustBeSixDigits"),
);
} }
removeError("fixedPin"); removeError("fixedPin");
@ -77,21 +74,21 @@ export const Bluetooth = () => {
defaultValues={config.bluetooth} defaultValues={config.bluetooth}
fieldGroups={[ fieldGroups={[
{ {
label: t("config_bluetooth_groupLabel_bluetoothSettings"), label: t("bluetooth.title"),
description: t("config_bluetooth_groupDescription_bluetoothSettings"), description: t("bluetooth.description"),
notes: t("config_bluetooth_groupNotes_bluetoothWifiNote"), notes: t("bluetooth.note"),
fields: [ fields: [
{ {
type: "toggle", type: "toggle",
name: "enabled", name: "enabled",
label: t("config_bluetooth_fieldLabel_enabled"), label: t("bluetooth.enabled.label"),
description: t("config_bluetooth_fieldDescription_enabled"), description: t("bluetooth.enabled.description"),
}, },
{ {
type: "select", type: "select",
name: "mode", name: "mode",
label: t("config_bluetooth_fieldLabel_pairingMode"), label: t("bluetooth.pairingMode.label"),
description: t("config_bluetooth_fieldDescription_pairingMode"), description: t("bluetooth.pairingMode.description"),
selectChange: (e) => { selectChange: (e) => {
if (e !== "1") { if (e !== "1") {
setBluetoothPin(""); setBluetoothPin("");
@ -111,8 +108,8 @@ export const Bluetooth = () => {
{ {
type: "number", type: "number",
name: "fixedPin", name: "fixedPin",
label: t("config_bluetooth_fieldLabel_pin"), label: t("bluetooth.pin.label"),
description: t("config_bluetooth_fieldDescription_pin"), description: t("bluetooth.pin.description"),
validationText: hasFieldError("fixedPin") validationText: hasFieldError("fixedPin")
? getErrorMessage("fixedPin") ? getErrorMessage("fixedPin")
: "", : "",
@ -120,7 +117,8 @@ export const Bluetooth = () => {
disabledBy: [ disabledBy: [
{ {
fieldName: "mode", fieldName: "mode",
selector: Protobuf.Config.Config_BluetoothConfig_PairingMode selector:
Protobuf.Config.Config_BluetoothConfig_PairingMode
.FIXED_PIN, .FIXED_PIN,
invert: true, invert: true,
}, },

52
src/components/PageComponents/Config/Device/index.tsx

@ -8,7 +8,7 @@ import { useTranslation } from "react-i18next";
export const Device = () => { export const Device = () => {
const { config, setWorkingConfig } = useDevice(); const { config, setWorkingConfig } = useDevice();
const { t } = useTranslation(); const { t } = useTranslation("deviceConfig");
const { validateRoleSelection } = useUnsafeRolesDialog(); const { validateRoleSelection } = useUnsafeRolesDialog();
const onSubmit = (data: DeviceValidation) => { const onSubmit = (data: DeviceValidation) => {
@ -27,14 +27,14 @@ export const Device = () => {
defaultValues={config.device} defaultValues={config.device}
fieldGroups={[ fieldGroups={[
{ {
label: t("config_device_groupLabel_deviceSettings"), label: t("device.title"),
description: t("config_device_groupDescription_deviceSettings"), description: t("device.description"),
fields: [ fields: [
{ {
type: "select", type: "select",
name: "role", name: "role",
label: t("config_device_fieldLabel_role"), label: t("device.role.label"),
description: t("config_device_fieldDescription_role"), description: t("device.role.description"),
validate: validateRoleSelection, validate: validateRoleSelection,
properties: { properties: {
enumValue: Protobuf.Config.Config_DeviceConfig_Role, enumValue: Protobuf.Config.Config_DeviceConfig_Role,
@ -44,20 +44,20 @@ export const Device = () => {
{ {
type: "number", type: "number",
name: "buttonGpio", name: "buttonGpio",
label: t("config_device_fieldLabel_buttonPin"), label: t("device.buttonPin.label"),
description: t("config_device_fieldDescription_buttonPin"), description: t("device.buttonPin.description"),
}, },
{ {
type: "number", type: "number",
name: "buzzerGpio", name: "buzzerGpio",
label: t("config_device_fieldLabel_buzzerPin"), label: t("device.buzzerPin.label"),
description: t("config_device_fieldDescription_buzzerPin"), description: t("device.buzzerPin.description"),
}, },
{ {
type: "select", type: "select",
name: "rebroadcastMode", name: "rebroadcastMode",
label: t("config_device_fieldLabel_rebroadcastMode"), label: t("device.rebroadcastMode.label"),
description: t("config_device_fieldDescription_rebroadcastMode"), description: t("device.rebroadcastMode.description"),
properties: { properties: {
enumValue: Protobuf.Config.Config_DeviceConfig_RebroadcastMode, enumValue: Protobuf.Config.Config_DeviceConfig_RebroadcastMode,
formatEnumName: true, formatEnumName: true,
@ -66,35 +66,29 @@ export const Device = () => {
{ {
type: "number", type: "number",
name: "nodeInfoBroadcastSecs", name: "nodeInfoBroadcastSecs",
label: t("config_device_fieldLabel_nodeInfoBroadcastInterval"), label: t("device.nodeInfoBroadcastInterval.label"),
description: t( description: t("device.nodeInfoBroadcastInterval.description"),
"config_device_fieldDescription_nodeInfoBroadcastInterval",
),
properties: { properties: {
suffix: t("common_unit_seconds"), suffix: t("unit.second.plural"),
}, },
}, },
{ {
type: "toggle", type: "toggle",
name: "doubleTapAsButtonPress", name: "doubleTapAsButtonPress",
label: t("config_device_fieldLabel_doubleTapAsButtonPress"), label: t("device.doubleTapAsButtonPress.label"),
description: t( description: t("device.doubleTapAsButtonPress.description"),
"config_device_fieldDescription_doubleTapAsButtonPress",
),
}, },
{ {
type: "toggle", type: "toggle",
name: "disableTripleClick", name: "disableTripleClick",
label: t("config_device_fieldLabel_disableTripleClick"), label: t("device.disableTripleClick.label"),
description: t( description: t("device.disableTripleClick.description"),
"config_device_fieldDescription_disableTripleClick",
),
}, },
{ {
type: "text", type: "text",
name: "tzdef", name: "tzdef",
label: t("config_device_fieldLabel_posixTimezone"), label: t("device.posixTimezone.label"),
description: t("config_device_fieldDescription_posixTimezone"), description: t("device.posixTimezone.description"),
properties: { properties: {
fieldLength: { fieldLength: {
max: 64, max: 64,
@ -106,10 +100,8 @@ export const Device = () => {
{ {
type: "toggle", type: "toggle",
name: "ledHeartbeatDisabled", name: "ledHeartbeatDisabled",
label: t("config_device_fieldLabel_ledHeartbeatDisabled"), label: t("device.ledHeartbeatDisabled.label"),
description: t( description: t("device.ledHeartbeatDisabled.description"),
"config_device_fieldDescription_ledHeartbeatDisabled",
),
}, },
], ],
}, },

58
src/components/PageComponents/Config/Display.tsx

@ -7,7 +7,7 @@ import { useTranslation } from "react-i18next";
export const Display = () => { export const Display = () => {
const { config, setWorkingConfig } = useDevice(); const { config, setWorkingConfig } = useDevice();
const { t } = useTranslation(); const { t } = useTranslation("deviceConfig");
const onSubmit = (data: DisplayValidation) => { const onSubmit = (data: DisplayValidation) => {
setWorkingConfig( setWorkingConfig(
@ -26,23 +26,23 @@ export const Display = () => {
defaultValues={config.display} defaultValues={config.display}
fieldGroups={[ fieldGroups={[
{ {
label: t("config_display_groupLabel_displaySettings"), label: t("display.title"),
description: t("config_display_groupDescription_displaySettings"), description: t("display.description"),
fields: [ fields: [
{ {
type: "number", type: "number",
name: "screenOnSecs", name: "screenOnSecs",
label: t("config_display_fieldLabel_screenTimeout"), label: t("display.screenTimeout.label"),
description: t("config_display_fieldDescription_screenTimeout"), description: t("display.screenTimeout.description"),
properties: { properties: {
suffix: t("common_unit_seconds"), suffix: t("unit.second.plural"),
}, },
}, },
{ {
type: "select", type: "select",
name: "gpsFormat", name: "gpsFormat",
label: t("config_display_fieldLabel_gpsDisplayUnits"), label: t("display.gpsDisplayUnits.label"),
description: t("config_display_fieldDescription_gpsDisplayUnits"), description: t("display.gpsDisplayUnits.description"),
properties: { properties: {
enumValue: enumValue:
Protobuf.Config.Config_DisplayConfig_GpsCoordinateFormat, Protobuf.Config.Config_DisplayConfig_GpsCoordinateFormat,
@ -51,35 +51,35 @@ export const Display = () => {
{ {
type: "number", type: "number",
name: "autoScreenCarouselSecs", name: "autoScreenCarouselSecs",
label: t("config_display_fieldLabel_carouselDelay"), label: t("display.carouselDelay.label"),
description: t("config_display_fieldDescription_carouselDelay"), description: t("display.carouselDelay.description"),
properties: { properties: {
suffix: t("common_unit_seconds"), suffix: t("unit.second.plural"),
}, },
}, },
{ {
type: "toggle", type: "toggle",
name: "compassNorthTop", name: "compassNorthTop",
label: t("config_display_fieldLabel_compassNorthTop"), label: t("display.compassNorthTop.label"),
description: t("config_display_fieldDescription_compassNorthTop"), description: t("display.compassNorthTop.description"),
}, },
{ {
type: "toggle", type: "toggle",
name: "use12hClock", name: "use12hClock",
label: t("config_display_fieldLabel_twelveHourClock"), label: t("display.twelveHourClock.label"),
description: t("config_display_fieldDescription_twelveHourClock"), description: t("display.twelveHourClock.description"),
}, },
{ {
type: "toggle", type: "toggle",
name: "flipScreen", name: "flipScreen",
label: t("config_display_fieldLabel_flipScreen"), label: t("display.flipScreen.label"),
description: t("config_display_fieldDescription_flipScreen"), description: t("display.flipScreen.description"),
}, },
{ {
type: "select", type: "select",
name: "units", name: "units",
label: t("config_display_fieldLabel_displayUnits"), label: t("display.displayUnits.label"),
description: t("config_display_fieldDescription_displayUnits"), description: t("display.displayUnits.description"),
properties: { properties: {
enumValue: Protobuf.Config.Config_DisplayConfig_DisplayUnits, enumValue: Protobuf.Config.Config_DisplayConfig_DisplayUnits,
formatEnumName: true, formatEnumName: true,
@ -88,17 +88,17 @@ export const Display = () => {
{ {
type: "select", type: "select",
name: "oled", name: "oled",
label: t("config_display_fieldLabel_oledType"), label: t("display.oledType.label"),
description: t("config_display_fieldDescription_oledType"), description: t("display.oledType.description"),
properties: { properties: {
enumValue: Protobuf.Config.Config_DisplayConfig_OledType, enumValue: Protobuf.Config.Config_Displayjonfig_OledType,
}, },
}, },
{ {
type: "select", type: "select",
name: "displaymode", name: "displaymode",
label: t("config_display_fieldLabel_displayMode"), label: t("display.displayMode.label"),
description: t("config_display_fieldDescription_displayMode"), description: t("display.displayMode.descriptio"),
properties: { properties: {
enumValue: Protobuf.Config.Config_DisplayConfig_DisplayMode, enumValue: Protobuf.Config.Config_DisplayConfig_DisplayMode,
formatEnumName: true, formatEnumName: true,
@ -107,16 +107,14 @@ export const Display = () => {
{ {
type: "toggle", type: "toggle",
name: "headingBold", name: "headingBold",
label: t("config_display_fieldLabel_boldHeading"), label: t("display.headingBold.label"),
description: t("config_display_fieldDescription_boldHeading"), description: t("display.headingBold.description"),
}, },
{ {
type: "toggle", type: "toggle",
name: "wakeOnTapOrMotion", name: "wakeOnTapOrMotion",
label: t("config_display_fieldLabel_wakeOnTapOrMotion"), label: t("display.wakeOnTapOrMotion.label"),
description: t( description: t("display.wakeOnTapOrMotion.description"),
"config_display_fieldDescription_wakeOnTapOrMotion",
),
}, },
], ],
}, },

88
src/components/PageComponents/Config/LoRa.tsx

@ -7,7 +7,7 @@ import { useTranslation } from "react-i18next";
export const LoRa = () => { export const LoRa = () => {
const { config, setWorkingConfig } = useDevice(); const { config, setWorkingConfig } = useDevice();
const { t } = useTranslation(); const { t } = useTranslation("deviceConfig");
const onSubmit = (data: LoRaValidation) => { const onSubmit = (data: LoRaValidation) => {
setWorkingConfig( setWorkingConfig(
@ -26,14 +26,14 @@ export const LoRa = () => {
defaultValues={config.lora} defaultValues={config.lora}
fieldGroups={[ fieldGroups={[
{ {
label: t("config_lora_groupLabel_meshSettings"), label: t("lora.title"),
description: t("config_lora_groupDescription_meshSettings"), description: t("lora.description"),
fields: [ fields: [
{ {
type: "select", type: "select",
name: "region", name: "region",
label: t("config_lora_fieldLabel_region"), label: t("lora.region.label"),
description: t("config_lora_fieldDescription_region"), description: t("lora.region.description"),
properties: { properties: {
enumValue: Protobuf.Config.Config_LoRaConfig_RegionCode, enumValue: Protobuf.Config.Config_LoRaConfig_RegionCode,
}, },
@ -41,8 +41,8 @@ export const LoRa = () => {
{ {
type: "select", type: "select",
name: "hopLimit", name: "hopLimit",
label: t("config_lora_fieldLabel_hopLimit"), label: t("lora.hopLimit.label"),
description: t("config_lora_fieldDescription_hopLimit"), description: t("lora.hopLimit.description"),
properties: { properties: {
enumValue: { 1: 1, 2: 2, 3: 3, 4: 4, 5: 5, 6: 6, 7: 7 }, enumValue: { 1: 1, 2: 2, 3: 3, 4: 4, 5: 5, 6: 6, 7: 7 },
}, },
@ -50,38 +50,38 @@ export const LoRa = () => {
{ {
type: "number", type: "number",
name: "channelNum", name: "channelNum",
label: t("config_lora_fieldLabel_frequencySlot"), label: t("lora.frequencySlot.label"),
description: t("config_lora_fieldDescription_frequencySlot"), description: t("lora.frequencySlot.description"),
}, },
{ {
type: "toggle", type: "toggle",
name: "ignoreMqtt", name: "ignoreMqtt",
label: t("config_lora_fieldLabel_ignoreMqtt"), label: t("lora.ignoreMqtt.label"),
description: t("config_lora_fieldDescription_ignoreMqtt"), description: t("lora.ignoreMqtt.description"),
}, },
{ {
type: "toggle", type: "toggle",
name: "configOkToMqtt", name: "configOkToMqtt",
label: t("config_lora_fieldLabel_okToMqtt"), label: t("lora.okToMqtt.label"),
description: t("config_lora_fieldDescription_okToMqtt"), description: t("lora.okToMqtt.description"),
}, },
], ],
}, },
{ {
label: t("config_lora_groupLabel_waveformSettings"), label: t("lora.waveformSettings.label"),
description: t("config_lora_groupDescription_waveformSettings"), description: t("lora.waveformSettings.description"),
fields: [ fields: [
{ {
type: "toggle", type: "toggle",
name: "usePreset", name: "usePreset",
label: t("config_lora_fieldLabel_usePreset"), label: t("lora.usePreset.label"),
description: t("config_lora_fieldDescription_usePreset"), description: t("lora.usePreset.description"),
}, },
{ {
type: "select", type: "select",
name: "modemPreset", name: "modemPreset",
label: t("config_lora_fieldLabel_modemPreset"), label: t("lora.modemPreset.label"),
description: t("config_lora_fieldDescription_modemPreset"), description: t("lora.modemPreset.description"),
disabledBy: [ disabledBy: [
{ {
fieldName: "usePreset", fieldName: "usePreset",
@ -95,8 +95,8 @@ export const LoRa = () => {
{ {
type: "number", type: "number",
name: "bandwidth", name: "bandwidth",
label: t("config_lora_fieldLabel_bandwidth"), label: t("lora.bandwidth.label"),
description: t("config_lora_fieldDescription_bandwidth"), description: t("lora.bandwidth.description"),
disabledBy: [ disabledBy: [
{ {
fieldName: "usePreset", fieldName: "usePreset",
@ -104,14 +104,14 @@ export const LoRa = () => {
}, },
], ],
properties: { properties: {
suffix: t("common_unit_megahertz"), suffix: t("unit.megahertz"),
}, },
}, },
{ {
type: "number", type: "number",
name: "spreadFactor", name: "spreadFactor",
label: t("config_lora_fieldLabel_spreadingFactor"), label: t("lora.spreadingFactor.label"),
description: t("config_lora_fieldDescription_spreadingFactor"), description: t("lora.spreadingFactor.description"),
disabledBy: [ disabledBy: [
{ {
@ -120,14 +120,14 @@ export const LoRa = () => {
}, },
], ],
properties: { properties: {
suffix: t("common_unit_cps"), suffix: t("unit.cps"),
}, },
}, },
{ {
type: "number", type: "number",
name: "codingRate", name: "codingRate",
label: t("config_lora_fieldLabel_codingRate"), label: t("lora.codingRate.label"),
description: t("config_lora_fieldDescription_codingRate"), description: t("lora.codingRate.description"),
disabledBy: [ disabledBy: [
{ {
fieldName: "usePreset", fieldName: "usePreset",
@ -138,52 +138,52 @@ export const LoRa = () => {
], ],
}, },
{ {
label: t("config_lora_groupLabel_radioSettings"), label: t("lora.radioSettings.label"),
description: t("config_lora_groupDescription_radioSettings"), description: t("lora.radioSettings.description"),
fields: [ fields: [
{ {
type: "toggle", type: "toggle",
name: "txEnabled", name: "txEnabled",
label: t("config_lora_fieldLabel_transmitEnabled"), label: t("lora.transmitEnabled.label"),
description: t("config_lora_fieldDescription_transmitEnabled"), description: t("lora.transmitEnabled.description"),
}, },
{ {
type: "number", type: "number",
name: "txPower", name: "txPower",
label: t("config_lora_fieldLabel_transmitPower"), label: t("lora.transmitPower.label"),
description: t("config_lora_fieldDescription_transmitPower"), description: t("lora.transmitPower.description"),
properties: { properties: {
suffix: t("common_unit_dbm"), suffix: t("unit.dbm"),
}, },
}, },
{ {
type: "toggle", type: "toggle",
name: "overrideDutyCycle", name: "overrideDutyCycle",
label: t("config_lora_fieldLabel_overrideDutyCycle"), label: t("lora.overrideDutyCycle.label"),
description: t("config_lora_fieldDescription_overrideDutyCycle"), description: t("lora.overrideDutyCycle.description"),
}, },
{ {
type: "number", type: "number",
name: "frequencyOffset", name: "frequencyOffset",
label: t("config_lora_fieldLabel_frequencyOffset"), label: t("lora.frequencyOffset.label"),
description: t("config_lora_fieldDescription_frequencyOffset"), description: t("lora.frequencyOffset.description"),
properties: { properties: {
suffix: t("common_unit_hertz"), suffix: t("unit.hertz"),
}, },
}, },
{ {
type: "toggle", type: "toggle",
name: "sx126xRxBoostedGain", name: "sx126xRxBoostedGain",
label: t("config_lora_fieldLabel_boostedRxGain"), label: t("lora.boostedRxGain.label"),
description: t("config_lora_fieldDescription_boostedRxGain"), description: t("lora.boostedRxGain.description"),
}, },
{ {
type: "number", type: "number",
name: "overrideFrequency", name: "overrideFrequency",
label: t("config_lora_fieldLabel_overrideFrequency"), label: t("lora.overrideFrequency.label"),
description: t("config_lora_fieldDescription_overrideFrequency"), description: t("lora.overrideFrequency.description"),
properties: { properties: {
suffix: t("common_unit_megahertz"), suffix: t("unit.megahertz"),
step: 0.001, step: 0.001,
}, },
}, },

70
src/components/PageComponents/Config/Network/index.tsx

@ -15,7 +15,7 @@ import { useTranslation } from "react-i18next";
export const Network = () => { export const Network = () => {
const { config, setWorkingConfig } = useDevice(); const { config, setWorkingConfig } = useDevice();
const { t } = useTranslation(); const { t } = useTranslation("deviceConfig");
const onSubmit = (data: NetworkValidation) => { const onSubmit = (data: NetworkValidation) => {
const result = validateSchema(NetworkValidationSchema, data); const result = validateSchema(NetworkValidationSchema, data);
@ -65,21 +65,21 @@ export const Network = () => {
}} }}
fieldGroups={[ fieldGroups={[
{ {
label: t("config_network_groupLabel_wifiConfig"), label: t("network.title"),
description: t("config_network_groupDescription_wifiConfig"), description: t("network.description"),
notes: t("config_network_groupNotes_wifiBluetoothNote"), notes: t("network.note"),
fields: [ fields: [
{ {
type: "toggle", type: "toggle",
name: "wifiEnabled", name: "wifiEnabled",
label: t("config_network_fieldLabel_wifiEnabled"), label: t("network.wifiEnabled.label"),
description: t("config_network_fieldDescription_wifiEnabled"), description: t("network.wifiEnabled.description"),
}, },
{ {
type: "text", type: "text",
name: "wifiSsid", name: "wifiSsid",
label: t("config_network_fieldLabel_ssid"), label: t("network.ssid.label"),
description: t("config_network_fieldDescription_ssid"), description: t("network.ssid.label"),
disabledBy: [ disabledBy: [
{ {
fieldName: "wifiEnabled", fieldName: "wifiEnabled",
@ -89,8 +89,8 @@ export const Network = () => {
{ {
type: "password", type: "password",
name: "wifiPsk", name: "wifiPsk",
label: t("config_network_fieldLabel_psk"), label: t("network.psk.label"),
description: t("config_network_fieldDescription_psk"), description: t("network.psk.description"),
disabledBy: [ disabledBy: [
{ {
fieldName: "wifiEnabled", fieldName: "wifiEnabled",
@ -100,26 +100,26 @@ export const Network = () => {
], ],
}, },
{ {
label: t("config_network_groupLabel_ethernetConfig"), label: t("network.ethernetConfigSettings.label"),
description: t("config_network_groupDescription_ethernetConfig"), description: t("network.ethernetConfigSettings.description"),
fields: [ fields: [
{ {
type: "toggle", type: "toggle",
name: "ethEnabled", name: "ethEnabled",
label: t("config_network_fieldLabel_ethernetEnabled"), label: t("network.ethernetEnabled.label"),
description: t("config_network_fieldDescription_ethernetEnabled"), description: t("network.ethernetEnabled.description"),
}, },
], ],
}, },
{ {
label: t("config_network_groupLabel_ipConfig"), label: t("network.ipConfigSettings.label"),
description: t("config_network_groupDescription_ipConfig"), description: t("network.ipConfigSettings.description"),
fields: [ fields: [
{ {
type: "select", type: "select",
name: "addressMode", name: "addressMode",
label: t("config_network_fieldLabel_addressMode"), label: t("network.addressMode.label"),
description: t("config_network_fieldDescription_addressMode"), description: t("network.addressMode.description"),
properties: { properties: {
enumValue: Protobuf.Config.Config_NetworkConfig_AddressMode, enumValue: Protobuf.Config.Config_NetworkConfig_AddressMode,
}, },
@ -127,8 +127,8 @@ export const Network = () => {
{ {
type: "text", type: "text",
name: "ipv4Config.ip", name: "ipv4Config.ip",
label: t("config_network_fieldLabel_ip"), label: t("network.ip.label"),
description: t("config_network_fieldDescription_ip"), description: t("network.ip.description"),
disabledBy: [ disabledBy: [
{ {
fieldName: "addressMode", fieldName: "addressMode",
@ -140,8 +140,8 @@ export const Network = () => {
{ {
type: "text", type: "text",
name: "ipv4Config.gateway", name: "ipv4Config.gateway",
label: t("config_network_fieldLabel_gateway"), label: t("network.gateway.label"),
description: t("config_network_fieldDescription_gateway"), description: t("network.gateway.description"),
disabledBy: [ disabledBy: [
{ {
fieldName: "addressMode", fieldName: "addressMode",
@ -153,8 +153,8 @@ export const Network = () => {
{ {
type: "text", type: "text",
name: "ipv4Config.subnet", name: "ipv4Config.subnet",
label: t("config_network_fieldLabel_subnet"), label: t("network.subnet.label"),
description: t("config_network_fieldDescription_subnet"), description: t("network.subnet.description"),
disabledBy: [ disabledBy: [
{ {
fieldName: "addressMode", fieldName: "addressMode",
@ -166,8 +166,8 @@ export const Network = () => {
{ {
type: "text", type: "text",
name: "ipv4Config.dns", name: "ipv4Config.dns",
label: t("config_network_fieldLabel_dns"), label: t("network.dns.label"),
description: t("config_network_fieldDescription_dns"), description: t("network.dns.description"),
disabledBy: [ disabledBy: [
{ {
fieldName: "addressMode", fieldName: "addressMode",
@ -179,13 +179,13 @@ export const Network = () => {
], ],
}, },
{ {
label: t("config_network_groupLabel_udpConfig"), label: t("network.udpConfigSettings.label"),
description: t("config_network_groupDescription_udpConfig"), description: t("network.udpConfigSettings.description"),
fields: [ fields: [
{ {
type: "select", type: "select",
name: "enabledProtocols", name: "enabledProtocols",
label: t("config_network_fieldLabel_meshViaUdp"), label: t("network.meshViaUdp.label"),
properties: { properties: {
enumValue: Protobuf.Config.Config_NetworkConfig_ProtocolFlags, enumValue: Protobuf.Config.Config_NetworkConfig_ProtocolFlags,
formatEnumName: true, formatEnumName: true,
@ -194,24 +194,24 @@ export const Network = () => {
], ],
}, },
{ {
label: t("config_network_groupLabel_ntpConfig"), label: t("network.ntpConfigSettings.label"),
description: t("config_network_groupDescription_ntpConfig"), description: t("network.ntpConfigSettings.description"),
fields: [ fields: [
{ {
type: "text", type: "text",
name: "ntpServer", name: "ntpServer",
label: t("config_network_fieldLabel_ntpServer"), label: t("network.ntpServer.label"),
}, },
], ],
}, },
{ {
label: t("config_network_groupLabel_rsyslogConfig"), label: t("network.rsyslogConfigSettings.label"),
description: t("config_network_groupDescription_rsyslogConfig"), description: t("network.rsyslogConfigSettings.description"),
fields: [ fields: [
{ {
type: "text", type: "text",
name: "rsyslogServer", name: "rsyslogServer",
label: t("config_network_fieldLabel_rsyslogServer"), label: t("network.rsyslogServer.label"),
}, },
], ],
}, },

72
src/components/PageComponents/Config/Position.tsx

@ -15,7 +15,7 @@ export const Position = () => {
const { flagsValue, activeFlags, toggleFlag, getAllFlags } = usePositionFlags( const { flagsValue, activeFlags, toggleFlag, getAllFlags } = usePositionFlags(
config?.position?.positionFlags ?? 0, config?.position?.positionFlags ?? 0,
); );
const { t } = useTranslation(); const { t } = useTranslation("deviceConfig");
const onSubmit = (data: PositionValidation) => { const onSubmit = (data: PositionValidation) => {
return setWorkingConfig( return setWorkingConfig(
@ -44,22 +44,20 @@ export const Position = () => {
defaultValues={config.position} defaultValues={config.position}
fieldGroups={[ fieldGroups={[
{ {
label: t("config_position_groupLabel_positionSettings"), label: t("position.title"),
description: t("config_position_groupDescription_positionSettings"), description: t("position.description"),
fields: [ fields: [
{ {
type: "toggle", type: "toggle",
name: "positionBroadcastSmartEnabled", name: "positionBroadcastSmartEnabled",
label: t("config_position_fieldLabel_smartPositionEnabled"), label: t("position.smartPositionEnabled.label"),
description: t( description: t("position.smartPositionEnabled.description"),
"config_position_fieldDescription_smartPositionEnabled",
),
}, },
{ {
type: "select", type: "select",
name: "gpsMode", name: "gpsMode",
label: t("config_position_fieldLabel_gpsMode"), label: t("position.gpsMode.label"),
description: t("config_position_fieldDescription_gpsMode"), description: t("position.gpsMode.description"),
properties: { properties: {
enumValue: Protobuf.Config.Config_PositionConfig_GpsMode, enumValue: Protobuf.Config.Config_PositionConfig_GpsMode,
}, },
@ -67,8 +65,8 @@ export const Position = () => {
{ {
type: "toggle", type: "toggle",
name: "fixedPosition", name: "fixedPosition",
label: t("config_position_fieldLabel_fixedPosition"), label: t("position.fixedPosition.label"),
description: t("config_position_fieldDescription_fixedPosition"), description: t("position.fixedPosition.description"),
}, },
{ {
type: "multiSelect", type: "multiSelect",
@ -77,11 +75,9 @@ export const Position = () => {
isChecked: (name: string) => isChecked: (name: string) =>
activeFlags?.includes(name as FlagName) ?? false, activeFlags?.includes(name as FlagName) ?? false,
onValueChange: onPositonFlagChange, onValueChange: onPositonFlagChange,
label: t("config_position_fieldLabel_positionFlags"), label: t("position.positionFlags.label"),
placeholder: t( placeholder: t("position.positionFlags.placeholder"),
"config_position_fieldPlaceholder_selectPositionFlags", description: t("position.positionFlags.description"),
),
description: t("config_position_fieldDescription_positionFlags"),
properties: { properties: {
enumValue: getAllFlags(), enumValue: getAllFlags(),
}, },
@ -89,56 +85,50 @@ export const Position = () => {
{ {
type: "number", type: "number",
name: "rxGpio", name: "rxGpio",
label: t("config_position_fieldLabel_receivePin"), label: t("position.receivePin.label"),
description: t("config_position_fieldDescription_receivePin"), description: t("position.receivePin.description"),
}, },
{ {
type: "number", type: "number",
name: "txGpio", name: "txGpio",
label: t("config_position_fieldLabel_transmitPin"), label: t("position.transmitPin.label"),
description: t("config_position_fieldDescription_transmitPin"), description: t("position.transmitPin.description"),
}, },
{ {
type: "number", type: "number",
name: "gpsEnGpio", name: "gpsEnGpio",
label: t("config_position_fieldLabel_enablePin"), label: t("position.enablePin.label"),
description: t("config_position_fieldDescription_enablePin"), description: t("position.enablePin.description"),
}, },
], ],
}, },
{ {
label: t("config_position_groupLabel_intervals"), label: t("position.intervalsSettings.label"),
description: t("config_position_groupDescription_intervals"), description: t("position.intervalsSettings.description"),
fields: [ fields: [
{ {
type: "number", type: "number",
name: "positionBroadcastSecs", name: "positionBroadcastSecs",
label: t("config_position_fieldLabel_broadcastInterval"), label: t("position.broadcastInterval.label"),
description: t( description: t("position.broadcastInterval.description"),
"config_position_fieldDescription_broadcastInterval",
),
properties: { properties: {
suffix: t("common_unit_seconds"), suffix: t("unit.second.plural"),
}, },
}, },
{ {
type: "number", type: "number",
name: "gpsUpdateInterval", name: "gpsUpdateInterval",
label: t("config_position_fieldLabel_gpsUpdateInterval"), label: t("position.gpsUpdateInterval.label"),
description: t( description: t("position.gpsUpdateInterval.description"),
"config_position_fieldDescription_gpsUpdateInterval",
),
properties: { properties: {
suffix: t("common_unit_seconds"), suffix: t("unit.second.plural"),
}, },
}, },
{ {
type: "number", type: "number",
name: "broadcastSmartMinimumDistance", name: "broadcastSmartMinimumDistance",
label: t("config_position_fieldLabel_smartPositionMinDistance"), label: t("position.smartPositionMinDistance.label"),
description: t( description: t("position.smartPositionMinDistance.description"),
"config_position_fieldDescription_smartPositionMinDistance",
),
disabledBy: [ disabledBy: [
{ {
fieldName: "positionBroadcastSmartEnabled", fieldName: "positionBroadcastSmartEnabled",
@ -148,10 +138,8 @@ export const Position = () => {
{ {
type: "number", type: "number",
name: "broadcastSmartMinimumIntervalSecs", name: "broadcastSmartMinimumIntervalSecs",
label: t("config_position_fieldLabel_smartPositionMinInterval"), label: t("position.smartPositionMinInterval.label"),
description: t( description: t("position.smartPositionMinInterval.description"),
"config_position_fieldDescription_smartPositionMinInterval",
),
disabledBy: [ disabledBy: [
{ {
fieldName: "positionBroadcastSmartEnabled", fieldName: "positionBroadcastSmartEnabled",

64
src/components/PageComponents/Config/Power.tsx

@ -7,7 +7,7 @@ import { useTranslation } from "react-i18next";
export const Power = () => { export const Power = () => {
const { config, setWorkingConfig } = useDevice(); const { config, setWorkingConfig } = useDevice();
const { t } = useTranslation(); const { t } = useTranslation("deviceConfig");
const onSubmit = (data: PowerValidation) => { const onSubmit = (data: PowerValidation) => {
setWorkingConfig( setWorkingConfig(
@ -26,35 +26,29 @@ export const Power = () => {
defaultValues={config.power} defaultValues={config.power}
fieldGroups={[ fieldGroups={[
{ {
label: t("config_power_groupLabel_powerConfig"), label: t("power.powerConfigSettings.label"),
description: t("config_power_groupDescription_powerConfig"), description: t("power.powerConfigSettings.description"),
fields: [ fields: [
{ {
type: "toggle", type: "toggle",
name: "isPowerSaving", name: "isPowerSaving",
label: t("config_power_fieldLabel_powerSavingEnabled"), label: t("power.powerSavingEnabled.label"),
description: t( description: t("power.powerSavingEnabled.description"),
"config_power_fieldDescription_powerSavingEnabled",
),
}, },
{ {
type: "number", type: "number",
name: "onBatteryShutdownAfterSecs", name: "onBatteryShutdownAfterSecs",
label: t("config_power_fieldLabel_shutdownOnBatteryDelay"), label: t("power.shutdownOnBatteryDelay.label"),
description: t( description: t("power.shutdownOnBatteryDelay.description"),
"config_power_fieldDescription_shutdownOnBatteryDelay",
),
properties: { properties: {
suffix: t("common_unit_seconds"), suffix: t("unit.second.plural"),
}, },
}, },
{ {
type: "number", type: "number",
name: "adcMultiplierOverride", name: "adcMultiplierOverride",
label: t("config_power_fieldLabel_adcMultiplierOverride"), label: t("power.adcMultiplierOverride.label"),
description: t( description: t("power.adcMultiplierOverride.description"),
"config_power_fieldDescription_adcMultiplierOverride",
),
properties: { properties: {
step: 0.0001, step: 0.0001,
}, },
@ -62,55 +56,49 @@ export const Power = () => {
{ {
type: "number", type: "number",
name: "waitBluetoothSecs", name: "waitBluetoothSecs",
label: t("config_power_fieldLabel_noConnectionBluetoothDisabled"), label: t("power.noConnectionBluetoothDisabled.label"),
description: t( description: t("power.noConnectionBluetoothDisabled.description"),
"config_power_fieldDescription_noConnectionBluetoothDisabled",
),
properties: { properties: {
suffix: t("common_unit_seconds"), suffix: t("unit.second.plural"),
}, },
}, },
{ {
type: "number", type: "number",
name: "deviceBatteryInaAddress", name: "deviceBatteryInaAddress",
label: t("config_power_fieldLabel_ina219Address"), label: t("power.ina219Address.label"),
description: t("config_power_fieldDescription_ina219Address"), description: t("power.ina219Address.description"),
}, },
], ],
}, },
{ {
label: t("config_power_groupLabel_sleepSettings"), label: t("power.sleepSettings.label"),
description: t("config_power_groupDescription_sleepSettings"), description: t("power.sleepSettings.description"),
fields: [ fields: [
{ {
type: "number", type: "number",
name: "sdsSecs", name: "sdsSecs",
label: t("config_power_fieldLabel_superDeepSleepDuration"), label: t("power.superDeepSleepDuration.label"),
description: t( description: t("power.superDeepSleepDuration.description"),
"config_power_fieldDescription_superDeepSleepDuration",
),
properties: { properties: {
suffix: t("common_unit_seconds"), suffix: t("unit.second.plural"),
}, },
}, },
{ {
type: "number", type: "number",
name: "lsSecs", name: "lsSecs",
label: t("config_power_fieldLabel_lightSleepDuration"), label: t("power.lightSleepDuration.label"),
description: t( description: t("power.lightSleepDuration.description"),
"config_power_fieldDescription_lightSleepDuration",
),
properties: { properties: {
suffix: t("common_unit_seconds"), suffix: t("unit.second.plural"),
}, },
}, },
{ {
type: "number", type: "number",
name: "minWakeSecs", name: "minWakeSecs",
label: t("config_power_fieldLabel_minimumWakeTime"), label: t("power.minimumWakeTime.label"),
description: t("config_power_fieldDescription_minimumWakeTime"), description: t("power.minimumWakeTime.description"),
properties: { properties: {
suffix: t("common_unit_seconds"), suffix: t("unit.second.plural"),
}, },
}, },
], ],

148
src/components/PageComponents/Config/Security/Security.tsx

@ -22,7 +22,7 @@ export const Security = () => {
removeError, removeError,
clearErrors, clearErrors,
} = useAppStore(); } = useAppStore();
const { t } = useTranslation(); const { t } = useTranslation("deviceConfig");
const [state, dispatch] = useReducer(securityReducer, { const [state, dispatch] = useReducer(securityReducer, {
privateKey: fromByteArray(config.security?.privateKey ?? new Uint8Array(0)), privateKey: fromByteArray(config.security?.privateKey ?? new Uint8Array(0)),
@ -52,23 +52,18 @@ export const Security = () => {
try { try {
removeError(fieldNameKey); removeError(fieldNameKey);
if (fieldName === "privateKey" && input === "") { if (fieldName === "privateKey" && input === "") {
addError( addError(fieldNameKey, t("security.validation.privateKeyRequired"));
fieldNameKey,
t("config_security_validation_privateKeyRequired"),
);
return; return;
} }
if (fieldName === "adminKey" && input === "") { if (fieldName === "adminKey" && input === "") {
if ( if (
state.isManaged && state.adminKey state.isManaged &&
.map((v, i) => i === fieldIndex ? input : v) state.adminKey
.map((v, i) => (i === fieldIndex ? input : v))
.every((s) => s === "") .every((s) => s === "")
) { ) {
addError( addError("adminKey0", t("security."));
"adminKey0",
t("config_security_validation_adminKeyRequiredWhenManaged"),
);
} }
return; return;
@ -78,8 +73,8 @@ export const Security = () => {
addError( addError(
fieldNameKey, fieldNameKey,
fieldName === "privateKey" fieldName === "privateKey"
? t("config_security_validation_privateKeyMustBe256BitPsk") ? t("security.validation.privateKeyMustBe256BitPsk")
: t("config_security_validation_adminKeyMustBe256BitPsk"), : t("security.validation.adminKeyMustBe256BitPsk"),
); );
return; return;
} }
@ -88,7 +83,7 @@ export const Security = () => {
if (decoded.length !== count) { if (decoded.length !== count) {
addError( addError(
fieldNameKey, fieldNameKey,
t("config_security_validation_enterValid256BitPsk", { t("security.validation.enterValid256BitPsk", {
bits: count * 8, bits: count * 8,
}), }),
); );
@ -99,15 +94,13 @@ export const Security = () => {
addError( addError(
fieldNameKey, fieldNameKey,
fieldName === "privateKey" fieldName === "privateKey"
? t("config_security_validation_invalidPrivateKeyFormat") ? t("security.validation.invalidPrivateKeyFormat")
: t("config_security_validation_invalidAdminKeyFormat"), : t("security.validation.invalidAdminKeyFormat"),
); );
} }
}; };
function setSecurityPayload( function setSecurityPayload(overrides: SecurityConfigInit) {
overrides: SecurityConfigInit,
) {
const base: SecurityConfigInit = { const base: SecurityConfigInit = {
isManaged: state.isManaged, isManaged: state.isManaged,
adminChannelEnabled: state.adminChannelEnabled, adminChannelEnabled: state.adminChannelEnabled,
@ -214,13 +207,12 @@ export const Security = () => {
) => { ) => {
dispatch({ type: "SET_TOGGLE", field, payload: next }); dispatch({ type: "SET_TOGGLE", field, payload: next });
if ( if (field === "isManaged" && state.adminKey.every((s) => s === "")) {
field === "isManaged" && state.adminKey.every((s) => s === "") if (next) {
) { // If enabling 'managed' and no admin keys are set
if (next) { // If enabling 'managed' and no admin keys are set
addError( addError(
"adminKey0", "adminKey0",
t("config_security_validation_adminKeyRequiredWhenManaged"), t("security.validation.adminKeyRequiredWhenManaged"),
); );
} else { } else {
removeError("adminKey0"); removeError("adminKey0");
@ -262,20 +254,22 @@ export const Security = () => {
}} }}
fieldGroups={[ fieldGroups={[
{ {
label: t("config_security_groupLabel_securitySettings"), label: t("security.title"),
description: t("config_security_groupDescription_securitySettings"), description: t("security.description"),
fields: [ fields: [
{ {
type: "passwordGenerator", type: "passwordGenerator",
id: "pskInput", id: "pskInput",
name: "privateKey", name: "privateKey",
label: t("config_security_fieldLabel_privateKey"), label: t("security.privateKey.label"),
description: t("config_security_fieldDescription_privateKey"), description: t("security.privateKey.description"),
bits: [{ bits: [
text: t("config_security_option_256bit"), {
text: t("security.256bit"),
value: "32", value: "32",
key: "bit256", key: "bit256",
}], },
],
validationText: hasFieldError("privateKey") validationText: hasFieldError("privateKey")
? getErrorMessage("privateKey") ? getErrorMessage("privateKey")
: "", : "",
@ -285,7 +279,7 @@ export const Security = () => {
hide: !state.privateKeyVisible, hide: !state.privateKeyVisible,
actionButtons: [ actionButtons: [
{ {
text: t("common_button_generate"), text: t("button.generate"),
onClick: () => onClick: () =>
dispatch({ dispatch({
type: "SHOW_PRIVATE_KEY_DIALOG", type: "SHOW_PRIVATE_KEY_DIALOG",
@ -294,7 +288,7 @@ export const Security = () => {
variant: "success", variant: "success",
}, },
{ {
text: t("config_security_button_backupKey"), text: t("button.backupKey"),
onClick: () => setDialogOpen("pkiBackup", true), onClick: () => setDialogOpen("pkiBackup", true),
variant: "subtle", variant: "subtle",
}, },
@ -308,9 +302,9 @@ export const Security = () => {
{ {
type: "text", type: "text",
name: "publicKey", name: "publicKey",
label: t("config_security_fieldLabel_publicKey"), label: t("security.publicKey.label"),
disabled: true, disabled: true,
description: t("config_security_fieldDescription_publicKey"), description: t("security.publicKey.description"),
properties: { properties: {
value: state.publicKey, value: state.publicKey,
showCopyButton: true, showCopyButton: true,
@ -319,27 +313,27 @@ export const Security = () => {
], ],
}, },
{ {
label: t("config_security_groupLabel_adminSettings"), label: t("security.adminSettings.label"),
description: t("config_security_groupDescription_adminSettings"), description: t("security.adminSettings.description"),
fields: [ fields: [
{ {
type: "passwordGenerator", type: "passwordGenerator",
name: "adminKey.0", name: "adminKey.0",
id: "adminKey0Input", id: "adminKey0Input",
label: t("config_security_fieldLabel_primaryAdminKey"), label: t("security.primaryAdminKey.label"),
description: t( description: t("security.primaryAdminKey.description"),
"config_security_fieldDescription_primaryAdminKey",
),
validationText: hasFieldError("adminKey0") validationText: hasFieldError("adminKey0")
? getErrorMessage("adminKey0") ? getErrorMessage("adminKey0")
: "", : "",
inputChange: (e) => adminKeyInputChangeEvent(e, 0), inputChange: (e) => adminKeyInputChangeEvent(e, 0),
selectChange: () => {}, selectChange: () => {},
bits: [{ bits: [
text: t("config_security_option_256bit"), {
text: t("security.256bit"),
value: "32", value: "32",
key: "bit256", key: "bit256",
}], },
],
devicePSKBitCount: state.privateKeyBitCount, devicePSKBitCount: state.privateKeyBitCount,
hide: !state.adminKeyVisible[0], hide: !state.adminKeyVisible[0],
actionButtons: [], actionButtons: [],
@ -356,20 +350,20 @@ export const Security = () => {
type: "passwordGenerator", type: "passwordGenerator",
name: "adminKey.1", name: "adminKey.1",
id: "adminKey1Input", id: "adminKey1Input",
label: t("config_security_fieldLabel_secondaryAdminKey"), label: t("security.secondaryAdminKey.label"),
description: t( description: t("security.secondaryAdminKey.description"),
"config_security_fieldDescription_secondaryAdminKey",
),
validationText: hasFieldError("adminKey1") validationText: hasFieldError("adminKey1")
? getErrorMessage("adminKey1") ? getErrorMessage("adminKey1")
: "", : "",
inputChange: (e) => adminKeyInputChangeEvent(e, 1), inputChange: (e) => adminKeyInputChangeEvent(e, 1),
selectChange: () => {}, selectChange: () => {},
bits: [{ bits: [
text: t("config_security_option_256bit"), {
text: t("security.256bit"),
value: "32", value: "32",
key: "bit256", key: "bit256",
}], },
],
devicePSKBitCount: state.privateKeyBitCount, devicePSKBitCount: state.privateKeyBitCount,
hide: !state.adminKeyVisible[1], hide: !state.adminKeyVisible[1],
actionButtons: [], actionButtons: [],
@ -386,20 +380,20 @@ export const Security = () => {
type: "passwordGenerator", type: "passwordGenerator",
name: "adminKey.2", name: "adminKey.2",
id: "adminKey2Input", id: "adminKey2Input",
label: t("config_security_fieldLabel_tertiaryAdminKey"), label: t("security.tertiaryAdminKey.label"),
description: t( description: t("security.tertiaryAdminKey.description"),
"config_security_fieldDescription_tertiaryAdminKey",
),
validationText: hasFieldError("adminKey2") validationText: hasFieldError("adminKey2")
? getErrorMessage("adminKey2") ? getErrorMessage("adminKey2")
: "", : "",
inputChange: (e) => adminKeyInputChangeEvent(e, 2), inputChange: (e) => adminKeyInputChangeEvent(e, 2),
selectChange: () => {}, selectChange: () => {},
bits: [{ bits: [
text: t("config_security_option_256bit"), {
text: t("security.256bit"),
value: "32", value: "32",
key: "bit256", key: "bit256",
}], },
],
devicePSKBitCount: state.privateKeyBitCount, devicePSKBitCount: state.privateKeyBitCount,
hide: !state.adminKeyVisible[2], hide: !state.adminKeyVisible[2],
actionButtons: [], actionButtons: [],
@ -415,26 +409,22 @@ export const Security = () => {
{ {
type: "toggle", type: "toggle",
name: "isManaged", name: "isManaged",
label: t("config_security_fieldLabel_managed"), label: t("security.managed.label"),
description: t("config_security_fieldDescription_managed"), description: t("security.managed.description"),
inputChange: (e: boolean) => onToggleChange("isManaged", e), inputChange: (e: boolean) => onToggleChange("isManaged", e),
properties: { properties: {
checked: state.isManaged, checked: state.isManaged,
}, },
disabled: ( disabled: (hasFieldError("adminKey0") ||
(hasFieldError("adminKey0") ||
hasFieldError("adminKey1") || hasFieldError("adminKey1") ||
hasFieldError("adminKey2")) && hasFieldError("adminKey2")) &&
!state.adminKey.every((s) => s === "") !state.adminKey.every((s) => s === ""),
),
}, },
{ {
type: "toggle", type: "toggle",
name: "adminChannelEnabled", name: "adminChannelEnabled",
label: t("config_security_fieldLabel_allowLegacyAdmin"), label: t("security.adminChannelEnabled.label"),
description: t( description: t("security.adminChannelEnabled.description"),
"config_security_fieldDescription_adminChannelEnabled",
),
inputChange: (e: boolean) => inputChange: (e: boolean) =>
onToggleChange("adminChannelEnabled", e), onToggleChange("adminChannelEnabled", e),
properties: { properties: {
@ -444,16 +434,14 @@ export const Security = () => {
], ],
}, },
{ {
label: t("config_security_groupLabel_loggingSettings"), label: t("security.loggingSettings.label"),
description: t("config_security_groupDescription_loggingSettings"), description: t("security.loggingSettings.description"),
fields: [ fields: [
{ {
type: "toggle", type: "toggle",
name: "debugLogApiEnabled", name: "debugLogApiEnabled",
label: t("config_security_fieldLabel_enableDebugLogApi"), label: t("security.enableDebugLogApi.label"),
description: t( description: t("security.enableDebugLogApi.description"),
"config_security_fieldDescription_enableDebugLogApi",
),
inputChange: (e: boolean) => inputChange: (e: boolean) =>
onToggleChange("debugLogApiEnabled", e), onToggleChange("debugLogApiEnabled", e),
properties: { properties: {
@ -463,10 +451,8 @@ export const Security = () => {
{ {
type: "toggle", type: "toggle",
name: "serialEnabled", name: "serialEnabled",
label: t("config_security_fieldLabel_serialOutputEnabled"), label: t("security.serialOutputEnabled.label"),
description: t( description: t("security.serialOutputEnabled.description"),
"config_security_fieldDescription_serialOutputEnabled",
),
inputChange: (e: boolean) => onToggleChange("serialEnabled", e), inputChange: (e: boolean) => onToggleChange("serialEnabled", e),
properties: { properties: {
checked: state.serialEnabled, checked: state.serialEnabled,
@ -478,9 +464,9 @@ export const Security = () => {
/> />
<PkiRegenerateDialog <PkiRegenerateDialog
text={{ text={{
button: t("dialog_pkiRegenerateDialog_buttonRegenerate"), button: t("button.regenerate"),
title: t("dialog_pkiRegenerate_title_keyPair"), title: t("pkiRegenerate.title"),
description: t("dialog_pkiRegenerate_description_keyPair"), description: t("pkiRegenerate.description"),
}} }}
open={state.privateKeyDialogOpen} open={state.privateKeyDialogOpen}
onOpenChange={() => onOpenChange={() =>

4
src/components/PageComponents/Connect/BLE.tsx

@ -62,7 +62,7 @@ export const BLE = (
))} ))}
{bleDevices.length === 0 && ( {bleDevices.length === 0 && (
<Mono className="m-auto select-none"> <Mono className="m-auto select-none">
{t("bluetoothConnection_noDevicesPaired")} {t("newDeviceDialog.bluetoothConnection.noDevicesPaired")}
</Mono> </Mono>
)} )}
</div> </div>
@ -86,7 +86,7 @@ export const BLE = (
}); });
}} }}
> >
<span>{t("bluetoothConnection_newDeviceButton")}</span> <span>{t("newDeviceDialog.bluetoothConnection.newDeviceButton")}</span>
</Button> </Button>
</fieldset> </fieldset>
); );

38
src/components/PageComponents/Connect/HTTP.tsx

@ -24,7 +24,7 @@ interface FormData {
export const HTTP = ( export const HTTP = (
{ closeDialog }: TabElementProps, { closeDialog }: TabElementProps,
) => { ) => {
const { t } = useTranslation(); const { t } = useTranslation("dialog");
const [connectionInProgress, setConnectionInProgress] = useState(false); const [connectionInProgress, setConnectionInProgress] = useState(false);
const isURLHTTPS = location.protocol === "https:"; const isURLHTTPS = location.protocol === "https:";
@ -81,12 +81,12 @@ export const HTTP = (
disabled={connectionInProgress} disabled={connectionInProgress}
> >
<div> <div>
<Label>{t("httpConnection_ipAddressLabel")}</Label> <Label>{t("newDeviceDialog.httpConnection.label")}</Label>
<Input <Input
prefix={tlsValue prefix={tlsValue
? `${t("httpConnection_https")}://` ? `${t("newDeviceDialog.https")}://`
: `${t("httpConnection_http")}://`} : `${t("newDeviceDialog.http")}://`}
placeholder={t("httpConnection_field_ipAddress_placeholder")} placeholder={t("newDeviceDialog.httpConnection.placeholder")}
className="text-slate-900 dark:text-slate-100" className="text-slate-900 dark:text-slate-100"
{...register("ip")} {...register("ip")}
/> />
@ -98,7 +98,7 @@ export const HTTP = (
checked={isURLHTTPS || tlsValue} checked={isURLHTTPS || tlsValue}
{...register("tls")} {...register("tls")}
/> />
<Label>{t("httpConnection_label_useHttps")}</Label> <Label>{t("newDeviceDialog.useHttps")}</Label>
</div> </div>
{connectionError && ( {connectionError && (
@ -110,38 +110,38 @@ export const HTTP = (
/> />
<div> <div>
<p className="text-sm font-medium text-amber-800 dark:text-amber-800"> <p className="text-sm font-medium text-amber-800 dark:text-amber-800">
{t("httpConnection_connectionFailedAlert.title")} {t("newDeviceDialog.connectionFailedAlert.title")}
</p> </p>
<p className="text-xs mt-1 text-amber-700 dark:text-amber-700"> <p className="text-xs mt-1 text-amber-700 dark:text-amber-700">
{t("httpConnection_connectionFailedAlert.descriptionPrefix")} {t("newDeviceDialog.connectionFailedAlert.descriptionPrefix")}
{connectionError.secure && {connectionError.secure &&
t("httpConnection_connectionFailedAlert.httpsHint")} t("newDeviceDialog.connectionFailedAlert.httpsHint")}
{t("httpConnection_connectionFailedAlert.openLinkPrefix")} {t("newDeviceDialog.connectionFailedAlert.openLinkPrefix")}
<Link <Link
href={`${ href={`${
connectionError.secure connectionError.secure
? t("httpConnection_https") ? t("newDeviceDialog.https")
: t("httpConnection_http") : t("newDeviceDialog.http")
}://${connectionError.host}`} }://${connectionError.host}`}
className="underline font-medium text-amber-800 dark:text-amber-800" className="underline font-medium text-amber-800 dark:text-amber-800"
> >
{`${ {`${
connectionError.secure connectionError.secure
? t("httpConnection_https") ? t("newDeviceDialog.https")
: t("httpConnection_http") : t("newDeviceDialog.http")
}://${connectionError.host}`} }://${connectionError.host}`}
</Link>{" "} </Link>{" "}
{t("httpConnection_connectionFailedAlert.openLinkSuffix")} {t("newDeviceDialog.connectionFailedAlert.openLinkSuffix")}
{connectionError.secure {connectionError.secure
? t( ? t(
"httpConnection_connectionFailedAlert.acceptTlsWarningSuffix", "newDeviceDialog.connectionFailedAlert.acceptTlsWarningSuffix",
) )
: ""}.{" "} : ""}.{" "}
<Link <Link
href="https://meshtastic.org/docs/software/web-client/#http" href="https://meshtastic.org/docs/software/web-client/#http"
className="underline font-medium text-amber-800 dark:text-amber-800" className="underline font-medium text-amber-800 dark:text-amber-800"
> >
{t("httpConnection_connectionFailedAlert.learnMoreLink")} {t("newDeviceDialog.connectionFailedAlert.learnMoreLink")}
</Link> </Link>
</p> </p>
</div> </div>
@ -155,8 +155,8 @@ export const HTTP = (
> >
<span> <span>
{connectionInProgress {connectionInProgress
? t("httpConnection_button_connecting") ? t("newDeviceDialog.connecting")
: t("httpConnection_button_connect")} : t("newDeviceDialog.connect")}
</span> </span>
</Button> </Button>
</form> </form>

12
src/components/PageComponents/Connect/Serial.tsx

@ -56,8 +56,8 @@ export const Serial = (
<div className="flex h-48 flex-col gap-2 overflow-y-auto"> <div className="flex h-48 flex-col gap-2 overflow-y-auto">
{serialPorts.map((port, index) => { {serialPorts.map((port, index) => {
const { usbProductId, usbVendorId } = port.getInfo(); const { usbProductId, usbVendorId } = port.getInfo();
const vendor = usbVendorId ?? t("common_unknown_short"); const vendor = usbVendorId ?? t("unknown.shortName");
const product = usbProductId ?? t("common_unknown_short"); const product = usbProductId ?? t("unknown.shortName");
return ( return (
<Button <Button
key={`${vendor}-${product}-${index}`} key={`${vendor}-${product}-${index}`}
@ -69,8 +69,8 @@ export const Serial = (
// No need to setConnectionInProgress(false) here as closeDialog() unmounts. // No need to setConnectionInProgress(false) here as closeDialog() unmounts.
}} }}
> >
{t("serialConnection_deviceIdentifier", { {t("newDeviceDialog.serialConnection.deviceIdentifier", {
index, index: index,
vendorId: vendor, vendorId: vendor,
productId: product, productId: product,
})} })}
@ -79,7 +79,7 @@ export const Serial = (
})} })}
{serialPorts.length === 0 && ( {serialPorts.length === 0 && (
<Mono className="m-auto select-none"> <Mono className="m-auto select-none">
{t("serialConnection_noDevicesPaired")} {t("newDeviceDialog.serialConnection.noDevicesPaired")}
</Mono> </Mono>
)} )}
</div> </div>
@ -96,7 +96,7 @@ export const Serial = (
}); });
}} }}
> >
<span>{t("serialConnection_newDeviceButton")}</span> <span>{t("newDeviceDialog.serialConnection.newDeviceButton")}</span>
</Button> </Button>
</fieldset> </fieldset>
); );

49
src/components/PageComponents/Map/NodeDetail.tsx

@ -36,17 +36,17 @@ export interface NodeDetailProps {
export const NodeDetail = ({ node }: NodeDetailProps) => { export const NodeDetail = ({ node }: NodeDetailProps) => {
const { setChatType, setActiveChat } = useMessageStore(); const { setChatType, setActiveChat } = useMessageStore();
const { t } = useTranslation(); const { t } = useTranslation("nodes");
const { setActivePage } = useDevice(); const { setActivePage } = useDevice();
const name = node.user?.longName ?? t("common_unknown_short"); const name = node.user?.longName ?? t("unknown.shortName");
const shortName = node.user?.shortName ?? t("common_unknown_short"); const shortName = node.user?.shortName ?? t("unknown.shortName");
const hwModel = node.user?.hwModel ?? 0; const hwModel = node.user?.hwModel ?? 0;
const rawHardwareType = Protobuf.Mesh.HardwareModel[hwModel] as const rawHardwareType = Protobuf.Mesh.HardwareModel[hwModel] as
| keyof typeof Protobuf.Mesh.HardwareModel | keyof typeof Protobuf.Mesh.HardwareModel
| undefined; | undefined;
const hardwareType = rawHardwareType const hardwareType = rawHardwareType
? rawHardwareType === "UNSET" ? rawHardwareType === "UNSET"
? t("common_unset") ? t("unset")
: rawHardwareType.replaceAll("_", " ") : rawHardwareType.replaceAll("_", " ")
: `${hwModel}`; : `${hwModel}`;
function handleDirectMessage() { function handleDirectMessage() {
@ -101,7 +101,7 @@ export const NodeDetail = ({ node }: NodeDetailProps) => {
align="center" align="center"
sideOffset={5} sideOffset={5}
> >
{t("node_detail_direct_message_tooltip", { {t("nodeDetail.directMessage.label", {
shortName, shortName,
})} })}
</TooltipContent> </TooltipContent>
@ -113,29 +113,22 @@ export const NodeDetail = ({ node }: NodeDetailProps) => {
fill={node.isFavorite ? "black" : "none"} fill={node.isFavorite ? "black" : "none"}
size={15} size={15}
aria-label={node.isFavorite aria-label={node.isFavorite
? t("node_detail_favorite_aria_label") ? t("nodeDetail.favorite.label")
: t("node_detail_not_favorite_aria_label")} : t("nodeDetail.notFavorite.label")}
/> />
</div> </div>
</div> </div>
<div> <div>
<Heading as="h5">{name}</Heading> <Heading as="h5">{name}</Heading>
{hardwareType !== t("common_unset") && <Subtle>{hardwareType} {hardwareType !== t("unset") && <Subtle>{hardwareType}</Subtle>}
</Subtle>}
{!!node.deviceMetrics?.batteryLevel && ( {!!node.deviceMetrics?.batteryLevel && (
<BatteryStatus deviceMetrics={node.deviceMetrics} /> <BatteryStatus deviceMetrics={node.deviceMetrics} />
)} )}
<div className="flex gap-2 items-center"> <div className="flex gap-2 items-center">
{node.user?.shortName && ( {node.user?.shortName && <div>"{node.user?.shortName}"</div>}
<div>
{t("node_detail_short_name_display_format", {
name: node.user?.shortName,
})}
</div>
)}
{node.user?.id && <div>{node.user?.id}</div>} {node.user?.id && <div>{node.user?.id}</div>}
</div> </div>
@ -148,14 +141,14 @@ export const NodeDetail = ({ node }: NodeDetailProps) => {
<div> <div>
{node.lastHeard > 0 && ( {node.lastHeard > 0 && (
<div> <div>
{t("node_detail_status_heard")}{" "} {t("nodeDetail.status.heard")}{" "}
<TimeAgo timestamp={node.lastHeard * 1000} /> <TimeAgo timestamp={node.lastHeard * 1000} />
</div> </div>
)} )}
</div> </div>
{node.viaMqtt && ( {node.viaMqtt && (
<div style={{ color: "#660066" }} className="font-medium"> <div style={{ color: "#660066" }} className="font-medium">
{t("node_detail_status_mqtt")} {t("nodeDetail.status.mqtt")}
</div> </div>
)} )}
</div> </div>
@ -168,13 +161,11 @@ export const NodeDetail = ({ node }: NodeDetailProps) => {
<div className="flex items-center grow"> <div className="flex items-center grow">
<div className="border-2 border-slate-900 rounded-sm px-0.5 mr-1"> <div className="border-2 border-slate-900 rounded-sm px-0.5 mr-1">
{Number.isNaN(node.hopsAway) {Number.isNaN(node.hopsAway)
? t("node_detail_hops_unknown") ? t("unit.hopsAway.unknown")
: node.hopsAway} : node.hopsAway}
</div> </div>
<div> <div>
{node.hopsAway === 1 {node.hopsAway === 1 ? t("unit.hops.one") : t("unit.hop.plural")}
? t("node_detail_hops_label_one")
: t("node_detail_hops_label_other")}
</div> </div>
</div> </div>
{node.position?.altitude && ( {node.position?.altitude && (
@ -186,8 +177,8 @@ export const NodeDetail = ({ node }: NodeDetailProps) => {
/> />
<div> <div>
{formatQuantity(node.position?.altitude, { {formatQuantity(node.position?.altitude, {
one: t("node_detail_altitude_unit_one"), one: t("unit.meter.one"),
other: t("node_detail_altitude_unit_other"), other: t("unit.meter.plural"),
})} })}
</div> </div>
</div> </div>
@ -197,7 +188,7 @@ export const NodeDetail = ({ node }: NodeDetailProps) => {
<div className="flex mt-2"> <div className="flex mt-2">
{!!node.deviceMetrics?.channelUtilization && ( {!!node.deviceMetrics?.channelUtilization && (
<div className="grow"> <div className="grow">
<div>{t("node_detail_channel_util_label")}</div> <div>{t("nodeDetail.channelUtilization")}</div>
<Mono> <Mono>
{node.deviceMetrics?.channelUtilization.toPrecision(3)}% {node.deviceMetrics?.channelUtilization.toPrecision(3)}%
</Mono> </Mono>
@ -205,7 +196,7 @@ export const NodeDetail = ({ node }: NodeDetailProps) => {
)} )}
{!!node.deviceMetrics?.airUtilTx && ( {!!node.deviceMetrics?.airUtilTx && (
<div className="grow"> <div className="grow">
<div>{t("node_detail_airtime_util_label")}</div> <div>{t("nodeDetail.airTxUtilization")}</div>
<Mono className="text-gray-500"> <Mono className="text-gray-500">
{node.deviceMetrics?.airUtilTx.toPrecision(3)}% {node.deviceMetrics?.airUtilTx.toPrecision(3)}%
</Mono> </Mono>
@ -215,15 +206,15 @@ export const NodeDetail = ({ node }: NodeDetailProps) => {
{node.snr !== 0 && ( {node.snr !== 0 && (
<div className="mt-2"> <div className="mt-2">
<div>{t("node_detail_snr_label")}</div> <div>{t("unit.snr")}</div>
<Mono className="flex items-center text-xs text-gray-500"> <Mono className="flex items-center text-xs text-gray-500">
{node.snr} {node.snr}
{t("common_unit_dbm")} {t("unit.dbm")}
<Dot /> <Dot />
{Math.min(Math.max((node.snr + 10) * 5, 0), 100)}% {Math.min(Math.max((node.snr + 10) * 5, 0), 100)}%
<Dot /> <Dot />
{(node.snr + 10) * 5} {(node.snr + 10) * 5}
{t("common_rawUnit")} {t("unit.raw")}
</Mono> </Mono>
</div> </div>
)} )}

4
src/components/PageComponents/Messages/ChannelChat.tsx

@ -8,11 +8,11 @@ export interface ChannelChatProps {
} }
const EmptyState = () => { const EmptyState = () => {
const { t } = useTranslation(); const { t } = useTranslation("messages");
return ( return (
<div className="flex flex-1 flex-col place-content-center place-items-center p-8 text-slate-500 dark:text-slate-400"> <div className="flex flex-1 flex-col place-content-center place-items-center p-8 text-slate-500 dark:text-slate-400">
<InboxIcon className="mb-2 h-8 w-8" /> <InboxIcon className="mb-2 h-8 w-8" />
<span className="text-sm">{t("messages_empty")}</span> <span className="text-sm">{t("emptyState.text")}</span>
</div> </div>
); );
}; };

16
src/components/PageComponents/Messages/TraceRoute.tsx

@ -34,18 +34,18 @@ const RoutePath = (
<p className="font-semibold">{title}</p> <p className="font-semibold">{title}</p>
<p>{startNode?.user?.longName}</p> <p>{startNode?.user?.longName}</p>
<p> <p>
{snr?.[0] ?? t("traceRoute_snrUnknown")} {snr?.[0] ?? t("traceRoute.snrUnknown")}
{t("common_unit_dbm")} {t("unit.dbm")}
</p> </p>
{path.map((hop, i) => ( {path.map((hop, i) => (
<span key={getNode(hop)?.num ?? hop}> <span key={getNode(hop)?.num ?? hop}>
<p> <p>
{getNode(hop)?.user?.longName ?? {getNode(hop)?.user?.longName ??
`${t("traceRoute_nodeUnknownPrefix")}${numberToHexUnpadded(hop)}`} `${t("traceRoute.nodeUnknownPrefix")}${numberToHexUnpadded(hop)}`}
</p> </p>
<p> <p>
{snr?.[i + 1] ?? t("traceRoute_snrUnknown")} {snr?.[i + 1] ?? t("traceRoute.snrUnknown")}
{t("common_unit_dbm")} {t("unit.dbm")}
</p> </p>
</span> </span>
))} ))}
@ -62,11 +62,11 @@ export const TraceRoute = ({
snrTowards, snrTowards,
snrBack, snrBack,
}: TraceRouteProps) => { }: TraceRouteProps) => {
const { t } = useTranslation(); const { t } = useTranslation("dialog");
return ( return (
<div className="ml-5 flex"> <div className="ml-5 flex">
<RoutePath <RoutePath
title={t("traceRoute_routeToDestinationTitle")} title={t("traceRoute.routeToDestination")}
startNode={to} startNode={to}
endNode={from} endNode={from}
path={route} path={route}
@ -74,7 +74,7 @@ export const TraceRoute = ({
/> />
{routeBack && routeBack.length > 0 && ( {routeBack && routeBack.length > 0 && (
<RoutePath <RoutePath
title={t("traceRoute_routeBackTitle")} title={t("traceRoute.routeBack")}
startNode={from} startNode={from}
endNode={to} endNode={to}
path={routeBack} path={routeBack}

26
src/components/PageComponents/ModuleConfig/AmbientLighting.tsx

@ -3,9 +3,11 @@ import type { AmbientLightingValidation } from "@app/validation/moduleConfig/amb
import { create } from "@bufbuild/protobuf"; import { create } from "@bufbuild/protobuf";
import { DynamicForm } from "@components/Form/DynamicForm.tsx"; import { DynamicForm } from "@components/Form/DynamicForm.tsx";
import { Protobuf } from "@meshtastic/core"; import { Protobuf } from "@meshtastic/core";
import { useTranslation } from "react-i18next";
export const AmbientLighting = () => { export const AmbientLighting = () => {
const { moduleConfig, setWorkingModuleConfig } = useDevice(); const { moduleConfig, setWorkingModuleConfig } = useDevice();
const { t } = useTranslation("moduleConfig");
const onSubmit = (data: AmbientLightingValidation) => { const onSubmit = (data: AmbientLightingValidation) => {
setWorkingModuleConfig( setWorkingModuleConfig(
@ -24,38 +26,38 @@ export const AmbientLighting = () => {
defaultValues={moduleConfig.ambientLighting} defaultValues={moduleConfig.ambientLighting}
fieldGroups={[ fieldGroups={[
{ {
label: "Ambient Lighting Settings", label: t("ambientLighting.title"),
description: "Settings for the Ambient Lighting module", description: t("ambientLighting.description"),
fields: [ fields: [
{ {
type: "toggle", type: "toggle",
name: "ledState", name: "ledState",
label: "LED State", label: t("ambientLighting.ledState.label"),
description: "Sets LED to on or off", description: t("ambientLighting.ledState.description"),
}, },
{ {
type: "number", type: "number",
name: "current", name: "current",
label: "Current", label: t("ambientLighting.current.label"),
description: "Sets the current for the LED output. Default is 10", description: t("ambientLighting.current.description"),
}, },
{ {
type: "number", type: "number",
name: "red", name: "red",
label: "Red", label: t("ambientLighting.red.label"),
description: "Sets the red LED level. Values are 0-255", description: t("ambientLighting.red.description"),
}, },
{ {
type: "number", type: "number",
name: "green", name: "green",
label: "Green", label: t("ambientLighting.green.label"),
description: "Sets the green LED level. Values are 0-255", description: t("ambientLighting.green.description"),
}, },
{ {
type: "number", type: "number",
name: "blue", name: "blue",
label: "Blue", label: t("ambientLighting.blue.label"),
description: "Sets the blue LED level. Values are 0-255", description: t("ambientLighting.blue.description"),
}, },
], ],
}, },

36
src/components/PageComponents/ModuleConfig/Audio.tsx

@ -1,11 +1,13 @@
import type { AudioValidation } from "@app/validation/moduleConfig/audio.tsx"; import type { AudioValidation } from "@app/validation/moduleConfig/audio.ts";
import { create } from "@bufbuild/protobuf"; import { create } from "@bufbuild/protobuf";
import { DynamicForm } from "@components/Form/DynamicForm.tsx"; import { DynamicForm } from "@components/Form/DynamicForm.tsx";
import { useDevice } from "@core/stores/deviceStore.ts"; import { useDevice } from "@core/stores/deviceStore.ts";
import { Protobuf } from "@meshtastic/core"; import { Protobuf } from "@meshtastic/core";
import { useTranslation } from "react-i18next";
export const Audio = () => { export const Audio = () => {
const { moduleConfig, setWorkingModuleConfig } = useDevice(); const { moduleConfig, setWorkingModuleConfig } = useDevice();
const { t } = useTranslation("moduleConfig");
const onSubmit = (data: AudioValidation) => { const onSubmit = (data: AudioValidation) => {
setWorkingModuleConfig( setWorkingModuleConfig(
@ -24,26 +26,26 @@ export const Audio = () => {
defaultValues={moduleConfig.audio} defaultValues={moduleConfig.audio}
fieldGroups={[ fieldGroups={[
{ {
label: "Audio Settings", label: t("audio.title"),
description: "Settings for the Audio module", description: t("audio.description"),
fields: [ fields: [
{ {
type: "toggle", type: "toggle",
name: "codec2Enabled", name: "codec2Enabled",
label: "Codec 2 Enabled", label: t("audio.codec2Enabled.label"),
description: "Enable Codec 2 audio encoding", description: t("audio.codec2Enabled.description"),
}, },
{ {
type: "number", type: "number",
name: "pttPin", name: "pttPin",
label: "PTT Pin", label: t("audio.pttPin.label"),
description: "GPIO pin to use for PTT", description: t("audio.pttPin.description"),
}, },
{ {
type: "select", type: "select",
name: "bitrate", name: "bitrate",
label: "Bitrate", label: t("audio.bitrate.label"),
description: "Bitrate to use for audio encoding", description: t("audio.bitrate.description"),
properties: { properties: {
enumValue: enumValue:
Protobuf.ModuleConfig.ModuleConfig_AudioConfig_Audio_Baud, Protobuf.ModuleConfig.ModuleConfig_AudioConfig_Audio_Baud,
@ -52,26 +54,26 @@ export const Audio = () => {
{ {
type: "number", type: "number",
name: "i2sWs", name: "i2sWs",
label: "i2S WS", label: t("audio.i2sWs.label"),
description: "GPIO pin to use for i2S WS", description: t("audio.i2sWs.description"),
}, },
{ {
type: "number", type: "number",
name: "i2sSd", name: "i2sSd",
label: "i2S SD", label: t("audio.i2sSd.label"),
description: "GPIO pin to use for i2S SD", description: t("audio.i2sSd.description"),
}, },
{ {
type: "number", type: "number",
name: "i2sDin", name: "i2sDin",
label: "i2S DIN", label: t("audio.i2sDin.label"),
description: "GPIO pin to use for i2S DIN", description: t("audio.i2sDin.description"),
}, },
{ {
type: "number", type: "number",
name: "i2sSck", name: "i2sSck",
label: "i2S SCK", label: t("audio.i2sSck.label"),
description: "GPIO pin to use for i2S SCK", description: t("audio.i2sSck.description"),
}, },
], ],
}, },

53
src/components/PageComponents/ModuleConfig/CannedMessage.tsx

@ -1,11 +1,13 @@
import type { CannedMessageValidation } from "@app/validation/moduleConfig/cannedMessage.tsx"; import type { CannedMessageValidation } from "@app/validation/moduleConfig/cannedMessage.ts";
import { create } from "@bufbuild/protobuf"; import { create } from "@bufbuild/protobuf";
import { DynamicForm } from "@components/Form/DynamicForm.tsx"; import { DynamicForm } from "@components/Form/DynamicForm.tsx";
import { useDevice } from "@core/stores/deviceStore.ts"; import { useDevice } from "@core/stores/deviceStore.ts";
import { Protobuf } from "@meshtastic/core"; import { Protobuf } from "@meshtastic/core";
import { useTranslation } from "react-i18next";
export const CannedMessage = () => { export const CannedMessage = () => {
const { moduleConfig, setWorkingModuleConfig } = useDevice(); const { moduleConfig, setWorkingModuleConfig } = useDevice();
const { t } = useTranslation("moduleConfig");
const onSubmit = (data: CannedMessageValidation) => { const onSubmit = (data: CannedMessageValidation) => {
setWorkingModuleConfig( setWorkingModuleConfig(
@ -24,44 +26,44 @@ export const CannedMessage = () => {
defaultValues={moduleConfig.cannedMessage} defaultValues={moduleConfig.cannedMessage}
fieldGroups={[ fieldGroups={[
{ {
label: "Canned Message Settings", label: t("cannedMessage.title"),
description: "Settings for the Canned Message module", description: t("cannedMessage.description"),
fields: [ fields: [
{ {
type: "toggle", type: "toggle",
name: "enabled", name: "enabled",
label: "Module Enabled", label: t("cannedMessage.moduleEnabled.label"),
description: "Enable Canned Message", description: t("cannedMessage.moduleEnabled.description"),
}, },
{ {
type: "toggle", type: "toggle",
name: "rotary1Enabled", name: "rotary1Enabled",
label: "Rotary Encoder #1 Enabled", label: t("cannedMessage.rotary1Enabled.label"),
description: "Enable the rotary encoder", description: t("cannedMessage.rotary1Enabled.description"),
}, },
{ {
type: "number", type: "number",
name: "inputbrokerPinA", name: "inputbrokerPinA",
label: "Encoder Pin A", label: t("cannedMessage.inputbrokerPinA.label"),
description: "GPIO Pin Value (1-39) For encoder port A", description: t("cannedMessage.inputbrokerPinA.description"),
}, },
{ {
type: "number", type: "number",
name: "inputbrokerPinB", name: "inputbrokerPinB",
label: "Encoder Pin B", label: t("cannedMessage.inputbrokerPinB.label"),
description: "GPIO Pin Value (1-39) For encoder port B", description: t("cannedMessage.inputbrokerPinB.description"),
}, },
{ {
type: "number", type: "number",
name: "inputbrokerPinPress", name: "inputbrokerPinPress",
label: "Encoder Pin Press", label: t("cannedMessage.inputbrokerPinPress.label"),
description: "GPIO Pin Value (1-39) For encoder Press", description: t("cannedMessage.inputbrokerPinPress.description"),
}, },
{ {
type: "select", type: "select",
name: "inputbrokerEventCw", name: "inputbrokerEventCw",
label: "Clockwise event", label: t("cannedMessage.inputbrokerEventCw.label"),
description: "Select input event.", description: t("cannedMessage.inputbrokerEventCw.description"),
properties: { properties: {
enumValue: Protobuf.ModuleConfig enumValue: Protobuf.ModuleConfig
.ModuleConfig_CannedMessageConfig_InputEventChar, .ModuleConfig_CannedMessageConfig_InputEventChar,
@ -70,8 +72,8 @@ export const CannedMessage = () => {
{ {
type: "select", type: "select",
name: "inputbrokerEventCcw", name: "inputbrokerEventCcw",
label: "Counter Clockwise event", label: t("cannedMessage.inputbrokerEventCcw.label"),
description: "Select input event.", description: t("cannedMessage.inputbrokerEventCcw.description"),
properties: { properties: {
enumValue: Protobuf.ModuleConfig enumValue: Protobuf.ModuleConfig
.ModuleConfig_CannedMessageConfig_InputEventChar, .ModuleConfig_CannedMessageConfig_InputEventChar,
@ -80,8 +82,8 @@ export const CannedMessage = () => {
{ {
type: "select", type: "select",
name: "inputbrokerEventPress", name: "inputbrokerEventPress",
label: "Press event", label: t("cannedMessage.inputbrokerEventPress.label"),
description: "Select input event", description: t("cannedMessage.inputbrokerEventPress.description"),
properties: { properties: {
enumValue: Protobuf.ModuleConfig enumValue: Protobuf.ModuleConfig
.ModuleConfig_CannedMessageConfig_InputEventChar, .ModuleConfig_CannedMessageConfig_InputEventChar,
@ -90,21 +92,20 @@ export const CannedMessage = () => {
{ {
type: "toggle", type: "toggle",
name: "updown1Enabled", name: "updown1Enabled",
label: "Up Down enabled", label: t("cannedMessage.updown1Enabled.label"),
description: "Enable the up / down encoder", description: t("cannedMessage.updown1Enabled.description"),
}, },
{ {
type: "text", type: "text",
name: "allowInputSource", name: "allowInputSource",
label: "Allow Input Source", label: t("cannedMessage.allowInputSource.label"),
description: description: t("cannedMessage.allowInputSource.description"),
"Select from: '_any', 'rotEnc1', 'upDownEnc1', 'cardkb'",
}, },
{ {
type: "toggle", type: "toggle",
name: "sendBell", name: "sendBell",
label: "Send Bell", label: t("cannedMessage.sendBell.label"),
description: "Sends a bell character with each message", description: t("cannedMessage.sendBell.description"),
}, },
], ],
}, },

50
src/components/PageComponents/ModuleConfig/DetectionSensor.tsx

@ -1,11 +1,13 @@
import { useDevice } from "@core/stores/deviceStore.ts"; import { useDevice } from "@core/stores/deviceStore.ts";
import type { DetectionSensorValidation } from "@app/validation/moduleConfig/detectionSensor.tsx"; import type { DetectionSensorValidation } from "@app/validation/moduleConfig/detectionSensor.ts";
import { create } from "@bufbuild/protobuf"; import { create } from "@bufbuild/protobuf";
import { DynamicForm } from "@components/Form/DynamicForm.tsx"; import { DynamicForm } from "@components/Form/DynamicForm.tsx";
import { Protobuf } from "@meshtastic/core"; import { Protobuf } from "@meshtastic/core";
import { useTranslation } from "react-i18next";
export const DetectionSensor = () => { export const DetectionSensor = () => {
const { moduleConfig, setWorkingModuleConfig } = useDevice(); const { moduleConfig, setWorkingModuleConfig } = useDevice();
const { t } = useTranslation("moduleConfig");
const onSubmit = (data: DetectionSensorValidation) => { const onSubmit = (data: DetectionSensorValidation) => {
setWorkingModuleConfig( setWorkingModuleConfig(
@ -24,23 +26,24 @@ export const DetectionSensor = () => {
defaultValues={moduleConfig.detectionSensor} defaultValues={moduleConfig.detectionSensor}
fieldGroups={[ fieldGroups={[
{ {
label: "Detection Sensor Settings", label: t("detectionSensor.title"),
description: "Settings for the Detection Sensor module", description: t("detectionSensor.description"),
fields: [ fields: [
{ {
type: "toggle", type: "toggle",
name: "enabled", name: "enabled",
label: "Enabled", label: t("detectionSensor.enabled.label"),
description: "Enable or disable Detection Sensor Module", description: t("detectionSensor.enabled.description"),
}, },
{ {
type: "number", type: "number",
name: "minimumBroadcastSecs", name: "minimumBroadcastSecs",
label: "Minimum Broadcast Seconds", label: t("detectionSensor.minimumBroadcastSecs.label"),
description: description: t(
"The interval in seconds of how often we can send a message to the mesh when a state change is detected", "detectionSensor.minimumBroadcastSecs.description",
),
properties: { properties: {
suffix: "Seconds", suffix: t("unit.second.plural"),
}, },
disabledBy: [ disabledBy: [
{ {
@ -51,9 +54,8 @@ export const DetectionSensor = () => {
{ {
type: "number", type: "number",
name: "stateBroadcastSecs", name: "stateBroadcastSecs",
label: "State Broadcast Seconds", label: t("detectionSensor.stateBroadcastSecs.label"),
description: description: t("detectionSensor.stateBroadcastSecs.description"),
"The interval in seconds of how often we should send a message to the mesh with the current state regardless of changes",
disabledBy: [ disabledBy: [
{ {
fieldName: "enabled", fieldName: "enabled",
@ -63,8 +65,8 @@ export const DetectionSensor = () => {
{ {
type: "toggle", type: "toggle",
name: "sendBell", name: "sendBell",
label: "Send Bell", label: t("detectionSensor.sendBell.label"),
description: "Send ASCII bell with alert message", description: t("detectionSensor.sendBell.description"),
disabledBy: [ disabledBy: [
{ {
fieldName: "enabled", fieldName: "enabled",
@ -74,9 +76,8 @@ export const DetectionSensor = () => {
{ {
type: "text", type: "text",
name: "name", name: "name",
label: "Friendly Name", label: t("detectionSensor.name.label"),
description: description: t("detectionSensor.name.description"),
"Used to format the message sent to mesh, max 20 Characters",
disabledBy: [ disabledBy: [
{ {
fieldName: "enabled", fieldName: "enabled",
@ -86,8 +87,8 @@ export const DetectionSensor = () => {
{ {
type: "number", type: "number",
name: "monitorPin", name: "monitorPin",
label: "Monitor Pin", label: t("detectionSensor.monitorPin.label"),
description: "The GPIO pin to monitor for state changes", description: t("detectionSensor.monitorPin.description"),
disabledBy: [ disabledBy: [
{ {
fieldName: "enabled", fieldName: "enabled",
@ -97,9 +98,10 @@ export const DetectionSensor = () => {
{ {
type: "toggle", type: "toggle",
name: "detectionTriggeredHigh", name: "detectionTriggeredHigh",
label: "Detection Triggered High", label: t("detectionSensor.detectionTriggeredHigh.label"),
description: description: t(
"Whether or not the GPIO pin state detection is triggered on HIGH (1), otherwise LOW (0)", "detectionSensor.detectionTriggeredHigh.description",
),
disabledBy: [ disabledBy: [
{ {
fieldName: "enabled", fieldName: "enabled",
@ -109,8 +111,8 @@ export const DetectionSensor = () => {
{ {
type: "toggle", type: "toggle",
name: "usePullup", name: "usePullup",
label: "Use Pullup", label: t("detectionSensor.usePullup.label"),
description: "Whether or not use INPUT_PULLUP mode for GPIO pin", description: t("detectionSensor.usePullup.description"),
disabledBy: [ disabledBy: [
{ {
fieldName: "enabled", fieldName: "enabled",

77
src/components/PageComponents/ModuleConfig/ExternalNotification.tsx

@ -1,11 +1,13 @@
import type { ExternalNotificationValidation } from "@app/validation/moduleConfig/externalNotification.tsx"; import type { ExternalNotificationValidation } from "@app/validation/moduleConfig/externalNotification.ts";
import { create } from "@bufbuild/protobuf"; import { create } from "@bufbuild/protobuf";
import { DynamicForm } from "@components/Form/DynamicForm.tsx"; import { DynamicForm } from "@components/Form/DynamicForm.tsx";
import { useDevice } from "@core/stores/deviceStore.ts"; import { useDevice } from "@core/stores/deviceStore.ts";
import { Protobuf } from "@meshtastic/core"; import { Protobuf } from "@meshtastic/core";
import { useTranslation } from "react-i18next";
export const ExternalNotification = () => { export const ExternalNotification = () => {
const { moduleConfig, setWorkingModuleConfig } = useDevice(); const { moduleConfig, setWorkingModuleConfig } = useDevice();
const { t } = useTranslation("moduleConfig");
const onSubmit = (data: ExternalNotificationValidation) => { const onSubmit = (data: ExternalNotificationValidation) => {
setWorkingModuleConfig( setWorkingModuleConfig(
@ -24,20 +26,20 @@ export const ExternalNotification = () => {
defaultValues={moduleConfig.externalNotification} defaultValues={moduleConfig.externalNotification}
fieldGroups={[ fieldGroups={[
{ {
label: "External Notification Settings", label: t("externalNotification.title"),
description: "Configure the external notification module", description: t("externalNotification.description"),
fields: [ fields: [
{ {
type: "toggle", type: "toggle",
name: "enabled", name: "enabled",
label: "Module Enabled", label: t("externalNotification.enabled.label"),
description: "Enable External Notification", description: t("externalNotification.enabled.description"),
}, },
{ {
type: "number", type: "number",
name: "outputMs", name: "outputMs",
label: "Output MS", label: t("externalNotification.outputMs.label"),
description: "Output MS", description: t("externalNotification.outputMs.description"),
disabledBy: [ disabledBy: [
{ {
@ -45,14 +47,14 @@ export const ExternalNotification = () => {
}, },
], ],
properties: { properties: {
suffix: "ms", suffix: t("unit.ms", { ns: "common" }),
}, },
}, },
{ {
type: "number", type: "number",
name: "output", name: "output",
label: "Output", label: t("externalNotification.output.label"),
description: "Output", description: t("externalNotification.output.description"),
disabledBy: [ disabledBy: [
{ {
fieldName: "enabled", fieldName: "enabled",
@ -62,8 +64,8 @@ export const ExternalNotification = () => {
{ {
type: "number", type: "number",
name: "outputVibra", name: "outputVibra",
label: "Output Vibrate", label: t("externalNotification.outputVibra.label"),
description: "Output Vibrate", description: t("externalNotification.outputVibra.description"),
disabledBy: [ disabledBy: [
{ {
fieldName: "enabled", fieldName: "enabled",
@ -73,8 +75,8 @@ export const ExternalNotification = () => {
{ {
type: "number", type: "number",
name: "outputBuzzer", name: "outputBuzzer",
label: "Output Buzzer", label: t("externalNotification.outputBuzzer.label"),
description: "Output Buzzer", description: t("externalNotification.outputBuzzer.description"),
disabledBy: [ disabledBy: [
{ {
fieldName: "enabled", fieldName: "enabled",
@ -84,8 +86,8 @@ export const ExternalNotification = () => {
{ {
type: "toggle", type: "toggle",
name: "active", name: "active",
label: "Active", label: t("externalNotification.active.label"),
description: "Active", description: t("externalNotification.active.description"),
disabledBy: [ disabledBy: [
{ {
fieldName: "enabled", fieldName: "enabled",
@ -95,8 +97,8 @@ export const ExternalNotification = () => {
{ {
type: "toggle", type: "toggle",
name: "alertMessage", name: "alertMessage",
label: "Alert Message", label: t("externalNotification.alertMessage.label"),
description: "Alert Message", description: t("externalNotification.alertMessage.description"),
disabledBy: [ disabledBy: [
{ {
fieldName: "enabled", fieldName: "enabled",
@ -106,8 +108,10 @@ export const ExternalNotification = () => {
{ {
type: "toggle", type: "toggle",
name: "alertMessageVibra", name: "alertMessageVibra",
label: "Alert Message Vibrate", label: t("externalNotification.alertMessageVibra.label"),
description: "Alert Message Vibrate", description: t(
"externalNotification.alertMessageVibra.description",
),
disabledBy: [ disabledBy: [
{ {
fieldName: "enabled", fieldName: "enabled",
@ -117,8 +121,10 @@ export const ExternalNotification = () => {
{ {
type: "toggle", type: "toggle",
name: "alertMessageBuzzer", name: "alertMessageBuzzer",
label: "Alert Message Buzzer", label: t("externalNotification.alertMessageBuzzer.label"),
description: "Alert Message Buzzer", description: t(
"externalNotification.alertMessageBuzzer.description",
),
disabledBy: [ disabledBy: [
{ {
fieldName: "enabled", fieldName: "enabled",
@ -128,9 +134,8 @@ export const ExternalNotification = () => {
{ {
type: "toggle", type: "toggle",
name: "alertBell", name: "alertBell",
label: "Alert Bell", label: t("externalNotification.alertBell.label"),
description: description: t("externalNotification.alertBell.description"),
"Should an alert be triggered when receiving an incoming bell?",
disabledBy: [ disabledBy: [
{ {
fieldName: "enabled", fieldName: "enabled",
@ -140,8 +145,8 @@ export const ExternalNotification = () => {
{ {
type: "toggle", type: "toggle",
name: "alertBellVibra", name: "alertBellVibra",
label: "Alert Bell Vibrate", label: t("externalNotification.alertBellVibra.label"),
description: "Alert Bell Vibrate", description: t("externalNotification.alertBellVibra.description"),
disabledBy: [ disabledBy: [
{ {
fieldName: "enabled", fieldName: "enabled",
@ -151,8 +156,10 @@ export const ExternalNotification = () => {
{ {
type: "toggle", type: "toggle",
name: "alertBellBuzzer", name: "alertBellBuzzer",
label: "Alert Bell Buzzer", label: t("externalNotification.alertBellBuzzer.label"),
description: "Alert Bell Buzzer", description: t(
"externalNotification.alertBellBuzzer.description",
),
disabledBy: [ disabledBy: [
{ {
fieldName: "enabled", fieldName: "enabled",
@ -162,8 +169,8 @@ export const ExternalNotification = () => {
{ {
type: "toggle", type: "toggle",
name: "usePwm", name: "usePwm",
label: "Use PWM", label: t("externalNotification.usePwm.label"),
description: "Use PWM", description: t("externalNotification.usePwm.description"),
disabledBy: [ disabledBy: [
{ {
fieldName: "enabled", fieldName: "enabled",
@ -173,8 +180,8 @@ export const ExternalNotification = () => {
{ {
type: "number", type: "number",
name: "nagTimeout", name: "nagTimeout",
label: "Nag Timeout", label: t("externalNotification.nagTimeout.label"),
description: "Nag Timeout", description: t("externalNotification.nagTimeout.description"),
disabledBy: [ disabledBy: [
{ {
fieldName: "enabled", fieldName: "enabled",
@ -184,8 +191,8 @@ export const ExternalNotification = () => {
{ {
type: "toggle", type: "toggle",
name: "useI2sAsBuzzer", name: "useI2sAsBuzzer",
label: "Use I²S Pin as Buzzer", label: t("externalNotification.useI2sAsBuzzer.label"),
description: "Designate I²S Pin as Buzzer Output", description: t("externalNotification.useI2sAsBuzzer.description"),
disabledBy: [ disabledBy: [
{ {
fieldName: "enabled", fieldName: "enabled",

148
src/components/PageComponents/ModuleConfig/MQTT.tsx

@ -1,11 +1,13 @@
import { useDevice } from "@core/stores/deviceStore.ts"; import { useDevice } from "@core/stores/deviceStore.ts";
import type { MqttValidation } from "@app/validation/moduleConfig/mqtt.tsx"; import type { MqttValidation } from "@app/validation/moduleConfig/mqtt.ts";
import { create } from "@bufbuild/protobuf"; import { create } from "@bufbuild/protobuf";
import { DynamicForm } from "@components/Form/DynamicForm.tsx"; import { DynamicForm } from "@components/Form/DynamicForm.tsx";
import { Protobuf } from "@meshtastic/core"; import { Protobuf } from "@meshtastic/core";
import { useTranslation } from "react-i18next";
export const MQTT = () => { export const MQTT = () => {
const { config, moduleConfig, setWorkingModuleConfig } = useDevice(); const { config, moduleConfig, setWorkingModuleConfig } = useDevice();
const { t } = useTranslation("moduleConfig");
const onSubmit = (data: MqttValidation) => { const onSubmit = (data: MqttValidation) => {
setWorkingModuleConfig( setWorkingModuleConfig(
@ -30,21 +32,20 @@ export const MQTT = () => {
defaultValues={moduleConfig.mqtt} defaultValues={moduleConfig.mqtt}
fieldGroups={[ fieldGroups={[
{ {
label: "MQTT Settings", label: t("mqtt.title"),
description: "Settings for the MQTT module", description: t("mqtt.description"),
fields: [ fields: [
{ {
type: "toggle", type: "toggle",
name: "enabled", name: "enabled",
label: "Enabled", label: t("mqtt.enabled.label"),
description: "Enable or disable MQTT", description: t("mqtt.enabled.description"),
}, },
{ {
type: "text", type: "text",
name: "address", name: "address",
label: "MQTT Server Address", label: t("mqtt.address.label"),
description: description: t("mqtt.address.description"),
"MQTT server address to use for default/custom servers",
disabledBy: [ disabledBy: [
{ {
fieldName: "enabled", fieldName: "enabled",
@ -54,8 +55,8 @@ export const MQTT = () => {
{ {
type: "text", type: "text",
name: "username", name: "username",
label: "MQTT Username", label: t("mqtt.username.label"),
description: "MQTT username to use for default/custom servers", description: t("mqtt.username.description"),
disabledBy: [ disabledBy: [
{ {
fieldName: "enabled", fieldName: "enabled",
@ -65,8 +66,8 @@ export const MQTT = () => {
{ {
type: "password", type: "password",
name: "password", name: "password",
label: "MQTT Password", label: t("mqtt.password.label"),
description: "MQTT password to use for default/custom servers", description: t("mqtt.password.description"),
disabledBy: [ disabledBy: [
{ {
fieldName: "enabled", fieldName: "enabled",
@ -76,9 +77,8 @@ export const MQTT = () => {
{ {
type: "toggle", type: "toggle",
name: "encryptionEnabled", name: "encryptionEnabled",
label: "Encryption Enabled", label: t("mqtt.encryptionEnabled.label"),
description: description: t("mqtt.encryptionEnabled.description"),
"Enable or disable MQTT encryption. Note: All messages are sent to the MQTT broker unencrypted if this option is not enabled, even when your uplink channels have encryption keys set. This includes position data.",
disabledBy: [ disabledBy: [
{ {
fieldName: "enabled", fieldName: "enabled",
@ -88,8 +88,8 @@ export const MQTT = () => {
{ {
type: "toggle", type: "toggle",
name: "jsonEnabled", name: "jsonEnabled",
label: "JSON Enabled", label: t("mqtt.jsonEnabled.label"),
description: "Whether to send/consume JSON packets on MQTT", description: t("mqtt.jsonEnabled.description"),
disabledBy: [ disabledBy: [
{ {
fieldName: "enabled", fieldName: "enabled",
@ -99,8 +99,8 @@ export const MQTT = () => {
{ {
type: "toggle", type: "toggle",
name: "tlsEnabled", name: "tlsEnabled",
label: "TLS Enabled", label: t("mqtt.tlsEnabled.label"),
description: "Enable or disable TLS", description: t("mqtt.tlsEnabled.description"),
disabledBy: [ disabledBy: [
{ {
fieldName: "enabled", fieldName: "enabled",
@ -110,8 +110,8 @@ export const MQTT = () => {
{ {
type: "text", type: "text",
name: "root", name: "root",
label: "Root topic", label: t("mqtt.root.label"),
description: "MQTT root topic to use for default/custom servers", description: t("mqtt.root.description"),
disabledBy: [ disabledBy: [
{ {
fieldName: "enabled", fieldName: "enabled",
@ -121,9 +121,8 @@ export const MQTT = () => {
{ {
type: "toggle", type: "toggle",
name: "proxyToClientEnabled", name: "proxyToClientEnabled",
label: "Proxy to Client Enabled", label: t("mqtt.proxyToClientEnabled.label"),
description: description: t("mqtt.proxyToClientEnabled.description"),
"Use the client's internet connection for MQTT (feature only active in mobile apps)",
disabledBy: [ disabledBy: [
{ {
fieldName: "enabled", fieldName: "enabled",
@ -133,8 +132,8 @@ export const MQTT = () => {
{ {
type: "toggle", type: "toggle",
name: "mapReportingEnabled", name: "mapReportingEnabled",
label: "Map Reporting Enabled", label: t("mqtt.mapReportingEnabled.label"),
description: "Enable or disable map reporting", description: t("mqtt.mapReportingEnabled.description"),
disabledBy: [ disabledBy: [
{ {
fieldName: "enabled", fieldName: "enabled",
@ -144,10 +143,12 @@ export const MQTT = () => {
{ {
type: "number", type: "number",
name: "mapReportSettings.publishIntervalSecs", name: "mapReportSettings.publishIntervalSecs",
label: "Map Report Publish Interval (s)", label: t("mqtt.mapReportSettings.publishIntervalSecs.label"),
description: "Interval in seconds to publish map reports", description: t(
"mqtt.mapReportSettings.publishIntervalSecs.description",
),
properties: { properties: {
suffix: "Seconds", suffix: t("unit.second.plural"),
}, },
disabledBy: [ disabledBy: [
{ {
@ -161,34 +162,77 @@ export const MQTT = () => {
{ {
type: "select", type: "select",
name: "mapReportSettings.positionPrecision", name: "mapReportSettings.positionPrecision",
label: "Approximate Location", label: t(
description: "mqtt.mapReportSettings.positionPrecision.label",
"Position shared will be accurate within this distance", ),
description: t(
"mqtt.mapReportSettings.positionPrecision.description",
),
properties: { properties: {
enumValue: config.display?.units === 0 enumValue: config.display?.units === 0
? { ? {
"Within 23 km": 10, [
"Within 12 km": 11, t("mqtt.mapReportSettings.positionPrecision.options.metric_km23")
"Within 5.8 km": 12, ]: 10,
"Within 2.9 km": 13, [
"Within 1.5 km": 14, t("mqtt.mapReportSettings.positionPrecision.options.metric_km12")
"Within 700 m": 15, ]: 11,
"Within 350 m": 16, [
"Within 200 m": 17, t("mqtt.mapReportSettings.positionPrecision.options.metric_km5_8")
"Within 90 m": 18, ]: 12,
"Within 50 m": 19, [
t("mqtt.mapReportSettings.positionPrecision.options.metric_km2_9")
]: 13,
[
t("mqtt.mapReportSettings.positionPrecision.options.metric_km1_5")
]: 14,
[
t("mqtt.mapReportSettings.positionPrecision.options.metric_m700")
]: 15,
[
t("mqtt.mapReportSettings.positionPrecision.options.metric_m350")
]: 16,
[
t("mqtt.mapReportSettings.positionPrecision.options.metric_m200")
]: 17,
[
t("mqtt.mapReportSettings.positionPrecision.options.metric_m90")
]: 18,
[
t("mqtt.mapReportSettings.positionPrecision.options.metric_m50")
]: 19,
} }
: { : {
"Within 15 miles": 10, [
"Within 7.3 miles": 11, t("mqtt.mapReportSettings.positionPrecision.options.imperial_mi15")
"Within 3.6 miles": 12, ]: 10,
"Within 1.8 miles": 13, [
"Within 0.9 miles": 14, t("mqtt.mapReportSettings.positionPrecision.options.imperial_mi7_3")
"Within 0.5 miles": 15, ]: 11,
"Within 0.2 miles": 16, [
"Within 600 feet": 17, t("mqtt.mapReportSettings.positionPrecision.options.imperial_mi3_6")
"Within 300 feet": 18, ]: 12,
"Within 150 feet": 19, [
t("mqtt.mapReportSettings.positionPrecision.options.imperial_mi1_8")
]: 13,
[
t("mqtt.mapReportSettings.positionPrecision.options.imperial_mi0_9")
]: 14,
[
t("mqtt.mapReportSettings.positionPrecision.options.imperial_mi0_5")
]: 15,
[
t("mqtt.mapReportSettings.positionPrecision.options.imperial_mi0_2")
]: 16,
[
t("mqtt.mapReportSettings.positionPrecision.options.imperial_ft600")
]: 17,
[
t("mqtt.mapReportSettings.positionPrecision.options.imperial_ft300")
]: 18,
[
t("mqtt.mapReportSettings.positionPrecision.options.imperial_ft150")
]: 19,
}, },
}, },
disabledBy: [ disabledBy: [

19
src/components/PageComponents/ModuleConfig/NeighborInfo.tsx

@ -1,11 +1,13 @@
import { useDevice } from "@core/stores/deviceStore.ts"; import { useDevice } from "@core/stores/deviceStore.ts";
import type { NeighborInfoValidation } from "@app/validation/moduleConfig/neighborInfo.tsx"; import type { NeighborInfoValidation } from "@app/validation/moduleConfig/neighborInfo.ts";
import { create } from "@bufbuild/protobuf"; import { create } from "@bufbuild/protobuf";
import { DynamicForm } from "@components/Form/DynamicForm.tsx"; import { DynamicForm } from "@components/Form/DynamicForm.tsx";
import { Protobuf } from "@meshtastic/core"; import { Protobuf } from "@meshtastic/core";
import { useTranslation } from "react-i18next";
export const NeighborInfo = () => { export const NeighborInfo = () => {
const { moduleConfig, setWorkingModuleConfig } = useDevice(); const { moduleConfig, setWorkingModuleConfig } = useDevice();
const { t } = useTranslation("moduleConfig");
const onSubmit = (data: NeighborInfoValidation) => { const onSubmit = (data: NeighborInfoValidation) => {
setWorkingModuleConfig( setWorkingModuleConfig(
@ -24,23 +26,22 @@ export const NeighborInfo = () => {
defaultValues={moduleConfig.neighborInfo} defaultValues={moduleConfig.neighborInfo}
fieldGroups={[ fieldGroups={[
{ {
label: "Neighbor Info Settings", label: t("neighborInfo.title"),
description: "Settings for the Neighbor Info module", description: t("neighborInfo.description"),
fields: [ fields: [
{ {
type: "toggle", type: "toggle",
name: "enabled", name: "enabled",
label: "Enabled", label: t("neighborInfo.enabled.label"),
description: "Enable or disable Neighbor Info Module", description: t("neighborInfo.enabled.description"),
}, },
{ {
type: "number", type: "number",
name: "updateInterval", name: "updateInterval",
label: "Update Interval", label: t("neighborInfo.updateInterval.label"),
description: description: t("neighborInfo.updateInterval.description"),
"Interval in seconds of how often we should try to send our Neighbor Info to the mesh",
properties: { properties: {
suffix: "Seconds", suffix: t("unit.second.plural"),
}, },
disabledBy: [ disabledBy: [
{ {

27
src/components/PageComponents/ModuleConfig/Paxcounter.tsx

@ -3,9 +3,11 @@ import { create } from "@bufbuild/protobuf";
import { DynamicForm } from "@components/Form/DynamicForm.tsx"; import { DynamicForm } from "@components/Form/DynamicForm.tsx";
import { useDevice } from "@core/stores/deviceStore.ts"; import { useDevice } from "@core/stores/deviceStore.ts";
import { Protobuf } from "@meshtastic/core"; import { Protobuf } from "@meshtastic/core";
import { useTranslation } from "react-i18next";
export const Paxcounter = () => { export const Paxcounter = () => {
const { moduleConfig, setWorkingModuleConfig } = useDevice(); const { moduleConfig, setWorkingModuleConfig } = useDevice();
const { t } = useTranslation("moduleConfig");
const onSubmit = (data: PaxcounterValidation) => { const onSubmit = (data: PaxcounterValidation) => {
setWorkingModuleConfig( setWorkingModuleConfig(
@ -24,23 +26,22 @@ export const Paxcounter = () => {
defaultValues={moduleConfig.paxcounter} defaultValues={moduleConfig.paxcounter}
fieldGroups={[ fieldGroups={[
{ {
label: "Paxcounter Settings", label: t("paxcounter.title"),
description: "Settings for the Paxcounter module", description: t("paxcounter.description"),
fields: [ fields: [
{ {
type: "toggle", type: "toggle",
name: "enabled", name: "enabled",
label: "Module Enabled", label: t("paxcounter.enabled.label"),
description: "Enable Paxcounter", description: t("paxcounter.enabled.description"),
}, },
{ {
type: "number", type: "number",
name: "paxcounterUpdateInterval", name: "paxcounterUpdateInterval",
label: "Update Interval (seconds)", label: t("paxcounter.paxcounterUpdateInterval.label"),
description: description: t("paxcounter.paxcounterUpdateInterval.description"),
"How long to wait between sending paxcounter packets",
properties: { properties: {
suffix: "Seconds", suffix: t("unit.second.plural"),
}, },
disabledBy: [ disabledBy: [
{ {
@ -51,9 +52,8 @@ export const Paxcounter = () => {
{ {
type: "number", type: "number",
name: "wifiThreshold", name: "wifiThreshold",
label: "WiFi RSSI Threshold", label: t("paxcounter.wifiThreshold.label"),
description: description: t("paxcounter.wifiThreshold.description"),
"At what WiFi RSSI level should the counter increase. Defaults to -80.",
disabledBy: [ disabledBy: [
{ {
fieldName: "enabled", fieldName: "enabled",
@ -63,9 +63,8 @@ export const Paxcounter = () => {
{ {
type: "number", type: "number",
name: "bleThreshold", name: "bleThreshold",
label: "BLE RSSI Threshold", label: t("paxcounter.bleThreshold.label"),
description: description: t("paxcounter.bleThreshold.description"),
"At what BLE RSSI level should the counter increase. Defaults to -80.",
disabledBy: [ disabledBy: [
{ {
fieldName: "enabled", fieldName: "enabled",

22
src/components/PageComponents/ModuleConfig/RangeTest.tsx

@ -1,11 +1,13 @@
import type { RangeTestValidation } from "@app/validation/moduleConfig/rangeTest.tsx"; import type { RangeTestValidation } from "@app/validation/moduleConfig/rangeTest.ts";
import { create } from "@bufbuild/protobuf"; import { create } from "@bufbuild/protobuf";
import { DynamicForm } from "@components/Form/DynamicForm.tsx"; import { DynamicForm } from "@components/Form/DynamicForm.tsx";
import { useDevice } from "@core/stores/deviceStore.ts"; import { useDevice } from "@core/stores/deviceStore.ts";
import { Protobuf } from "@meshtastic/core"; import { Protobuf } from "@meshtastic/core";
import { useTranslation } from "react-i18next";
export const RangeTest = () => { export const RangeTest = () => {
const { moduleConfig, setWorkingModuleConfig } = useDevice(); const { moduleConfig, setWorkingModuleConfig } = useDevice();
const { t } = useTranslation("moduleConfig");
const onSubmit = (data: RangeTestValidation) => { const onSubmit = (data: RangeTestValidation) => {
setWorkingModuleConfig( setWorkingModuleConfig(
@ -24,22 +26,22 @@ export const RangeTest = () => {
defaultValues={moduleConfig.rangeTest} defaultValues={moduleConfig.rangeTest}
fieldGroups={[ fieldGroups={[
{ {
label: "Range Test Settings", label: t("rangeTest.title"),
description: "Settings for the Range Test module", description: t("rangeTest.description"),
fields: [ fields: [
{ {
type: "toggle", type: "toggle",
name: "enabled", name: "enabled",
label: "Module Enabled", label: t("rangeTest.enabled.label"),
description: "Enable Range Test", description: t("rangeTest.enabled.description"),
}, },
{ {
type: "number", type: "number",
name: "sender", name: "sender",
label: "Message Interval", label: t("rangeTest.sender.label"),
description: "How long to wait between sending test packets", description: t("rangeTest.sender.description"),
properties: { properties: {
suffix: "Seconds", suffix: t("unit.second.plural"),
}, },
disabledBy: [ disabledBy: [
{ {
@ -50,8 +52,8 @@ export const RangeTest = () => {
{ {
type: "toggle", type: "toggle",
name: "save", name: "save",
label: "Save CSV to storage", label: t("rangeTest.save.label"),
description: "ESP32 Only", description: t("rangeTest.save.description"),
disabledBy: [ disabledBy: [
{ {
fieldName: "enabled", fieldName: "enabled",

46
src/components/PageComponents/ModuleConfig/Serial.tsx

@ -1,11 +1,13 @@
import type { SerialValidation } from "@app/validation/moduleConfig/serial.tsx"; import type { SerialValidation } from "@app/validation/moduleConfig/serial.ts";
import { create } from "@bufbuild/protobuf"; import { create } from "@bufbuild/protobuf";
import { DynamicForm } from "@components/Form/DynamicForm.tsx"; import { DynamicForm } from "@components/Form/DynamicForm.tsx";
import { useDevice } from "@core/stores/deviceStore.ts"; import { useDevice } from "@core/stores/deviceStore.ts";
import { Protobuf } from "@meshtastic/core"; import { Protobuf } from "@meshtastic/core";
import { useTranslation } from "react-i18next";
export const Serial = () => { export const Serial = () => {
const { moduleConfig, setWorkingModuleConfig } = useDevice(); const { moduleConfig, setWorkingModuleConfig } = useDevice();
const { t } = useTranslation("moduleConfig");
const onSubmit = (data: SerialValidation) => { const onSubmit = (data: SerialValidation) => {
setWorkingModuleConfig( setWorkingModuleConfig(
@ -24,21 +26,20 @@ export const Serial = () => {
defaultValues={moduleConfig.serial} defaultValues={moduleConfig.serial}
fieldGroups={[ fieldGroups={[
{ {
label: "Serial Settings", label: t("serial.title"),
description: "Settings for the Serial module", description: t("serial.description"),
fields: [ fields: [
{ {
type: "toggle", type: "toggle",
name: "enabled", name: "enabled",
label: "Module Enabled", label: t("serial.enabled.label"),
description: "Enable Serial output", description: t("serial.enabled.description"),
}, },
{ {
type: "toggle", type: "toggle",
name: "echo", name: "echo",
label: "Echo", label: t("serial.echo.label"),
description: description: t("serial.echo.description"),
"Any packets you send will be echoed back to your device",
disabledBy: [ disabledBy: [
{ {
fieldName: "enabled", fieldName: "enabled",
@ -48,8 +49,8 @@ export const Serial = () => {
{ {
type: "number", type: "number",
name: "rxd", name: "rxd",
label: "Receive Pin", label: t("serial.rxd.label"),
description: "Set the GPIO pin to the RXD pin you have set up.", description: t("serial.rxd.description"),
disabledBy: [ disabledBy: [
{ {
fieldName: "enabled", fieldName: "enabled",
@ -59,8 +60,8 @@ export const Serial = () => {
{ {
type: "number", type: "number",
name: "txd", name: "txd",
label: "Transmit Pin", label: t("serial.txd.label"),
description: "Set the GPIO pin to the TXD pin you have set up.", description: t("serial.txd.description"),
disabledBy: [ disabledBy: [
{ {
fieldName: "enabled", fieldName: "enabled",
@ -70,8 +71,8 @@ export const Serial = () => {
{ {
type: "select", type: "select",
name: "baud", name: "baud",
label: "Baud Rate", label: t("serial.baud.label"),
description: "The serial baud rate", description: t("serial.baud.description"),
disabledBy: [ disabledBy: [
{ {
@ -86,24 +87,22 @@ export const Serial = () => {
{ {
type: "number", type: "number",
name: "timeout", name: "timeout",
label: "Timeout", label: t("serial.timeout.label"),
description: t("serial.timeout.description"),
description:
"Seconds to wait before we consider your packet as 'done'",
disabledBy: [ disabledBy: [
{ {
fieldName: "enabled", fieldName: "enabled",
}, },
], ],
properties: { properties: {
suffix: "Seconds", suffix: t("unit.second.plural"),
}, },
}, },
{ {
type: "select", type: "select",
name: "mode", name: "mode",
label: "Mode", label: t("serial.mode.label"),
description: "Select Mode", description: t("serial.mode.description"),
disabledBy: [ disabledBy: [
{ {
@ -119,9 +118,8 @@ export const Serial = () => {
{ {
type: "toggle", type: "toggle",
name: "overrideConsoleSerialPort", name: "overrideConsoleSerialPort",
label: "Override Console Serial Port", label: t("serial.overrideConsoleSerialPort.label"),
description: description: t("serial.overrideConsoleSerialPort.description"),
"If you have a serial port connected to the console, this will override it.",
}, },
], ],
}, },

29
src/components/PageComponents/ModuleConfig/StoreForward.tsx

@ -3,9 +3,11 @@ import { create } from "@bufbuild/protobuf";
import { DynamicForm } from "@components/Form/DynamicForm.tsx"; import { DynamicForm } from "@components/Form/DynamicForm.tsx";
import { useDevice } from "@core/stores/deviceStore.ts"; import { useDevice } from "@core/stores/deviceStore.ts";
import { Protobuf } from "@meshtastic/core"; import { Protobuf } from "@meshtastic/core";
import { useTranslation } from "react-i18next";
export const StoreForward = () => { export const StoreForward = () => {
const { moduleConfig, setWorkingModuleConfig } = useDevice(); const { moduleConfig, setWorkingModuleConfig } = useDevice();
const { t } = useTranslation("moduleConfig");
const onSubmit = (data: StoreForwardValidation) => { const onSubmit = (data: StoreForwardValidation) => {
setWorkingModuleConfig( setWorkingModuleConfig(
@ -24,20 +26,20 @@ export const StoreForward = () => {
defaultValues={moduleConfig.storeForward} defaultValues={moduleConfig.storeForward}
fieldGroups={[ fieldGroups={[
{ {
label: "Store & Forward Settings", label: t("storeForward.title"),
description: "Settings for the Store & Forward module", description: t("storeForward.description"),
fields: [ fields: [
{ {
type: "toggle", type: "toggle",
name: "enabled", name: "enabled",
label: "Module Enabled", label: t("storeForward.enabled.label"),
description: "Enable Store & Forward", description: t("storeForward.enabled.description"),
}, },
{ {
type: "toggle", type: "toggle",
name: "heartbeat", name: "heartbeat",
label: "Heartbeat Enabled", label: t("storeForward.heartbeat.label"),
description: "Enable Store & Forward heartbeat", description: t("storeForward.heartbeat.description"),
disabledBy: [ disabledBy: [
{ {
fieldName: "enabled", fieldName: "enabled",
@ -47,23 +49,22 @@ export const StoreForward = () => {
{ {
type: "number", type: "number",
name: "records", name: "records",
label: "Number of records", label: t("storeForward.records.label"),
description: "Number of records to store", description: t("storeForward.records.description"),
disabledBy: [ disabledBy: [
{ {
fieldName: "enabled", fieldName: "enabled",
}, },
], ],
properties: { properties: {
suffix: "Records", suffix: t("unit.record.plural"),
}, },
}, },
{ {
type: "number", type: "number",
name: "historyReturnMax", name: "historyReturnMax",
label: "History return max", label: t("storeForward.historyReturnMax.label"),
description: "Max number of records to return", description: t("storeForward.historyReturnMax.description"),
disabledBy: [ disabledBy: [
{ {
fieldName: "enabled", fieldName: "enabled",
@ -73,8 +74,8 @@ export const StoreForward = () => {
{ {
type: "number", type: "number",
name: "historyReturnWindow", name: "historyReturnWindow",
label: "History return window", label: t("storeForward.historyReturnWindow.label"),
description: "Max number of records to return", description: t("storeForward.historyReturnWindow.description"),
disabledBy: [ disabledBy: [
{ {
fieldName: "enabled", fieldName: "enabled",

54
src/components/PageComponents/ModuleConfig/Telemetry.tsx

@ -3,9 +3,11 @@ import { create } from "@bufbuild/protobuf";
import { DynamicForm } from "@components/Form/DynamicForm.tsx"; import { DynamicForm } from "@components/Form/DynamicForm.tsx";
import { useDevice } from "@core/stores/deviceStore.ts"; import { useDevice } from "@core/stores/deviceStore.ts";
import { Protobuf } from "@meshtastic/core"; import { Protobuf } from "@meshtastic/core";
import { useTranslation } from "react-i18next";
export const Telemetry = () => { export const Telemetry = () => {
const { moduleConfig, setWorkingModuleConfig } = useDevice(); const { moduleConfig, setWorkingModuleConfig } = useDevice();
const { t } = useTranslation("moduleConfig");
const onSubmit = (data: TelemetryValidation) => { const onSubmit = (data: TelemetryValidation) => {
setWorkingModuleConfig( setWorkingModuleConfig(
@ -24,74 +26,78 @@ export const Telemetry = () => {
defaultValues={moduleConfig.telemetry} defaultValues={moduleConfig.telemetry}
fieldGroups={[ fieldGroups={[
{ {
label: "Telemetry Settings", label: t("telemetry.title"),
description: "Settings for the Telemetry module", description: t("telemetry.description"),
fields: [ fields: [
{ {
type: "number", type: "number",
name: "deviceUpdateInterval", name: "deviceUpdateInterval",
label: "Device Metrics", label: t("telemetry.deviceUpdateInterval.label"),
description: "Device metrics update interval (seconds)", description: t("telemetry.deviceUpdateInterval.description"),
properties: { properties: {
suffix: "Seconds", suffix: t("unit.second.plural"),
}, },
}, },
{ {
type: "number", type: "number",
name: "environmentUpdateInterval", name: "environmentUpdateInterval",
label: "Environment metrics update interval (seconds)", label: t("telemetry.environmentUpdateInterval.label"),
description: "", description: t("telemetry.environmentUpdateInterval.description"),
properties: { properties: {
suffix: "Seconds", suffix: t("unit.second.plural"),
}, },
}, },
{ {
type: "toggle", type: "toggle",
name: "environmentMeasurementEnabled", name: "environmentMeasurementEnabled",
label: "Module Enabled", label: t("telemetry.environmentMeasurementEnabled.label"),
description: "Enable the Environment Telemetry", description: t(
"telemetry.environmentMeasurementEnabled.description",
),
}, },
{ {
type: "toggle", type: "toggle",
name: "environmentScreenEnabled", name: "environmentScreenEnabled",
label: "Displayed on Screen", label: t("telemetry.environmentScreenEnabled.label"),
description: "Show the Telemetry Module on the OLED", description: t("telemetry.environmentScreenEnabled.description"),
}, },
{ {
type: "toggle", type: "toggle",
name: "environmentDisplayFahrenheit", name: "environmentDisplayFahrenheit",
label: "Display Fahrenheit", label: t("telemetry.environmentDisplayFahrenheit.label"),
description: "Display temp in Fahrenheit", description: t(
"telemetry.environmentDisplayFahrenheit.description",
),
}, },
{ {
type: "toggle", type: "toggle",
name: "airQualityEnabled", name: "airQualityEnabled",
label: "Air Quality Enabled", label: t("telemetry.airQualityEnabled.label"),
description: "Enable the Air Quality Telemetry", description: t("telemetry.airQualityEnabled.description"),
}, },
{ {
type: "number", type: "number",
name: "airQualityInterval", name: "airQualityInterval",
label: "Air Quality Update Interval", label: t("telemetry.airQualityInterval.label"),
description: "How often to send Air Quality data over the mesh", description: t("telemetry.airQualityInterval.description"),
}, },
{ {
type: "toggle", type: "toggle",
name: "powerMeasurementEnabled", name: "powerMeasurementEnabled",
label: "Power Measurement Enabled", label: t("telemetry.powerMeasurementEnabled.label"),
description: "Enable the Power Measurement Telemetry", description: t("telemetry.powerMeasurementEnabled.description"),
}, },
{ {
type: "number", type: "number",
name: "powerUpdateInterval", name: "powerUpdateInterval",
label: "Power Update Interval", label: t("telemetry.powerUpdateInterval.label"),
description: "How often to send Power data over the mesh", description: t("telemetry.powerUpdateInterval.description"),
}, },
{ {
type: "toggle", type: "toggle",
name: "powerScreenEnabled", name: "powerScreenEnabled",
label: "Power Screen Enabled", label: t("telemetry.powerScreenEnabled.label"),
description: "Enable the Power Telemetry Screen", description: t("telemetry.powerScreenEnabled.description"),
}, },
], ],
}, },

66
src/components/Sidebar.tsx

@ -1,4 +1,4 @@
import React from "react"; import React, { useEffect, useState, useTransition } from "react";
import { SidebarSection } from "@components/UI/Sidebar/SidebarSection.tsx"; import { SidebarSection } from "@components/UI/Sidebar/SidebarSection.tsx";
import { Subtle } from "@components/UI/Typography/Subtle.tsx"; import { Subtle } from "@components/UI/Typography/Subtle.tsx";
import { useDevice } from "@core/stores/deviceStore.ts"; import { useDevice } from "@core/stores/deviceStore.ts";
@ -25,7 +25,7 @@ import ThemeSwitcher from "@components/ThemeSwitcher.tsx";
import { useAppStore } from "@core/stores/appStore.ts"; import { useAppStore } from "@core/stores/appStore.ts";
import BatteryStatus from "@components/BatteryStatus.tsx"; import BatteryStatus from "@components/BatteryStatus.tsx";
import { SidebarButton } from "@components/UI/Sidebar/SidebarButton.tsx"; import { SidebarButton } from "@components/UI/Sidebar/SidebarButton.tsx";
import { useTranslation } from "react-i18next"; // Import useTranslation import { useTranslation } from "react-i18next";
export interface SidebarProps { export interface SidebarProps {
children?: React.ReactNode; children?: React.ReactNode;
@ -40,10 +40,10 @@ interface NavLink {
const CollapseToggleButton = () => { const CollapseToggleButton = () => {
const { isCollapsed, toggleSidebar } = useSidebar(); const { isCollapsed, toggleSidebar } = useSidebar();
const { t } = useTranslation(); const { t } = useTranslation("ui");
const buttonLabel = isCollapsed const buttonLabel = isCollapsed
? t("sidebar_collapseToggle-button_open") ? t("sidebar.collapseToggle.button.open")
: t("sidebar_collapseToggle_button_close"); : t("sidebar.collapseToggle.button.close");
return ( return (
<button <button
@ -83,33 +83,47 @@ export const Sidebar = ({ children }: SidebarProps) => {
const { setCommandPaletteOpen } = useAppStore(); const { setCommandPaletteOpen } = useAppStore();
const myNode = getNode(hardware.myNodeNum); const myNode = getNode(hardware.myNodeNum);
const { isCollapsed } = useSidebar(); const { isCollapsed } = useSidebar();
const { t } = useTranslation(); const { t } = useTranslation("ui");
const myMetadata = metadata.get(0); const myMetadata = metadata.get(0);
const numUnread = [...unreadCounts.values()].reduce((sum, v) => sum + v, 0); const numUnread = [...unreadCounts.values()].reduce((sum, v) => sum + v, 0);
const [displayedNodeCount, setDisplayedNodeCount] = useState(() =>
Math.max(getNodesLength() - 1, 0)
);
const [_, startNodeCountTransition] = useTransition();
const currentNodeCountValue = Math.max(getNodesLength() - 1, 0);
useEffect(() => {
if (currentNodeCountValue !== displayedNodeCount) {
startNodeCountTransition(() => {
setDisplayedNodeCount(currentNodeCountValue);
});
}
}, [currentNodeCountValue, displayedNodeCount, startNodeCountTransition]);
const pages: NavLink[] = [ const pages: NavLink[] = [
{ {
name: t("navigation_title_messages"), name: t("navigation.messages"),
icon: MessageSquareIcon, icon: MessageSquareIcon,
page: "messages", page: "messages",
count: numUnread ? numUnread : undefined, count: numUnread ? numUnread : undefined,
}, },
{ name: t("navigation_title_map"), icon: MapIcon, page: "map" }, { name: t("navigation.map"), icon: MapIcon, page: "map" },
{ {
name: t("navigation_title_config"), name: t("navigation.config"),
icon: SettingsIcon, icon: SettingsIcon,
page: "config", page: "config",
}, },
{ {
name: t("navigation_title_channels"), name: t("navigation.channels"),
icon: LayersIcon, icon: LayersIcon,
page: "channels", page: "channels",
}, },
{ {
name: `${t("navigation_title_nodes")} (${ name: `${t("navigation.nodes")} (${displayedNodeCount})`,
Math.max(getNodesLength() - 1, 0)
})`,
icon: UsersIcon, icon: UsersIcon,
page: "nodes", page: "nodes",
}, },
@ -134,7 +148,7 @@ export const Sidebar = ({ children }: SidebarProps) => {
> >
<img <img
src="Logo.svg" src="Logo.svg"
alt={t("sidebar_app_title_alt")} alt={t("app.logo")}
className="size-10 flex-shrink-0 rounded-xl" className="size-10 flex-shrink-0 rounded-xl"
/> />
<h2 <h2
@ -146,11 +160,14 @@ export const Sidebar = ({ children }: SidebarProps) => {
: "opacity-100 max-w-xs visible ml-2", : "opacity-100 max-w-xs visible ml-2",
)} )}
> >
{t("common_header")} {t("app.title")}
</h2> </h2>
</div> </div>
<SidebarSection label={t("navigation_title")} className="mt-4 px-0"> <SidebarSection
label={t("navigation.title")}
className="mt-4 px-0"
>
{pages.map((link) => ( {pages.map((link) => (
<SidebarButton <SidebarButton
key={link.name} key={link.name}
@ -188,7 +205,7 @@ export const Sidebar = ({ children }: SidebarProps) => {
isCollapsed ? "opacity-0 invisible" : "opacity-100 visible", isCollapsed ? "opacity-0 invisible" : "opacity-100 visible",
)} )}
> >
{t("common_loading")} {t("loading")}
</Subtle> </Subtle>
</div> </div>
) )
@ -201,7 +218,8 @@ export const Sidebar = ({ children }: SidebarProps) => {
)} )}
> >
<Avatar <Avatar
text={myNode.user?.shortName ?? myNode.num.toString()} text={myNode.user?.shortName ??
t("unknown.shortName")}
className={cn("flex-shrink-0 ml-2", isCollapsed && "ml-0")} className={cn("flex-shrink-0 ml-2", isCollapsed && "ml-0")}
size="sm" size="sm"
/> />
@ -236,9 +254,9 @@ export const Sidebar = ({ children }: SidebarProps) => {
className="text-gray-500 dark:text-gray-400 w-4 flex-shrink-0" className="text-gray-500 dark:text-gray-400 w-4 flex-shrink-0"
/> />
<Subtle> <Subtle>
{t("sidebar_deviceInfo_volts", { {t("sidebar.deviceInfo.volts", {
voltage: myNode.deviceMetrics?.voltage?.toPrecision(3) ?? voltage: myNode.deviceMetrics?.voltage?.toPrecision(3) ??
t("common_unknown_short"), t("unknown.shortName"),
})} })}
</Subtle> </Subtle>
</div> </div>
@ -248,9 +266,9 @@ export const Sidebar = ({ children }: SidebarProps) => {
className="text-gray-500 dark:text-gray-400 w-4 flex-shrink-0" className="text-gray-500 dark:text-gray-400 w-4 flex-shrink-0"
/> />
<Subtle> <Subtle>
{t("sidebar_deviceInfo_firmwareVersion", { {t("sidebar.deviceInfo.firmwareVersion", {
version: myMetadata?.firmwareVersion ?? version: myMetadata?.firmwareVersion ??
t("common_unknown_short"), t("unknown.shortName"),
})} })}
</Subtle> </Subtle>
</div> </div>
@ -266,7 +284,9 @@ export const Sidebar = ({ children }: SidebarProps) => {
> >
<button <button
type="button" type="button"
aria-label={t("sidebar_deviceInfo_button_editDeviceName")} aria-label={t(
"sidebar.deviceInfo.button.editDeviceName",
)}
className="p-1 rounded transition-colors cursor-pointer hover:text-accent" className="p-1 rounded transition-colors cursor-pointer hover:text-accent"
onClick={() => setDialogOpen("deviceName", true)} onClick={() => setDialogOpen("deviceName", true)}
> >

10
src/components/ThemeSwitcher.tsx

@ -11,7 +11,7 @@ export default function ThemeSwitcher({
className?: string; className?: string;
}) { }) {
const { preference, setPreference } = useTheme(); const { preference, setPreference } = useTheme();
const { t } = useTranslation(); const { t } = useTranslation("ui");
const themeIcons = { const themeIcons = {
light: <Sun className="size-6" />, light: <Sun className="size-6" />,
@ -27,9 +27,9 @@ export default function ThemeSwitcher({
}; };
const preferenceDisplayMap: Record<ThemePreference, string> = { const preferenceDisplayMap: Record<ThemePreference, string> = {
light: t("theme_preference_light"), light: t("theme.light"),
dark: t("theme_preference_dark"), dark: t("theme.dark"),
system: t("theme_preference_system"), system: t("theme.system"),
}; };
const currentDisplayPreference = preferenceDisplayMap[preference]; const currentDisplayPreference = preferenceDisplayMap[preference];
@ -42,7 +42,7 @@ export default function ThemeSwitcher({
className, className,
)} )}
onClick={toggleTheme} onClick={toggleTheme}
aria-description={t("theme_switcher_aria_change_theme")} aria-description={t("theme.changeTheme")}
> >
<span <span
data-label data-label

2
src/components/UI/Avatar.tsx

@ -85,7 +85,7 @@ export const Avatar = ({
const bgColor = getColorFromText(safeText); const bgColor = getColorFromText(safeText);
const isLight = ColorUtils.isLight(bgColor); const isLight = ColorUtils.isLight(bgColor);
const textColor = isLight ? "#000000" : "#FFFFFF"; const textColor = isLight ? "#000000" : "#FFFFFF";
const initials = safeText?.slice(0, 4) ?? t("common_unknown_short"); const initials = safeText?.slice(0, 4) ?? t("unknown.shortName");
return ( return (
<div <div

2
src/components/UI/Footer.tsx

@ -16,7 +16,7 @@ const Footer = ({ className, ...props }: FooterProps) => {
> >
<p> <p>
<Trans <Trans
i18nKey="footer_text" i18nKey="footer.text"
components={[ components={[
<a <a
key="vercel" key="vercel"

22
src/components/UI/Input.tsx

@ -63,7 +63,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
) => { ) => {
const { isVisible, toggleVisibility } = usePasswordVisibilityToggle(); const { isVisible, toggleVisibility } = usePasswordVisibilityToggle();
const { copy, isCopied } = useCopyToClipboard({ timeout: 1500 }); const { copy, isCopied } = useCopyToClipboard({ timeout: 1500 });
const { t } = useTranslation(); const { t } = useTranslation("ui");
const potentialActions: InputActionType[] = [ const potentialActions: InputActionType[] = [
{ {
@ -82,8 +82,8 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
ref.current.focus(); ref.current.focus();
} }
}, },
ariaLabel: t("input_action_clearInput_label"), ariaLabel: t("filters.clearInput.label"),
tooltip: t("input_action_clearInput_label"), tooltip: t("filters.clearInput.label"),
condition: !!showClearButton && !!value, condition: !!showClearButton && !!value,
}, },
{ {
@ -94,11 +94,11 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
toggleVisibility(); toggleVisibility();
}, },
ariaLabel: isVisible ariaLabel: isVisible
? t("input_action_hidePassword_label") ? t("notifications.hidePassword.label")
: t("input_action_showPassword_label"), : t("notifications.showPassword.label"),
tooltip: isVisible tooltip: isVisible
? t("input_action_hidePassword_label") ? t("notifications.hidePassword.label")
: t("input_action_showPassword_label"), : t("notifications.showPassword.label"),
condition: !!showPasswordToggle && type === "password", condition: !!showPasswordToggle && type === "password",
}, },
{ {
@ -111,11 +111,11 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
} }
}, },
ariaLabel: isCopied ariaLabel: isCopied
? t("input_action_copied_label") ? t("notifications.copied.label")
: t("input_action_copyToClipboard_label"), : t("notifications.copyToClipboard.label"),
tooltip: isCopied tooltip: isCopied
? t("input_action_copied_label") ? t("notifications.copied.label")
: t("input_action_copyToClipboard_label"), : t("notifications.copyToClipboard.label"),
condition: !!showCopyButton, condition: !!showCopyButton,
}, },
]; ];

311
src/components/generic/Filter/FilterControl.tsx

@ -1,15 +1,19 @@
import { import {
type ComponentProps, type ComponentProps,
ReactNode, ReactNode,
useCallback,
useEffect, useEffect,
useRef, useRef,
useState, useState,
} from "react"; } from "react";
import { Protobuf } from "@meshtastic/core"; import { Protobuf } from "@meshtastic/core";
import { FunnelIcon } from "lucide-react";
import { useTranslation } from "react-i18next";
import type { TFunction } from "i18next";
import { debounce } from "@core/utils/debounce.ts"; import { debounce } from "@core/utils/debounce.ts";
import { cn } from "@core/utils/cn.ts"; import { cn } from "@core/utils/cn.ts";
import { TimeAgo } from "@components/generic/TimeAgo.tsx";
import type { FilterState } from "@components/generic/Filter/useFilterNode.ts";
import { import {
Popover, Popover,
@ -18,15 +22,19 @@ import {
} from "@components/UI/Popover.tsx"; } from "@components/UI/Popover.tsx";
import { Input } from "@components/UI/Input.tsx"; import { Input } from "@components/UI/Input.tsx";
import { Accordion } from "@components/UI/Accordion.tsx"; import { Accordion } from "@components/UI/Accordion.tsx";
import { FunnelIcon } from "lucide-react";
import { TimeAgo } from "@components/generic/TimeAgo.tsx";
import { import {
FilterAccordionItem, FilterAccordionItem,
FilterMulti, FilterMulti,
FilterSlider, FilterSlider,
FilterToggle, FilterToggle,
} from "@components/generic/Filter/FilterComponents.tsx"; } from "@components/generic/Filter/FilterComponents.tsx";
import { useTranslation } from "react-i18next";
import type { FilterState } from "@components/generic/Filter/useFilterNode.ts";
const DEBOUNCE_DELAY_MS = 250;
const BATTERY_STATUS_PLUGGED_IN_VALUE = 101;
type PopoverContentProps = ComponentProps<typeof PopoverContent>; type PopoverContentProps = ComponentProps<typeof PopoverContent>;
@ -41,10 +49,93 @@ interface FilterControlProps {
popoverTriggerClassName?: string; popoverTriggerClassName?: string;
showTextSearch?: boolean; showTextSearch?: boolean;
}; };
children?: ReactNode; children?: ReactNode;
} }
interface HopsLabelProps {
hopsAway: number[];
t: TFunction<"ui", undefined>;
}
function HopsLabelContent({ hopsAway, t }: HopsLabelProps) {
const startHops = hopsAway[0];
const endHops = hopsAway[1];
return (
<>
{t("filters.hops.text", {
value: startHops === 0 ? t("filters.hops.direct") : startHops,
})}
{startHops !== endHops ? `${endHops}` : ""}
</>
);
}
interface LastHeardLabelProps {
lastHeardRange: number[];
defaultMaxLastHeard: number;
formatTS: (ts: number) => ReactNode;
t: TFunction<"ui", undefined>;
}
function LastHeardLabelContent(
{ lastHeardRange, defaultMaxLastHeard, formatTS, t }: LastHeardLabelProps,
) {
const [start, end] = lastHeardRange;
return (
<>
{t("filters.lastHeard.labelText", { value: "" })}
<br />
{start === 0
? (
t("filters.lastHeard.nowLabel")
)
: (
<>
{start === defaultMaxLastHeard && ">"}
{formatTS(start)}
</>
)}
{start !== end && (
<>
{" — "}
{end === defaultMaxLastHeard && ">"}
{formatTS(end)}
</>
)}
</>
);
}
interface BatteryLevelLabelProps {
batteryLevelRange: (number | undefined)[];
t: TFunction<"ui", undefined>;
}
function BatteryLevelLabelContent(
{ batteryLevelRange, t }: BatteryLevelLabelProps,
) {
const [start, end] = batteryLevelRange;
const formatBatteryValue = (value: number | undefined) => {
if (value === undefined) return "";
return value === BATTERY_STATUS_PLUGGED_IN_VALUE
? t("batteryStatus.pluggedIn")
: `${value}%`;
};
return (
<>
{t("filters.batteryLevel.labelText", {
value: formatBatteryValue(start),
})}
{start !== end && typeof end !== "undefined" && (
<>
{" – "}
{formatBatteryValue(end)}
</>
)}
</>
);
}
export function FilterControl({ export function FilterControl({
filterState, filterState,
defaultFilterValues, defaultFilterValues,
@ -53,50 +144,53 @@ export function FilterControl({
parameters, parameters,
children, children,
}: FilterControlProps) { }: FilterControlProps) {
const { t } = useTranslation(); const { t } = useTranslation("ui");
// Copy of the state that we only use for rendering sliders and their labels directly, rest is debounced
const [localFilterState, setLocalFilterState] = useState(filterState); const [localFilterState, setLocalFilterState] = useState(filterState);
const skipNextSync = useRef(false); const skipNextFilterStateSync = useRef(false);
useEffect(() => { useEffect(() => {
if (skipNextSync.current) { if (skipNextFilterStateSync.current) {
skipNextSync.current = false; skipNextFilterStateSync.current = false;
return; return;
} }
setLocalFilterState(filterState); setLocalFilterState(filterState);
}, [filterState]); }, [filterState]);
const handleTextChange = const handleTextChange = useCallback(
<K extends keyof FilterState>(key: K) => <K extends keyof FilterState>(key: K) =>
(e: React.ChangeEvent<HTMLInputElement>) => { (e: React.ChangeEvent<HTMLInputElement>) => {
setFilterState((prev) => ({ setFilterState((prev) => ({
...prev, ...prev,
[key]: e.target.value, [key]: e.target.value,
})); }));
}; },
const handleRangeChange = [setFilterState],
<K extends keyof FilterState>(key: K) => (value: number[]) => { );
// immediate slider update
setLocalFilterState((prev) => ({ const debouncedSetFilterState = useCallback(
debounce(<K extends keyof FilterState>(key: K, value: number[]) => {
skipNextFilterStateSync.current = true;
setFilterState((prev) => ({
...prev, ...prev,
[key]: value, [key]: value,
})); }));
}, DEBOUNCE_DELAY_MS),
[setFilterState],
);
// debounced write to filterState (table/map render) const handleRangeChange = useCallback(
debounce( <K extends keyof FilterState>(key: K) => (value: number[]) => {
() => { setLocalFilterState((prev) => ({
skipNextSync.current = true;
setFilterState((prev) => ({
...prev, ...prev,
[key]: value, [key]: value,
})); }));
debouncedSetFilterState(key, value);
}, },
250, [debouncedSetFilterState],
)(); );
};
const handleBoolChange = <K extends keyof FilterState>( const handleBoolChange = useCallback(
key: K, <K extends keyof FilterState>(key: K, value: string) => {
value: string,
) => {
const typedValue = value === "" const typedValue = value === ""
? undefined ? undefined
: JSON.parse(value.toLowerCase()); : JSON.parse(value.toLowerCase());
@ -105,18 +199,23 @@ export function FilterControl({
...prev, ...prev,
[key]: typedValue, [key]: typedValue,
})); }));
}; },
[setFilterState],
);
const resetFilters = () => { const resetFilters = useCallback(() => {
setFilterState(defaultFilterValues); setFilterState(defaultFilterValues);
}; }, [defaultFilterValues, setFilterState]);
function formatTS(ts: number): ReactNode { const formatTS = useCallback(
return <TimeAgo timestamp={Date.now() - ts * 1000} />; (ts: number): ReactNode => <TimeAgo timestamp={Date.now() - ts * 1000} />,
} [],
function formatEnumLabel(label: string): string { );
return label.replace(/_/g, " ");
} const formatEnumLabel = useCallback(
(label: string): string => label.replace(/_/g, " "),
[],
);
return ( return (
<Popover> <Popover>
@ -132,7 +231,7 @@ export function FilterControl({
: "", : "",
parameters?.popoverTriggerClassName, parameters?.popoverTriggerClassName,
)} )}
aria-label={t("filter_control_button_filter_ariaLabel")} aria-label={t("filters.filter.label")}
> >
{parameters?.triggerIcon ?? <FunnelIcon />} {parameters?.triggerIcon ?? <FunnelIcon />}
</button> </button>
@ -147,186 +246,140 @@ export function FilterControl({
<form className="space-y-4"> <form className="space-y-4">
<Accordion <Accordion
type="single" type="single"
defaultValue={t("filter_control_accordion_general_label")} defaultValue={t("filters.general.label")}
collapsible collapsible
> >
<FilterAccordionItem <FilterAccordionItem label={t("filters.general.label")}>
label={t("filter_control_accordion_general_label")}
>
{(parameters?.showTextSearch ?? true) && ( {(parameters?.showTextSearch ?? true) && (
<div className="flex flex-col space-y-1 pb-2"> <div className="flex flex-col space-y-1 pb-2">
<label htmlFor="nodeName" className="font-medium text-sm"> <label htmlFor="nodeName" className="font-medium text-sm">
{t("filter_control_input_nodeName_label")} {t("filters.nodeName.label")}
</label> </label>
<Input <Input
type="text" type="text"
id="nodeName"
value={filterState.nodeName} value={filterState.nodeName}
onChange={handleTextChange("nodeName")} onChange={handleTextChange("nodeName")}
showClearButton showClearButton
placeholder={t("filter_control_input_nodeName_placeholder")} placeholder={t("filters.nodeName.placeholder")}
/> />
</div> </div>
)} )}
<FilterSlider <FilterSlider
label={t("filter_control_slider_hops_label")} label={t("filters.hops.label")}
filterKey="hopsAway" filterKey="hopsAway"
filterState={localFilterState} filterState={localFilterState}
defaultFilterValues={defaultFilterValues} defaultFilterValues={defaultFilterValues}
onChange={handleRangeChange} onChange={handleRangeChange}
labelContent={ labelContent={
<> <HopsLabelContent
{t("filter_control_slider_hops_labelText", { hopsAway={localFilterState.hopsAway}
value: localFilterState.hopsAway[0] === 0 t={t}
? t("filter_control_slider_hops_directLabel") />
: localFilterState.hopsAway[0],
})}
{localFilterState.hopsAway[0] !==
localFilterState.hopsAway[1]
? `${localFilterState.hopsAway[1]}`
: ""}
</>
} }
/> />
<FilterSlider <FilterSlider
label={t("filter_control_slider_lastHeard_label")} label={t("filters.lastHeard.label")}
filterKey="lastHeard" filterKey="lastHeard"
filterState={localFilterState} filterState={localFilterState}
defaultFilterValues={defaultFilterValues} defaultFilterValues={defaultFilterValues}
onChange={handleRangeChange} onChange={handleRangeChange}
labelContent={ labelContent={
<> <LastHeardLabelContent
{t("filter_control_slider_lastHeard_labelText", { lastHeardRange={localFilterState.lastHeard}
value: "", defaultMaxLastHeard={defaultFilterValues.lastHeard[1]}
})} formatTS={formatTS}
<br /> t={t}
{localFilterState.lastHeard[0] === 0 />
? t("filter_control_slider_lastHeard_nowLabel")
: (
<>
{localFilterState.lastHeard[0] ===
defaultFilterValues.lastHeard[1] && ">"}
{formatTS(localFilterState.lastHeard[0])}
</>
)}
{localFilterState.lastHeard[0] !==
localFilterState.lastHeard[1] && (
<>
{" — "}
{localFilterState.lastHeard[1] ===
defaultFilterValues.lastHeard[1] && ">"}
{formatTS(localFilterState.lastHeard[1])}
</>
)}
</>
} }
/> />
<FilterToggle <FilterToggle
label={t("filter_control_toggle_favorites_label")} label={t("filters.favorites.label")}
filterKey="isFavorite" filterKey="isFavorite"
alternativeLabels={[ alternativeLabels={[
t("filter_control_toggle_hide_label"), t("filters.hide.label"),
t("filter_control_toggle_showOnly_label"), t("filters.showOnly.label"),
]} ]}
filterState={filterState} filterState={filterState}
onChange={handleBoolChange} onChange={handleBoolChange}
/> />
<FilterToggle <FilterToggle
label={t("filter_control_toggle_viaMqtt_label")} label={t("filters.viaMqtt.label")}
filterKey="viaMqtt" filterKey="viaMqtt"
alternativeLabels={[ alternativeLabels={[
t("filter_control_toggle_hide_label"), t("filters.hide.label"),
t("filter_control_toggle_showOnly_label"), t("filters.showOnly.label"),
]} ]}
filterState={filterState} filterState={filterState}
onChange={handleBoolChange} onChange={handleBoolChange}
/> />
</FilterAccordionItem> </FilterAccordionItem>
<FilterAccordionItem <FilterAccordionItem label={t("filters.metrics.label")}>
label={t("filter_control_accordion_metrics_label")}
>
<FilterSlider <FilterSlider
label={t("filter_control_slider_snr_label")} label={t("filters.snr.label")}
filterKey="snr" filterKey="snr"
filterState={localFilterState} filterState={localFilterState}
defaultFilterValues={defaultFilterValues} defaultFilterValues={defaultFilterValues}
onChange={handleRangeChange} onChange={handleRangeChange}
/> />
<FilterSlider <FilterSlider
label={t("filter_control_slider_channelUtilization_label")} label={t("filters.channelUtilization.label")}
filterKey="channelUtilization" filterKey="channelUtilization"
filterState={localFilterState} filterState={localFilterState}
defaultFilterValues={defaultFilterValues} defaultFilterValues={defaultFilterValues}
onChange={handleRangeChange} onChange={handleRangeChange}
/> />
<FilterSlider <FilterSlider
label={t("filter_control_slider_airtimeUtilization_label")} label={t("filters.airtimeUtilization.label")}
filterKey="airUtilTx" filterKey="airUtilTx"
filterState={localFilterState} filterState={localFilterState}
defaultFilterValues={defaultFilterValues} defaultFilterValues={defaultFilterValues}
onChange={handleRangeChange} onChange={handleRangeChange}
/> />
<FilterSlider <FilterSlider
label={t("filter_control_slider_batteryLevel_label")} label={t("filters.batteryLevel.label")}
filterKey="batteryLevel" filterKey="batteryLevel"
filterState={localFilterState} filterState={localFilterState}
defaultFilterValues={defaultFilterValues} defaultFilterValues={defaultFilterValues}
onChange={handleRangeChange} onChange={handleRangeChange}
labelContent={ labelContent={
<> <BatteryLevelLabelContent
{t("filter_control_slider_batteryLevel_labelText", { batteryLevelRange={localFilterState.batteryLevel}
value: localFilterState.batteryLevel[0] === 101 t={t}
? t("common_batteryStatus_pluggedIn") />
: localFilterState.batteryLevel[0],
})}
{localFilterState.batteryLevel[0] !==
localFilterState.batteryLevel[1] && (
<>
{" – "}
{localFilterState.batteryLevel[1] === 101
? t("common_batteryStatus_pluggedIn")
: localFilterState.batteryLevel[1]}
</>
)}
</>
} }
/> />
<FilterSlider <FilterSlider
label={t("filter_control_slider_batteryVoltage_label")} label={t("filters.batteryVoltage.label")}
filterKey="voltage" filterKey="voltage"
filterState={localFilterState} filterState={localFilterState}
defaultFilterValues={defaultFilterValues} defaultFilterValues={defaultFilterValues}
onChange={handleRangeChange} onChange={handleRangeChange}
/> />
</FilterAccordionItem> </FilterAccordionItem>
<FilterAccordionItem
label={t("filter_control_accordion_role_label")} <FilterAccordionItem label={t("filters.role.label")}>
>
<FilterMulti <FilterMulti
filterKey="role" filterKey="role"
filterState={filterState} filterState={filterState}
setFilterState={setFilterState} setFilterState={setFilterState}
options={Object.values(Protobuf.Config.Config_DeviceConfig_Role) options={Object.values(
.filter( Protobuf.Config.Config_DeviceConfig_Role,
(v): v is number => typeof v === "number", ).filter((v): v is number => typeof v === "number")}
)}
getLabel={(val) => getLabel={(val) =>
formatEnumLabel( formatEnumLabel(
Protobuf.Config.Config_DeviceConfig_Role[val], Protobuf.Config.Config_DeviceConfig_Role[val],
)} )}
/> />
</FilterAccordionItem> </FilterAccordionItem>
<FilterAccordionItem
label={t("filter_control_accordion_hardware_label")} <FilterAccordionItem label={t("filters.hardware.label")}>
>
<FilterMulti <FilterMulti
filterKey="hwModel" filterKey="hwModel"
filterState={filterState} filterState={filterState}
setFilterState={setFilterState} setFilterState={setFilterState}
options={Object.values(Protobuf.Mesh.HardwareModel) options={Object.values(Protobuf.Mesh.HardwareModel).filter(
.filter(
(v): v is number => typeof v === "number", (v): v is number => typeof v === "number",
)} )}
getLabel={(val) => getLabel={(val) =>
@ -339,13 +392,9 @@ export function FilterControl({
onClick={resetFilters} onClick={resetFilters}
className="w-full py-1 shadow-sm hover:shadow-md bg-slate-600 dark:bg-slate-900 text-white rounded text-sm hover:text-slate-100 hover:bg-slate-700 active:bg-slate-950" className="w-full py-1 shadow-sm hover:shadow-md bg-slate-600 dark:bg-slate-900 text-white rounded text-sm hover:text-slate-100 hover:bg-slate-700 active:bg-slate-950"
> >
{t("filter_control_button_resetFilters_label")} {t("filters.resetFilters.label")}
</button> </button>
{children && ( {children && <div className="mt-4 border-t pt-4">{children}</div>}
<div className="mt-4 border-t pt-4">
{children}
</div>
)}
</form> </form>
</PopoverContent> </PopoverContent>
</Popover> </Popover>

92
src/core/hooks/useLang.ts

@ -0,0 +1,92 @@
import { useCallback, useMemo } from "react";
import { useTranslation } from "react-i18next";
import { LangCode } from "@app/i18n/config.ts";
import useLocalStorage from "./useLocalStorage.ts";
/**
* Hook to set the i18n language
*
* @returns The `set` function
*/
const STORAGE_KEY = "language";
type LanguageState = {
language: string;
};
function useLang() {
const { i18n } = useTranslation();
const [_, setLanguage] = useLocalStorage<LanguageState | null>(
STORAGE_KEY,
null,
);
const regionNames = useMemo(() => {
return new Intl.DisplayNames(i18n.language, {
type: "region",
fallback: "none",
style: "long",
});
}, [i18n.language]);
const collator = useMemo(() => {
return new Intl.Collator(i18n.language, {});
}, [i18n.language]);
/**
* Sets the i18n language.
*
* @param lng - The language tag to set
*/
const set = useCallback(
async (lng: LangCode, persist = true) => {
if (i18n.language === lng) {
return;
}
console.info("set language:", lng);
if (persist) {
try {
setLanguage({ language: lng });
} catch (e) {
console.warn(e);
}
await i18n.changeLanguage(lng);
}
},
[i18n],
);
/**
* Get the localized country name
*
* @param code - Two-letter country code
*/
const getCountryName = useCallback(
(code: LangCode) => {
let name = null;
try {
name = regionNames.of(code);
} catch (e) {
console.warn(e);
}
return name;
},
[regionNames],
);
/**
* Compare two strings according to the sort order of the current language
*
* @param a - The first string to compare
* @param b - The second string to compare
*/
const compare = useCallback(
(a: string, b: string) => {
return collator.compare(a, b);
},
[collator],
);
return { compare, set, getCountryName };
}
export default useLang;

22
src/core/hooks/usePositionFlags.ts

@ -1,35 +1,35 @@
import { useCallback, useMemo, useState } from "react"; import { useCallback, useMemo, useState } from "react";
export const FLAGS_CONFIG = { export const FLAGS_CONFIG = {
UNSET: { value: 0, i18nKey: "position_flag_unset" }, UNSET: { value: 0, i18nKey: "position.flags.unset" },
ALTITUDE: { value: 1, i18nKey: "position_flag_altitude" }, ALTITUDE: { value: 1, i18nKey: "position.flags.altitude" },
ALTITUDE_MSL: { value: 2, i18nKey: "position_flag_altitude_msl" }, ALTITUDE_MSL: { value: 2, i18nKey: "position.flags.altitudeMsl" },
ALTITUDE_GEOIDAL_SEPARATION: { ALTITUDE_GEOIDAL_SEPARATION: {
value: 4, value: 4,
i18nKey: "position_flag_altitude_geoidal_separation", i18nKey: "position.flags.altitudeGeoidalSeparation",
}, },
DOP: { DOP: {
value: 8, value: 8,
i18nKey: "position_flag_dop", i18nKey: "position.flags.dop",
}, },
HDOP_VDOP: { HDOP_VDOP: {
value: 16, value: 16,
i18nKey: "position_flag_hdop_vdop", i18nKey: "position.flags.hdopVdop",
}, },
NUM_SATELLITES: { NUM_SATELLITES: {
value: 32, value: 32,
i18nKey: "position_flag_num_satellites", i18nKey: "position.flags.numSatellites",
}, },
SEQUENCE_NUMBER: { SEQUENCE_NUMBER: {
value: 64, value: 64,
i18nKey: "position_flag_sequence_number", i18nKey: "position.flags.sequenceNumber",
}, },
TIMESTAMP: { value: 128, i18nKey: "position_flag_timestamp" }, TIMESTAMP: { value: 128, i18nKey: "position.flags.timestamp" },
VEHICLE_HEADING: { VEHICLE_HEADING: {
value: 256, value: 256,
i18nKey: "position_flag_vehicle_heading", i18nKey: "position.flags.vehicleHeading",
}, },
VEHICLE_SPEED: { value: 512, i18nKey: "position_flag_vehicle_speed" }, VEHICLE_SPEED: { value: 512, i18nKey: "position.flags.vehicleSpeed" },
} as const; } as const;
export type FlagName = keyof typeof FLAGS_CONFIG; export type FlagName = keyof typeof FLAGS_CONFIG;

28
src/i18n.ts

@ -1,28 +0,0 @@
import i18next from "i18next";
import { initReactI18next } from "react-i18next";
import Backend from "i18next-http-backend";
import LanguageDetector from "i18next-browser-languagedetector";
export const supportedLngs = {
en: "English",
};
i18next
.use(Backend)
.use(initReactI18next)
.use(LanguageDetector)
.init({
backend: {
// this will lazy load resources from the i8n folder
loadPath: "/src/i18n/locales/{{lng}}.json",
},
react: {
useSuspense: true,
},
fallbackLng: "en",
debug: !!import.meta.env.DEV,
supportedLngs: Object.keys(supportedLngs),
detection: {
order: ["navigator", "localStorage"],
},
});

51
src/i18n/config.ts

@ -0,0 +1,51 @@
import i18next from "i18next";
import { initReactI18next } from "react-i18next";
import Backend from "i18next-http-backend";
import LanguageDetector from "i18next-browser-languagedetector";
export type Lang = { code: string; name: string };
export type LangCode = Lang["code"];
export const supportedLanguages: Lang[] = [
// { code: "de", name: "Deutsch" },
{ code: "en", name: "English" },
// { code: "es", name: "Español" },
// { code: "fr", name: "Français" },
];
i18next
.use(Backend)
.use(initReactI18next)
.use(LanguageDetector)
.init({
backend: {
// this will lazy load resources from the i8n folder
loadPath: "/src/i18n/locales/{{lng}}/{{ns}}.json",
},
react: {
useSuspense: true,
},
detection: {
order: ["navigator", "localStorage"],
},
fallbackLng: {
"en-US": ["en"],
"en-CA": ["en-US", "en"],
"default": ["en"],
},
fallbackNS: ["common", "ui", "dialog"],
debug: import.meta.env.DEV,
supportedLngs: supportedLanguages?.map((lang) => lang.code),
ns: [
"channels",
"commandPalette",
"common",
"deviceConfig",
"configModules",
"dashboard",
"dialog",
"messages",
"nodes",
"ui",
],
});

607
src/i18n/locales/en.json

@ -1,607 +0,0 @@
{
"common_title": "Meshtastic Web",
"common_header": "Meshtastic",
"common_description": "Meshtastic Web Client",
"common_button_close": "Close",
"common_button_ok": "OK",
"common_button_cancel": "Cancel",
"common_button_delete": "Delete",
"common_button_import": "Import",
"common_button_export": "Export",
"common_button_scanQr": "Scan QR Code",
"common_button_generate": "Generate",
"common_button_save": "Save",
"common_label_primary": "Primary",
"common_loading": "Loading...",
"common_unknown_short": "UNK",
"common_unknown_long": "Unknown",
"common_unset": "UNSET",
"common_unit_volts": "Volts",
"common_unit_cps": "CPS",
"common_unit_dbm": "dBm",
"common_unit_hertz": "Hz",
"common_unit_megahertz": "MHz",
"common_unit_seconds": "Seconds",
"common_unit_raw": "raw",
"common_batteryStatus_title": "Battery",
"common_batteryStatus_pluggedIn": "Plugged in",
"common_batteryStatus_charging": "{{level}}% charging",
"navigation_title": "Navigation",
"navigation_title_messages": "Messages",
"navigation_title_map": "Map",
"navigation_title_config": "Config",
"navigation_title_radioConfig": "Radio Config",
"navigation_title_moduleConfig": "Module Config",
"navigation_title_channels": "Channels",
"navigation_title_nodes": "Nodes",
"dialog_button_apply": "Apply",
"dialog_button_clearMessages": "Clear Messages",
"dialog_button_confirm": "Confirm",
"dialog_button_dismiss": "Dismiss",
"dialog_button_download": "Download",
"dialog_button_message": "Message",
"dialog_button_now": "Now",
"dialog_button_print": "Print",
"dialog_button_rebootOtaNow": "Reboot to OTA Mode Now",
"dialog_button_remove": "Remove",
"dialog_button_requestNewKeys": "Request New Keys",
"dialog_button_requestPosition": "Request Position",
"dialog_button_reset": "Reset",
"dialog_button_traceRoute": "Trace Route",
"dialog_deleteMessages_description": "This action will clear all message history. This cannot be undone. Are you sure you want to continue?",
"dialog_deleteMessages_title": "Clear All Messages",
"dialog_deviceName_description": "The Device will restart once the config is saved.",
"dialog_deviceName_label_longName": "Long Name",
"dialog_deviceName_label_shortName": "Short Name",
"dialog_deviceName_title": "Change Device Name",
"dialog_import_description": "The current LoRa configuration will be overridden.",
"dialog_import_error_invalidUrl": "Invalid Meshtastic URL",
"dialog_import_label_channelPrefix": "Channel: ",
"dialog_import_label_channelSetUrl": "Channel Set/QR Code URL",
"dialog_import_label_channels": "Channels:",
"dialog_import_label_usePreset": "Use Preset?",
"dialog_import_title": "Import Channel Set",
"dialog_locationResponse_label_altitude": "Altitude: ",
"dialog_locationResponse_label_coordinates": "Coordinates: ",
"dialog_locationResponse_titlePrefix": "Location: ",
"dialog_locationResponse_unit_meter": "m",
"dialog_pkiRegenerateDialog_title": "Regenerate Pre-Shared Key?",
"dialog_pkiRegenerateDialog_description": "Are you sure you want to regenerate the pre-shared key?",
"dialog_pkiRegenerateDialog_buttonRegenerate": "Regenerate",
"dialog_newDeviceDialog_title": "Connect New Device",
"dialog_newDeviceDialog_tabLabelHttp": "HTTP",
"dialog_newDeviceDialog_tabLabelBluetooth": "Bluetooth",
"dialog_newDeviceDialog_tabLabelSerial": "Serial",
"dialog_newDeviceDialog_errorMessage_requiresFeatures": "This connection type requires <0></0>. Please use a supported browser, like Chrome or Edge.",
"dialog_newDeviceDialog_errorMessage_requiresSecureContext": "This application requires a <0>secure context</0>. Please connect using HTTPS or localhost.",
"dialog_newDeviceDialog_errorMessage_additionallyRequiresSecureContext": "Additionally, it requires a <0>secure context</0>. Please connect using HTTPS or localhost.",
"dialog_nodeDetails_button_message": "Message",
"dialog_nodeDetails_button_requestPosition": "Request Position",
"dialog_nodeDetails_button_traceRoute": "Trace Route",
"dialog_nodeDetails_label_airTxUtilization": "Air TX utilization",
"dialog_nodeDetails_label_allRawMetrics": "All Raw Metrics:",
"dialog_nodeDetails_label_batteryLevel": "Battery level",
"dialog_nodeDetails_label_channelUtilization": "Channel utilization",
"dialog_nodeDetails_label_details": "Details:",
"dialog_nodeDetails_label_deviceMetrics": "Device Metrics:",
"dialog_nodeDetails_label_hardware": "Hardware: ",
"dialog_nodeDetails_label_lastHeard": "Last Heard: ",
"dialog_nodeDetails_label_nodeHexPrefix": "Node Hex: !",
"dialog_nodeDetails_label_nodeNumber": "Node Number: ",
"dialog_nodeDetails_label_position": "Position:",
"dialog_nodeDetails_label_role": "Role: ",
"dialog_nodeDetails_label_uptime": "Uptime: ",
"dialog_nodeDetails_label_voltage": "Voltage",
"dialog_nodeDetails_titlePrefix": "Node Details for ",
"dialog_nodeDetails_tooltip_ignoreNode": "Ignore node",
"dialog_nodeDetails_tooltip_removeNode": "Remove node",
"dialog_nodeDetails_tooltip_unignoreNode": "Unignore node",
"dialog_pkiBackup_message": "We recommend backing up your key data regularly. Would you like to back up now?",
"dialog_pkiBackup_description_loseKeysWarning": "If you lose your keys, you will need to reset your device.",
"dialog_pkiBackup_description_secureBackup": "Its important to backup your public and private keys and store your backup securely!",
"dialog_pkiBackup_print_footer": "=== END OF KEYS ===",
"dialog_pkiBackup_print_header": "=== MESHTASTIC KEYS ===",
"dialog_pkiBackup_print_label_privateKey": "Private Key:",
"dialog_pkiBackup_print_label_publicKey": "Public Key:",
"dialog_pkiBackup_title": "Backup Keys",
"dialog_pkiRegenerate_description_keyPair": "Are you sure you want to regenerate key pair?",
"dialog_pkiRegenerate_title_keyPair": "Regenerate Key Pair",
"dialog_qr_button_addChannels": "Add Channels",
"dialog_qr_button_replaceChannels": "Replace Channels",
"dialog_qr_description": "The current LoRa configuration will also be shared.",
"dialog_qr_label_sharableUrl": "Sharable URL",
"dialog_qr_title": "Generate QR Code",
"dialog_rebootOta_button_now": "Reboot to OTA Mode Now",
"dialog_rebootOta_description": "Reboot the connected node after a delay into OTA (Over-the-Air) mode.",
"dialog_rebootOta_placeholder_enterDelay": "Enter delay (sec)",
"dialog_rebootOta_status_scheduled": "Reboot has been scheduled",
"dialog_reboot_description": "Reboot the connected node after x minutes.",
"dialog_refreshKeys_button_requestNewKeys": "Request New Keys",
"dialog_refreshKeys_description_acceptNewKeys": "This will remove the node from device and request new keys.",
"dialog_refreshKeys_description_keyMismatchReasonSuffix": ". This is due to the remote node's current public key does not match the previously stored key for this node.",
"dialog_refreshKeys_description_unableToSendDmPrefix": "Your node is unable to send a direct message to node: ",
"dialog_refreshKeys_label_acceptNewKeys": "Accept New Keys",
"dialog_refreshKeys_titlePrefix": "Keys Mismatch - ",
"dialog_removeNode_description": "Are you sure you want to remove this Node?",
"dialog_removeNode_title": "Remove Node?",
"dialog_shutdown_description": "Turn off the connected node after x minutes.",
"dialog_shutdown_suffix_minutes": "Minutes",
"dialog_tracerouteResponse_titlePrefix": "Traceroute: ",
"dialog_unsafeRoles_checkbox_confirmUnderstanding": "Yes, I know what I'm doing",
"dialog_unsafeRoles_description_conjunction": " and the blog post about ",
"dialog_unsafeRoles_description_postamble": " and understand the implications of changing the role.",
"dialog_unsafeRoles_description_preamble": "I have read the ",
"dialog_unsafeRoles_link_choosingRightDeviceRole": "Choosing The Right Device Role",
"dialog_unsafeRoles_link_deviceRoleDocumentation": "Device Role Documentation",
"dialog_unsafeRoles_title": "Are you sure?",
"dashboard_connectedDevicesSection_title": "Connected Devices",
"dashboard_connectedDevicesSection_description": "Manage your connected Meshtastic devices.",
"dashboard_connectedDevicesSection_connectionType_ble": "BLE",
"dashboard_connectedDevicesSection_connectionType_serial": "Serial",
"dashboard_connectedDevicesSection_connectionType_network": "Network",
"dashboard_connectedDevicesSection_noDevicesTitle": "No devices connected",
"dashboard_connectedDevicesSection_noDevicesDescription": "Connect a new device to get started.",
"dashboard_connectedDevicesSection_button_newConnection": "New Connection",
"sidebar_collapseToggle_button_open": "Open sidebar",
"sidebar_collapseToggle_button_close": "Close sidebar",
"sidebar_app_title_alt": "Meshtastic Logo",
"sidebar_deviceInfo_volts": "{{voltage}} volts",
"sidebar_deviceInfo_firmwareVersion": "v{{version}}",
"sidebar_deviceInfo_button_editDeviceName": "Edit device name",
"messages_empty": "No messages yet.",
"messages_selectChatPrompt": "Select a channel or node to start messaging.",
"messages_channelsSection_title": "Channels",
"messages_channelsSection_primaryChannelName": "Primary",
"messages_channelsSection_channelName": "Ch {{index}}",
"messages_nodesSection_searchPlaceholder": "Search nodes...",
"messages_title": "Messages: {{chatName}}",
"messages_title_default": "Select a Chat",
"messages_sendMessagePrompt": "Select a chat to send a message.",
"messages_actionsMenu_addReactionLabel": "Add Reaction",
"messages_actionsMenu_replyLabel": "Reply",
"message_item_fallbackName_withLastFour": "Meshtastic {{last4}}",
"message_item_status_delivered_ariaLabel": "Message delivered",
"message_item_status_delivered_displayText": "Message delivered",
"message_item_status_failed_ariaLabel": "Message delivery failed",
"message_item_status_failed_displayText": "Delivery failed",
"message_item_status_unknown_ariaLabel": "Message status unknown",
"message_item_status_unknown_displayText": "Unknown state",
"message_item_status_waiting_ariaLabel": "Sending message",
"message_item_status_waiting_displayText": "Waiting for delivery",
"channel_page_title": "Channel: {{channelName}}",
"channel_name_primary": "Primary",
"channel_name_prefix": "Ch {{index}}",
"channel_form_toast_saved": "Saved Channel: {{channelName}}",
"channel_form_validation_psk_invalid": "Please enter a valid {{bits}} bit PSK.",
"channel_form_field_group_settings_label": "Channel Settings",
"channel_form_field_group_settings_description": "Crypto, MQTT & misc settings",
"channel_form_field_role_label": "Role",
"channel_form_field_role_description": "Device telemetry is sent over PRIMARY. Only one PRIMARY allowed",
"channel_form_field_role_option_primary": "PRIMARY",
"channel_form_field_role_option_disabled": "DISABLED",
"channel_form_field_role_option_secondary": "SECONDARY",
"channel_form_field_psk_label": "Pre-Shared Key",
"channel_form_field_psk_description": "Supported PSK lengths: 256-bit, 128-bit, 8-bit, Empty (0-bit)",
"channel_form_field_psk_generate_button": "Generate",
"channel_form_field_name_label": "Name",
"channel_form_field_name_description": "A unique name for the channel <12 bytes, leave blank for default",
"channel_form_field_uplink_enabled_label": "Uplink Enabled",
"channel_form_field_uplink_enabled_description": "Send messages from the local mesh to MQTT",
"channel_form_field_downlink_enabled_label": "Downlink Enabled",
"channel_form_field_downlink_enabled_description": "Send messages from MQTT to the local mesh",
"channel_form_field_position_precision_label": "Location",
"channel_form_field_position_precision_description": "The precision of the location to share with the channel. Can be disabled.",
"channel_form_field_position_precision_option_none": "Do not share location",
"channel_form_field_position_precision_option_precise": "Precise Location",
"channel_form_field_position_precision_option_metric_km23": "Within 23 kilometers",
"channel_form_field_position_precision_option_metric_km12": "Within 12 kilometers",
"channel_form_field_position_precision_option_metric_km5_8": "Within 5.8 kilometers",
"channel_form_field_position_precision_option_metric_km2_9": "Within 2.9 kilometers",
"channel_form_field_position_precision_option_metric_km1_5": "Within 1.5 kilometers",
"channel_form_field_position_precision_option_metric_m700": "Within 700 meters",
"channel_form_field_position_precision_option_metric_m350": "Within 350 meters",
"channel_form_field_position_precision_option_metric_m200": "Within 200 meters",
"channel_form_field_position_precision_option_metric_m90": "Within 90 meters",
"channel_form_field_position_precision_option_metric_m50": "Within 50 meters",
"channel_form_field_position_precision_option_imperial_mi15": "Within 15 miles",
"channel_form_field_position_precision_option_imperial_mi7_3": "Within 7.3 miles",
"channel_form_field_position_precision_option_imperial_mi3_6": "Within 3.6 miles",
"channel_form_field_position_precision_option_imperial_mi1_8": "Within 1.8 miles",
"channel_form_field_position_precision_option_imperial_mi0_9": "Within 0.9 miles",
"channel_form_field_position_precision_option_imperial_mi0_5": "Within 0.5 miles",
"channel_form_field_position_precision_option_imperial_mi0_2": "Within 0.2 miles",
"channel_form_field_position_precision_option_imperial_ft600": "Within 600 feet",
"channel_form_field_position_precision_option_imperial_ft300": "Within 300 feet",
"channel_form_field_position_precision_option_imperial_ft150": "Within 150 feet",
"httpConnection_ipAddressLabel": "IP Address/Hostname",
"httpConnection_field_ipAddress_placeholder": "000.000.000.000 / meshtastic.local",
"httpConnection_label_useHttps": "Use HTTPS",
"httpConnection_button_connecting": "Connecting...",
"httpConnection_button_connect": "Connect",
"httpConnection_http": "http",
"httpConnection_https": "https",
"httpConnection_connectionFailedAlert_title": "Connection Failed",
"httpConnection_connectionFailedAlert_descriptionPrefix": "Could not connect to the device. ",
"httpConnection_connectionFailedAlert_httpsHint": "If using HTTPS, you may need to accept a self-signed certificate first. ",
"httpConnection_connectionFailedAlert_openLinkPrefix": "Please open ",
"httpConnection_connectionFailedAlert_openLinkSuffix": " in a new tab",
"httpConnection_connectionFailedAlert_acceptTlsWarningSuffix": ", accept any TLS warnings if prompted, then try again",
"httpConnection_connectionFailedAlert_learnMoreLink": "Learn more",
"serialConnection_noDevicesPaired": "No devices paired yet.",
"serialConnection_newDeviceButton": "New device",
"serialConnection_deviceIdentifier": "# {{index}} - {{vendorId}} - {{productId}}",
"serialConnection_connecting": "Connecting...",
"bluetoothConnection_noDevicesPaired": "No devices paired yet.",
"bluetoothConnection_newDeviceButton": "New device",
"toast_messages_pkiEncryption": "Chat is using PKI encryption.",
"toast_messages_pskEncryption": "Chat is using PSK encryption.",
"toast_positionRequestSent": "Position request sent.",
"toast_requestingPosition": "Requesting position, please wait...",
"toast_sendingTraceroute": "Sending Traceroute, please wait...",
"toast_tracerouteSent": "Traceroute sent.",
"node_detail_public_key_enabled_aria_label": "Public Key Enabled",
"node_detail_no_public_key_aria_label": "No Public Key",
"node_detail_direct_message_tooltip": "Direct Message {{shortName}}",
"node_detail_favorite_aria_label": "Favorite",
"node_detail_not_favorite_aria_label": "Not a Favorite",
"node_detail_status_heard": "Heard",
"node_detail_status_mqtt": "MQTT",
"node_detail_hops_label_one": "Hop",
"node_detail_hops_label_other": "Hops",
"node_detail_hops_unknown": "?",
"node_detail_elevation_aria_label": "Elevation",
"node_detail_altitude_unit_one": "meter",
"node_detail_altitude_unit_other": "meters",
"node_detail_channel_util_label": "Channel Util",
"node_detail_airtime_util_label": "Airtime Util",
"node_detail_snr_label": "SNR",
"node_detail_short_name_display_format": "\"{name}\"",
"traceRoute_routeToDestinationTitle": "Route to destination:",
"traceRoute_routeBackTitle": "Route back:",
"traceRoute_snrUnknown": "??",
"traceRoute_nodeUnknownPrefix": "!",
"nodes_searchPlaceholder": "Search nodes...",
"nodes_table_headings_longName": "Long Name",
"nodes_table_headings_connection": "Connection",
"nodes_table_headings_lastHeard": "Last Heard",
"nodes_table_headings_encryption": "Encryption",
"nodes_table_headings_model": "Model",
"nodes_table_headings_macAddress": "MAC Address",
"nodes_table_connectionStatus_direct": "Direct",
"nodes_table_connectionStatus_hopsAway_one": "{{count}} hop away",
"nodes_table_connectionStatus_hopsAway_other": "{{count}} hops away",
"nodes_table_lastHeardStatus_never": "Never",
"nodes_table_connectionStatus_away": "away",
"nodes_table_connectionStatus_hops_one": "hop",
"nodes_table_connectionStatus_hops_other": "hops",
"nodes_table_connectionStatus_unknown": "-",
"nodes_table_connectionStatus_viaMqtt": ", via MQTT",
"command_palette_input_placeholder": "Type a command or search...",
"command_palette_empty_message": "No results found.",
"command_palette_pin_group_aria_label": "Pin command group",
"command_palette_unpin_group_aria_label": "Unpin command group",
"command_palette_goto_label": "Goto",
"command_palette_goto_command_messages": "Messages",
"command_palette_goto_command_map": "Map",
"command_palette_goto_command_config": "Config",
"command_palette_goto_command_channels": "Channels",
"command_palette_goto_command_nodes": "Nodes",
"command_palette_manage_label": "Manage",
"command_palette_manage_command_switch_node": "Switch Node",
"command_palette_manage_command_connect_new_node": "Connect New Node",
"command_palette_contextual_label": "Contextual",
"command_palette_contextual_command_qr_code": "QR Code",
"command_palette_contextual_command_qr_generator": "Generator",
"command_palette_contextual_command_qr_import": "Import",
"command_palette_contextual_command_schedule_shutdown": "Schedule Shutdown",
"command_palette_contextual_command_schedule_reboot": "Schedule Reboot",
"command_palette_contextual_command_reboot_to_ota_mode": "Reboot To OTA Mode",
"command_palette_contextual_command_reset_nodes": "Reset Nodes",
"command_palette_contextual_command_factory_reset_device": "Factory Reset Device",
"command_palette_contextual_command_factory_reset_config": "Factory Reset Config",
"command_palette_debug_label": "Debug",
"command_palette_debug_command_reconfigure": "Reconfigure",
"command_palette_debug_command_clear_all_stored_messages": "Clear All Stored Message",
"config_page_title_configuration": "Configuration",
"config_device_tab_bluetooth": "Bluetooth",
"config_device_tab_device": "Device",
"config_device_tab_display": "Display",
"config_device_tab_lora": "LoRa",
"config_device_tab_network": "Network",
"config_device_tab_position": "Position",
"config_device_tab_power": "Power",
"config_device_tab_security": "Security",
"config_module_tab_ambientLighting": "Ambient Lighting",
"config_module_tab_audio": "Audio",
"config_module_tab_cannedMessage": "Canned",
"config_module_tab_detectionSensor": "Detection Sensor",
"config_module_tab_externalNotification": "Ext Notif",
"config_module_tab_mqtt": "MQTT",
"config_module_tab_neighborInfo": "Neighbor Info",
"config_module_tab_paxcounter": "Paxcounter",
"config_module_tab_rangeTest": "Range Test",
"config_module_tab_serial": "Serial",
"config_module_tab_storeAndForward": "S&F",
"config_module_tab_telemetry": "Telemetry",
"config_sidebar_section_modules_label": "Modules",
"config_toast_errorSaving_description": "An error occurred while saving the configuration.",
"config_toast_errorSaving_title": "Error Saving Config",
"config_toast_errorsExist_description": "Please fix the configuration errors before saving.",
"config_toast_errorsExist_title": "Config Errors Exist",
"config_toast_saving_description": "The configuration change {{case}} has been saved.",
"config_toast_saving_title": "Saving Config",
"config_bluetooth_fieldDescription_enabled": "Enable or disable Bluetooth",
"config_bluetooth_fieldDescription_pairingMode": "Pin selection behaviour.",
"config_bluetooth_fieldDescription_pin": "Pin to use when pairing",
"config_bluetooth_fieldLabel_enabled": "Enabled",
"config_bluetooth_fieldLabel_pairingMode": "Pairing mode",
"config_bluetooth_fieldLabel_pin": "Pin",
"config_bluetooth_groupDescription_bluetoothSettings": "Settings for the Bluetooth module ",
"config_bluetooth_groupLabel_bluetoothSettings": "Bluetooth Settings",
"config_bluetooth_groupNotes_bluetoothWifiNote": "Note: Some devices (ESP32) cannot use both Bluetooth and WiFi at the same time.",
"config_bluetooth_validation_pinCannotStartWithZero": "Bluetooth Pin cannot start with 0",
"config_bluetooth_validation_pinMustBeSixDigits": "Pin must be 6 digits",
"config_bluetooth_validation_pinRequired": "Bluetooth Pin is required",
"config_device_fieldDescription_buttonPin": "Button pin override",
"config_device_fieldDescription_buzzerPin": "Buzzer pin override",
"config_device_fieldDescription_disableTripleClick": "Disable triple click",
"config_device_fieldDescription_doubleTapAsButtonPress": "Treat double tap as button press",
"config_device_fieldDescription_ledHeartbeatDisabled": "Disable default blinking LED",
"config_device_fieldDescription_nodeInfoBroadcastInterval": "How often to broadcast node info",
"config_device_fieldDescription_posixTimezone": "The POSIX timezone string for the device",
"config_device_fieldDescription_rebroadcastMode": "How to handle rebroadcasting",
"config_device_fieldDescription_role": "What role the device performs on the mesh",
"config_device_fieldLabel_buttonPin": "Button Pin",
"config_device_fieldLabel_buzzerPin": "Buzzer Pin",
"config_device_fieldLabel_disableTripleClick": "Disable Triple Click",
"config_device_fieldLabel_doubleTapAsButtonPress": "Double Tap as Button Press",
"config_device_fieldLabel_ledHeartbeatDisabled": "LED Heartbeat Disabled",
"config_device_fieldLabel_nodeInfoBroadcastInterval": "Node Info Broadcast Interval",
"config_device_fieldLabel_posixTimezone": "POSIX Timezone",
"config_device_fieldLabel_rebroadcastMode": "Rebroadcast Mode",
"config_device_fieldLabel_role": "Role",
"config_device_groupDescription_deviceSettings": "Settings for the device",
"config_device_groupLabel_deviceSettings": "Device Settings",
"config_display_fieldDescription_boldHeading": "Bolden the heading text",
"config_display_fieldDescription_carouselDelay": "How fast to cycle through windows",
"config_display_fieldDescription_compassNorthTop": "Fix north to the top of compass",
"config_display_fieldDescription_displayMode": "Screen layout variant",
"config_display_fieldDescription_displayUnits": "Display metric or imperial units",
"config_display_fieldDescription_flipScreen": "Flip display 180 degrees",
"config_display_fieldDescription_gpsDisplayUnits": "Coordinate display format",
"config_display_fieldDescription_oledType": "Type of OLED screen attached to the device",
"config_display_fieldDescription_screenTimeout": "Turn off the display after this long",
"config_display_fieldDescription_twelveHourClock": "Use 12-hour clock format",
"config_display_fieldDescription_wakeOnTapOrMotion": "Wake the device on tap or motion",
"config_display_fieldLabel_boldHeading": "Bold Heading",
"config_display_fieldLabel_carouselDelay": "Carousel Delay",
"config_display_fieldLabel_compassNorthTop": "Compass North Top",
"config_display_fieldLabel_displayMode": "Display Mode",
"config_display_fieldLabel_displayUnits": "Display Units",
"config_display_fieldLabel_flipScreen": "Flip Screen",
"config_display_fieldLabel_gpsDisplayUnits": "GPS Display Units",
"config_display_fieldLabel_oledType": "OLED Type",
"config_display_fieldLabel_screenTimeout": "Screen Timeout",
"config_display_fieldLabel_twelveHourClock": "12-Hour Clock",
"config_display_fieldLabel_wakeOnTapOrMotion": "Wake on Tap or Motion",
"config_display_groupDescription_displaySettings": "Settings for the device display",
"config_display_groupLabel_displaySettings": "Display Settings",
"config_lora_fieldDescription_bandwidth": "Channel bandwidth in MHz",
"config_lora_fieldDescription_boostedRxGain": "Boosted RX gain",
"config_lora_fieldDescription_codingRate": "The denominator of the coding rate",
"config_lora_fieldDescription_frequencyOffset": "Frequency offset to correct for crystal calibration errors",
"config_lora_fieldDescription_frequencySlot": "LoRa frequency channel number",
"config_lora_fieldDescription_hopLimit": "Maximum number of hops",
"config_lora_fieldDescription_ignoreMqtt": "Don't forward MQTT messages over the mesh",
"config_lora_fieldDescription_modemPreset": "Modem preset to use",
"config_lora_fieldDescription_okToMqtt": "When set to true, this configuration indicates that the user approves the packet to be uploaded to MQTT. If set to false, remote nodes are requested not to forward packets to MQTT",
"config_lora_fieldDescription_overrideDutyCycle": "Override Duty Cycle",
"config_lora_fieldDescription_overrideFrequency": "Override frequency",
"config_lora_fieldDescription_region": "Sets the region for your node",
"config_lora_fieldDescription_spreadingFactor": "Indicates the number of chirps per symbol",
"config_lora_fieldDescription_transmitEnabled": "Enable/Disable transmit (TX) from the LoRa radio",
"config_lora_fieldDescription_transmitPower": "Max transmit power",
"config_lora_fieldDescription_usePreset": "Use one of the predefined modem presets",
"config_lora_fieldLabel_bandwidth": "Bandwidth",
"config_lora_fieldLabel_boostedRxGain": "Boosted RX Gain",
"config_lora_fieldLabel_codingRate": "Coding Rate",
"config_lora_fieldLabel_frequencyOffset": "Frequency Offset",
"config_lora_fieldLabel_frequencySlot": "Frequency Slot",
"config_lora_fieldLabel_hopLimit": "Hop Limit",
"config_lora_fieldLabel_ignoreMqtt": "Ignore MQTT",
"config_lora_fieldLabel_modemPreset": "Modem Preset",
"config_lora_fieldLabel_okToMqtt": "OK to MQTT",
"config_lora_fieldLabel_overrideDutyCycle": "Override Duty Cycle",
"config_lora_fieldLabel_overrideFrequency": "Override Frequency",
"config_lora_fieldLabel_region": "Region",
"config_lora_fieldLabel_spreadingFactor": "Spreading Factor",
"config_lora_fieldLabel_transmitEnabled": "Transmit Enabled",
"config_lora_fieldLabel_transmitPower": "Transmit Power",
"config_lora_fieldLabel_usePreset": "Use Preset",
"config_lora_groupDescription_meshSettings": "Settings for the LoRa mesh",
"config_lora_groupDescription_radioSettings": "Settings for the LoRa radio",
"config_lora_groupDescription_waveformSettings": "Settings for the LoRa waveform",
"config_lora_groupLabel_meshSettings": "Mesh Settings",
"config_lora_groupLabel_radioSettings": "Radio Settings",
"config_lora_groupLabel_waveformSettings": "Waveform Settings",
"config_network_fieldDescription_addressMode": "Address assignment selection",
"config_network_fieldDescription_dns": "DNS Server",
"config_network_fieldDescription_ethernetEnabled": "Enable or disable the Ethernet port",
"config_network_fieldDescription_gateway": "Default Gateway",
"config_network_fieldDescription_ip": "IP Address",
"config_network_fieldDescription_psk": "Network password",
"config_network_fieldDescription_ssid": "Network name",
"config_network_fieldDescription_subnet": "Subnet Mask",
"config_network_fieldDescription_wifiEnabled": "Enable or disable the WiFi radio",
"config_network_fieldLabel_addressMode": "Address Mode",
"config_network_fieldLabel_dns": "DNS",
"config_network_fieldLabel_ethernetEnabled": "Enabled",
"config_network_fieldLabel_gateway": "Gateway",
"config_network_fieldLabel_ip": "IP",
"config_network_fieldLabel_meshViaUdp": "Mesh via UDP",
"config_network_fieldLabel_ntpServer": "NTP Server",
"config_network_fieldLabel_psk": "PSK",
"config_network_fieldLabel_rsyslogServer": "Rsyslog Server",
"config_network_fieldLabel_ssid": "SSID",
"config_network_fieldLabel_subnet": "Subnet",
"config_network_fieldLabel_wifiEnabled": "Enabled",
"config_network_groupDescription_ethernetConfig": "Ethernet port configuration",
"config_network_groupDescription_ipConfig": "IP configuration",
"config_network_groupDescription_ntpConfig": "NTP configuration",
"config_network_groupDescription_rsyslogConfig": "Rsyslog configuration",
"config_network_groupDescription_udpConfig": "UDP over Mesh configuration",
"config_network_groupDescription_wifiConfig": "WiFi radio configuration",
"config_network_groupLabel_ethernetConfig": "Ethernet Config",
"config_network_groupLabel_ipConfig": "IP Config",
"config_network_groupLabel_ntpConfig": "NTP Config",
"config_network_groupLabel_rsyslogConfig": "Rsyslog Config",
"config_network_groupLabel_udpConfig": "UDP Config",
"config_network_groupLabel_wifiConfig": "WiFi Config",
"config_network_groupNotes_wifiBluetoothNote": "Note: Some devices (ESP32) cannot use both Bluetooth and WiFi at the same time.",
"config_position_fieldDescription_broadcastInterval": "How often your position is sent out over the mesh",
"config_position_fieldDescription_enablePin": "GPS module enable pin override",
"config_position_fieldDescription_fixedPosition": "Don't report GPS position, but a manually-specified one",
"config_position_fieldDescription_gpsMode": "Configure whether device GPS is Enabled, Disabled, or Not Present",
"config_position_fieldDescription_gpsUpdateInterval": "How often a GPS fix should be acquired",
"config_position_fieldDescription_positionFlags": "Optional fields to include when assembling position messages. The more fields are selected, the larger the message will be leading to longer airtime usage and a higher risk of packet loss.",
"config_position_fieldDescription_receivePin": "GPS module RX pin override",
"config_position_fieldDescription_smartPositionEnabled": "Only send position when there has been a meaningful change in location",
"config_position_fieldDescription_smartPositionMinDistance": "Minimum distance (in meters) that must be traveled before a position update is sent",
"config_position_fieldDescription_smartPositionMinInterval": "Minimum interval (in seconds) that must pass before a position update is sent",
"config_position_fieldDescription_transmitPin": "GPS module TX pin override",
"config_position_fieldLabel_broadcastInterval": "Broadcast Interval",
"config_position_fieldLabel_enablePin": "Enable Pin",
"config_position_fieldLabel_fixedPosition": "Fixed Position",
"config_position_fieldLabel_gpsMode": "GPS Mode",
"config_position_fieldLabel_gpsUpdateInterval": "GPS Update Interval",
"config_position_fieldLabel_positionFlags": "Position Flags",
"config_position_fieldLabel_receivePin": "Receive Pin",
"config_position_fieldLabel_smartPositionEnabled": "Enable Smart Position",
"config_position_fieldLabel_smartPositionMinDistance": "Smart Position Minimum Distance",
"config_position_fieldLabel_smartPositionMinInterval": "Smart Position Minimum Interval",
"config_position_fieldLabel_transmitPin": "Transmit Pin",
"config_position_fieldPlaceholder_selectPositionFlags": "Select position flags...",
"config_position_groupDescription_intervals": "How often to send position updates",
"config_position_groupDescription_positionSettings": "Settings for the position module",
"config_position_groupLabel_intervals": "Intervals",
"config_position_groupLabel_positionSettings": "Position Settings",
"config_power_fieldDescription_adcMultiplierOverride": "Used for tweaking battery voltage reading",
"config_power_fieldDescription_ina219Address": "Address of the INA219 battery monitor",
"config_power_fieldDescription_lightSleepDuration": "How long the device will be in light sleep for",
"config_power_fieldDescription_minimumWakeTime": "Minimum amount of time the device will stay awake for after receiving a packet",
"config_power_fieldDescription_noConnectionBluetoothDisabled": "If the device does not receive a Bluetooth connection, the BLE radio will be disabled after this long",
"config_power_fieldDescription_powerSavingEnabled": "Select if powered from a low-current source (i.e. solar), to minimize power consumption as much as possible.",
"config_power_fieldDescription_shutdownOnBatteryDelay": "Automatically shutdown node after this long when on battery, 0 for indefinite",
"config_power_fieldDescription_superDeepSleepDuration": "How long the device will be in super deep sleep for",
"config_power_fieldLabel_adcMultiplierOverride": "ADC Multiplier Override ratio",
"config_power_fieldLabel_ina219Address": "INA219 Address",
"config_power_fieldLabel_lightSleepDuration": "Light Sleep Duration",
"config_power_fieldLabel_minimumWakeTime": "Minimum Wake Time",
"config_power_fieldLabel_noConnectionBluetoothDisabled": "No Connection Bluetooth Disabled",
"config_power_fieldLabel_powerSavingEnabled": "Enable power saving mode",
"config_power_fieldLabel_shutdownOnBatteryDelay": "Shutdown on battery delay",
"config_power_fieldLabel_superDeepSleepDuration": "Super Deep Sleep Duration",
"config_power_groupDescription_powerConfig": "Settings for the power module",
"config_power_groupDescription_sleepSettings": "Sleep settings for the power module",
"config_power_groupLabel_powerConfig": "Power Config",
"config_power_groupLabel_sleepSettings": "Sleep Settings",
"config_security_button_backupKey": "Backup Key",
"config_security_fieldDescription_adminChannelEnabled": "Allow incoming device control over the insecure legacy admin channel",
"config_security_fieldDescription_enableDebugLogApi": "Output live debug logging over serial, view and export position-redacted device logs over Bluetooth",
"config_security_fieldDescription_managed": "If enabled, device configuration options are only able to be changed remotely by a Remote Admin node via admin messages. Do not enable this option unless at least one suitable Remote Admin node has been setup, and the public key is stored in one of the fields above.",
"config_security_fieldDescription_primaryAdminKey": "The primary public key authorized to send admin messages to this node",
"config_security_fieldDescription_privateKey": "Used to create a shared key with a remote device",
"config_security_fieldDescription_publicKey": "Sent out to other nodes on the mesh to allow them to compute a shared secret key",
"config_security_fieldDescription_secondaryAdminKey": "The secondary public key authorized to send admin messages to this node",
"config_security_fieldDescription_serialOutputEnabled": "Serial Console over the Stream API",
"config_security_fieldDescription_tertiaryAdminKey": "The tertiary public key authorized to send admin messages to this node",
"config_security_fieldLabel_adminChannelEnabled": "Allow Legacy Admin",
"config_security_fieldLabel_enableDebugLogApi": "Enable Debug Log API",
"config_security_fieldLabel_managed": "Managed",
"config_security_fieldLabel_primaryAdminKey": "Primary Admin Key",
"config_security_fieldLabel_privateKey": "Private Key",
"config_security_fieldLabel_publicKey": "Public Key",
"config_security_fieldLabel_secondaryAdminKey": "Secondary Admin Key",
"config_security_fieldLabel_serialOutputEnabled": "Serial Output Enabled",
"config_security_fieldLabel_tertiaryAdminKey": "Tertiary Admin Key",
"config_security_groupDescription_adminSettings": "Settings for Admin",
"config_security_groupDescription_loggingSettings": "Settings for Logging",
"config_security_groupDescription_securitySettings": "Settings for the Security configuration",
"config_security_groupLabel_adminSettings": "Admin Settings",
"config_security_groupLabel_loggingSettings": "Logging Settings",
"config_security_groupLabel_securitySettings": "Security Settings",
"config_security_option_256bit": "256 bit",
"config_security_validation_adminKeyMustBe256BitPsk": "Admin Key is required to be a 256 bit pre-shared key (PSK)",
"config_security_validation_adminKeyRequiredWhenManaged": "At least one admin key is requred if the node is managed.",
"config_security_validation_enterValid256BitPsk": "Please enter a valid 256 bit PSK",
"config_security_validation_invalidAdminKeyFormat": "Invalid Admin Key format",
"config_security_validation_invalidPrivateKeyFormat": "Invalid Private Key format",
"config_security_validation_privateKeyMustBe256BitPsk": "Private Key is required to be a 256 bit pre-shared key (PSK)",
"config_security_validation_privateKeyRequired": "Private Key is required",
"input_action_clearInput_label": "Clear input",
"input_action_copied_label": "Copied!",
"input_action_copyToClipboard_label": "Copy to clipboard",
"input_action_hidePassword_label": "Hide password",
"input_action_showPassword_label": "Show password",
"filter_control_accordion_general_label": "General",
"filter_control_accordion_hardware_label": "Hardware",
"filter_control_accordion_metrics_label": "Metrics",
"filter_control_accordion_role_label": "Role",
"filter_control_button_filter_ariaLabel": "Filter",
"filter_control_button_resetFilters_label": "Reset Filters",
"filter_control_input_nodeName_label": "Node name/number",
"filter_control_input_nodeName_placeholder": "Meshtastic 1234",
"filter_control_slider_airtimeUtilization_label": "Airtime Utilization (%)",
"filter_control_slider_batteryLevel_label": "Battery level (%)",
"filter_control_slider_batteryLevel_labelText": "Battery level (%): {{value}}",
"filter_control_slider_batteryVoltage_label": "Battery voltage (V)",
"filter_control_slider_channelUtilization_label": "Channel Utilization (%)",
"filter_control_slider_hops_directLabel": "Direct",
"filter_control_slider_hops_label": "Number of hops",
"filter_control_slider_hops_labelText": "Number of hops: {{value}}",
"filter_control_slider_lastHeard_label": "Last heard",
"filter_control_slider_lastHeard_labelText": "Last heard: {{value}}",
"filter_control_slider_lastHeard_nowLabel": "Now",
"filter_control_slider_snr_label": "SNR (db)",
"filter_control_toggle_favorites_label": "Favorites",
"filter_control_toggle_hide_label": "Hide",
"filter_control_toggle_showOnly_label": "Show Only",
"filter_control_toggle_viaMqtt_label": "Connected via MQTT",
"position_flag_altitude": "Altitude",
"position_flag_altitude_geoidal_separation": "Altitude Geoidal Separation",
"position_flag_altitude_msl": "Altitude is Mean Sea Level",
"position_flag_dop": "Dilution of precision (DOP) PDOP used by default",
"position_flag_hdop_vdop": "If DOP is set, use HDOP / VDOP values instead of PDOP",
"position_flag_num_satellites": "Number of satellites",
"position_flag_sequence_number": "Sequence number",
"position_flag_timestamp": "Timestamp",
"position_flag_unset": "Unset",
"position_flag_vehicle_heading": "Vehicle heading",
"position_flag_vehicle_speed": "Vehicle speed",
"theme_preference_dark": "Dark",
"theme_preference_light": "Light",
"theme_preference_system": "System",
"theme_switcher_aria_change_theme": "Change current theme",
"footer_text": "Powered by <0>▲ Vercel</0> | Meshtastic® is a registered trademark of Meshtastic LLC. | <1>Legal Information</1>"
}

69
src/i18n/locales/en/channels.json

@ -0,0 +1,69 @@
{
"page": {
"sectionLabel": "Channels",
"channelName": "Channel: {{channelName}}",
"broadcastLabel": "Primary",
"channelIndex": "Ch {{index}}"
},
"validation": {
"pskInvalid": "Please enter a valid {{bits}} bit PSK."
},
"settings": {
"label": "Channel Settings",
"description": "Crypto, MQTT & misc settings"
},
"role": {
"label": "Role",
"description": "Device telemetry is sent over PRIMARY. Only one PRIMARY allowed",
"options": {
"primary": "PRIMARY",
"disabled": "DISABLED",
"secondary": "SECONDARY"
}
},
"psk": {
"label": "Pre-Shared Key",
"description": "Supported PSK lengths: 256-bit, 128-bit, 8-bit, Empty (0-bit)",
"generate": "Generate"
},
"name": {
"label": "Name",
"description": "A unique name for the channel <12 bytes, leave blank for default"
},
"uplinkEnabled": {
"label": "Uplink Enabled",
"description": "Send messages from the local mesh to MQTT"
},
"downlinkEnabled": {
"label": "Downlink Enabled",
"description": "Send messages from MQTT to the local mesh"
},
"positionPrecision": {
"label": "Location",
"description": "The precision of the location to share with the channel. Can be disabled.",
"options": {
"none": "Do not share location",
"precise": "Precise Location",
"metric_km23": "Within 23 kilometers",
"metric_km12": "Within 12 kilometers",
"metric_km5_8": "Within 5.8 kilometers",
"metric_km2_9": "Within 2.9 kilometers",
"metric_km1_5": "Within 1.5 kilometers",
"metric_m700": "Within 700 meters",
"metric_m350": "Within 350 meters",
"metric_m200": "Within 200 meters",
"metric_m90": "Within 90 meters",
"metric_m50": "Within 50 meters",
"imperial_mi15": "Within 15 miles",
"imperial_mi7_3": "Within 7.3 miles",
"imperial_mi3_6": "Within 3.6 miles",
"imperial_mi1_8": "Within 1.8 miles",
"imperial_mi0_9": "Within 0.9 miles",
"imperial_mi0_5": "Within 0.5 miles",
"imperial_mi0_2": "Within 0.2 miles",
"imperial_ft600": "Within 600 feet",
"imperial_ft300": "Within 300 feet",
"imperial_ft150": "Within 150 feet"
}
}
}

47
src/i18n/locales/en/commandPalette.json

@ -0,0 +1,47 @@
{
"emptyState": "No results found.",
"pinGroup": {
"label": "Pin command group"
},
"unpinGroup": {
"label": "Unpin command group"
},
"goto": {
"label": "Goto",
"command": {
"messages": "Messages",
"map": "Map",
"config": "Config",
"channels": "Channels",
"nodes": "Nodes"
}
},
"manage": {
"label": "Manage",
"command": {
"switchNode": "Switch Node",
"connectNewNode": "Connect New Node"
}
},
"contextual": {
"label": "Contextual",
"command": {
"qrCode": "QR Code",
"qrGenerator": "Generator",
"qrImport": "Import",
"scheduleShutdown": "Schedule Shutdown",
"scheduleReboot": "Schedule Reboot",
"rebootToOtaMode": "Reboot To OTA Mode",
"resetNodeDb": "Reset Node DB",
"factoryResetDevice": "Factory Reset Device",
"factoryResetConfig": "Factory Reset Config"
}
},
"debug": {
"label": "Debug",
"command": {
"reconfigure": "Reconfigure",
"clearAllStoredMessages": "Clear All Stored Message"
}
}
}

72
src/i18n/locales/en/common.json

@ -0,0 +1,72 @@
{
"button": {
"apply": "Apply",
"backupKey": "Backup Key",
"cancel": "Cancel",
"clearMessages": "Clear Messages",
"close": "Close",
"confirm": "Confirm",
"delete": "Delete",
"dismiss": "Dismiss",
"download": "Download",
"export": "Export",
"generate": "Generate",
"regenerate": "Regenerate",
"import": "Import",
"message": "Message",
"now": "Now",
"ok": "OK",
"print": "Print",
"rebootOtaNow": "Reboot to OTA Mode Now",
"remove": "Remove",
"requestNewKeys": "Request New Keys",
"requestPosition": "Request Position",
"reset": "Reset",
"save": "Save",
"scanQr": "Scan QR Code",
"traceRoute": "Trace Route"
},
"app": {
"title": "Meshtastic",
"fullTitle": "Meshtastic Web Client"
},
"loading": "Loading...",
"unit": {
"cps": "CPS",
"dbm": "dBm",
"hertz": "Hz",
"hop": {
"one": "Hop",
"plural": "Hops"
},
"hopsAway": {
"one": "{{count}} hop away",
"plural": "{{count}} hops away",
"unknown": "Unknown hops away"
},
"megahertz": "MHz",
"raw": "raw",
"meter": { "one": "Meter", "plural": "Meters", "suffix": "m" },
"minute": { "one": "Minute", "plural": "Minutes" },
"millisecond": {
"one": "Millisecond",
"plural": "Milliseconds",
"suffix": "ms"
},
"second": { "one": "Second", "plural": "Seconds" },
"snr": "SNR",
"volts": "Volts",
"record": { "one": "Records", "plural": "Records" }
},
"security": {
"256bit": "256 bit"
},
"unknown": {
"longName": "Unknown",
"shortName": "UNK"
},
"snrUnknown": "??",
"nodeUnknownPrefix": "!",
"unset": "UNSET",
"fallbackName": "Meshtastic {{last4}}"
}

12
src/i18n/locales/en/dashboard.json

@ -0,0 +1,12 @@
{
"dashboard": {
"title": "Connected Devices",
"description": "Manage your connected Meshtastic devices.",
"connectionType_ble": "BLE",
"connectionType_serial": "Serial",
"connectionType_network": "Network",
"noDevicesTitle": "No devices connected",
"noDevicesDescription": "Connect a new device to get started.",
"button_newConnection": "New Connection"
}
}

442
src/i18n/locales/en/deviceConfig.json

@ -0,0 +1,442 @@
{
"page": {
"title": "Configuration",
"tabBluetooth": "Bluetooth",
"tabDevice": "Device",
"tabDisplay": "Display",
"tabLora": "LoRa",
"tabNetwork": "Network",
"tabPosition": "Position",
"tabPower": "Power",
"tabSecurity": "Security"
},
"sidebar": {
"label": "Modules"
},
"device": {
"title": "Device Settings",
"description": "Settings for the device",
"buttonPin": {
"description": "Button pin override",
"label": "Button Pin"
},
"buzzerPin": {
"description": "Buzzer pin override",
"label": "Buzzer Pin"
},
"disableTripleClick": {
"description": "Disable triple click",
"label": "Disable Triple Click"
},
"doubleTapAsButtonPress": {
"description": "Treat double tap as button press",
"label": "Double Tap as Button Press"
},
"ledHeartbeatDisabled": {
"description": "Disable default blinking LED",
"label": "LED Heartbeat Disabled"
},
"nodeInfoBroadcastInterval": {
"description": "How often to broadcast node info",
"label": "Node Info Broadcast Interval"
},
"posixTimezone": {
"description": "The POSIX timezone string for the device",
"label": "POSIX Timezone"
},
"rebroadcastMode": {
"description": "How to handle rebroadcasting",
"label": "Rebroadcast Mode"
},
"role": {
"description": "What role the device performs on the mesh",
"label": "Role"
}
},
"bluetooth": {
"title": "Bluetooth Settings",
"description": "Settings for the Bluetooth module",
"note": "Note: Some devices (ESP32) cannot use both Bluetooth and WiFi at the same time.",
"enabled": {
"description": "Enable or disable Bluetooth",
"label": "Enabled"
},
"pairingMode": {
"description": "Pin selection behaviour.",
"label": "Pairing mode"
},
"pin": {
"description": "Pin to use when pairing",
"label": "Pin"
},
"validation": {
"pinCannotStartWithZero": "Bluetooth Pin cannot start with 0",
"pinMustBeSixDigits": "Pin must be 6 digits",
"pinRequired": "Bluetooth Pin is required"
}
},
"display": {
"description": "Settings for the device display",
"title": "Display Settings",
"boldHeading": {
"description": "Bolden the heading text",
"label": "Bold Heading"
},
"carouselDelay": {
"description": "How fast to cycle through windows",
"label": "Carousel Delay"
},
"compassNorthTop": {
"description": "Fix north to the top of compass",
"label": "Compass North Top"
},
"displayMode": {
"description": "Screen layout variant",
"label": "Display Mode"
},
"displayUnits": {
"description": "Display metric or imperial units",
"label": "Display Units"
},
"flipScreen": {
"description": "Flip display 180 degrees",
"label": "Flip Screen"
},
"gpsDisplayUnits": {
"description": "Coordinate display format",
"label": "GPS Display Units"
},
"oledType": {
"description": "Type of OLED screen attached to the device",
"label": "OLED Type"
},
"screenTimeout": {
"description": "Turn off the display after this long",
"label": "Screen Timeout"
},
"twelveHourClock": {
"description": "Use 12-hour clock format",
"label": "12-Hour Clock"
},
"wakeOnTapOrMotion": {
"description": "Wake the device on tap or motion",
"label": "Wake on Tap or Motion"
}
},
"lora": {
"title": "Mesh Settings",
"description": "Settings for the LoRa mesh",
"bandwidth": {
"description": "Channel bandwidth in MHz",
"label": "Bandwidth"
},
"boostedRxGain": {
"description": "Boosted RX gain",
"label": "Boosted RX Gain"
},
"codingRate": {
"description": "The denominator of the coding rate",
"label": "Coding Rate"
},
"frequencyOffset": {
"description": "Frequency offset to correct for crystal calibration errors",
"label": "Frequency Offset"
},
"frequencySlot": {
"description": "LoRa frequency channel number",
"label": "Frequency Slot"
},
"hopLimit": {
"description": "Maximum number of hops",
"label": "Hop Limit"
},
"ignoreMqtt": {
"description": "Don't forward MQTT messages over the mesh",
"label": "Ignore MQTT"
},
"modemPreset": {
"description": "Modem preset to use",
"label": "Modem Preset"
},
"okToMqtt": {
"description": "When set to true, this configuration indicates that the user approves the packet to be uploaded to MQTT. If set to false, remote nodes are requested not to forward packets to MQTT",
"label": "OK to MQTT"
},
"overrideDutyCycle": {
"description": "Override Duty Cycle",
"label": "Override Duty Cycle"
},
"overrideFrequency": {
"description": "Override frequency",
"label": "Override Frequency"
},
"region": {
"description": "Sets the region for your node",
"label": "Region"
},
"spreadingFactor": {
"description": "Indicates the number of chirps per symbol",
"label": "Spreading Factor"
},
"transmitEnabled": {
"description": "Enable/Disable transmit (TX) from the LoRa radio",
"label": "Transmit Enabled"
},
"transmitPower": {
"description": "Max transmit power",
"label": "Transmit Power"
},
"usePreset": {
"description": "Use one of the predefined modem presets",
"label": "Use Preset"
},
"meshSettings": {
"description": "Settings for the LoRa mesh",
"label": "Mesh Settings"
},
"waveformSettings": {
"description": "Settings for the LoRa waveform",
"label": "Waveform Settings"
},
"radioSettings": {
"label": "Radio Settings",
"description": "Settings for the LoRa radio"
}
},
"network": {
"title": "WiFi Config",
"description": "WiFi radio configuration",
"note": "Note: Some devices (ESP32) cannot use both Bluetooth and WiFi at the same time.",
"addressMode": {
"description": "Address assignment selection",
"label": "Address Mode"
},
"dns": {
"description": "DNS Server",
"label": "DNS"
},
"ethernetEnabled": {
"description": "Enable or disable the Ethernet port",
"label": "Enabled"
},
"gateway": {
"description": "Default Gateway",
"label": "Gateway"
},
"ip": {
"description": "IP Address",
"label": "IP"
},
"psk": {
"description": "Network password",
"label": "PSK"
},
"ssid": {
"description": "Network name",
"label": "SSID"
},
"subnet": {
"description": "Subnet Mask",
"label": "Subnet"
},
"wifiEnabled": {
"description": "Enable or disable the WiFi radio",
"label": "Enabled"
},
"meshViaUdp": {
"label": "Mesh via UDP"
},
"ntpServer": {
"label": "NTP Server"
},
"rsyslogServer": {
"label": "Rsyslog Server"
},
"ethernetConfigSettings": {
"description": "Ethernet port configuration",
"label": "Ethernet Config"
},
"ipConfigSettings": {
"description": "IP configuration",
"label": "IP Config"
},
"ntpConfigSettings": {
"description": "NTP configuration",
"label": "NTP Config"
},
"rsyslogConfigSettings": {
"description": "Rsyslog configuration",
"label": "Rsyslog Config"
},
"udpConfigSettings": {
"description": "UDP over Mesh configuration",
"label": "UDP Config"
}
},
"position": {
"title": "Position Settings",
"description": "Settings for the position module",
"broadcastInterval": {
"description": "How often your position is sent out over the mesh",
"label": "Broadcast Interval"
},
"enablePin": {
"description": "GPS module enable pin override",
"label": "Enable Pin"
},
"fixedPosition": {
"description": "Don't report GPS position, but a manually-specified one",
"label": "Fixed Position"
},
"gpsMode": {
"description": "Configure whether device GPS is Enabled, Disabled, or Not Present",
"label": "GPS Mode"
},
"gpsUpdateInterval": {
"description": "How often a GPS fix should be acquired",
"label": "GPS Update Interval"
},
"positionFlags": {
"description": "Optional fields to include when assembling position messages. The more fields are selected, the larger the message will be leading to longer airtime usage and a higher risk of packet loss.",
"label": "Position Flags"
},
"receivePin": {
"description": "GPS module RX pin override",
"label": "Receive Pin"
},
"smartPositionEnabled": {
"description": "Only send position when there has been a meaningful change in location",
"label": "Enable Smart Position"
},
"smartPositionMinDistance": {
"description": "Minimum distance (in meters) that must be traveled before a position update is sent",
"label": "Smart Position Minimum Distance"
},
"smartPositionMinInterval": {
"description": "Minimum interval (in seconds) that must pass before a position update is sent",
"label": "Smart Position Minimum Interval"
},
"transmitPin": {
"description": "GPS module TX pin override",
"label": "Transmit Pin"
},
"fieldPlaceholder_selectPositionFlags": "Select position flags...",
"intervalsSettings": {
"description": "How often to send position updates",
"label": "Intervals"
},
"flags": {
"altitude": "Altitude",
"altitudeGeoidalSeparation": "Altitude Geoidal Separation",
"altitudeMsl": "Altitude is Mean Sea Level",
"dop": "Dilution of precision (DOP) PDOP used by default",
"hdopVdop": "If DOP is set, use HDOP / VDOP values instead of PDOP",
"numSatellites": "Number of satellites",
"sequenceNumber": "Sequence number",
"timestamp": "Timestamp",
"unset": "Unset",
"vehicleHeading": "Vehicle heading",
"vehicleSpeed": "Vehicle speed"
}
},
"power": {
"adcMultiplierOverride": {
"description": "Used for tweaking battery voltage reading",
"label": "ADC Multiplier Override ratio"
},
"ina219Address": {
"description": "Address of the INA219 battery monitor",
"label": "INA219 Address"
},
"lightSleepDuration": {
"description": "How long the device will be in light sleep for",
"label": "Light Sleep Duration"
},
"minimumWakeTime": {
"description": "Minimum amount of time the device will stay awake for after receiving a packet",
"label": "Minimum Wake Time"
},
"noConnectionBluetoothDisabled": {
"description": "If the device does not receive a Bluetooth connection, the BLE radio will be disabled after this long",
"label": "No Connection Bluetooth Disabled"
},
"powerSavingEnabled": {
"description": "Select if powered from a low-current source (i.e. solar), to minimize power consumption as much as possible.",
"label": "Enable power saving mode"
},
"shutdownOnBatteryDelay": {
"description": "Automatically shutdown node after this long when on battery, 0 for indefinite",
"label": "Shutdown on battery delay"
},
"superDeepSleepDuration": {
"description": "How long the device will be in super deep sleep for",
"label": "Super Deep Sleep Duration"
},
"powerConfigSettings": {
"description": "Settings for the power module",
"label": "Power Config"
},
"sleepSettings": {
"description": "Sleep settings for the power module",
"label": "Sleep Settings"
}
},
"security": {
"description": "Settings for the Security configuration",
"title": "Security Settings",
"button_backupKey": "Backup Key",
"adminChannelEnabled": {
"description": "Allow incoming device control over the insecure legacy admin channel",
"label": "Allow Legacy Admin"
},
"enableDebugLogApi": {
"description": "Output live debug logging over serial, view and export position-redacted device logs over Bluetooth",
"label": "Enable Debug Log API"
},
"managed": {
"description": "If enabled, device configuration options are only able to be changed remotely by a Remote Admin node via admin messages. Do not enable this option unless at least one suitable Remote Admin node has been setup, and the public key is stored in one of the fields above.",
"label": "Managed"
},
"privateKey": {
"description": "Used to create a shared key with a remote device",
"label": "Private Key"
},
"publicKey": {
"description": "Sent out to other nodes on the mesh to allow them to compute a shared secret key",
"label": "Public Key"
},
"primaryAdminKey": {
"description": "The primary public key authorized to send admin messages to this node",
"label": "Primary Admin Key"
},
"secondaryAdminKey": {
"description": "The secondary public key authorized to send admin messages to this node",
"label": "Secondary Admin Key"
},
"serialOutputEnabled": {
"description": "Serial Console over the Stream API",
"label": "Serial Output Enabled"
},
"tertiaryAdminKey": {
"description": "The tertiary public key authorized to send admin messages to this node",
"label": "Tertiary Admin Key"
},
"adminSettings": {
"description": "Settings for Admin",
"label": "Admin Settings"
},
"loggingSettings": {
"description": "Settings for Logging",
"label": "Logging Settings"
},
"validation": {
"adminKeyMustBe256BitPsk": "Admin Key is required to be a 256 bit pre-shared key (PSK)",
"adminKeyRequiredWhenManaged": "At least one admin key is requred if the node is managed.",
"enterValid256BitPsk": "Please enter a valid 256 bit PSK",
"invalidAdminKeyFormat": "Invalid Admin Key format",
"invalidPrivateKeyFormat": "Invalid Private Key format",
"privateKeyMustBe256BitPsk": "Private Key is required to be a 256 bit pre-shared key (PSK)",
"privateKeyRequired": "Private Key is required"
}
}
}

160
src/i18n/locales/en/dialog.json

@ -0,0 +1,160 @@
{
"deleteMessages": {
"description": "This action will clear all message history. This cannot be undone. Are you sure you want to continue?",
"title": "Clear All Messages"
},
"deviceName": {
"description": "The Device will restart once the config is saved.",
"longName": "Long Name",
"shortName": "Short Name",
"title": "Change Device Name"
},
"import": {
"description": "The current LoRa configuration will be overridden.",
"error": {
"invalidUrl": "Invalid Meshtastic URL"
},
"channelPrefix": "Channel: ",
"channelSetUrl": "Channel Set/QR Code URL",
"channels": "Channels:",
"usePreset": "Use Preset?",
"title": "Import Channel Set"
},
"locationResponse": {
"altitude": "Altitude: ",
"coordinates": "Coordinates: ",
"title": "Location: {{identifier}}"
},
"pkiRegenerateDialog": {
"title": "Regenerate Pre-Shared Key?",
"description": "Are you sure you want to regenerate the pre-shared key?",
"regenerate": "Regenerate"
},
"newDeviceDialog": {
"title": "Connect New Device",
"https": "https",
"http": "http",
"tabHttp": "HTTP",
"tabBluetooth": "Bluetooth",
"tabSerial": "Serial",
"useHttps": "Use HTTPS",
"connecting": "Connecting...",
"connect": "Connect",
"connectionFailedAlert": {
"title": "Connection Failed",
"descriptionPrefix": "Could not connect to the device. ",
"httpsHint": "If using HTTPS, you may need to accept a self-signed certificate first. ",
"openLinkPrefix": "Please open ",
"openLinkSuffix": " in a new tab",
"acceptTlsWarningSuffix": ", accept any TLS warnings if prompted, then try again",
"learnMoreLink": "Learn more"
},
"httpConnection": {
"label": "IP Address/Hostname",
"placeholder": "000.000.000.000 / meshtastic.local"
},
"serialConnection": {
"noDevicesPaired": "No devices paired yet.",
"newDeviceButton": "New device",
"deviceIdentifier": "# {{index}} - {{vendorId}} - {{productId}}"
},
"bluetoothConnection": {
"noDevicesPaired": "No devices paired yet.",
"newDeviceButton": "New device"
},
"validation": {
"requiresFeatures": "This connection type requires <0></0>. Please use a supported browser, like Chrome or Edge.",
"requiresSecureContext": "This application requires a <0>secure context</0>. Please connect using HTTPS or localhost.",
"additionallyRequiresSecureContext": "Additionally, it requires a <0>secure context</0>. Please connect using HTTPS or localhost."
}
},
"nodeDetails": {
"message": "Message",
"requestPosition": "Request Position",
"traceRoute": "Trace Route",
"airTxUtilization": "Air TX utilization",
"allRawMetrics": "All Raw Metrics:",
"batteryLevel": "Battery level",
"channelUtilization": "Channel utilization",
"details": "Details:",
"deviceMetrics": "Device Metrics:",
"hardware": "Hardware: ",
"lastHeard": "Last Heard: ",
"nodeHexPrefix": "Node Hex: !",
"nodeNumber": "Node Number: ",
"position": "Position:",
"role": "Role: ",
"uptime": "Uptime: ",
"voltage": "Voltage",
"title": "Node Details for {{identifier}}",
"ignoreNode": "Ignore node",
"removeNode": "Remove node",
"unignoreNode": "Unignore node"
},
"pkiBackup": {
"description": "We recommend backing up your key data regularly. Would you like to back up now?",
"loseKeysWarning": "If you lose your keys, you will need to reset your device.",
"secureBackup": "Its important to backup your public and private keys and store your backup securely!",
"footer": "=== END OF KEYS ===",
"header": "=== MESHTASTIC KEYS FOR {{longName}} ({{shortName}}) ===",
"privateKey": "Private Key:",
"publicKey": "Public Key:",
"fileName": "meshtastic_keys_{{longName}}_{{shortName}}.txt",
"title": "Backup Keys"
},
"pkiRegenerate": {
"description": "Are you sure you want to regenerate key pair?",
"title": "Regenerate Key Pair"
},
"qr": {
"addChannels": "Add Channels",
"replaceChannels": "Replace Channels",
"description": "The current LoRa configuration will also be shared.",
"sharableUrl": "Sharable URL",
"title": "Generate QR Code"
},
"rebootOta": {
"title": "Schedule Reboot",
"description": "Reboot the connected node after a delay into OTA (Over-the-Air) mode.",
"enterDelay": "Enter delay (sec)",
"scheduled": "Reboot has been scheduled"
},
"reboot": {
"title": "Schedule Reboot",
"description": "Reboot the connected node after x minutes."
},
"refreshKeys": {
"description": {
"acceptNewKeys": "This will remove the node from device and request new keys.",
"keyMismatchReasonSuffix": ". This is due to the remote node's current public key does not match the previously stored key for this node.",
"unableToSendDmPrefix": "Your node is unable to send a direct message to node: "
},
"acceptNewKeys": "Accept New Keys",
"title": "Keys Mismatch - {{identifier}}"
},
"removeNode": {
"description": "Are you sure you want to remove this Node?",
"title": "Remove Node?"
},
"shutdown": {
"title": "Schedule Shutdown",
"description": "Turn off the connected node after x minutes."
},
"traceRoute": {
"routeToDestination": "Route to destination:",
"routeBack": "Route back:"
},
"tracerouteResponse": {
"title": "Traceroute: {{identifier}}"
},
"unsafeRoles": {
"confirmUnderstanding": "Yes, I know what I'm doing",
"conjunction": " and the blog post about ",
"postamble": " and understand the implications of changing the role.",
"preamble": "I have read the ",
"choosingRightDeviceRole": "Choosing The Right Device Role",
"deviceRoleDocumentation": "Device Role Documentation",
"title": "Are you sure?"
}
}

37
src/i18n/locales/en/messages.json

@ -0,0 +1,37 @@
{
"page": {
"title": "Messages: {{chatName}}"
},
"emptyState": {
"title": "Select a Chat",
"text": "No messages yet."
},
"selectChatPrompt": {
"text": "Select a channel or node to start messaging."
},
"actionsMenu": {
"addReactionLabel": "Add Reaction",
"replyLabel": "Reply"
},
"item": {
"status": {
"delivered": {
"label": "Message delivered",
"displayText": "Message delivered"
},
"failed": {
"label": "Message delivery failed",
"displayText": "Delivery failed"
},
"unknown": {
"label": "Message status unknown",
"displayText": "Unknown state"
},
"waiting": {
"ariaLabel": "Sending message",
"displayText": "Waiting for delivery"
}
}
}
}

448
src/i18n/locales/en/moduleConfig.json

@ -0,0 +1,448 @@
{
"page": {
"tabAmbientLighting": "Ambient Lighting",
"tabAudio": "Audio",
"tabCannedMessage": "Canned",
"tabDetectionSensor": "Detection Sensor",
"tabExternalNotification": "Ext Notif",
"tabMqtt": "MQTT",
"tabNeighborInfo": "Neighbor Info",
"tabPaxcounter": "Paxcounter",
"tabRangeTest": "Range Test",
"tabSerial": "Serial",
"tabStoreAndForward": "S&F",
"tabTelemetry": "Telemetry"
},
"ambientLighting": {
"title": "Ambient Lighting Settings",
"description": "Settings for the Ambient Lighting module",
"ledState": {
"label": "LED State",
"description": "Sets LED to on or off"
},
"current": {
"label": "Current",
"description": "Sets the current for the LED output. Default is 10"
},
"red": {
"label": "Red",
"description": "Sets the red LED level. Values are 0-255"
},
"green": {
"label": "Green",
"description": "Sets the green LED level. Values are 0-255"
},
"blue": {
"label": "Blue",
"description": "Sets the blue LED level. Values are 0-255"
}
},
"audio": {
"title": "Audio Settings",
"description": "Settings for the Audio module",
"codec2Enabled": {
"label": "Codec 2 Enabled",
"description": "Enable Codec 2 audio encoding"
},
"pttPin": {
"label": "PTT Pin",
"description": "GPIO pin to use for PTT"
},
"bitrate": {
"label": "Bitrate",
"description": "Bitrate to use for audio encoding"
},
"i2sWs": {
"label": "i2S WS",
"description": "GPIO pin to use for i2S WS"
},
"i2sSd": {
"label": "i2S SD",
"description": "GPIO pin to use for i2S SD"
},
"i2sDin": {
"label": "i2S DIN",
"description": "GPIO pin to use for i2S DIN"
},
"i2sSck": {
"label": "i2S SCK",
"description": "GPIO pin to use for i2S SCK"
}
},
"cannedMessage": {
"title": "Canned Message Settings",
"description": "Settings for the Canned Message module",
"moduleEnabled": {
"label": "Module Enabled",
"description": "Enable Canned Message"
},
"rotary1Enabled": {
"label": "Rotary Encoder #1 Enabled",
"description": "Enable the rotary encoder"
},
"inputbrokerPinA": {
"label": "Encoder Pin A",
"description": "GPIO Pin Value (1-39) For encoder port A"
},
"inputbrokerPinB": {
"label": "Encoder Pin B",
"description": "GPIO Pin Value (1-39) For encoder port B"
},
"inputbrokerPinPress": {
"label": "Encoder Pin Press",
"description": "GPIO Pin Value (1-39) For encoder Press"
},
"inputbrokerEventCw": {
"label": "Clockwise event",
"description": "Select input event."
},
"inputbrokerEventCcw": {
"label": "Counter Clockwise event",
"description": "Select input event."
},
"inputbrokerEventPress": {
"label": "Press event",
"description": "Select input event"
},
"updown1Enabled": {
"label": "Up Down enabled",
"description": "Enable the up / down encoder"
},
"allowInputSource": {
"label": "Allow Input Source",
"description": "Select from: '_any', 'rotEnc1', 'upDownEnc1', 'cardkb'"
},
"sendBell": {
"label": "Send Bell",
"description": "Sends a bell character with each message"
}
},
"detectionSensor": {
"title": "Detection Sensor Settings",
"description": "Settings for the Detection Sensor module",
"enabled": {
"label": "Enabled",
"description": "Enable or disable Detection Sensor Module"
},
"minimumBroadcastSecs": {
"label": "Minimum Broadcast Seconds",
"description": "The interval in seconds of how often we can send a message to the mesh when a state change is detected"
},
"stateBroadcastSecs": {
"label": "State Broadcast Seconds",
"description": "The interval in seconds of how often we should send a message to the mesh with the current state regardless of changes"
},
"sendBell": {
"label": "Send Bell",
"description": "Send ASCII bell with alert message"
},
"name": {
"label": "Friendly Name",
"description": "Used to format the message sent to mesh, max 20 Characters"
},
"monitorPin": {
"label": "Monitor Pin",
"description": "The GPIO pin to monitor for state changes"
},
"detectionTriggeredHigh": {
"label": "Detection Triggered High",
"description": "Whether or not the GPIO pin state detection is triggered on HIGH (1), otherwise LOW (0)"
},
"usePullup": {
"label": "Use Pullup",
"description": "Whether or not use INPUT_PULLUP mode for GPIO pin"
}
},
"externalNotification": {
"title": "External Notification Settings",
"description": "Configure the external notification module",
"enabled": {
"label": "Module Enabled",
"description": "Enable External Notification"
},
"outputMs": {
"label": "Output MS",
"description": "Output MS"
},
"output": {
"label": "Output",
"description": "Output"
},
"outputVibra": {
"label": "Output Vibrate",
"description": "Output Vibrate"
},
"outputBuzzer": {
"label": "Output Buzzer",
"description": "Output Buzzer"
},
"active": {
"label": "Active",
"description": "Active"
},
"alertMessage": {
"label": "Alert Message",
"description": "Alert Message"
},
"alertMessageVibra": {
"label": "Alert Message Vibrate",
"description": "Alert Message Vibrate"
},
"alertMessageBuzzer": {
"label": "Alert Message Buzzer",
"description": "Alert Message Buzzer"
},
"alertBell": {
"label": "Alert Bell",
"description": "Should an alert be triggered when receiving an incoming bell?"
},
"alertBellVibra": {
"label": "Alert Bell Vibrate",
"description": "Alert Bell Vibrate"
},
"alertBellBuzzer": {
"label": "Alert Bell Buzzer",
"description": "Alert Bell Buzzer"
},
"usePwm": {
"label": "Use PWM",
"description": "Use PWM"
},
"nagTimeout": {
"label": "Nag Timeout",
"description": "Nag Timeout"
},
"useI2sAsBuzzer": {
"label": "Use I²S Pin as Buzzer",
"description": "Designate I²S Pin as Buzzer Output"
}
},
"mqtt": {
"title": "MQTT Settings",
"description": "Settings for the MQTT module",
"enabled": {
"label": "Enabled",
"description": "Enable or disable MQTT"
},
"address": {
"label": "MQTT Server Address",
"description": "MQTT server address to use for default/custom servers"
},
"username": {
"label": "MQTT Username",
"description": "MQTT username to use for default/custom servers"
},
"password": {
"label": "MQTT Password",
"description": "MQTT password to use for default/custom servers"
},
"encryptionEnabled": {
"label": "Encryption Enabled",
"description": "Enable or disable MQTT encryption. Note: All messages are sent to the MQTT broker unencrypted if this option is not enabled, even when your uplink channels have encryption keys set. This includes position data."
},
"jsonEnabled": {
"label": "JSON Enabled",
"description": "Whether to send/consume JSON packets on MQTT"
},
"tlsEnabled": {
"label": "TLS Enabled",
"description": "Enable or disable TLS"
},
"root": {
"label": "Root topic",
"description": "MQTT root topic to use for default/custom servers"
},
"proxyToClientEnabled": {
"label": "Proxy to Client Enabled",
"description": "Use the client's internet connection for MQTT (feature only active in mobile apps)"
},
"mapReportingEnabled": {
"label": "Map Reporting Enabled",
"description": "Enable or disable map reporting"
},
"mapReportSettings": {
"publishIntervalSecs": {
"label": "Map Report Publish Interval (s)",
"description": "Interval in seconds to publish map reports"
},
"positionPrecision": {
"label": "Approximate Location",
"description": "Position shared will be accurate within this distance",
"options": {
"metric_km23": "Within 23 km",
"metric_km12": "Within 12 km",
"metric_km5_8": "Within 5.8 km",
"metric_km2_9": "Within 2.9 km",
"metric_km1_5": "Within 1.5 km",
"metric_m700": "Within 700 m",
"metric_m350": "Within 350 m",
"metric_m200": "Within 200 m",
"metric_m90": "Within 90 m",
"metric_m50": "Within 50 m",
"imperial_mi15": "Within 15 miles",
"imperial_mi7_3": "Within 7.3 miles",
"imperial_mi3_6": "Within 3.6 miles",
"imperial_mi1_8": "Within 1.8 miles",
"imperial_mi0_9": "Within 0.9 miles",
"imperial_mi0_5": "Within 0.5 miles",
"imperial_mi0_2": "Within 0.2 miles",
"imperial_ft600": "Within 600 feet",
"imperial_ft300": "Within 300 feet",
"imperial_ft150": "Within 150 feet"
}
}
}
},
"neighborInfo": {
"title": "Neighbor Info Settings",
"description": "Settings for the Neighbor Info module",
"enabled": {
"label": "Enabled",
"description": "Enable or disable Neighbor Info Module"
},
"updateInterval": {
"label": "Update Interval",
"description": "Interval in seconds of how often we should try to send our Neighbor Info to the mesh"
}
},
"paxcounter": {
"title": "Paxcounter Settings",
"description": "Settings for the Paxcounter module",
"enabled": {
"label": "Module Enabled",
"description": "Enable Paxcounter"
},
"paxcounterUpdateInterval": {
"label": "Update Interval (seconds)",
"description": "How long to wait between sending paxcounter packets"
},
"wifiThreshold": {
"label": "WiFi RSSI Threshold",
"description": "At what WiFi RSSI level should the counter increase. Defaults to -80."
},
"bleThreshold": {
"label": "BLE RSSI Threshold",
"description": "At what BLE RSSI level should the counter increase. Defaults to -80."
}
},
"rangeTest": {
"title": "Range Test Settings",
"description": "Settings for the Range Test module",
"enabled": {
"label": "Module Enabled",
"description": "Enable Range Test"
},
"sender": {
"label": "Message Interval",
"description": "How long to wait between sending test packets"
},
"save": {
"label": "Save CSV to storage",
"description": "ESP32 Only"
}
},
"serial": {
"title": "Serial Settings",
"description": "Settings for the Serial module",
"enabled": {
"label": "Module Enabled",
"description": "Enable Serial output"
},
"echo": {
"label": "Echo",
"description": "Any packets you send will be echoed back to your device"
},
"rxd": {
"label": "Receive Pin",
"description": "Set the GPIO pin to the RXD pin you have set up."
},
"txd": {
"label": "Transmit Pin",
"description": "Set the GPIO pin to the TXD pin you have set up."
},
"baud": {
"label": "Baud Rate",
"description": "The serial baud rate"
},
"timeout": {
"label": "Timeout",
"description": "Seconds to wait before we consider your packet as 'done'"
},
"mode": {
"label": "Mode",
"description": "Select Mode"
},
"overrideConsoleSerialPort": {
"label": "Override Console Serial Port",
"description": "If you have a serial port connected to the console, this will override it."
}
},
"storeForward": {
"title": "Store & Forward Settings",
"description": "Settings for the Store & Forward module",
"enabled": {
"label": "Module Enabled",
"description": "Enable Store & Forward"
},
"heartbeat": {
"label": "Heartbeat Enabled",
"description": "Enable Store & Forward heartbeat"
},
"records": {
"label": "Number of records",
"description": "Number of records to store"
},
"historyReturnMax": {
"label": "History return max",
"description": "Max number of records to return"
},
"historyReturnWindow": {
"label": "History return window",
"description": "Max number of records to return"
}
},
"telemetry": {
"title": "Telemetry Settings",
"description": "Settings for the Telemetry module",
"deviceUpdateInterval": {
"label": "Device Metrics",
"description": "Device metrics update interval (seconds)"
},
"environmentUpdateInterval": {
"label": "Environment metrics update interval (seconds)",
"description": ""
},
"environmentMeasurementEnabled": {
"label": "Module Enabled",
"description": "Enable the Environment Telemetry"
},
"environmentScreenEnabled": {
"label": "Displayed on Screen",
"description": "Show the Telemetry Module on the OLED"
},
"environmentDisplayFahrenheit": {
"label": "Display Fahrenheit",
"description": "Display temp in Fahrenheit"
},
"airQualityEnabled": {
"label": "Air Quality Enabled",
"description": "Enable the Air Quality Telemetry"
},
"airQualityInterval": {
"label": "Air Quality Update Interval",
"description": "How often to send Air Quality data over the mesh"
},
"powerMeasurementEnabled": {
"label": "Power Measurement Enabled",
"description": "Enable the Power Measurement Telemetry"
},
"powerUpdateInterval": {
"label": "Power Update Interval",
"description": "How often to send Power data over the mesh"
},
"powerScreenEnabled": {
"label": "Power Screen Enabled",
"description": "Enable the Power Telemetry Screen"
}
}
}

51
src/i18n/locales/en/nodes.json

@ -0,0 +1,51 @@
{
"nodeDetail": {
"publicKeyEnabled": {
"label": "Public Key Enabled"
},
"noPublicKey": {
"label": "No Public Key"
},
"directMessage": {
"label": "Direct Message {{shortName}}"
},
"favorite": {
"label": "Favorite"
},
"notFavorite": {
"label": "Not a Favorite"
},
"status": {
"heard": "Heard",
"mqtt": "MQTT"
},
"elevation": {
"label": "Elevation"
},
"channelUtil": {
"label": "Channel Util"
},
"airtimeUtil": {
"label": "Airtime Util"
}
},
"nodesTable": {
"headings": {
"longName": "Long Name",
"connection": "Connection",
"lastHeard": "Last Heard",
"encryption": "Encryption",
"model": "Model",
"macAddress": "MAC Address"
},
"connectionStatus": {
"direct": "Direct",
"away": "away",
"unknown": "-",
"viaMqtt": ", via MQTT"
},
"lastHeardStatus": {
"never": "Never"
}
}
}

152
src/i18n/locales/en/ui.json

@ -0,0 +1,152 @@
{
"navigation": {
"title": "Navigation",
"messages": "Messages",
"map": "Map",
"config": "Config",
"radioConfig": "Radio Config",
"moduleConfig": "Module Config",
"channels": "Channels",
"nodes": "Nodes"
},
"app": {
"title": "Meshtastic",
"logo": "Meshtastic Logo"
},
"sidebar": {
"collapseToggle": {
"button": {
"open": "Open sidebar",
"close": "Close sidebar"
}
},
"deviceInfo": {
"volts": "{{voltage}} volts",
"firmwareVersion": "v{{version}}",
"button": {
"editDeviceName": "Edit device name"
}
}
},
"batteryStatus": {
"charging": "{{level}}% charging",
"pluggedIn": "Plugged in",
"title": "Battery"
},
"search": {
"nodes": "Search nodes...",
"channels": "Search channels...",
"commandPalette": "Search commands..."
},
"toast": {
"positionRequestSent": { "title": "Position request sent." },
"requestingPosition": { "title": "Requesting position, please wait..." },
"sendingTraceroute": { "title": "Sending Traceroute, please wait..." },
"tracerouteSent": { "title": "Traceroute sent." },
"savedChannel": { "title": "Saved Channel: {{channelName}}" },
"messages": {
"pkiEncryption": { "title": "Chat is using PKI encryption." },
"pskEncryption": { "title": "Chat is using PSK encryption." }
},
"configSaveError": {
"title": "Error Saving Config",
"description": "An error occurred while saving the configuration."
},
"validationError": {
"title": "Config Errors Exist",
"description": "Please fix the configuration errors before saving."
},
"saveSuccess": {
"title": "Saving Config",
"description": "The configuration change {{case}} has been saved."
}
},
"notifications": {
"copied": {
"label": "Copied!"
},
"copyToClipboard": {
"label": "Copy to clipboard"
},
"hidePassword": {
"label": "Hide password"
},
"showPassword": {
"label": "Show password"
}
},
"filters": {
"general": {
"label": "General"
},
"hardware": {
"label": "Hardware"
},
"metrics": {
"label": "Metrics"
},
"role": {
"label": "Role"
},
"filter": {
"label": "Filter"
},
"clearInput": {
"label": "Clear input"
},
"resetFilters": {
"label": "Reset Filters"
},
"nodeName": {
"label": "Node name/number",
"placeholder": "Meshtastic 1234"
},
"airtimeUtilization": {
"label": "Airtime Utilization (%)"
},
"batteryLevel": {
"label": "Battery level (%)",
"labelText": "Battery level (%): {{value}}"
},
"batteryVoltage": {
"label": "Battery voltage (V)"
},
"channelUtilization": {
"label": "Channel Utilization (%)"
},
"hops": {
"direct": "Direct",
"label": "Number of hops",
"text": "Number of hops: {{value}}"
},
"lastHeard": {
"label": "Last heard",
"labelText": "Last heard: {{value}}",
"nowLabel": "Now"
},
"snr": {
"label": "SNR (db)"
},
"favorites": {
"label": "Favorites"
},
"hide": {
"label": "Hide"
},
"showOnly": {
"label": "Show Only"
},
"viaMqtt": {
"label": "Connected via MQTT"
}
},
"theme": {
"dark": "Dark",
"light": "Light",
"system": "Automatic",
"changeTheme": "Change current theme"
},
"footer": {
"text": "Powered by <0>▲ Vercel</0> | Meshtastic® is a registered trademark of Meshtastic LLC. | <1>Legal Information</1>"
}
}

2
src/index.tsx

@ -5,7 +5,7 @@ import { StrictMode, Suspense } from "react";
import { createRoot } from "react-dom/client"; import { createRoot } from "react-dom/client";
import { App } from "@app/App.tsx"; import { App } from "@app/App.tsx";
import "@app/i18n.ts"; import "./i18n/config.ts";
const container = document.getElementById("root") as HTMLElement; const container = document.getElementById("root") as HTMLElement;
const root = createRoot(container); const root = createRoot(container);

18
src/pages/Channels.tsx

@ -15,15 +15,16 @@ import { QrCodeIcon, UploadIcon } from "lucide-react";
import { useState } from "react"; import { useState } from "react";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
export const getChannelName = (channel: Protobuf.Channel.Channel) => export const getChannelName = (channel: Protobuf.Channel.Channel) => {
channel.settings?.name.length return channel.settings?.name.length
? channel.settings?.name ? channel.settings?.name
: channel.index === 0 : channel.index === 0
? i18next.t("channel_name_primary") ? i18next.t("page.broadcastLabel")
: i18next.t("channel_name_prefix", { index: channel.index }); : i18next.t("page.channelIndex", { ns: "channels", index: channel.index });
};
const ChannelsPage = () => { const ChannelsPage = () => {
const { t } = useTranslation(); const { t } = useTranslation("channels");
const { channels, setDialogOpen } = useDevice(); const { channels, setDialogOpen } = useDevice();
const [activeChannel] = useState<Types.ChannelNumber>( const [activeChannel] = useState<Types.ChannelNumber>(
Types.ChannelNumber.Primary, Types.ChannelNumber.Primary,
@ -35,12 +36,11 @@ const ChannelsPage = () => {
return ( return (
<> <>
<PageLayout <PageLayout
contentClassName="overflow-auto"
leftBar={<Sidebar />} leftBar={<Sidebar />}
label={currentChannel label={currentChannel
? t("channel_page_title", { ? getChannelName(currentChannel)
channelName: getChannelName(currentChannel), : t("loading", { ns: "common" })}
})
: t("common_loading")}
actions={[ actions={[
{ {
key: "import", key: "import",

26
src/pages/Config/DeviceConfig.tsx

@ -1,11 +1,11 @@
import { Bluetooth } from "@components/PageComponents/Config/Bluetooth.tsx"; import { Bluetooth } from "@components/PageComponents/Config/Bluetooth.tsx";
import { Device } from "../../components/PageComponents/Config/Device/index.tsx"; import { Device } from "@components/PageComponents/Config/Device/index.tsx";
import { Display } from "@components/PageComponents/Config/Display.tsx"; import { Display } from "@components/PageComponents/Config/Display.tsx";
import { LoRa } from "@components/PageComponents/Config/LoRa.tsx"; import { LoRa } from "@components/PageComponents/Config/LoRa.tsx";
import { Network } from "../../components/PageComponents/Config/Network/index.tsx"; import { Network } from "@components/PageComponents/Config/Network/index.tsx";
import { Position } from "@components/PageComponents/Config/Position.tsx"; import { Position } from "@components/PageComponents/Config/Position.tsx";
import { Power } from "@components/PageComponents/Config/Power.tsx"; import { Power } from "@components/PageComponents/Config/Power.tsx";
import { Security } from "../../components/PageComponents/Config/Security/Security.tsx"; import { Security } from "@components/PageComponents/Config/Security/Security.tsx";
import { import {
Tabs, Tabs,
TabsContent, TabsContent,
@ -15,45 +15,45 @@ import {
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
export const DeviceConfig = () => { export const DeviceConfig = () => {
const { t } = useTranslation(); const { t } = useTranslation("deviceConfig");
const tabs = [ const tabs = [
{ {
label: t("config_device_tab_device"), label: t("page.tabDevice"),
element: Device, element: Device,
count: 0, count: 0,
}, },
{ {
label: t("config_device_tab_position"), label: t("page.tabPosition"),
element: Position, element: Position,
}, },
{ {
label: t("config_device_tab_power"), label: t("page.tabPower"),
element: Power, element: Power,
}, },
{ {
label: t("config_device_tab_network"), label: t("page.tabNetwork"),
element: Network, element: Network,
}, },
{ {
label: t("config_device_tab_display"), label: t("page.tabDisplay"),
element: Display, element: Display,
}, },
{ {
label: t("config_device_tab_lora"), label: t("page.tabLora"),
element: LoRa, element: LoRa,
}, },
{ {
label: t("config_device_tab_bluetooth"), label: t("page.tabBluetooth"),
element: Bluetooth, element: Bluetooth,
}, },
{ {
label: t("config_device_tab_security"), label: t("page.tabSecurity"),
element: Security, element: Security,
}, },
]; ];
return ( return (
<Tabs defaultValue={t("config_device_tab_device")}> <Tabs defaultValue={t("page.tabDevice")}>
<TabsList className="dark:bg-slate-700"> <TabsList className="dark:bg-slate-700">
{tabs.map((tab) => ( {tabs.map((tab) => (
<TabsTrigger <TabsTrigger

28
src/pages/Config/ModuleConfig.tsx

@ -19,60 +19,60 @@ import {
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
export const ModuleConfig = () => { export const ModuleConfig = () => {
const { t } = useTranslation(); const { t } = useTranslation("moduleConfig");
const tabs = [ const tabs = [
{ {
label: t("config_module_tab_mqtt"), label: t("page.tabMqtt"),
element: MQTT, element: MQTT,
}, },
{ {
label: t("config_module_tab_serial"), label: t("page.tabSerial"),
element: Serial, element: Serial,
}, },
{ {
label: t("config_module_tab_externalNotification"), label: t("page.tabExternalNotification"),
element: ExternalNotification, element: ExternalNotification,
}, },
{ {
label: t("config_module_tab_storeAndForward"), label: t("page.tabStoreAndForward"),
element: StoreForward, element: StoreForward,
}, },
{ {
label: t("config_module_tab_rangeTest"), label: t("page.tabRangeTest"),
element: RangeTest, element: RangeTest,
}, },
{ {
label: t("config_module_tab_telemetry"), label: t("page.tabTelemetry"),
element: Telemetry, element: Telemetry,
}, },
{ {
label: t("config_module_tab_cannedMessage"), label: t("page.tabCannedMessage"),
element: CannedMessage, element: CannedMessage,
}, },
{ {
label: t("config_module_tab_audio"), label: t("page.tabAudio"),
element: Audio, element: Audio,
}, },
{ {
label: t("config_module_tab_neighborInfo"), label: t("page.tabNeighborInfo"),
element: NeighborInfo, element: NeighborInfo,
}, },
{ {
label: t("config_module_tab_ambientLighting"), label: t("page.tabAmbientLighting"),
element: AmbientLighting, element: AmbientLighting,
}, },
{ {
label: t("config_module_tab_detectionSensor"), label: t("page.tabDetectionSensor"),
element: DetectionSensor, element: DetectionSensor,
}, },
{ {
label: t("config_module_tab_paxcounter"), label: t("page.tabPaxcounter"),
element: Paxcounter, element: Paxcounter,
}, },
]; ];
return ( return (
<Tabs defaultValue={t("config_module_tab_mqtt")}> <Tabs defaultValue={t("page.tabMqtt")}>
<TabsList className="dark:bg-slate-800"> <TabsList className="dark:bg-slate-800">
{tabs.map((tab) => ( {tabs.map((tab) => (
<TabsTrigger <TabsTrigger

33
src/pages/Config/index.tsx

@ -20,13 +20,13 @@ const ConfigPage = () => {
const [isSaving, setIsSaving] = useState(false); const [isSaving, setIsSaving] = useState(false);
const { toast } = useToast(); const { toast } = useToast();
const isError = hasErrors(); const isError = hasErrors();
const { t } = useTranslation(); const { t } = useTranslation("deviceConfig");
const handleSave = async () => { const handleSave = async () => {
if (hasErrors()) { if (hasErrors()) {
return toast({ return toast({
title: t("config_toast_errorsExist_title"), title: t("toast.validationError.title"),
description: t("config_toast_errorsExist_description"), description: t("toast.validationError.description"),
}); });
} }
@ -37,8 +37,8 @@ const ConfigPage = () => {
workingConfig.map((config) => workingConfig.map((config) =>
connection?.setConfig(config).then(() => connection?.setConfig(config).then(() =>
toast({ toast({
title: t("config_toast_saving_title"), title: t("toast.saveSuccess.title"),
description: t("config_toast_saving_description", { description: t("toast.saveSuccess.description", {
case: config.payloadVariant.case, case: config.payloadVariant.case,
}), }),
}) })
@ -50,8 +50,8 @@ const ConfigPage = () => {
workingModuleConfig.map((moduleConfig) => workingModuleConfig.map((moduleConfig) =>
connection?.setModuleConfig(moduleConfig).then(() => connection?.setModuleConfig(moduleConfig).then(() =>
toast({ toast({
title: t("config_toast_saving_title"), title: t("toast.saveSuccess.title"),
description: t("config_toast_saving_description", { description: t("toast.saveSuccess.description", {
case: moduleConfig.payloadVariant.case, case: moduleConfig.payloadVariant.case,
}), }),
}) })
@ -63,8 +63,8 @@ const ConfigPage = () => {
await connection?.commitEditSettings(); await connection?.commitEditSettings();
} catch (_error) { } catch (_error) {
toast({ toast({
title: t("config_toast_errorSaving_title"), title: t("toast.configSaveError.title"),
description: t("config_toast_errorSaving_description"), description: t("toast.configSaveError.description"),
}); });
} finally { } finally {
setIsSaving(false); setIsSaving(false);
@ -74,15 +74,18 @@ const ConfigPage = () => {
const leftSidebar = useMemo( const leftSidebar = useMemo(
() => ( () => (
<Sidebar> <Sidebar>
<SidebarSection label={t("config_sidebar_section_modules_label")}> <SidebarSection
label={t("sidebar.label")}
className="py-2 px-0"
>
<SidebarButton <SidebarButton
label={t("navigation_title_radioConfig")} label={t("navigation.radioConfig")}
active={activeConfigSection === "device"} active={activeConfigSection === "device"}
onClick={() => setActiveConfigSection("device")} onClick={() => setActiveConfigSection("device")}
Icon={SettingsIcon} Icon={SettingsIcon}
/> />
<SidebarButton <SidebarButton
label={t("navigation_title_moduleConfig")} label={t("navigation.moduleConfig")}
active={activeConfigSection === "module"} active={activeConfigSection === "module"}
onClick={() => setActiveConfigSection("module")} onClick={() => setActiveConfigSection("module")}
Icon={BoxesIcon} Icon={BoxesIcon}
@ -90,7 +93,7 @@ const ConfigPage = () => {
</SidebarSection> </SidebarSection>
</Sidebar> </Sidebar>
), ),
[activeConfigSection, t], [activeConfigSection],
); );
return ( return (
@ -99,8 +102,8 @@ const ConfigPage = () => {
contentClassName="overflow-auto" contentClassName="overflow-auto"
leftBar={leftSidebar} leftBar={leftSidebar}
label={activeConfigSection === "device" label={activeConfigSection === "device"
? t("navigation_title_radioConfig") ? t("navigation.radioConfig")
: t("navigation_title_moduleConfig")} : t("navigation.moduleConfig")}
actions={[ actions={[
{ {
key: "save", key: "save",

23
src/pages/Dashboard/index.tsx

@ -14,9 +14,10 @@ import {
} from "lucide-react"; } from "lucide-react";
import { useMemo } from "react"; import { useMemo } from "react";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import LanguageSwitcher from "@components/LanguageSwitcher.tsx";
export const Dashboard = () => { export const Dashboard = () => {
const { t } = useTranslation(); const { t } = useTranslation("dashboard");
const { setConnectDialogOpen, setSelectedDevice } = useAppStore(); const { setConnectDialogOpen, setSelectedDevice } = useAppStore();
const { getDevices } = useDeviceStore(); const { getDevices } = useDeviceStore();
@ -28,10 +29,10 @@ export const Dashboard = () => {
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<div className="space-y-1"> <div className="space-y-1">
<Heading as="h3"> <Heading as="h3">
{t("dashboard_connectedDevicesSection_title")} {t("dashboard.title")}
</Heading> </Heading>
<Subtle> <Subtle>
{t("dashboard_connectedDevicesSection_description")} {t("dashboard.description")}
</Subtle> </Subtle>
</div> </div>
</div> </div>
@ -55,14 +56,15 @@ export const Dashboard = () => {
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<p className="truncate text-sm font-medium text-accent"> <p className="truncate text-sm font-medium text-accent">
{device.getNode(device.hardware.myNodeNum)?.user {device.getNode(device.hardware.myNodeNum)?.user
?.longName ?? t("common_unknown_short")} ?.longName ??
t("unknown.shortName")}
</p> </p>
<div className="inline-flex w-24 justify-center gap-2 rounded-full bg-slate-100 py-1 text-xs font-semibold text-slate-900 transition-colors hover:bg-slate-700 hover:text-slate-50"> <div className="inline-flex w-24 justify-center gap-2 rounded-full bg-slate-100 py-1 text-xs font-semibold text-slate-900 transition-colors hover:bg-slate-700 hover:text-slate-50">
{device.connection?.connType === "ble" && ( {device.connection?.connType === "ble" && (
<> <>
<BluetoothIcon size={16} /> <BluetoothIcon size={16} />
{t( {t(
"dashboard_connectedDevicesSection_connectionType_ble", "dashboard.connectionType_ble",
)} )}
</> </>
)} )}
@ -70,7 +72,7 @@ export const Dashboard = () => {
<> <>
<UsbIcon size={16} /> <UsbIcon size={16} />
{t( {t(
"dashboard_connectedDevicesSection_connectionType_serial", "dashboard.connectionType_serial",
)} )}
</> </>
)} )}
@ -78,7 +80,7 @@ export const Dashboard = () => {
<> <>
<NetworkIcon size={16} /> <NetworkIcon size={16} />
{t( {t(
"dashboard_connectedDevicesSection_connectionType_network", "dashboard.connectionType_network",
)} )}
</> </>
)} )}
@ -109,10 +111,11 @@ export const Dashboard = () => {
className="mx-auto text-text-secondary" className="mx-auto text-text-secondary"
/> />
<Heading as="h3"> <Heading as="h3">
{t("dashboard_connectedDevicesSection_noDevicesTitle")} {t("dashboard.noDevicesTitle")}
</Heading> </Heading>
{/* <LanguageSwitcher /> */}
<Subtle> <Subtle>
{t("dashboard_connectedDevicesSection_noDevicesDescription")} {t("dashboard.noDevicesDescription")}
</Subtle> </Subtle>
<Button <Button
className="gap-2" className="gap-2"
@ -121,7 +124,7 @@ export const Dashboard = () => {
> >
<PlusIcon size={16} /> <PlusIcon size={16} />
{t( {t(
"dashboard_connectedDevicesSection_button_newConnection", "dashboard.button_newConnection",
)} )}
</Button> </Button>
</div> </div>

46
src/pages/Messages.tsx

@ -46,7 +46,7 @@ export const MessagesPage = () => {
const { toast } = useToast(); const { toast } = useToast();
const { isCollapsed } = useSidebar(); const { isCollapsed } = useSidebar();
const [searchTerm, setSearchTerm] = useState<string>(""); const [searchTerm, setSearchTerm] = useState<string>("");
const { t } = useTranslation(); const { t } = useTranslation(["messages", "channels", "ui"]);
const deferredSearch = useDeferredValue(searchTerm); const deferredSearch = useDeferredValue(searchTerm);
const filteredNodes = (): NodeInfoWithUnread[] => { const filteredNodes = (): NodeInfoWithUnread[] => {
@ -165,7 +165,7 @@ export const MessagesPage = () => {
default: default:
return ( return (
<div className="flex-1 flex items-center justify-center text-slate-500 p-4"> <div className="flex-1 flex items-center justify-center text-slate-500 p-4">
{t("messages_selectChatPrompt")} {t("messagesPage.selectChatPrompt")}
</div> </div>
); );
} }
@ -174,17 +174,19 @@ export const MessagesPage = () => {
const leftSidebar = useMemo(() => ( const leftSidebar = useMemo(() => (
<Sidebar> <Sidebar>
<SidebarSection <SidebarSection
label={t("messages_channelsSection_title")} label={t("navigation.channels")}
className="py-2 px-0" className="py-2 px-0"
> >
{filteredChannels?.map((channel) => ( {filteredChannels?.map((channel) => (
<SidebarButton <SidebarButton
key={channel.index} key={channel.index}
count={unreadCounts.get(channel.index)} count={unreadCounts.get(channel.index)}
label={channel.settings?.name || (channel.index === 0 label={channel.settings?.name ||
? t("messages_channelsSection_primaryChannelName") (channel.index === 0
: t("messages_channelsSection_channelName", { ? t("page.broadcastLabel", { ns: "channels" })
: t("page.channelLabel", {
index: channel.index, index: channel.index,
ns: "channels",
}))} }))}
active={activeChat === channel.index && active={activeChat === channel.index &&
chatType === MessageType.Broadcast} chatType === MessageType.Broadcast}
@ -222,7 +224,7 @@ export const MessagesPage = () => {
<label className="p-2 block"> <label className="p-2 block">
<Input <Input
type="text" type="text"
placeholder={t("messages_nodesSection_searchPlaceholder")} placeholder={t("search.nodes")}
value={searchTerm} value={searchTerm}
onChange={(e) => setSearchTerm(e.target.value)} onChange={(e) => setSearchTerm(e.target.value)}
showClearButton={!!searchTerm} showClearButton={!!searchTerm}
@ -237,7 +239,8 @@ export const MessagesPage = () => {
<SidebarButton <SidebarButton
key={node.num} key={node.num}
preventCollapse preventCollapse
label={node.user?.longName ?? t("common_unknown_short")} label={node.user?.longName ??
t("unknown.shortName")}
count={node.unreadCount > 0 ? node.unreadCount : undefined} count={node.unreadCount > 0 ? node.unreadCount : undefined}
active={activeChat === node.num && active={activeChat === node.num &&
chatType === MessageType.Direct} chatType === MessageType.Direct}
@ -248,7 +251,8 @@ export const MessagesPage = () => {
}} }}
> >
<Avatar <Avatar
text={node.user?.shortName ?? t("common_unknown_short")} text={node.user?.shortName ??
t("unknown.shortName")}
className={cn(hasNodeError(node.num) && "text-red-500")} className={cn(hasNodeError(node.num) && "text-red-500")}
showError={hasNodeError(node.num)} showError={hasNodeError(node.num)}
showFavorite={node.isFavorite} showFavorite={node.isFavorite}
@ -271,19 +275,15 @@ export const MessagesPage = () => {
], ],
); );
const pageTitleChatName = useMemo(() => {
if (isBroadcast && currentChannel) return getChannelName(currentChannel);
if (isDirect && otherNode) {
return otherNode.user?.longName ?? t("common_unknown_short");
}
return t("messages_title_default");
}, [isBroadcast, currentChannel, isDirect, otherNode, t]);
return ( return (
<PageLayout <PageLayout
label={t("messages_title", { label={`Messages: ${
chatName: pageTitleChatName, isBroadcast && currentChannel
})} ? getChannelName(currentChannel)
: isDirect && otherNode
? (otherNode.user?.longName ?? t("unknown.longName"))
: t("emptyState.title")
}`}
rightBar={rightSidebar} rightBar={rightSidebar}
leftBar={leftSidebar} leftBar={leftSidebar}
actions={isDirect && otherNode actions={isDirect && otherNode
@ -297,8 +297,8 @@ export const MessagesPage = () => {
onClick() { onClick() {
toast({ toast({
title: otherNode.user?.publicKey?.length title: otherNode.user?.publicKey?.length
? t("toast_messages_pkiEncryption") ? t("toast.pkiEncryption")
: t("toast_messages_pskEncryption"), : t("toast.pskEncryption"),
}); });
}, },
}, },
@ -319,7 +319,7 @@ export const MessagesPage = () => {
) )
: ( : (
<div className="p-4 text-center text-slate-400 italic"> <div className="p-4 text-center text-slate-400 italic">
{t("messages_sendMessagePrompt")} {t("messagesPage.sendMessagePrompt")}
</div> </div>
)} )}
</div> </div>

40
src/pages/Nodes.tsx

@ -34,7 +34,7 @@ export interface DeleteNoteDialogProps {
} }
const NodesPage = (): JSX.Element => { const NodesPage = (): JSX.Element => {
const { t } = useTranslation(); const { t } = useTranslation("nodes");
const { getNodes, hardware, connection, hasNodeError } = useDevice(); const { getNodes, hardware, connection, hasNodeError } = useDevice();
const { nodeFilter, defaultFilterValues, isFilterDirty } = useFilterNode(); const { nodeFilter, defaultFilterValues, isFilterDirty } = useFilterNode();
const [selectedNode, setSelectedNode] = useState< const [selectedNode, setSelectedNode] = useState<
@ -97,7 +97,7 @@ const NodesPage = (): JSX.Element => {
<div className="pl-2 pt-2 flex flex-row"> <div className="pl-2 pt-2 flex flex-row">
<div className="flex-1 mr-2"> <div className="flex-1 mr-2">
<Input <Input
placeholder={t("nodes_searchPlaceholder")} placeholder={t("search.nodes")}
value={filterState.nodeName} value={filterState.nodeName}
className="bg-transparent" className="bg-transparent"
showClearButton={!!filterState.nodeName} showClearButton={!!filterState.nodeName}
@ -131,37 +131,37 @@ const NodesPage = (): JSX.Element => {
headings={[ headings={[
{ title: "", type: "blank", sortable: false }, { title: "", type: "blank", sortable: false },
{ {
title: t("nodes_table_headings_longName"), title: t("nodesTable.headings.longName"),
type: "normal", type: "normal",
sortable: true, sortable: true,
}, },
{ {
title: t("nodes_table_headings_connection"), title: t("nodesTable.headings.connection"),
type: "normal", type: "normal",
sortable: true, sortable: true,
}, },
{ {
title: t("nodes_table_headings_lastHeard"), title: t("nodesTable.headings.lastHeard"),
type: "normal", type: "normal",
sortable: true, sortable: true,
}, },
{ {
title: t("nodes_table_headings_encryption"), title: t("nodesTable.headings.encryption"),
type: "normal", type: "normal",
sortable: false, sortable: false,
}, },
{ {
title: t("node_detail_snr_label"), title: t("unit.snr"),
type: "normal", type: "normal",
sortable: true, sortable: true,
}, },
{ {
title: t("nodes_table_headings_model"), title: t("nodesTable.headings.model"),
type: "normal", type: "normal",
sortable: true, sortable: true,
}, },
{ {
title: t("nodes_table_headings_macAddress"), title: t("nodesTable.headings.macAddress"),
type: "normal", type: "normal",
sortable: true, sortable: true,
}, },
@ -169,7 +169,7 @@ const NodesPage = (): JSX.Element => {
rows={filteredNodes.map((node) => [ rows={filteredNodes.map((node) => [
<div key={node.num}> <div key={node.num}>
<Avatar <Avatar
text={node.user?.shortName ?? t("common_unknown_short")} text={node.user?.shortName ?? t("unknown.shortName")}
showFavorite={node.isFavorite} showFavorite={node.isFavorite}
showError={hasNodeError(node.num)} showError={hasNodeError(node.num)}
/> />
@ -189,20 +189,20 @@ const NodesPage = (): JSX.Element => {
<Mono key="hops" className="w-16"> <Mono key="hops" className="w-16">
{node.hopsAway !== undefined {node.hopsAway !== undefined
? node?.viaMqtt === false && node.hopsAway === 0 ? node?.viaMqtt === false && node.hopsAway === 0
? t("nodes_table_connectionStatus_direct") ? t("nodesTable.connectionStatus.direct")
: `${node.hopsAway?.toString()} ${ : `${node.hopsAway?.toString()} ${
node.hopsAway ?? 0 > 1 node.hopsAway ?? 0 > 1
? t("nodes_table_connectionStatus_hops_other") ? t("unit.hop.plural")
: t("nodes_table_connectionStatus_hops_one") : t("unit.hops_one")
} ${t("nodes_table_connectionStatus_away")}` } ${t("nodesTable.connectionStatus.away")}`
: t("nodes_table_connectionStatus_unknown")} : t("nodesTable.connectionStatus.unknown")}
{node?.viaMqtt === true {node?.viaMqtt === true
? t("nodes_table_connectionStatus_viaMqtt") ? t("nodesTable.connectionStatus.viaMqtt")
: ""} : ""}
</Mono>, </Mono>,
<Mono key="lastHeard"> <Mono key="lastHeard">
{node.lastHeard === 0 {node.lastHeard === 0
? <p>{t("nodes_table_lastHeardStatus_never")}</p> ? <p>{t("nodesTable.lastHeardStatus.never")}</p>
: <TimeAgo timestamp={node.lastHeard * 1000} />} : <TimeAgo timestamp={node.lastHeard * 1000} />}
</Mono>, </Mono>,
<Mono key="pki"> <Mono key="pki">
@ -212,13 +212,13 @@ const NodesPage = (): JSX.Element => {
</Mono>, </Mono>,
<Mono key="snr"> <Mono key="snr">
{node.snr} {node.snr}
{t("common_unit_dbm")}/ {t("unit.dbm")}/
{Math.min( {Math.min(
Math.max((node.snr + 10) * 5, 0), Math.max((node.snr + 10) * 5, 0),
100, 100,
)}%/{/* Percentage */} )}%/{/* Percentage */}
{(node.snr + 10) * 5} {(node.snr + 10) * 5}
{t("common_unit_raw")} {t("unit.raw")}
</Mono>, </Mono>,
<Mono key="model"> <Mono key="model">
{Protobuf.Mesh.HardwareModel[node.user?.hwModel ?? 0]} {Protobuf.Mesh.HardwareModel[node.user?.hwModel ?? 0]}
@ -227,7 +227,7 @@ const NodesPage = (): JSX.Element => {
{base16 {base16
.stringify(node.user?.macaddr ?? []) .stringify(node.user?.macaddr ?? [])
.match(/.{1,2}/g) .match(/.{1,2}/g)
?.join(":") ?? t("common_unknown_short")} ?.join(":") ?? t("unknown.shortName")}
</Mono>, </Mono>,
])} ])}
/> />

Loading…
Cancel
Save