Initial radio implementation

Notable changes:
- Add radio gRPC API protobuf definitation and generated files.
- Reworked existing single gRPC APIs library to split it into
  per-API libraries to avoid name collision issues.
- Add radio gRPC client class and associated radio state class
  and RiverPod providers.
- Split media controls and play list table classes into media
  player and radio specific versions to facilitate customization
  and wiring up their appropriate backends in a straightforward
  fashion.  Some potential rationalization of styling widgets
  may be done as a follow up to avoid some duplication.
- Added radio configuration and presets loading.  The presets
  will be populated with the contents of a radio-presets.yaml
  file from the configured location, the default location is
  the /etc/xdg/AGL/ics-homescreen directory.
- Implemented FM radio player against the radio gRPC API.
  For the sake of expediency, no attempt has been made to make
  the player able to handle AM band support.
- Reworked media page navigation state so that active player is
  restored when coming back to the page.  Logic has been added to
  start/stop the radio on navigating to or leaving the FM radio
  sub-page.  This will potentially be reworked before CES to work
  with the pause/stop button present on the other pages.
- Started pruning down global exports.dart a bit to remove files
  only used in a specific page/hierarchy, starting with media.

Bug-AGL: SPEC-5029

Change-Id: I1ae0aca4a7a8218e69e4286c863f01509a1cccb7
Signed-off-by: Scott Murray <scott.murray@konsulko.com>

1 files changed, 251 insertions, 0 deletions

