visgl · felixpalmer · Mar 9, 2026 · Jan 30, 2026 · Jan 30, 2026 · Feb 7, 2026
diff --git a/docs/api-reference/core/widget.md b/docs/api-reference/core/widget.md
@@ -39,7 +39,7 @@ Additional inline CSS styles on the top HTML element of the widget. camelCase CS
 
 Additional CSS classnames on the top HTML element.
 
-#### `_container` (string | HTMLDivElement, optional) {#container}
+#### `_container` (string | HTMLDivElement, optional) {#_container}
 
 Experimental. The container that this widget is being attached to. Default to `viewId`.
 - If set to `'root'`, the widget is placed relative to the whole deck.gl canvas.

diff --git a/docs/developer-guide/loading-data.md b/docs/developer-guide/loading-data.md
@@ -20,17 +20,19 @@ All layers support a [loadOptions](../api-reference/core/layer.md#loadoptions) p
 
 In a production environment, deck.gl applications may need to load data from secure APIs that require special HTTP headers (such as `Authorization`) to be set.
 
-In order to access a secure API, the `loadOptions.fetch` option passes through additional parameters to [fetch](https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/fetch), which deck.gl calls under the hood to load resources.
+In order to access a secure API, the `loadOptions.core.fetch` option passes through additional parameters to [fetch](https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/fetch), which deck.gl calls under the hood to load resources.
 
 ```ts
 new ScatterplotLayer({
   data: 'https://secure-server.com/userActivity',
   loadOptions: {
-    fetch: {
-      method: 'POST',
-      body: JSON.stringify(requestBody),
-      headers: {
-        'Authorization': `Bearer ${accessToken}`,
+    core: {
+      fetch: {
+        method: 'POST',
+        body: JSON.stringify(requestBody),
+        headers: {
+          'Authorization': `Bearer ${accessToken}`,
+        }
       }
     }
   }
@@ -268,7 +270,7 @@ If the layer is used in an environment that does not support web workers, or you
 import {MVTLoader} from '@loaders.gl/mvt';
 new MVTLayer({
   loaders: [MVTLoader],
-  loadOptions: {worker: false}
+  loadOptions: {core: {worker: false}}
 });
 ```
 

diff --git a/examples/layer-browser/package.json b/examples/layer-browser/package.json
@@ -8,9 +8,9 @@
     "start-local": "vite --config ../vite.config.local.mjs"
   },
   "dependencies": {
-    "@loaders.gl/core": "^4.3.4",
-    "@loaders.gl/gltf": "^4.3.4",
-    "@loaders.gl/ply": "^4.3.4",
+    "@loaders.gl/core": "^4.4.0-alpha.16",
+    "@loaders.gl/gltf": "^4.4.0-alpha.16",
+    "@loaders.gl/ply": "^4.4.0-alpha.16",
     "@probe.gl/log": "^4.0.9",
     "colorbrewer": "^1.0.0",
     "d3-request": "^1.0.6",

diff --git a/examples/playground/package.json b/examples/playground/package.json
@@ -9,11 +9,11 @@
     "build": "vite build"
   },
   "dependencies": {
-    "@loaders.gl/3d-tiles": "^4.3.4",
-    "@loaders.gl/core": "^4.3.4",
-    "@loaders.gl/csv": "^4.3.4",
-    "@loaders.gl/draco": "^4.3.4",
-    "@loaders.gl/gltf": "^4.3.4",
+    "@loaders.gl/3d-tiles": "^4.4.0-alpha.16",
+    "@loaders.gl/core": "^4.4.0-alpha.16",
+    "@loaders.gl/csv": "^4.4.0-alpha.16",
+    "@loaders.gl/draco": "^4.4.0-alpha.16",
+    "@loaders.gl/gltf": "^4.4.0-alpha.16",
     "@luma.gl/constants": "^9.2.6",
     "deck.gl": "^9.0.0",
     "maplibre-gl": "^5.0.0",

diff --git a/examples/website/3d-heatmap/package.json b/examples/website/3d-heatmap/package.json
@@ -9,7 +9,7 @@
     "build": "vite build"
   },
   "dependencies": {
-    "@loaders.gl/csv": "^4.3.4",
+    "@loaders.gl/csv": "^4.4.0-alpha.16",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
     "deck.gl": "^9.0.0",

diff --git a/examples/website/3d-tiles/package.json b/examples/website/3d-tiles/package.json
@@ -11,7 +11,7 @@
   "dependencies": {
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
-    "@loaders.gl/3d-tiles": "^4.3.4",
+    "@loaders.gl/3d-tiles": "^4.4.0-alpha.16",
     "deck.gl": "^9.0.0",
     "maplibre-gl": "^5.0.0",
     "react": "^18.0.0",

diff --git a/examples/website/arc/app.tsx b/examples/website/arc/app.tsx
@@ -13,7 +13,6 @@ import {scaleQuantile} from 'd3-scale';
 import type {Color, PickingInfo, MapViewState} from '@deck.gl/core';
 import type {Feature, Polygon, MultiPolygon} from 'geojson';
 import {CompassWidget, ZoomWidget, FullscreenWidget} from '@deck.gl/widgets';
-import '@deck.gl/widgets/stylesheet.css';
 
 // Source data GeoJSON
 const DATA_URL =

diff --git a/examples/website/data-filter/package.json b/examples/website/data-filter/package.json
@@ -11,7 +11,7 @@
   "dependencies": {
     "@material-ui/core": "^4.10.2",
     "@material-ui/icons": "^4.9.1",
-    "@loaders.gl/csv": "^4.3.4",
+    "@loaders.gl/csv": "^4.4.0-alpha.16",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
     "deck.gl": "^9.0.0",

diff --git a/examples/website/global-grids/package.json b/examples/website/global-grids/package.json
@@ -9,7 +9,7 @@
     "build": "vite build"
   },
   "dependencies": {
-    "@loaders.gl/csv": "^4.3.4",
+    "@loaders.gl/csv": "^4.4.0-alpha.16",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
     "deck.gl": "^9.0.0",

diff --git a/examples/website/globe/package.json b/examples/website/globe/package.json
@@ -9,7 +9,7 @@
     "build": "vite build"
   },
   "dependencies": {
-    "@loaders.gl/csv": "^4.3.4",
+    "@loaders.gl/csv": "^4.4.0-alpha.16",
     "@material-ui/core": "^4.10.2",
     "@material-ui/icons": "^4.9.1",
     "@types/react": "^18.0.0",

diff --git a/examples/website/google-3d-tiles/app.jsx b/examples/website/google-3d-tiles/app.jsx
@@ -24,12 +24,12 @@ export const COLORS = [
 const colorScale = scaleLinear().clamp(true).domain([0, 50, 100, 200, 300]).range(COLORS);
 
 const INITIAL_VIEW_STATE = {
-  latitude: 50.089,
-  longitude: 14.42,
-  zoom: 16,
+  latitude: 50.0662,
+  longitude: 14.437,
+  zoom: 16.6,
   minZoom: 14,
-  maxZoom: 16.5,
-  bearing: 90,
+  maxZoom: 20,
+  bearing: 98.91089,
   pitch: 60
 };
 

diff --git a/examples/website/highway/package.json b/examples/website/highway/package.json
@@ -9,7 +9,7 @@
     "build": "vite build"
   },
   "dependencies": {
-    "@loaders.gl/csv": "^4.3.4",
+    "@loaders.gl/csv": "^4.4.0-alpha.16",
     "@types/d3-scale": "^4.0.0",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",

diff --git a/examples/website/i3s/package.json b/examples/website/i3s/package.json
@@ -9,7 +9,7 @@
     "build": "vite build"
   },
   "dependencies": {
-    "@loaders.gl/i3s": "^4.3.4",
+    "@loaders.gl/i3s": "^4.4.0-alpha.16",
     "maplibre-gl": "^5.0.0",
     "react-map-gl": "^8.0.0",
     "deck.gl": "^9.0.0"

diff --git a/examples/website/mapbox/package.json b/examples/website/mapbox/package.json
@@ -9,7 +9,7 @@
     "build": "vite build"
   },
   "dependencies": {
-    "@loaders.gl/csv": "^4.3.4",
+    "@loaders.gl/csv": "^4.4.0-alpha.16",
     "d3-scale": "^4.0.0",
     "deck.gl": "^9.0.0",
     "mapbox-gl": "^3.0.0",

diff --git a/examples/website/maplibre/package.json b/examples/website/maplibre/package.json
@@ -9,7 +9,7 @@
     "build": "vite build"
   },
   "dependencies": {
-    "@loaders.gl/csv": "^4.3.4",
+    "@loaders.gl/csv": "^4.4.0-alpha.16",
     "@material-ui/core": "^4.10.2",
     "@material-ui/icons": "^4.9.1",
     "@types/react": "^18.0.0",

diff --git a/examples/website/mask-extension/package.json b/examples/website/mask-extension/package.json
@@ -9,7 +9,7 @@
     "build": "vite build"
   },
   "dependencies": {
-    "@loaders.gl/csv": "^4.3.4",
+    "@loaders.gl/csv": "^4.4.0-alpha.16",
     "@material-ui/core": "^4.10.2",
     "@material-ui/icons": "^4.9.1",
     "@types/react": "^18.0.0",

diff --git a/examples/website/mesh/package.json b/examples/website/mesh/package.json
@@ -9,7 +9,7 @@
     "build": "vite build"
   },
   "dependencies": {
-    "@loaders.gl/obj": "^4.3.4",
+    "@loaders.gl/obj": "^4.4.0-alpha.16",
     "@math.gl/core": "^4.1.0",
     "deck.gl": "^9.0.0",
     "react": "^18.0.0",

diff --git a/examples/website/point-cloud/app.tsx b/examples/website/point-cloud/app.tsx
@@ -9,12 +9,12 @@ import {DeckGL} from '@deck.gl/react';
 import {OrbitView, LinearInterpolator} from '@deck.gl/core';
 import {PointCloudLayer} from '@deck.gl/layers';
 
-import {LASWorkerLoader} from '@loaders.gl/las';
+import {LASLoader} from '@loaders.gl/las';
 import type {OrbitViewState} from '@deck.gl/core';
 import {Device} from '@luma.gl/core';
 
 // TODO - export from loaders?
-type LASMesh = (typeof LASWorkerLoader)['dataType'];
+type LASMesh = (typeof LASLoader)['dataType'];
 
 // Data source: kaarta.com
 const LAZ_SAMPLE =
@@ -94,7 +94,7 @@ export default function App({
       opacity: 0.5,
       pointSize: 0.5,
       // Additional format support can be added here
-      loaders: [LASWorkerLoader],
+      loaders: [LASLoader],
       // TODO (kaapp) currently webgpu requirement to ensure instanceColors are supplied
       pickable: true
     })

diff --git a/examples/website/point-cloud/package.json b/examples/website/point-cloud/package.json
@@ -9,7 +9,7 @@
     "build": "vite build"
   },
   "dependencies": {
-    "@loaders.gl/las": "^4.3.4",
+    "@loaders.gl/las": "^4.4.0-alpha.16",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
     "deck.gl": "^9.2.0-alpha.2",

diff --git a/examples/website/radio/package.json b/examples/website/radio/package.json
@@ -9,7 +9,7 @@
     "build": "vite build"
   },
   "dependencies": {
-    "@loaders.gl/csv": "^4.3.4",
+    "@loaders.gl/csv": "^4.4.0-alpha.16",
     "@material-ui/core": "^4.11.3",
     "@material-ui/lab": "^4.0.0-alpha.57",
     "@types/d3-scale": "^4.0.0",

diff --git a/examples/website/text/package.json b/examples/website/text/package.json
@@ -9,7 +9,7 @@
     "build": "vite build"
   },
   "dependencies": {
-    "@loaders.gl/csv": "^4.3.4",
+    "@loaders.gl/csv": "^4.4.0-alpha.16",
     "@types/d3-scale": "^4.0.0",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",

diff --git a/modules/carto/package.json b/modules/carto/package.json
@@ -43,12 +43,12 @@
   },
   "dependencies": {
     "@carto/api-client": "^0.5.19",
-    "@loaders.gl/compression": "^4.3.4",
-    "@loaders.gl/gis": "^4.3.4",
-    "@loaders.gl/loader-utils": "^4.3.4",
-    "@loaders.gl/mvt": "^4.3.4",
-    "@loaders.gl/schema": "^4.3.4",
-    "@loaders.gl/tiles": "^4.3.4",
+    "@loaders.gl/compression": "^4.4.0-alpha.16",
+    "@loaders.gl/gis": "^4.4.0-alpha.16",
+    "@loaders.gl/loader-utils": "^4.4.0-alpha.16",
+    "@loaders.gl/mvt": "^4.4.0-alpha.16",
+    "@loaders.gl/schema": "^4.4.0-alpha.16",
+    "@loaders.gl/tiles": "^4.4.0-alpha.16",
     "@luma.gl/core": "^9.2.6",
     "@luma.gl/shadertools": "^9.2.6",
     "@math.gl/web-mercator": "^4.1.0",
@@ -72,7 +72,7 @@
     "@deck.gl/extensions": "~9.2.0",
     "@deck.gl/geo-layers": "~9.2.0",
     "@deck.gl/layers": "~9.2.0",
-    "@loaders.gl/core": "^4.3.4",
+    "@loaders.gl/core": "^4.4.0-alpha.16",
     "@luma.gl/core": "~9.2.6"
   },
   "gitHead": "13ace64fc2cee08c133afc882fc307253489a4e4"

diff --git a/modules/carto/src/api/parse-map.ts b/modules/carto/src/api/parse-map.ts
@@ -65,7 +65,7 @@
        assert(dataset, `No dataset matching dataId: ${dataId}`);
        const {data} = dataset;
        assert(data, `No data loaded for dataId: ${dataId}`);
        const {Layer, propMap, defaultProps} = getLayer(type, config, dataset);
        const styleProps = createStyleProps(config, propMap);
        return new Layer({
          id,
@@ -206,9 +206,9 @@
  if (type === 'point') {
    const altitude = config.columns?.altitude;
    if (altitude) {
      result.dataTransform = data => {
        data.features.forEach(({geometry, properties}) => {
          const {type, coordinates} = geometry;
          if (type === 'Point') {
            coordinates[2] = properties[altitude];
          }
@@ -367,6 +367,6 @@
 
 function createLoadOptions(accessToken: string) {
   return {
-    loadOptions: {fetch: {headers: {Authorization: `Bearer ${accessToken}`}}}
+    loadOptions: {core: {fetch: {headers: {Authorization: `Bearer ${accessToken}`}}}}
   };
 }
diff --git a/modules/carto/src/layers/schema/carto-properties-tile-loader.ts b/modules/carto/src/layers/schema/carto-properties-tile-loader.ts
@@ -2,7 +2,7 @@
 // SPDX-License-Identifier: MIT
 // Copyright (c) vis.gl contributors
 
-import {LoaderOptions, LoaderWithParser} from '@loaders.gl/loader-utils';
+import {LoaderOptions, LoaderWithParser, StrictLoaderOptions} from '@loaders.gl/loader-utils';
 
 import {Tile, TileReader} from './carto-properties-tile';
 import {parsePbf} from './tile-loader-utils';
@@ -34,7 +34,7 @@ const CartoPropertiesTileLoader: LoaderWithParser = {
   worker: true,
   parse: async (arrayBuffer, options) => parseCartoPropertiesTile(arrayBuffer, options),
   parseSync: parseCartoPropertiesTile,
-  options: DEFAULT_OPTIONS
+  options: DEFAULT_OPTIONS as StrictLoaderOptions
 };
 
 function parseCartoPropertiesTile(arrayBuffer: ArrayBuffer, options?: LoaderOptions): Tile | null {

diff --git a/modules/carto/src/layers/schema/carto-raster-tile-loader.ts b/modules/carto/src/layers/schema/carto-raster-tile-loader.ts
@@ -2,7 +2,7 @@
 // SPDX-License-Identifier: MIT
 // Copyright (c) vis.gl contributors
 
-import {LoaderOptions, LoaderWithParser} from '@loaders.gl/loader-utils';
+import {LoaderOptions, LoaderWithParser, StrictLoaderOptions} from '@loaders.gl/loader-utils';
 import type {RasterMetadata} from '@carto/api-client';
 
 import {TileReader} from './carto-raster-tile';
@@ -20,12 +20,12 @@ type CartoRasterTileLoaderOptions = LoaderOptions & {
   };
 };
 
-const DEFAULT_OPTIONS: CartoRasterTileLoaderOptions = {
+const DEFAULT_OPTIONS = {
   cartoRasterTile: {
     metadata: null,
     workerUrl: getWorkerUrl(id, VERSION)
   }
-};
+} as const satisfies CartoRasterTileLoaderOptions;
 
 const CartoRasterTileLoader: LoaderWithParser = {
   name: 'CARTO Raster Tile',

diff --git a/modules/carto/src/layers/schema/carto-spatial-tile-loader.ts b/modules/carto/src/layers/schema/carto-spatial-tile-loader.ts
@@ -2,7 +2,7 @@
 // SPDX-License-Identifier: MIT
 // Copyright (c) vis.gl contributors
 
-import {LoaderOptions, LoaderWithParser} from '@loaders.gl/loader-utils';
+import {LoaderOptions, LoaderWithParser, StrictLoaderOptions} from '@loaders.gl/loader-utils';
 
 import {Tile, TileReader} from './carto-spatial-tile';
 import {parsePbf} from './tile-loader-utils';
@@ -38,7 +38,7 @@ const CartoSpatialTileLoader: LoaderWithParser = {
     parseCartoSpatialTile(arrayBuffer, options),
   parseSync: parseCartoSpatialTile,
   worker: true,
-  options: DEFAULT_OPTIONS
+  options: DEFAULT_OPTIONS as StrictLoaderOptions
 };
 
 function parseCartoSpatialTile(

diff --git a/modules/carto/src/layers/schema/carto-vector-tile-loader.ts b/modules/carto/src/layers/schema/carto-vector-tile-loader.ts
@@ -3,7 +3,7 @@
 // Copyright (c) vis.gl contributors
 
 import earcut from 'earcut';
-import {LoaderOptions, LoaderWithParser} from '@loaders.gl/loader-utils';
+import {LoaderOptions, LoaderWithParser, StrictLoaderOptions} from '@loaders.gl/loader-utils';
 import type {BinaryFeatureCollection, BinaryPolygonFeature, TypedArray} from '@loaders.gl/schema';
 
 import {TileReader} from './carto-tile';
@@ -19,11 +19,11 @@ type CartoVectorTileLoaderOptions = LoaderOptions & {
   };
 };
 
-const DEFAULT_OPTIONS: CartoVectorTileLoaderOptions = {
+const DEFAULT_OPTIONS = {
   cartoVectorTile: {
     workerUrl: getWorkerUrl(id, VERSION)
   }
-};
+} as const satisfies CartoVectorTileLoaderOptions;
 
 const CartoVectorTileLoader: LoaderWithParser = {
   name: 'CARTO Vector Tile',

diff --git a/modules/core/package.json b/modules/core/package.json
@@ -40,8 +40,8 @@
     "prepublishOnly": "npm run build-debugger && npm run build-bundle && npm run build-bundle -- --env=dev"
   },
   "dependencies": {
-    "@loaders.gl/core": "^4.3.4",
-    "@loaders.gl/images": "^4.3.4",
+    "@loaders.gl/core": "^4.4.0-alpha.16",
+    "@loaders.gl/images": "^4.4.0-alpha.16",
     "@luma.gl/constants": "^9.2.6",
     "@luma.gl/core": "^9.2.6",
     "@luma.gl/engine": "^9.2.6",

diff --git a/modules/core/src/lib/layer.ts b/modules/core/src/lib/layer.ts
@@ -96,9 +96,12 @@ const defaultProps: DefaultProps<LayerProps> = {
       if (signal) {
         loadOptions = {
           ...loadOptions,
-          fetch: {
-            ...loadOptions?.fetch,
-            signal
+          core: {
+            ...loadOptions?.core,
+            fetch: {
+              ...loadOptions?.core?.fetch,
+              signal
+            }
           }
         };
       }