[Bug] Broken website examples in 9.0.0-beta.10

[felixpalmer]

Description

List of broken examples

• https://felixpalmer.github.io/deck.gl/examples/line-layer (blending is off) Remove withParametersWebGL method in Pass classes #8636

Steps to Reproduce

Visit https://felixpalmer.github.io/deck.gl/examples

Environment

• Framework version: 9.0.0-beta.8
• Browser: Chrome
• OS: MacOS Sonoma

[GerbertKaandorp]

Also random missing tiles:

https://felixpalmer.github.io/deck.gl/examples/tile-layer
https://felixpalmer.github.io/deck.gl/examples/tile-layer-non-geospatial

[chrisgervang]

The H3 layer in the Mapbox example renders random pink hexagons.

Edit: I tracked this down a bit. I think it was introduced by #8572, which first appears in 9.0.0-beta.6. I've opened #8606

[chrisgervang]

A "checkerboard" rendering bug can be found in https://felixpalmer.github.io/deck.gl/gallery/maplibre-overlay

It affects interleaved with Maplibre but not Mapbox. Opened #8602

[estherluque]

List of broken examples

Google Chrome (Version 122.0.6261.112), Safari Version 17.2.1 (19617.1.17.11.12), Firefox 123.0.1 (64-bit), Microsoft Edge Version 122.0.2365.80, iPhone 12 Pro Max v.16.0 Safari and Huawei P30 V.9.0 Chrome

• LineLayer: https://felixpalmer.github.io/deck.gl/examples/line-layer fade color/blending is off
  
• Mapbox: https://felixpalmer.github.io/deck.gl/examples/mapbox Sometimes, the layers don't appear but when the page is refreshed they appear [FELIX: this is actually an issue with the TerrainExtension, see above]
• Playground: https://felixpalmer.github.io/deck.gl/examples/playground The first time shows "Page not found" (same on https://deck.gl/playground)

Only in Safari Versión 17.2.1 (19617.1.17.11.12)

• FirstPersonView: https://felixpalmer.github.io/deck.gl/examples/first-person-view The video doesn't appear (same on https://deck.gl/examples/first-person-view)

Only in iPhone 12 Pro Max v.16.0 Safari

• DataFilterExtension: https://felixpalmer.github.io/deck.gl/examples/data-filter-extension I can't press play
• MaskExtension: https://felixpalmer.github.io/deck.gl/examples/mask-extension I can't press play

Only in Huawei P30 V.9.0 Chrome

• HeatmapLayer: https://felixpalmer.github.io/deck.gl/examples/heatmap-layer The map is empty
• TextLayer: https://felixpalmer.github.io/deck.gl/examples/text-layer The map is empty

List of broken docs

Google Chrome (Version 122.0.6261.112), Safari Version 17.2.1 (19617.1.17.11.12), Firefox 123.0.1 (64-bit) and Microsoft Edge Version 122.0.2365.80, iPhone 12 Pro Max v.16.0 Safari and Huawei P30 V.9.0 Chrome

• GPUGridLayer: https://felixpalmer.github.io/deck.gl/docs/api-reference/aggregation-layers/gpu-grid-layer The map is empty
• HeatmapLayer: https://felixpalmer.github.io/deck.gl/docs/api-reference/aggregation-layers/heatmap-layer The map is empty

Only in Huawei P30 V.9.0 Chrome

• HeatmapLayer: https://felixpalmer.github.io/deck.gl/examples/heatmap-layer The map is empty

[donmccurdy]

Proposed fix for TileLayer (Geospatial) and TileLayer (Non-Geospatial)

• fix(webgl): Pair calls to bind/unbind VAO luma.gl#2032

[estherluque]

Fixed Examples

Google Chrome (Version 122.0.6261.112), Safari Version 17.2.1 (19617.1.17.11.12), Firefox 123.0.1 (64-bit), Microsoft Edge Version 122.0.2365.80, iPhone 12 Pro Max v.16.0 Safari and Huawei P30 V.9.0 Chrome

• GeoJsonLayer (Paths): https://felixpalmer.github.io/deck.gl/examples/geojson-layer-paths Fixed ✅
• TileLayer (Geospatial): https://felixpalmer.github.io/deck.gl/examples/tile-layer map disappears when activating "Show tile borders" Fixed ✅
• TileLayer (Non-Geospatial): https://felixpalmer.github.io/deck.gl/examples/tile-layer-non-geospatial some parts disappear when zooming in Fixed ✅
• Tile3DLayer: https://felixpalmer.github.io/deck.gl/examples/tile-3d-layer 3D layer doesn't appear Fixed ✅
• CARTO: https://felixpalmer.github.io/deck.gl/examples/carto The context of the map is different ✅the CARTO example has been changed from the old website, so it is correct that it looks different
• Minimap: https://felixpalmer.github.io/deck.gl/examples/multi-view The location map (top left - Minimap checkbox) is empty Fixed ✅
• OrbitView: https://felixpalmer.github.io/deck.gl/examples/plot "This page crashed" Fixed ✅

Only in iPhone 12 Pro Max v.16.0 Safari

• GlobeView: https://felixpalmer.github.io/deck.gl/examples/globe-view I can't press play Fixed ✅

Fixed Docs

Google Chrome (Version 122.0.6261.112), Safari Version 17.2.1 (19617.1.17.11.12), Firefox 123.0.1 (64-bit) and Microsoft Edge Version 122.0.2365.80, iPhone 12 Pro Max v.16.0 Safari and Huawei P30 V.9.0 Chrome

• ArcLayer: https://felixpalmer.github.io/deck.gl/docs/api-reference/layers/arc-layer Sometimes, the layers don't appear but when the page is refreshed they appear Fixed ✅
• TileLayer: https://felixpalmer.github.io/deck.gl/docs/api-reference/geo-layers/tile-layer some parts disappear when zooming in Fixed ✅