Rebuild

2022-02-07 00:00:55 +11:00
parent e43b04990b
commit 8d184578f0
109 changed files with 3495 additions and 3632 deletions
@@ -0,0 +1,31 @@
+import type React from 'react';
+
+import JSONPretty from 'react-json-pretty';
+
+import { useAppSelector } from '@app/hooks/useAppSelector';
+import { CopyButton } from '@components/menu/buttons/CopyButton';
+
+export const ExternalNotificationsDebugPanel = (): JSX.Element => {
+  const preferences = useAppSelector(
+    (state) => state.meshtastic.radio.preferences,
+  );
+
+  const debugData = {
+    extNotificationPluginActive: preferences.extNotificationPluginActive,
+    extNotificationPluginAlertBell: preferences.extNotificationPluginAlertBell,
+    extNotificationPluginAlertMessage:
+      preferences.extNotificationPluginAlertMessage,
+    extNotificationPluginEnabled: preferences.extNotificationPluginEnabled,
+    extNotificationPluginOutput: preferences.extNotificationPluginOutput,
+    extNotificationPluginOutputMs: preferences.extNotificationPluginOutputMs,
+  };
+
+  return (
+    <>
+      <div className="fixed right-0 m-2">
+        <CopyButton data={JSON.stringify(debugData)} />
+      </div>
+      <JSONPretty className="max-w-sm" data={debugData} />
+    </>
+  );
+};
@@ -0,0 +1,96 @@
+import React from 'react';
+
+import { useForm, useWatch } from 'react-hook-form';
+import { FiSave } from 'react-icons/fi';
+
+import { Form } from '@app/components/generic/form/Form';
+import { connection } from '@app/core/connection';
+import { useAppSelector } from '@app/hooks/useAppSelector';
+import { Checkbox, IconButton, Input } from '@meshtastic/components';
+import type { Protobuf } from '@meshtastic/meshtasticjs';
+
+export const ExternalNotificationsSettingsPlanel = (): JSX.Element => {
+  const [loading, setLoading] = React.useState(false);
+
+  const preferences = useAppSelector(
+    (state) => state.meshtastic.radio.preferences,
+  );
+
+  const { register, handleSubmit, formState, reset, control } =
+    useForm<Protobuf.RadioConfig_UserPreferences>({
+      defaultValues: preferences,
+    });
+
+  React.useEffect(() => {
+    reset(preferences);
+  }, [reset, preferences]);
+
+  const onSubmit = handleSubmit(async (data) => {
+    setLoading(true);
+    await connection.setPreferences(data, async (): Promise<void> => {
+      reset({ ...data });
+      setLoading(false);
+      await Promise.resolve();
+    });
+  });
+
+  const pluginEnabled = useWatch({
+    control,
+    name: 'extNotificationPluginEnabled',
+    defaultValue: false,
+  });
+
+  return (
+    <>
+      <Form loading={loading}>
+        <Checkbox
+          label="Plugin Enabled"
+          {...register('extNotificationPluginEnabled')}
+        />
+        <Checkbox
+          label="Active"
+          disabled={!pluginEnabled}
+          {...register('extNotificationPluginActive')}
+        />
+        <Checkbox
+          label="Bell"
+          disabled={!pluginEnabled}
+          {...register('extNotificationPluginAlertBell')}
+        />
+        <Checkbox
+          label="Message"
+          disabled={!pluginEnabled}
+          {...register('extNotificationPluginAlertMessage')}
+        />
+        <Input
+          type="number"
+          label="Output"
+          disabled={!pluginEnabled}
+          {...register('extNotificationPluginOutput', {
+            valueAsNumber: true,
+          })}
+        />
+        <Input
+          type="number"
+          label="Output MS"
+          suffix="ms"
+          disabled={!pluginEnabled}
+          {...register('extNotificationPluginOutputMs', {
+            valueAsNumber: true,
+          })}
+        />
+      </Form>
+      <div className="flex w-full bg-white dark:bg-secondaryDark">
+        <div className="ml-auto p-2">
+          <IconButton
+            disabled={!formState.isDirty}
+            onClick={async (): Promise<void> => {
+              await onSubmit();
+            }}
+            icon={<FiSave />}
+          />
+        </div>
+      </div>
+    </>
+  );
+};
@@ -0,0 +1,27 @@
+import type React from 'react';
+
+import JSONPretty from 'react-json-pretty';
+
+import { useAppSelector } from '@app/hooks/useAppSelector';
+import { CopyButton } from '@components/menu/buttons/CopyButton';
+
+export const RangeTestDebugPanel = (): JSX.Element => {
+  const preferences = useAppSelector(
+    (state) => state.meshtastic.radio.preferences,
+  );
+
+  const debugData = {
+    rangeTestPluginEnabled: preferences.rangeTestPluginEnabled,
+    rangeTestPluginSave: preferences.rangeTestPluginSave,
+    rangeTestPluginSender: preferences.rangeTestPluginSender,
+  };
+
+  return (
+    <>
+      <div className="fixed right-0 m-2">
+        <CopyButton data={JSON.stringify(debugData)} />
+      </div>
+      <JSONPretty className="max-w-sm" data={debugData} />
+    </>
+  );
+};
@@ -0,0 +1,78 @@
+import React from 'react';
+
+import { useForm, useWatch } from 'react-hook-form';
+import { FiSave } from 'react-icons/fi';
+
+import { Form } from '@app/components/generic/form/Form';
+import { connection } from '@app/core/connection';
+import { useAppSelector } from '@app/hooks/useAppSelector';
+import { Checkbox, IconButton, Input } from '@meshtastic/components';
+import type { Protobuf } from '@meshtastic/meshtasticjs';
+
+export const RangeTestSettingsPanel = (): JSX.Element => {
+  const [loading, setLoading] = React.useState(false);
+
+  const preferences = useAppSelector(
+    (state) => state.meshtastic.radio.preferences,
+  );
+
+  const { register, handleSubmit, formState, reset, control } =
+    useForm<Protobuf.RadioConfig_UserPreferences>({
+      defaultValues: preferences,
+    });
+
+  React.useEffect(() => {
+    reset(preferences);
+  }, [reset, preferences]);
+
+  const onSubmit = handleSubmit(async (data) => {
+    setLoading(true);
+    await connection.setPreferences(data, async (): Promise<void> => {
+      reset({ ...data });
+      setLoading(false);
+      await Promise.resolve();
+    });
+  });
+
+  const pluginEnabled = useWatch({
+    control,
+    name: 'rangeTestPluginEnabled',
+    defaultValue: false,
+  });
+
+  return (
+    <>
+      <Form loading={loading}>
+        <Checkbox
+          label="Range Test Plugin Enabled?"
+          {...register('rangeTestPluginEnabled')}
+        />
+        <Checkbox
+          label="Range Test Plugin Save?"
+          disabled={!pluginEnabled}
+          {...register('rangeTestPluginSave')}
+        />
+        <Input
+          type="number"
+          label="Message Interval"
+          disabled={!pluginEnabled}
+          suffix="Seconds"
+          {...register('rangeTestPluginSender', {
+            valueAsNumber: true,
+          })}
+        />
+      </Form>
+      <div className="flex w-full bg-white dark:bg-secondaryDark">
+        <div className="ml-auto p-2">
+          <IconButton
+            disabled={!formState.isDirty}
+            onClick={async (): Promise<void> => {
+              await onSubmit();
+            }}
+            icon={<FiSave />}
+          />
+        </div>
+      </div>
+    </>
+  );
+};
@@ -0,0 +1,30 @@
+import type React from 'react';
+
+import JSONPretty from 'react-json-pretty';
+
+import { useAppSelector } from '@app/hooks/useAppSelector';
+import { CopyButton } from '@components/menu/buttons/CopyButton';
+
+export const SerialDebugPanel = (): JSX.Element => {
+  const preferences = useAppSelector(
+    (state) => state.meshtastic.radio.preferences,
+  );
+
+  const debugData = {
+    serialpluginEnabled: preferences.serialpluginEnabled,
+    serialpluginEcho: preferences.serialpluginEcho,
+    serialpluginMode: preferences.serialpluginMode,
+    serialpluginRxd: preferences.serialpluginRxd,
+    serialpluginTxd: preferences.serialpluginTxd,
+    serialpluginTimeout: preferences.serialpluginTimeout,
+  };
+
+  return (
+    <>
+      <div className="fixed right-0 m-2">
+        <CopyButton data={JSON.stringify(debugData)} />
+      </div>
+      <JSONPretty className="max-w-sm" data={debugData} />
+    </>
+  );
+};
@@ -0,0 +1,99 @@
+import React from 'react';
+
+import { useForm, useWatch } from 'react-hook-form';
+import { FiSave } from 'react-icons/fi';
+
+import { Form } from '@app/components/generic/form/Form';
+import { connection } from '@app/core/connection';
+import { useAppSelector } from '@app/hooks/useAppSelector';
+import { Checkbox, IconButton, Input } from '@meshtastic/components';
+import type { Protobuf } from '@meshtastic/meshtasticjs';
+
+export const SerialSettingsPanel = (): JSX.Element => {
+  const [loading, setLoading] = React.useState(false);
+
+  const preferences = useAppSelector(
+    (state) => state.meshtastic.radio.preferences,
+  );
+
+  const { register, handleSubmit, formState, reset, control } =
+    useForm<Protobuf.RadioConfig_UserPreferences>({
+      defaultValues: preferences,
+    });
+
+  React.useEffect(() => {
+    reset(preferences);
+  }, [reset, preferences]);
+
+  const onSubmit = handleSubmit(async (data) => {
+    setLoading(true);
+    await connection.setPreferences(data, async (): Promise<void> => {
+      reset({ ...data });
+      setLoading(false);
+      await Promise.resolve();
+    });
+  });
+
+  const pluginEnabled = useWatch({
+    control,
+    name: 'serialpluginEnabled',
+    defaultValue: false,
+  });
+
+  return (
+    <>
+      <Form loading={loading}>
+        <Checkbox label="Plugin Enabled" {...register('serialpluginEnabled')} />
+        <Checkbox
+          label="Echo"
+          disabled={!pluginEnabled}
+          {...register('serialpluginEcho')}
+        />
+
+        <Input
+          type="number"
+          label="RX"
+          disabled={!pluginEnabled}
+          {...register('serialpluginRxd', {
+            valueAsNumber: true,
+          })}
+        />
+        <Input
+          type="number"
+          label="TX"
+          disabled={!pluginEnabled}
+          {...register('serialpluginTxd', {
+            valueAsNumber: true,
+          })}
+        />
+        <Input
+          type="number"
+          label="Mode"
+          disabled={!pluginEnabled}
+          {...register('serialpluginMode', {
+            valueAsNumber: true,
+          })}
+        />
+        <Input
+          type="number"
+          label="Timeout"
+          disabled={!pluginEnabled}
+          {...register('serialpluginTimeout', {
+            valueAsNumber: true,
+          })}
+        />
+      </Form>
+      <div className="flex w-full bg-white dark:bg-secondaryDark">
+        <div className="ml-auto p-2">
+          <IconButton
+            disabled={!formState.isDirty}
+            onClick={async (): Promise<void> => {
+              await onSubmit();
+            }}
+            icon={<FiSave />}
+          />
+        </div>
+      </div>
+    </>
+  );
+};
@@ -0,0 +1,31 @@
+import type React from 'react';
+
+import JSONPretty from 'react-json-pretty';
+
+import { useAppSelector } from '@app/hooks/useAppSelector';
+import { CopyButton } from '@components/menu/buttons/CopyButton';
+
+export const StoreForwardDebugPanel = (): JSX.Element => {
+  const preferences = useAppSelector(
+    (state) => state.meshtastic.radio.preferences,
+  );
+
+  const debugData = {
+    storeForwardPluginEnabled: preferences.storeForwardPluginEnabled,
+    storeForwardPluginHeartbeat: preferences.storeForwardPluginHeartbeat,
+    storeForwardPluginRecords: preferences.storeForwardPluginRecords,
+    storeForwardPluginHistoryReturnMax:
+      preferences.storeForwardPluginHistoryReturnMax,
+    storeForwardPluginHistoryReturnWindow:
+      preferences.storeForwardPluginHistoryReturnWindow,
+  };
+
+  return (
+    <>
+      <div className="fixed right-0 m-2">
+        <CopyButton data={JSON.stringify(debugData)} />
+      </div>
+      <JSONPretty className="max-w-sm" data={debugData} />
+    </>
+  );
+};
@@ -0,0 +1,94 @@
+import React from 'react';
+
+import { useForm, useWatch } from 'react-hook-form';
+import { FiSave } from 'react-icons/fi';
+
+import { Form } from '@app/components/generic/form/Form';
+import { connection } from '@app/core/connection';
+import { useAppSelector } from '@app/hooks/useAppSelector';
+import { Checkbox, IconButton, Input } from '@meshtastic/components';
+import type { Protobuf } from '@meshtastic/meshtasticjs';
+
+export const StoreForwardSettingsPanel = (): JSX.Element => {
+  const [loading, setLoading] = React.useState(false);
+
+  const preferences = useAppSelector(
+    (state) => state.meshtastic.radio.preferences,
+  );
+
+  const { register, handleSubmit, formState, reset, control } =
+    useForm<Protobuf.RadioConfig_UserPreferences>({
+      defaultValues: preferences,
+    });
+
+  React.useEffect(() => {
+    reset(preferences);
+  }, [reset, preferences]);
+
+  const onSubmit = handleSubmit(async (data) => {
+    setLoading(true);
+    await connection.setPreferences(data, async (): Promise<void> => {
+      reset({ ...data });
+      setLoading(false);
+      await Promise.resolve();
+    });
+  });
+
+  const pluginEnabled = useWatch({
+    control,
+    name: 'storeForwardPluginEnabled',
+    defaultValue: false,
+  });
+
+  return (
+    <>
+      <Form loading={loading}>
+        <Checkbox
+          label="Plugin Enabled"
+          {...register('storeForwardPluginEnabled')}
+        />
+        <Checkbox
+          label="Heartbeat Enabled"
+          disabled={!pluginEnabled}
+          {...register('storeForwardPluginHeartbeat')}
+        />
+        <Input
+          type="number"
+          label="Number of records"
+          suffix="Records"
+          disabled={!pluginEnabled}
+          {...register('storeForwardPluginRecords', {
+            valueAsNumber: true,
+          })}
+        />
+        <Input
+          type="number"
+          label="History return max"
+          disabled={!pluginEnabled}
+          {...register('storeForwardPluginHistoryReturnMax', {
+            valueAsNumber: true,
+          })}
+        />
+        <Input
+          type="number"
+          label="History return window"
+          disabled={!pluginEnabled}
+          {...register('storeForwardPluginHistoryReturnWindow', {
+            valueAsNumber: true,
+          })}
+        />
+      </Form>
+      <div className="flex w-full bg-white dark:bg-secondaryDark">
+        <div className="ml-auto p-2">
+          <IconButton
+            disabled={!formState.isDirty}
+            onClick={async (): Promise<void> => {
+              await onSubmit();
+            }}
+            icon={<FiSave />}
+          />
+        </div>
+      </div>
+    </>
+  );
+};