doc(DockView): add auto switch theme sample

[ArgoZhang]

Link issues

fixes #5712

Summary By Copilot

This pull request includes various updates and refactorings to the BootstrapBlazor.Server project. The changes focus on updating package versions, removing unused dependencies, and refactoring components for better performance and maintainability.

Package Updates:

• Updated BootstrapBlazor.DockView to version 9.1.8 in BootstrapBlazor.Server.csproj.
• Updated BootstrapBlazor.Mermaid to version 9.0.4 in BootstrapBlazor.Server.csproj.

Component Refactoring:

• Removed JSObjectReference attribute from ThemeMode.razor.
• Removed unused IThemeProvider dependency and related methods from ThemeMode.razor.cs. [1] [2]
• Simplified init function in ThemeMode.razor.js by removing unused parameters. [1] [2]

DockView Components:

• Removed Theme parameter from various DockViewV2 components to streamline their usage. [1] [2] [3] [4] [5] [6] [7] [8] [9]
• Added _theme private field to DockViewNest.razor.cs.

General Improvements:

• Refactored BaseDockView.cs to use List instead of IEnumerable for better performance. [1] [2] [3] [4]
• Triggered ThemeChanged event in ThemeProvider.razor.cs instead of setting the theme directly.

Regression?

• Yes
• No

Risk

• High
• Medium
• Low

Verification

• Manual (required)
• Automated

Packaging changes reviewed?

• Yes
• No
• N/A

☑️ Self Check before Merge

⚠️ Please check all items below before review. ⚠️

• Doc is updated/provided or not needed
• Demo is updated/provided or not needed
• Merge the latest code from the main branch

[sourcery-ai]

Reviewer's Guide by Sourcery

This pull request removes the manual theme switching logic from the DockView samples and ThemeMode component. The ThemeProvider now directly triggers theme changes. Additionally, the TreeNodeConverter method was refactored for performance, and collection initializer syntax was used for generating TreeFoo objects.

Sequence diagram for theme change event

sequenceDiagram
    participant ThemeMode Component
    participant ThemeProvider Service

    ThemeMode Component->>ThemeProvider Service: TriggerThemeChanged(themeName)
    activate ThemeProvider Service
    ThemeProvider Service-->>ThemeMode Component: Notifies subscribers
    deactivate ThemeProvider Service

Loading

File-Level Changes

Change	Details	Files
Removed theme management from individual DockView samples and the ThemeMode component.	Removed the Theme parameter from various DockView sample components. Removed theme injection and change handling logic from BaseDockView. Removed theme injection and the OnThemeChanged method from the ThemeMode component. Removed javascript interop for theme changes from ThemeMode component.	src/BootstrapBlazor.Server/Components/Samples/DockViews2/BaseDockView.cs src/BootstrapBlazor.Server/Components/Components/ThemeMode.razor.cs src/BootstrapBlazor.Server/Components/Components/ThemeMode.razor.js src/BootstrapBlazor.Server/Components/Samples/DockViews2/DockViewCol.razor src/BootstrapBlazor.Server/Components/Samples/DockViews2/DockViewComplex.razor src/BootstrapBlazor.Server/Components/Samples/DockViews2/DockViewGroup.razor src/BootstrapBlazor.Server/Components/Samples/DockViews2/DockViewLayout.razor src/BootstrapBlazor.Server/Components/Samples/DockViews2/DockViewLock.razor src/BootstrapBlazor.Server/Components/Samples/DockViews2/DockViewNest.razor src/BootstrapBlazor.Server/Components/Samples/DockViews2/DockViewRow.razor src/BootstrapBlazor.Server/Components/Samples/DockViews2/DockViewTitle.razor src/BootstrapBlazor.Server/Components/Samples/DockViews2/DockViewVisible.razor
Modified ThemeProvider to directly trigger theme changes instead of setting the theme asynchronously.	Replaced await ThemeProviderService.SetThemeAsync with ThemeProviderService.TriggerThemeChanged in OnThemeChanged method.	src/BootstrapBlazor/Components/ThemeProvider/ThemeProvider.razor.cs
Updated the ThemeMode component to use JSModuleAutoLoader without specifying JSObjectReference.	Removed JSObjectReference = true from the JSModuleAutoLoader attribute in ThemeMode.razor.	src/BootstrapBlazor.Server/Components/Components/ThemeMode.razor
Refactored TreeNodeConverter method to improve performance and avoid potential issues.	Converted items parameter to a List before filtering. Used collection initializer syntax for creating the return list. Used Enumerable.AsEnumerable() to avoid unnecessary allocations.	src/BootstrapBlazor.Server/Components/Samples/DockViews2/BaseDockView.cs
Used collection initializer syntax for generating TreeFoo objects.	Replaced ToList() with collection initializer syntax [.. ] when generating TreeFoo objects.	src/BootstrapBlazor.Server/Components/Samples/DockViews2/BaseDockView.cs

Assessment against linked issues

Issue	Objective	Addressed	Explanation
#5712	Add sample code for the DockView component demonstrating auto theme switching.	✅

---

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. You can also reply to a
  review comment with @sourcery-ai issue to create an issue from it.
• Generate a pull request title: Write @sourcery-ai anywhere in the pull
  request title to generate a title at any time. You can also comment
  @sourcery-ai title on the pull request to (re-)generate the 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 exactly where you
  want it. You can also comment @sourcery-ai summary on the pull request to
  (re-)generate the summary at any time.
• Generate reviewer's guide: Comment @sourcery-ai guide on the pull
  request to (re-)generate the reviewer's guide at any time.
• Resolve all Sourcery comments: Comment @sourcery-ai resolve on the
  pull request to resolve all Sourcery comments. Useful if you've already
  addressed all the comments and don't want to see them anymore.
• Dismiss all Sourcery reviews: Comment @sourcery-ai dismiss on the pull
  request to dismiss all existing Sourcery reviews. Especially useful if you
  want to start fresh with a new review - don't forget to comment
  @sourcery-ai review to trigger a new review!
• Generate a plan of action for an issue: Comment @sourcery-ai plan on
  an issue to generate a plan of action for it.

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.

[sourcery-ai]

Hey @ArgoZhang - I've reviewed your changes - here's some feedback:

Overall Comments:

• The removal of ThemeProviderService and Theme properties from several components suggests a shift in how themes are managed, which might impact other parts of the application.
• Consider if the TreeNodeConverter and GenerateFoos methods should be extension methods.

Here's what I looked at during the review

• 🟡 General issues: 1 issue found
• 🟢 Security: all looks good
• 🟢 Testing: all looks good
• 🟢 Complexity: all looks good
• 🟢 Documentation: all looks good

---

Sourcery is free for open source - if you like our reviews please consider sharing them ✨

• X
• Mastodon
• LinkedIn
• Facebook

_{Help me be more useful! Please click 👍 or 👎 on each comment and I'll use the feedback to improve your reviews.}