refactor(CodeEditor): remove css isolation

[ArgoZhang]

remove css isolation

Summary of the changes (Less than 80 chars)

Description

fixes #193

Customer Impact

Regression?

• Yes
• No

[If yes, specify the version the behavior has regressed from]

Risk

• High
• Medium
• Low

[Justify the selection above]

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

Summary by Sourcery

Enhancements:

• Remove CSS isolation from the CodeEditor component to simplify styling.

[sourcery-ai]

Reviewer's Guide by Sourcery

This PR removes CSS isolation from the CodeEditor component by moving the CSS from a scoped file to a bundled CSS file and updating the JavaScript initialization to load the bundled CSS file.

Class diagram for CodeEditor component changes

classDiagram
    class CodeEditor {
        - init(id, interop, options)
    }

    class CodeEditorCSS {
        + code-editor.bundle.css
    }

    CodeEditor --> CodeEditorCSS : uses
    note for CodeEditor "JavaScript initialization updated to load bundled CSS file"
    note for CodeEditorCSS "CSS moved from scoped file to bundled CSS file"

Loading

File-Level Changes

Change	Details	Files
Moved CSS from isolated component file to bundled CSS file	Relocated CSS from component-scoped file to a bundled CSS file Removed deep selector from spinner class Updated file path and naming to reflect bundle approach	src/components/BootstrapBlazor.CodeEditor/Components/CodeEditor/CodeEditor.razor.css src/components/BootstrapBlazor.CodeEditor/wwwroot/code-editor.bundle.css
Updated JavaScript initialization to include bundled CSS	Added CSS file loading before Monaco editor script Updated content path reference to use bundled CSS	src/components/BootstrapBlazor.CodeEditor/Components/CodeEditor/CodeEditor.razor.js

Assessment against linked issues

Issue	Objective	Addressed	Explanation
#193	Remove CSS isolation from the CodeEditor component	✅

Possibly linked issues

• refactor(CodeEditor): remove css isolation #193: The PR implements the solution requested in the issue by removing CSS isolation.
• refactor(CodeEditor): remove css isolation #193: The PR removes CSS isolation specifically in CodeEditor, addressing the issue's request to remove CSS isolation.

---

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.

[sourcery-ai]

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

Overall Comments:

• Please fill out the PR template completely, especially the Customer Impact and Risk sections, as removing CSS isolation could have broader implications.
• Could you explain the rationale for removing CSS isolation? This architectural change should be documented with its benefits and potential impacts.

Here's what I looked at during the review

• 🟢 General issues: all looks good
• 🟢 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.}