SF-3370 Add web worker and improve blot formats delta creation

[siltomato]

This PR drastically improves loading speed and UI responsiveness for projects with very large numbers of insights (> 1000).

• Added web worker to offload delta formatting operations from the main thread, improving performance and responsiveness.
  • Added npm package Comlink library to improve working with web workers.
  • Added worker named-chunk pattern to SPA routes.
  • Included fallback to main thread processing if worker creation fails.
• Additionally, when adding the blot attributes to the editor delta, optimized by detecting the overlapping insight ranges and only calling the expensive delta.compose() after those cases and not after every insight (delta.compose() handles the case where insights have the same severity and overlapping ranges).

---

This change is 

[codecov]

Codecov Report

❌ Patch coverage is 74.40000% with 32 lines in your changes missing coverage. Please review.
⚠️ Please upload report for BASE (master@a55b036). Learn more about missing BASE report.
⚠️ Report is 1 commits behind head on master.
✅ All tests successful. No failed tests found.

Files with missing lines	Patch %	Lines
...nsights/quill-services/insight-formatting-utils.ts	82.55%	11 Missing and 4 partials ⚠️
...hts/quill-services/quill-insight-render.service.ts	58.82%	14 Missing ⚠️
src/SIL.XForge.Scripture/Startup.cs	40.00%	1 Missing and 2 partials ⚠️

Additional details and impacted files

@@            Coverage Diff            @@
##             master    #3334   +/-   ##
=========================================
  Coverage          ?   82.42%           
=========================================
  Files             ?      607           
  Lines             ?    35537           
  Branches          ?     5784           
=========================================
  Hits              ?    29291           
  Misses            ?     5369           
  Partials          ?      877           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[RaymondLuong3]

This is neat that using a web worker has such an advantage and allows you to offload the formatInsights from the main thread. I was testing this on a project with 18000 insights and there wasn't an issue for performance. The comlink library looks fantastic, it will be good to keep in mind for other expensive operations we might do that could block the main thread.

Reviewed 11 of 11 files at r1, all commit messages.
Reviewable status: all files reviewed, 2 unresolved discussions (waiting on @siltomato)

---

src/SIL.XForge.Scripture/ClientApp/src/app/translate/editor/lynx/insights/quill-services/quill-insight-render.service.ts line 38 at r1 (raw file):

    if (Worker != null) {
      try {
        const worker = new Worker(new URL('./insight-formatting.worker', import.meta.url));

The examples I see on the comlink page use the file extension. Is that optional since you are not using it here?

Code quote:

'./insight-formatting.worker'

---

src/SIL.XForge.Scripture/ClientApp/src/app/translate/editor/lynx/insights/quill-services/quill-insight-render.service.ts line 103 at r1 (raw file):

      this.workerApi[Comlink.releaseProxy]();
    }
  }

Nit: Move this method close to the constructor. It is often useful to see interface implementations near the beginning of the class.

Code quote:

  ngOnDestroy(): void {
    if (this.workerApi != null) {
      this.workerApi[Comlink.releaseProxy]();
    }
  }

[siltomato]

Yes, I was excited about the result as well.

Reviewable status: complete! all files reviewed, all discussions resolved (waiting on @siltomato)

---

src/SIL.XForge.Scripture/ClientApp/src/app/translate/editor/lynx/insights/quill-services/quill-insight-render.service.ts line 38 at r1 (raw file):

Previously, RaymondLuong3 (Raymond Luong) wrote…

The examples I see on the comlink page use the file extension. Is that optional since you are not using it here?

Yes, I believe so.

---

src/SIL.XForge.Scripture/ClientApp/src/app/translate/editor/lynx/insights/quill-services/quill-insight-render.service.ts line 103 at r1 (raw file):

Previously, RaymondLuong3 (Raymond Luong) wrote…

Nit: Move this method close to the constructor. It is often useful to see interface implementations near the beginning of the class.

Done.