Merge pull request #277 from KomelT/feature/security-tab

Update key generation

package.json

@@ -24,6 +24,7 @@
  "@bufbuild/protobuf": "^1.10.0",
  "@emeraldpay/hashicon-react": "^0.5.2",
  "@meshtastic/js": "2.3.7-1",
+ "@noble/curves": "^1.5.0",
  "@radix-ui/react-accordion": "^1.2.0",
  "@radix-ui/react-checkbox": "^1.1.0",
  "@radix-ui/react-dialog": "^1.1.1",

src/components/Dialog/PkiRegenerateDialog.tsx

@@ -0,0 +1,39 @@
+import { Button } from "@components/UI/Button.js";
+import {
+ Dialog,
+ DialogContent,
+ DialogDescription,
+ DialogFooter,
+ DialogHeader,
+ DialogTitle,
+} from "@components/UI/Dialog.js";
+
+export interface PkiRegenerateDialogProps {
+ open: boolean;
+ onOpenChange: () => void;
+ onSubmit: () => void;
+}
+
+export const PkiRegenerateDialog = ({
+ open,
+ onOpenChange,
+ onSubmit,
+}: PkiRegenerateDialogProps): JSX.Element => {
+ return (
+ <Dialog open={open} onOpenChange={onOpenChange}>
+ <DialogContent>
+ <DialogHeader>
+ <DialogTitle>Regenerate Key pair?</DialogTitle>
+ <DialogDescription>
+ Are you sure you want to regenerate key pair?
+ </DialogDescription>
+ </DialogHeader>
+ <DialogFooter>
+ <Button variant="destructive" onClick={() => onSubmit()}>
+ Regenerate
+ </Button>
+ </DialogFooter>
+ </DialogContent>
+ </Dialog>
+ );
+};

src/components/Form/FormInput.tsx

@@ -4,11 +4,14 @@ import type {
 } from "@components/Form/DynamicForm.js";
 import { Input } from "@components/UI/Input.js";
 import type { LucideIcon } from "lucide-react";
+import type { ChangeEventHandler } from "react";
 import { Controller, type FieldValues } from "react-hook-form";
 
 export interface InputFieldProps<T> extends BaseFormBuilderProps<T> {
  type: "text" | "number" | "password";
+ inputChange?: ChangeEventHandler;
  properties?: {
+ value?: string;
  prefix?: string;
  suffix?: string;
  step?: number;
@@ -33,13 +36,14 @@ export function GenericInput<T extends FieldValues>({
  type={field.type}
  step={field.properties?.step}
  value={field.type === "number" ? Number.parseFloat(value) : value}
- onChange={(e) =>
+ onChange={(e) => {
+ if (field.inputChange) field.inputChange(e);
  onChange(
  field.type === "number"
  ? Number.parseFloat(e.target.value)
  : e.target.value,
- )
- }
+ );
+ }}
  {...field.properties}
  {...rest}
  disabled={disabled}

src/components/Form/FormPasswordGenerator.tsx

@@ -9,6 +9,7 @@ import { Controller, type FieldValues } from "react-hook-form";
 export interface PasswordGeneratorProps<T> extends BaseFormBuilderProps<T> {
  type: "passwordGenerator";
  hide?: boolean;
+ bits?: { text: string; value: string; key: string }[];
  devicePSKBitCount: number;
  inputChange: ChangeEventHandler;
  selectChange: (event: string) => void;
@@ -28,6 +29,7 @@ export function PasswordGenerator<T extends FieldValues>({
  <Generator
  hide={field.hide}
  devicePSKBitCount={field.devicePSKBitCount}
+ bits={field.bits}
  inputChange={field.inputChange}
  selectChange={field.selectChange}
  buttonClick={field.buttonClick}