Ben MeadorsandGitHub
bbe9a0d5cd
* feat(protobufs): sync to firmware-current and consume workspace package Sync the vendored .proto sources to firmware-current (v2.7.25+48), regenerate the v2 TS bindings, and consume the workspace @meshtastic/protobufs (workspace:*) in place of the stale JSR 2.7.20 — finishing the monorepo migration (core was already workspace:*). Includes the one required breaking-change fix: admin nodedb_reset changed int32 to bool, so resetNodes() now sends value: true. * build(protobufs): vendor generated bindings for workspace consumers The package is consumed via workspace:* — its exports point at the TS source, which imports ./dist/meshtastic/*_pb.ts — so the generated output must exist at build time. CI builds web/core with no codegen step and the runners have no buf CLI, so the bindings are vendored here (kept gitignored; lint/format skip them). Regenerate with: pnpm --filter @meshtastic/protobufs gen * fix(protobufs): clean script removes the actual generated output dir buf writes bindings to packages/ts/dist, but clean was removing a non-existent root dist — so it never cleaned stale output. Addresses Copilot review feedback. * refactor: move web app packages/web -> apps/web Aligns the web app with the apps/web layout (matching the Vercel web-test Root Directory and the SDK-migration direction). Pure directory move plus root config: pnpm-workspace (adds apps/*), vitest projects, root tsconfig reference, and the pr/release-web/nightly workflows. vercel.json moved with the app. Build + 36 validation tests green. * feat: config fields, module pages, key verification, telemetry capture Incorporates the firmware-current feature work onto the protobuf foundation: new config fields (Display message bubbles; LoRa fem_lna_mode + serial_hal_only; Telemetry air_quality_screen_enabled); 4 new ModuleConfig pages (TrafficManagement, StatusMessage, TAK, RemoteHardware); the manual Key Verification flow (sendKeyVerification + ClientNotificationDialog stages + Verify Key button); live telemetry capture (nodeDB addDeviceMetrics) and admin hardening (toggleMutedNode, graceful PortNum default); plus the sdk-preview ConfigEditor demo and store/config tests. Build + lint + format + 131 tests green. * chore: drop #1062 (unsaved-change-detection) to match upstream revert #1062 was merged to main by accident (per @danditomaso) and is being reverted. Reverse-applied its diff here via 3-way so #1097 stays consistent with where main is headed, while keeping the feature changes layered on the same files (deviceStore/changeRegistry). Build + 131 tests + lint + format green. * fix(nodes): clean up SNR display in node table and map popup SNR is a ratio measured in dB, not dBm (which is absolute power); the node table and map popup both mislabeled it and crammed three values together: '0dBm/50%/50raw'. The trailing '%/raw' pair was the same heuristic ((snr+10)*5) shown twice — once clamped, once not. Render SNR in dB rounded to one decimal, color-coded by a 0-100% signal-quality heuristic (green/yellow/red), with the quality percentage as a muted secondary. Drop the redundant raw value. Adds unit.db; this matches the existing SNRTooltip, which already renders dB.
86 lines
2.9 KiB
TypeScript
86 lines
2.9 KiB
TypeScript
import type { LangCode } from "@app/i18n-config.ts";
|
|
import useLang from "@core/hooks/useLang.ts";
|
|
import { cn } from "@core/utils/cn.ts";
|
|
import { t } from "i18next";
|
|
import { Check, Languages } from "lucide-react";
|
|
import { useCallback } from "react";
|
|
import { useTranslation } from "react-i18next";
|
|
import { Button } from "./UI/Button.tsx";
|
|
import {
|
|
DropdownMenu,
|
|
DropdownMenuContent,
|
|
DropdownMenuItem,
|
|
DropdownMenuTrigger,
|
|
} from "./UI/DropdownMenu.tsx";
|
|
import { Subtle } from "./UI/Typography/Subtle.tsx";
|
|
|
|
interface LanguageSwitcherProps {
|
|
disableHover?: boolean;
|
|
}
|
|
|
|
export default function LanguageSwitcher({ disableHover = false }: LanguageSwitcherProps) {
|
|
const { i18n } = useTranslation("ui");
|
|
const { set: setLanguage, current, getSupportedLangs } = useLang();
|
|
|
|
const handleLanguageChange = useCallback(
|
|
async (languageCode: LangCode) => {
|
|
await setLanguage(languageCode, true);
|
|
},
|
|
[setLanguage],
|
|
);
|
|
|
|
return (
|
|
<DropdownMenu>
|
|
<DropdownMenuTrigger asChild>
|
|
<Button
|
|
variant="ghost"
|
|
className={cn(
|
|
"group flex items-center justify-start",
|
|
"transition-colors duration-150 gap-2.5 p-1.5 rounded-md",
|
|
!disableHover && "hover:bg-gray-100 dark:hover:bg-gray-700",
|
|
)}
|
|
>
|
|
<Languages
|
|
size={16}
|
|
className={cn(
|
|
"text-gray-500 dark:text-gray-400 w-4 flex-shrink-0 transition-colors duration-150",
|
|
!disableHover && "group-hover:text-gray-700 dark:group-hover:text-gray-200",
|
|
)}
|
|
/>
|
|
<Subtle
|
|
className={cn(
|
|
"text-sm text-gray-600 dark:text-gray-100 transition-colors duration-150",
|
|
!disableHover && "group-hover:text-gray-800 dark:group-hover:text-gray-100",
|
|
)}
|
|
>
|
|
{`${t("languagePicker.label")}:`}
|
|
</Subtle>
|
|
<Subtle
|
|
className={cn(
|
|
"text-sm font-medium text-gray-700 dark:text-gray-200 transition-colors duration-150",
|
|
!disableHover && "group-hover:text-gray-900 dark:group-hover:text-white",
|
|
)}
|
|
>
|
|
{current?.name}
|
|
</Subtle>
|
|
</Button>
|
|
</DropdownMenuTrigger>
|
|
<DropdownMenuContent align="center" className="w-48">
|
|
{getSupportedLangs.map((language) => (
|
|
<DropdownMenuItem
|
|
key={language.code}
|
|
onClick={() => handleLanguageChange(language.code)}
|
|
className="flex items-center justify-between cursor-pointer"
|
|
>
|
|
<div className="flex items-center gap-2">
|
|
<span>{language.flag}</span>
|
|
<span>{language.name}</span>
|
|
</div>
|
|
{i18n.language === language.code && <Check className="h-4 w-4 text-primary" />}
|
|
</DropdownMenuItem>
|
|
))}
|
|
</DropdownMenuContent>
|
|
</DropdownMenu>
|
|
);
|
|
}
|