visgl / deck.gl / 21181761122

91%

push

github

Add basemap-browser example application (#9892)

* Add basemap-browser example application

- Comprehensive test application for deck.gl with multiple basemap providers
- Supports Google Maps, Mapbox, MapLibre, and MapLibre Globe
- Both Pure JS and React implementations for complete coverage
- Interleaved mode toggle for testing shared vs separate GL contexts
- Real-time metrics panel showing DPR, canvas dimensions, and drawing buffer
- Complete isolation between Pure JS and React implementations
- Fixed globe projection in interleaved mode (set projection before overlay)
- Labels render above deck.gl layers in interleaved mode using beforeId/slot
- TypeScript throughout with full type safety
- Covers all 16 test scenarios from resize/DPR bug fix

* Refactor basemap-browser to use multiple React roots architecture

- Pure JS code now mounts directly to DOM with no React wrapper
- Control panel is separate React root that calls callback function
- Map area is either Pure JS mount OR separate React root
- Complete isolation between Pure JS and React implementations
- Removed app.tsx, map-container.tsx, pure-js-container.tsx
- Created control-panel.tsx standalone component
- Created examples-react/ directory with separate components:
  - google-maps-component.tsx
  - mapbox-component.tsx
  - maplibre-component.tsx
- Updated index.html with side-by-side layout (#controls and #map divs)
- index.tsx orchestrates two separate React roots
- No more React wrapping Pure JS code - true isolation achieved

* Update index.html

* Fix race condition when switching between React and Pure JS examples

- Defer cleanup and remounting to next tick using setTimeout
- Prevents synchronous unmount during React render phase
- Fixes 'Attempted to synchronously unmount a root' warning
- Fixes 'Failed to execute removeChild' error
- Extracted mountExample function for cleaner separation

* Update README.md

* Update README.md

* Clean up basemap-browser example per review feed... (continued)

6881 of 7557 branches covered (91.05%)

Branch coverage included in aggregate %.

56867 of 62407 relevant lines covered (91.12%)

14378.74 hits per line