Skip to content

fix(desktop): update CSP to allow react-scan blob workers#64

Merged
oxwen11 merged 3 commits intomainfrom
innsbruck
Feb 11, 2026
Merged

fix(desktop): update CSP to allow react-scan blob workers#64
oxwen11 merged 3 commits intomainfrom
innsbruck

Conversation

@oxwen11
Copy link
Member

@oxwen11 oxwen11 commented Feb 4, 2026

Summary

  • Updated Content Security Policy to allow blob: workers required by react-scan
  • Adjusted react-scan configuration (slower animation, disabled console logging)
  • Added onRender callback for debugging render detection

Test plan

  • Verify react-scan overlay appears on component re-renders
  • Confirm no CSP violations in DevTools console
  • Test that performance monitoring toolbar is visible

oxwen11 and others added 3 commits February 11, 2026 23:30
Document the approach for integrating react-scan into the desktop
renderer for performance visualization and debugging during development.
Add react-scan to desktop renderer for real-time component render
visualization and performance debugging during development.

Changes:
- Add react-scan as dev dependency
- Configure react-scan in main.tsx before React imports
- Enable full diagnostics: toolbar, logging, unnecessary render tracking
- Update design document with implementation status

React-scan only runs in development mode and has no production impact.
React-scan requires blob: workers for its performance monitoring overlay.
Updated CSP to include blob: in script-src and worker-src directives.
Also adjusted react-scan config for better debugging.
@oxwen11 oxwen11 merged commit dbf459c into main Feb 11, 2026
1 check passed
@oxwen11 oxwen11 deleted the innsbruck branch February 11, 2026 15:33
iamdin pushed a commit that referenced this pull request Feb 14, 2026
* docs: add react-scan integration design

Document the approach for integrating react-scan into the desktop
renderer for performance visualization and debugging during development.

* feat(desktop): integrate react-scan for performance monitoring

Add react-scan to desktop renderer for real-time component render
visualization and performance debugging during development.

Changes:
- Add react-scan as dev dependency
- Configure react-scan in main.tsx before React imports
- Enable full diagnostics: toolbar, logging, unnecessary render tracking
- Update design document with implementation status

React-scan only runs in development mode and has no production impact.

* fix(desktop): update CSP to allow react-scan blob workers

React-scan requires blob: workers for its performance monitoring overlay.
Updated CSP to include blob: in script-src and worker-src directives.
Also adjusted react-scan config for better debugging.

---------

Co-authored-by: oxwen11 <oxwen11@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant