@tileflow/react 0.1.0-alpha.33 → 0.1.0-alpha.34

package/README.md

@@ -127,6 +127,9 @@ take priority over `mapOptions`, then the manifest view, then shared defaults. `
 a Tileflow map through its manifest; it has no renderer discriminator or direct-style mode.
 Tileflow's styles are validated when they are compiled, so `validateStyle` defaults to `false`; pass
 `true` to validate them again in the browser.
+The map canvas is multisampled by default (`canvasContextAttributes.antialias` is `true`) so the
+thin edges of 3D models stay continuous; other context attributes you pass are kept, and
+`canvasContextAttributes: {antialias: false}` trades that smoothing for lower GPU cost.
 The obsolete source fields `kind` and `style` are rejected. For a completely unmanaged map, use
 `maplibre-gl` directly rather than a Tileflow component.
 

package/dist/index.js

@@ -43,6 +43,7 @@ import {
   attachTileflowFairUseNotice,
   attachTileflowMap3D,
   attachTileflowMapLifecycle,
+  attachTileflowNauticalLights,
   attachTileflowNotices,
   createTileflowSessionStarter,
   createTileflowThemeController,
@@ -52,7 +53,9 @@ import {
   registerTileflowContourProtocol,
   registerTileflowPmtilesProtocol,
   registerTileflowWorldRequestBridge,
-  subscribeTileflowSystemColorScheme
+  subscribeTileflowSystemColorScheme,
+  tileflowCanvasContextAttributes,
+  tileflowMaxPitch
 } from "@tileflow/core/browser";
 import { normalizeTileflowCaptureId } from "@tileflow/core/capture";
 import {
@@ -805,6 +808,9 @@ function Map2(props) {
       });
       const map = new maplibregl.Map({
         ...stableMapOptions,
+        canvasContextAttributes: tileflowCanvasContextAttributes(
+          stableMapOptions?.canvasContextAttributes
+        ),
         container,
         style: initialRuntimeStyle.style,
         bearing: bearingRef.current,
@@ -817,6 +823,7 @@ function Map2(props) {
         },
         // Tileflow's compiled styles are validated when they are built.
         validateStyle: stableMapOptions?.validateStyle ?? false,
+        maxPitch: stableMapOptions?.maxPitch ?? tileflowMaxPitch,
         transformRequest
       });
       mapRef.current = map;
@@ -824,6 +831,7 @@ function Map2(props) {
       registerCleanup(() => map.remove());
       registerCleanup(attachTileflowAtmosphere(map));
       registerCleanup(attachTileflowNotices(map));
+      registerCleanup(attachTileflowNauticalLights(map));
       const themeController = initialRuntimeStyle.theme === void 0 ? void 0 : createTileflowThemeController({
         initial: initialRuntimeStyle,
         map,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tileflow/react",
-  "version": "0.1.0-alpha.33",
+  "version": "0.1.0-alpha.34",
   "license": "Apache-2.0",
   "description": "React components for rendering Tileflow maps with MapLibre.",
   "type": "module",
@@ -43,7 +43,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@tileflow/core": ">=0.1.0-alpha.38 <0.1.0-beta.0",
+    "@tileflow/core": ">=0.1.0-alpha.39 <0.1.0-beta.0",
     "@tileflow/interactions": ">=0.1.0-alpha.6 <0.1.0-beta.0",
     "@tileflow/static": ">=0.1.0-alpha.28 <0.1.0-beta.0"
   },