feat: initialized Oscilloscope Screen

[AsCress]

Slowly and steadily, we would get there 🥹.
This is currently a Work In Progress.
Initializes the Oscilloscope Screen in our flutter app.

Screenshots / Recordings

Here's what we have as of now:

Screen_recording_20250126_230336.mp4

The layouts are done, functionality coming soon.

Checklist:

• No hard coding: I have used resources from strings.xml, dimens.xml and colors.xml without hard coding any value.
• No end of file edits: No modifications done at end of resource files strings.xml, dimens.xml or colors.xml.
• Code reformatting: I have reformatted code and fixed indentation in every file included in this pull request.
• No extra space: My code does not contain any extra lines or extra spaces than the ones that are necessary.

@marcnause Would you like to test these layouts 😉 ?

[sourcery-ai]

Reviewer's Guide by Sourcery

This PR initializes the Oscilloscope screen UI, including layouts for channel parameters, timebase/trigger settings, data analysis, and XY plotting. It also refactors the navigation drawer and application list items.

Class diagram for the Oscilloscope screen components

classDiagram
    class OscilloscopeScreen {
        +initState()
        +build()
        -_setLandscapeOrientation()
    }
    class OscilloscopeStateProvider {
        -int _selectedIndex
        +int selectedIndex
        +updateSelectedIndex(int)
    }
    class ChannelParametersWidget {
        +build()
    }
    class TimebaseTriggerWidget {
        +build()
    }
    class DataAnalysisWidget {
        +build()
    }
    class XYPlotWidget {
        +build()
    }
    class OscilloscopeScreenTabs {
        +String channelParametersImage
        +String dataAnalysisImage
        +String timebaseTriggerImage
        +String xyPlotImage
        +build()
    }
    OscilloscopeScreen --> OscilloscopeStateProvider
    OscilloscopeScreen --> ChannelParametersWidget
    OscilloscopeScreen --> TimebaseTriggerWidget
    OscilloscopeScreen --> DataAnalysisWidget
    OscilloscopeScreen --> XYPlotWidget
    OscilloscopeScreen --> OscilloscopeScreenTabs

Loading

State diagram for Oscilloscope screen tabs

stateDiagram-v2
    [*] --> Channels
    Channels --> Timebase: Tab switch
    Timebase --> DataAnalysis: Tab switch
    DataAnalysis --> XYPlot: Tab switch
    XYPlot --> Channels: Tab switch

    state Channels {
        [*] --> ChannelParameters
        ChannelParameters: CH1/CH2/CH3/MIC settings
    }

    state Timebase {
        [*] --> TimebaseTrigger
        TimebaseTrigger: Trigger and timebase settings
    }

    state DataAnalysis {
        [*] --> Analysis
        Analysis: Fourier transforms
        Analysis: Signal analysis
    }

    state XYPlot {
        [*] --> XYPlotting
        XYPlotting: XY plot configuration
    }

Loading

File-Level Changes

Change	Details	Files
Initialized Oscilloscope Screen UI	Created the Oscilloscope screen layout. Added LineChart widget for displaying waveforms. Integrated state management using Provider for handling tab selection and UI updates. Implemented UI for channel parameters, timebase/trigger, data analysis, and XY plot.	lib/view/oscilloscope_screen.dart
Refactored Navigation	Updated navigation to use named routes for the Oscilloscope screen. Removed index parameter from CommonScaffold. Added a back button to CommonScaffold to navigate back from Oscilloscope screen. Added a new MainScaffold widget to handle navigation drawer and app bar actions.	lib/view/widgets/common_scaffold_widget.dart lib/view/instruments_screen.dart lib/main.dart
Updated Application List Item Interactions	Made application list items tappable to navigate to the corresponding instrument screen. Removed GestureDetector from ApplicationsListItem and added it to the ListView.builder in InstrumentsScreen.	lib/view/widgets/applications_list_item.dart lib/view/instruments_screen.dart
Modified Navigation Drawer	Removed Google Fonts dependency. Updated styling of navigation drawer items. Added minLeadingWidth to ListTile widgets for better alignment.	lib/view/widgets/navigation_drawer.dart
Added New Widgets and Dependencies	Created new widgets for channel parameters, data analysis, oscilloscope tabs, timebase/trigger, and XY plot. Added fl_chart and provider dependencies. Created OscilloscopeStateProvider for managing state in the Oscilloscope screen.	lib/view/widgets/channel_parameters_widget.dart lib/view/widgets/data_analysis_widget.dart lib/view/widgets/oscilloscope_screen_tabs.dart lib/view/widgets/timebase_trigger_widget.dart lib/view/widgets/xyplot_widget.dart lib/providers/OscilloscopeStateProvider.dart pubspec.yaml pubspec.lock
Updated gitignore	Updated .gitignore file to include generated files and directories.	.gitignore

---

Tips and commands

Interacting with Sourcery

• Trigger a new review: Comment @sourcery-ai review on the pull request.
• Continue discussions: Reply directly to Sourcery's review comments.
• Generate a GitHub issue from a review comment: Ask Sourcery to create an
  issue from a review comment by replying to it.
• Generate a pull request title: Write @sourcery-ai anywhere in the pull
  request title to generate a title at any time.
• Generate a pull request summary: Write @sourcery-ai summary anywhere in
  the pull request body to generate a PR summary at any time. You can also use
  this command to specify where the summary should be inserted.

Customizing Your Experience

Access your dashboard to:

• Enable or disable review features such as the Sourcery-generated pull request
  summary, the reviewer's guide, and others.
• Change the review language.
• Add, remove or edit custom review instructions.
• Adjust other review settings.

Getting Help

• Contact our support team for questions or feedback.
• Visit our documentation for detailed guides and information.
• Keep in touch with the Sourcery team by following us on X/Twitter, LinkedIn or GitHub.

[github-actions]

Build successful. APKs to test: https://github.com/fossasia/pslab-android/actions/runs/12976768240/artifacts/2487354860

[marcnause]

Looks good on my device!

[AsCress]

@marcnause This PR now sets up communication with the PSLab device, and basic initialisation of the board. You should be able to see the version string when you connect to the board 🥳.
You may test with the APK provided by the comment pipeline, it is now updated.

[marcnause]

I tested with the latest version. I did not see any difference in the oscilloscope screen. Connecting the PSLab v5 and the PSLab v6 seems to work. With the v5 board I get a warning, for the v6 board I don't see the version. If I switch to the oscilloscope and back, the size of the navigation drawer changes on my device.

[marcnause]

for the v6 board I don't see the version.

This was my fault. I still had the UART-hack FW running on my PSLab v6.

[AsCress]

Just installed the legacy firmware on my v6 device. Everything works perfectly.

All these observations are pointing towards a single thing: the USB Serial driver that we are using may not properly support the MCP2200 USB-UART (CDC-ACM driver) converter that the v5 uses, the same issue which we had in our native app.
Looks like I may have to write a custom USB Serial library tailored to the PSLab 😢.
Let's get to that on a later stage at this is something already done in the native app and just requires a port to flutter, and let's continue our testing with the v6 device.