diff --git a/react/CMakeLists.txt b/react/CMakeLists.txt
index 70e3992..84e076d 100644
--- a/react/CMakeLists.txt
+++ b/react/CMakeLists.txt
@@ -21,73 +21,89 @@ add_custom_command(
WORKING_DIRECTORY ${PROJECT_SOURCE_DIR}/react
DEPENDS
- src/SearchControl.tsx
- src/WifiChannel.tsx
- src/JackServerSettingsDialog.tsx
- src/JackServerSettings.tsx
- src/DialogEx.tsx
- src/AlsaDeviceInfo.tsx
-
- src/AboutDialog.tsx
- src/App.test.tsx
- src/App.tsx
- src/Banks.tsx
- src/ControlViewFactory.tsx
- src/DraggableGrid.tsx
- src/Draggable.tsx
- src/FullScreenIME.tsx
- src/GxTunerControl.tsx
- src/IControlViewFactory.tsx
- src/index.tsx
- src/JackHostStatus.tsx
- src/JackStatusView.tsx
- src/Jack.tsx
- src/LoadPluginDialogBackup.tsx
- src/LoadPluginDialog.tsx
- src/Lv2Plugin.tsx
- src/MainPage.tsx
- src/ObservableProperty.tsx
- src/PedalBoard.tsx
- src/PedalBoardView.tsx
- src/Pedal.tsx
- src/PiPedalError.tsx
- src/PiPedalModel.tsx
- src/PiPedalSocket.tsx
- src/PluginClass.tsx
- src/PluginControl.tsx
- src/PluginControlView.tsx
- src/PluginIcon.tsx
- src/PluginInfoDialog.tsx
- src/PresetDialog.tsx
- src/PresetSelector.tsx
- src/Rect.tsx
+ src/NumericInput.tsx
src/RenameDialog.tsx
- src/ResizeResponsiveComponent.tsx
- src/SelectChannelsDialog.tsx
- src/SelectHoverBackground.tsx
- src/SelectMidiChannelsDialog.tsx
- src/SettingsDialog.tsx
- src/SplitControlView.tsx
- src/SplitUiControls.tsx
- src/StringBuilder.tsx
- src/SvgPathBuilder.tsx
- src/TemporaryDrawer.tsx
- src/ToobCabSimView.tsx
- src/ToobFrequencyResponseView.tsx
- src/ToobPowerStage2View.tsx
src/ToobInputStageView.tsx
- src/ToobToneStackView.tsx
- src/Units.tsx
- src/Utility.tsx
- src/VuMeter.tsx
- src/PluginPreset.tsx
- src/XxxSnippet.tsx
- src/WifiConfigSettings.tsx
- src/WifiConfigDialog.tsx
- src/NoChangePassword.tsx
- src/XxxSnippet.tsx
+ src/ToobCabSimView.tsx
+ src/SearchFilter.tsx
+ src/Draggable.tsx
+ src/SelectHoverBackground.tsx
+ src/JackStatusView.tsx
+ src/SplitControlView.tsx
+ src/MidiBindingsDialog.tsx
+ src/WifiChannel.tsx
+ src/PluginControlView.tsx
+ src/TemporaryDrawer.tsx
+ src/LoadPluginDialogBackup.tsx
+ src/logo.svg
+ src/AlsaDeviceInfo.tsx
+ src/JackServerSettingsDialog.tsx
src/ZoomedUiControl.tsx
-
+ src/PedalBoardView.tsx
+ src/MainPage.tsx
+ src/App.tsx
+ src/PresetDialog.tsx
+ src/PluginPreset.tsx
+ src/react-app-env.d.ts
+ src/ToobSpectrumResponseView.tsx
+ src/SettingsDialog.tsx
+ src/SelectChannelsDialog.tsx
+ src/StringBuilder.tsx
+ src/ToobPowerStage2View.tsx
+ src/SearchControl.tsx
+ src/XxxSnippet.tsx
+ src/Units.tsx
+ src/Jack.tsx
+ src/PluginControl.tsx
+ src/ResizeResponsiveComponent.tsx
+ src/Lv2Plugin.tsx
+ src/index.tsx
+ src/NoChangePassword.tsx
+ src/VuMeter.tsx
+ src/ControlViewFactory.tsx
+ src/JackServerSettings.tsx
+ src/MidiBinding.tsx
+ src/UploadDialog.tsx
+ src/PiPedalSocket.tsx
+ src/PedalBoard.tsx
+ src/JackHostStatus.tsx
+ src/ZoomedDial.tsx
+ src/Rect.tsx
+ src/SvgPathBuilder.tsx
+ src/IControlViewFactory.tsx
+ src/PiPedalModel.tsx
+ src/PluginInfoDialog.tsx
+ src/reportWebVitals.ts
+ src/PiPedalError.tsx
+ src/BankDialog.tsx
+ src/PluginIcon.tsx
+ src/WifiConfigDialog.tsx
+ src/PresetSelector.tsx
+ src/LoadPluginDialog.tsx
+ src/ToobFrequencyResponseView.tsx
+ src/WifiConfigSettings.tsx
+ src/setupTests.ts
+ src/AboutDialog.tsx
+ src/index.css
+ src/Banks.tsx
+ src/DialogEx.tsx
+ src/ToobWaveShapeView.tsx
+ src/FullScreenIME.tsx
+ src/App.css
+ src/PluginPresetSelector.tsx
+ src/Utility.tsx
+ src/SelectMidiChannelsDialog.tsx
+ src/App.test.tsx
+ src/MidiBindingView.tsx
+ src/SplitUiControls.tsx
+ src/PluginClass.tsx
+ src/ObservableProperty.tsx
+ src/Pedal.tsx
+ src/GxTunerControl.tsx
+ src/DraggableGrid.tsx
+ src/ToobToneStackView.tsx
+ src/ToobSpectrumAnalyzerView.tsx
+
public/css/roboto.css
public/fonts/Roboto-BlackItalic.woff2
public/fonts/Roboto-Black.woff2
diff --git a/react/src/ControlViewFactory.tsx b/react/src/ControlViewFactory.tsx
index 9545070..07870f8 100644
--- a/react/src/ControlViewFactory.tsx
+++ b/react/src/ControlViewFactory.tsx
@@ -30,13 +30,15 @@ import ToobInputStageViewFactory from './ToobInputStageView';
import ToobToneStackViewFactory from './ToobToneStackView';
import ToobCabSimViewFactory from './ToobCabSimView';
import ToobPowerStage2Factory from './ToobPowerStage2View';
+import ToobSpectrumAnalyzerViewFactory from './ToobSpectrumAnalyzerView';
let pluginFactories: IControlViewFactory[] = [
new ToobInputStageViewFactory(),
new ToobToneStackViewFactory(),
new ToobCabSimViewFactory(),
- new ToobPowerStage2Factory()
+ new ToobPowerStage2Factory(),
+ new ToobSpectrumAnalyzerViewFactory()
];
diff --git a/react/src/JackServerSettingsDialog.tsx b/react/src/JackServerSettingsDialog.tsx
index 6ab9065..4186f36 100644
--- a/react/src/JackServerSettingsDialog.tsx
+++ b/react/src/JackServerSettingsDialog.tsx
@@ -288,7 +288,7 @@ const JackServerSettingsDialog = withStyles(styles)(
{((!noDevices) && !waitingForDevices) && (
this.state.alsaDevices!.map((device) =>
(
-
+
)
)
diff --git a/react/src/MidiBindingView.tsx b/react/src/MidiBindingView.tsx
index cd4aafd..eb3d470 100644
--- a/react/src/MidiBindingView.tsx
+++ b/react/src/MidiBindingView.tsx
@@ -127,7 +127,7 @@ const MidiBindingView =
generateControlSelects(): React.ReactNode[] {
return Utility.validMidiControllers.map((control) => (
-
+
)
);
}
diff --git a/react/src/PluginControl.tsx b/react/src/PluginControl.tsx
index 97c3bfe..740d704 100644
--- a/react/src/PluginControl.tsx
+++ b/react/src/PluginControl.tsx
@@ -556,7 +556,7 @@ const PluginControl =
style={{ marginLeft: 4, marginRight: 4, width: 140 }}
>
{control.scale_points.map((scale_point: ScalePoint) => (
-
+
))}
diff --git a/react/src/PluginControlView.tsx b/react/src/PluginControlView.tsx
index 32e9855..20bdce0 100644
--- a/react/src/PluginControlView.tsx
+++ b/react/src/PluginControlView.tsx
@@ -365,6 +365,7 @@ const PluginControlView =
for (let i = 0; i < controls.length; ++i)
{
+ controls[i].key = 'k'+i;
result.push(controls[i]);
}
diff --git a/react/src/PresetSelector.tsx b/react/src/PresetSelector.tsx
index 5f9ab41..c39cee8 100644
--- a/react/src/PresetSelector.tsx
+++ b/react/src/PresetSelector.tsx
@@ -298,7 +298,7 @@ const PresetSelector =
{
presets.presets.map((preset) => {
return (
-