diff --git a/lib/presentation/screens/media/radio_player_controls.dart b/lib/presentation/screens/media/radio_player_controls.dart
new file mode 100644
index 0000000..bfa8da6
--- /dev/null
+++ b/lib/presentation/screens/media/radio_player_controls.dart
@@ -0,0 +1,251 @@
+import 'package:flutter_ics_homescreen/core/utils/helpers.dart';
+import 'package:flutter_ics_homescreen/export.dart';
+import 'package:flutter_ics_homescreen/presentation/screens/settings/settings_screens/audio_settings/widget/slider_widgets.dart';
+
+class RadioPlayerControls extends ConsumerWidget {
+  const RadioPlayerControls({super.key});
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    var freqCurrent =
+        ref.watch(radioStateProvider.select((radio) => radio.freqCurrent));
+    String currentString = (freqCurrent / 1000000.0).toStringAsFixed(1);
+
+    return Material(
+      color: Colors.transparent,
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.stretch,
+        children: [
+          Text(
+            currentString,
+            style: TextStyle(
+                color: Colors.white,
+                fontWeight: FontWeight.w400,
+                shadows: [Helpers.dropShadowRegular],
+                fontSize: 44),
+          ),
+          const RadioPlayerControlsSubDetails(),
+          const RadioPlayerControlsSlider(),
+        ],
+      ),
+    );
+  }
+}
+
+class RadioPlayerControlsSubDetails extends ConsumerWidget {
+  const RadioPlayerControlsSubDetails({super.key});
+
+  onPressed({required WidgetRef ref, required String type}) {
+    if (type == "tuneLeft") {
+      ref.read(radioClientProvider).tuneBackward();
+    } else if (type == "tuneRight") {
+      ref.read(radioClientProvider).tuneForward();
+    } else if (type == "scanLeft") {
+      bool playing =
+          ref.read(radioStateProvider.select((radio) => radio.playing));
+      if (playing) {
+        ref.read(radioClientProvider).scanBackward();
+      }
+    } else if (type == "scanRight") {
+      bool playing =
+          ref.read(radioStateProvider.select((radio) => radio.playing));
+      if (playing) {
+        ref.read(radioClientProvider).scanForward();
+      }
+    }
+  }
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    return Padding(
+      padding: const EdgeInsets.only(bottom: 5),
+      child: Row(
+        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+        children: [
+          Row(
+            children: [
+              Text(
+                "Tune",
+                style: TextStyle(
+                    color: Colors.white,
+                    fontWeight: FontWeight.w400,
+                    fontSize: 40,
+                    shadows: [Helpers.dropShadowRegular]),
+              ),
+              const SizedBox(
+                width: 25,
+              ),
+              InkWell(
+                  customBorder: const CircleBorder(),
+                  onTap: () {
+                    onPressed(ref: ref, type: "tuneLeft");
+                  },
+                  child: const Padding(
+                      padding: EdgeInsets.all(8.0),
+                      child: Icon(
+                        Icons.arrow_back,
+                        size: 48,
+                        color: AGLDemoColors.periwinkleColor,
+                      ))),
+              const SizedBox(
+                width: 25,
+              ),
+              InkWell(
+                  customBorder: const CircleBorder(),
+                  onTap: () {
+                    onPressed(ref: ref, type: "tuneRight");
+                  },
+                  child: const Padding(
+                      padding: EdgeInsets.all(8.0),
+                      child: Icon(
+                        Icons.arrow_forward,
+                        color: AGLDemoColors.periwinkleColor,
+                        size: 48,
+                      ))),
+            ],
+          ),
+          Row(
+            children: [
+              Text(
+                "Scan",
+                style: TextStyle(
+                    color: Colors.white,
+                    fontWeight: FontWeight.w400,
+                    fontSize: 40,
+                    shadows: [Helpers.dropShadowRegular]),
+              ),
+              const SizedBox(
+                width: 25,
+              ),
+              InkWell(
+                  customBorder: const CircleBorder(),
+                  onTap: () {
+                    onPressed(ref: ref, type: "scanLeft");
+                  },
+                  child: const Padding(
+                      padding: EdgeInsets.all(8.0),
+                      child: Icon(
+                        Icons.arrow_back,
+                        color: AGLDemoColors.periwinkleColor,
+                        size: 48,
+                      ))),
+              const SizedBox(
+                width: 25,
+              ),
+              InkWell(
+                  customBorder: const CircleBorder(),
+                  onTap: () {
+                    onPressed(ref: ref, type: "scanRight");
+                  },
+                  child: const Padding(
+                      padding: EdgeInsets.all(8.0),
+                      child: Icon(
+                        Icons.arrow_forward,
+                        color: AGLDemoColors.periwinkleColor,
+                        size: 48,
+                      ))),
+            ],
+          )
+        ],
+      ),
+    );
+  }
+}
+
+class RadioPlayerControlsSlider extends ConsumerStatefulWidget {
+  const RadioPlayerControlsSlider({super.key});
+
+  @override
+  ConsumerState<RadioPlayerControlsSlider> createState() =>
+      RadioPlayerControlsSliderState();
+}
+
+class RadioPlayerControlsSliderState
+    extends ConsumerState<RadioPlayerControlsSlider> {
+  @override
+  Widget build(BuildContext context) {
+    var freqMin =
+        ref.watch(radioStateProvider.select((radio) => radio.freqMin));
+    var freqMax =
+        ref.watch(radioStateProvider.select((radio) => radio.freqMax));
+    var freqStep =
+        ref.watch(radioStateProvider.select((radio) => radio.freqStep));
+    var currentFreq =
+        ref.watch(radioStateProvider.select((radio) => radio.freqCurrent)) /
+            1000000.0;
+
+    String minString = (freqMin / 1000000.0).toStringAsFixed(1);
+    String maxString = (freqMax / 1000000.0).toStringAsFixed(1);
+
+    return Padding(
+        padding: const EdgeInsets.symmetric(horizontal: 64),
+        child: Container(
+          decoration: const ShapeDecoration(
+            color: AGLDemoColors.buttonFillEnabledColor,
+            shape: StadiumBorder(
+                side: BorderSide(
+              color: Color(0xFF5477D4),
+              width: 0.5,
+            )),
+          ),
+          height: 160,
+          child: Row(
+            children: [
+              Padding(
+                  padding: const EdgeInsets.symmetric(horizontal: 20),
+                  child: Text(
+                    minString,
+                    style: TextStyle(
+                        color: Colors.white,
+                        fontSize: 32,
+                        shadows: [Helpers.dropShadowRegular]),
+                  )),
+              Expanded(
+                child: SliderTheme(
+                  data: SliderThemeData(
+                    overlayShape: SliderComponentShape.noOverlay,
+                    valueIndicatorShape: SliderComponentShape.noOverlay,
+                    activeTickMarkColor: Colors.transparent,
+                    inactiveTickMarkColor: Colors.transparent,
+                    inactiveTrackColor: AGLDemoColors.backgroundInsetColor,
+                    thumbShape: const PolygonSliderThumb(
+                        sliderValue: 3, thumbRadius: 23),
+                    //trackHeight: 5,
+                  ),
+                  child: Slider(
+                    divisions: (freqMax - freqMin) ~/ freqStep,
+                    min: freqMin / 1000000.0,
+                    max: freqMax / 1000000.0,
+                    value: currentFreq,
+                    onChangeStart: (double value) {
+                      ref.read(radioClientProvider).scanStop();
+                    },
+                    onChanged: (double value) {
+                      setState(() {
+                        ref
+                            .read(radioStateProvider.notifier)
+                            .updateFrequency((value * 1000000.0).toInt());
+                      });
+                    },
+                    onChangeEnd: (double value) {
+                      ref
+                          .read(radioStateProvider.notifier)
+                          .setFrequency((value * 1000000.0).toInt());
+                    },
+                  ),
+                ),
+              ),
+              Padding(
+                  padding: const EdgeInsets.symmetric(horizontal: 20),
+                  child: Text(
+                    maxString,
+                    style: TextStyle(
+                        color: Colors.white,
+                        fontSize: 32,
+                        shadows: [Helpers.dropShadowRegular]),
+                  )),
+            ],
+          ),
+        ));
+  }
+}