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

package/README.md

@@ -55,8 +55,8 @@ hosted manifest.
 In a Vite application's client entry, add this before mounting React:
 
 ```ts
-import workerUrl from 'maplibre-gl/dist/maplibre-gl-worker.mjs?worker&url';
 import {configureTileflowMapLibre} from '@tileflow/react';
+import workerUrl from 'maplibre-gl/dist/maplibre-gl-worker.mjs?worker&url';
 
 configureTileflowMapLibre({workerUrl});
 ```
@@ -73,8 +73,8 @@ Import MapLibre's CSS once in the application. After the worker and assets are r
 <!-- docs:check -->
 
 ```tsx
-import 'maplibre-gl/dist/maplibre-gl.css';
 import {Map} from '@tileflow/react';
+import 'maplibre-gl/dist/maplibre-gl.css';
 
 export function App() {
   return (
@@ -105,11 +105,12 @@ Maps without this capability ignore the option; omitting it keeps the selected t
 Changing it uses the existing theme transition. `themeBlend` takes precedence. See the
 [authoring contract](https://github.com/tileflow/tileflow-sdk/blob/main/packages/core/README.md#style-with-themes-and-semantic-modules).
 
-`themeTransition={{duration: 450}}` cross-fades theme changes over that many milliseconds.
+Theme and `timeOfDay` changes cross-fade over 450 ms by default, respecting reduced motion.
+`themeTransition={{duration: 700}}` customizes the duration; use `duration: 0` for an immediate change.
 `themeBlend={{themes: ['night', 'dusk', 'day'], position}}` shows a continuous blend of the map's
 themes instead of `theme`: position 0 is the first theme and 1.5 is halfway from the second to the
 third. Moving the position updates the map at once. See
-[theme transitions and blends](https://github.com/tileflow/tileflow-sdk/blob/main/packages/core/docs/theme-transitions-and-blends.md).
+[theme transitions and blends](https://github.com/tileflow/tileflow-sdk/blob/main/packages/core/README.md).
 
 Interactive maps show the 3D scene their style declares by default: buildings with Tileflow
 landmarks and the map's Team building models, 3D trees, and street lights where the map enables
@@ -119,8 +120,8 @@ draws vegetation as the map's policy sets for the 2D view (Streets keeps its mod
 view). `vegetation` overrides vegetation visibility (omitting it uses the map default); `vegetation={false}`
 hides models and flat artwork alike. Changing either prop updates the existing map immediately.
 They do not change camera pitch and do not apply in image mode. See
-[the map's 3D scene](https://github.com/tileflow/tileflow-sdk/blob/main/packages/core/docs/buildings-3d.md#the-maps-3d-scene)
-and [vegetation controls](https://github.com/tileflow/tileflow-sdk/blob/main/packages/core/docs/trees-3d.md#visibility-and-representation).
+[the map's 3D scene](https://github.com/tileflow/tileflow-sdk/blob/main/packages/core/README.md)
+and [vegetation controls](https://github.com/tileflow/tileflow-sdk/blob/main/packages/core/README.md).
 
 `mapOptions` accepts native MapLibre options except `container` and `style`. Direct camera props
 take priority over `mapOptions`, then the manifest view, then shared defaults. `Map` always selects
@@ -142,9 +143,9 @@ and memoize the values; each new object replaces the previous ones, and `null` c
 <!-- docs:check -->
 
 ```tsx
+import {Map, useBoundaryFeatureState} from '@tileflow/react';
 import {useMemo, useState} from 'react';
 import type {Map as MapLibreMap} from 'maplibre-gl';
-import {Map, useBoundaryFeatureState} from '@tileflow/react';
 
 export function Unemployment({rates}: {rates: {ine: string; rate: number}[]}) {
   const [map, setMap] = useState<MapLibreMap | null>(null);
@@ -162,7 +163,7 @@ export function Unemployment({rates}: {rates: {ine: string; rate: number}[]}) {
 
 Rows join by `ref` here, so this map declares `boundaryAreas: {family: 'boundaries', promoteId:
 'ref'}`. Without `promoteId`, rows join by registry `id`. See
-[boundary areas and choropleths](https://github.com/tileflow/tileflow-sdk/blob/main/packages/core/docs/boundary-areas-and-choropleths.md)
+[boundary areas and choropleths](https://github.com/tileflow/tileflow-sdk/blob/main/packages/core/README.md)
 for scales, joins and the lookup table.
 
 ## Add annotations and popups
@@ -180,9 +181,9 @@ into hosts managed by the interaction runtime:
 <!-- docs:check -->
 
 ```tsx
+import {Map} from '@tileflow/react';
 import {useState} from 'react';
 import type {TileflowAnnotation, TileflowInteractionState} from '@tileflow/interactions';
-import {Map} from '@tileflow/react';
 
 type Property = {price: number; title: string};
 
@@ -260,8 +261,8 @@ Tileflow credentials on that server, not in React props or a browser bundle.
 <!-- docs:check -->
 
 ```tsx
-import {useState} from 'react';
 import {StaticMap} from '@tileflow/react/static';
+import {useState} from 'react';
 import type {StaticMapAttributionEntry} from '@tileflow/static/client';
 
 export function StaticPreview({idempotencyKey}: {idempotencyKey: string}) {

package/dist/index.js

@@ -41,6 +41,8 @@ import { createPortal } from "react-dom";
 import {
   attachTileflowAtmosphere,
   attachTileflowFairUseNotice,
+  attachTileflowHorizonQueries,
+  attachTileflowLabelPlacement,
   attachTileflowMap3D,
   attachTileflowMapLifecycle,
   attachTileflowNauticalLights,
@@ -51,6 +53,7 @@ import {
   getTileflowSystemColorScheme,
   loadTileflowStyleFonts,
   registerTileflowContourProtocol,
+  registerTileflowPathGroundProtocol,
   registerTileflowPmtilesProtocol,
   registerTileflowWorldRequestBridge,
   subscribeTileflowSystemColorScheme,
@@ -793,6 +796,7 @@ function Map2(props) {
       const fairUseNotice = attachTileflowFairUseNotice(container);
       registerCleanup(() => fairUseNotice.dispose());
       registerTileflowContourProtocol({ addProtocol: maplibregl.addProtocol });
+      registerTileflowPathGroundProtocol({ addProtocol: maplibregl.addProtocol });
       registerTileflowPmtilesProtocol({ addProtocol: maplibregl.addProtocol });
       const worldRequestBridge = registerTileflowWorldRequestBridge({
         addProtocol: maplibregl.addProtocol,
@@ -832,6 +836,8 @@ function Map2(props) {
       registerCleanup(attachTileflowAtmosphere(map));
       registerCleanup(attachTileflowNotices(map));
       registerCleanup(attachTileflowNauticalLights(map));
+      registerCleanup(attachTileflowLabelPlacement(map));
+      registerCleanup(attachTileflowHorizonQueries(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.34",
+  "version": "0.1.0-alpha.36",
   "license": "Apache-2.0",
   "description": "React components for rendering Tileflow maps with MapLibre.",
   "type": "module",
@@ -43,9 +43,9 @@
     "access": "public"
   },
   "dependencies": {
-    "@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"
+    "@tileflow/core": ">=0.1.0-alpha.43 <0.1.0-beta.0",
+    "@tileflow/interactions": ">=0.1.0-alpha.7 <0.1.0-beta.0",
+    "@tileflow/static": ">=0.1.0-alpha.29 <0.1.0-beta.0"
   },
   "peerDependencies": {
     "maplibre-gl": ">=6.4.1 <7",