@tileflow/svelte 0.1.0-alpha.17 → 0.1.0-alpha.19

package/README.md

@@ -26,6 +26,10 @@ Tileflow resolves from the map name, manifest, or explicit style props. Direct
 Tileflow props such as `center`, `zoom`, and `interactive` take priority when
 provided.
 
+Hosted maps automatically preflight a short-lived commercial session grant before eligible
+resources. Setting `analytics={{enabled: false}}` disables the optional beacon only; it does not
+remove hosted authorization or override a user `mapOptions.transformRequest` callback.
+
 ## Headless capture readiness
 
 Use `captureId` to disambiguate repeated named maps:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tileflow/svelte",
-  "version": "0.1.0-alpha.17",
+  "version": "0.1.0-alpha.19",
   "description": "Svelte component for rendering Tileflow maps with MapLibre.",
   "type": "module",
   "sideEffects": false,
@@ -42,7 +42,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@tileflow/core": ">=0.1.0-alpha.17 <0.1.0-beta.0"
+    "@tileflow/core": ">=0.1.0-alpha.19 <0.1.0-beta.0"
   },
   "peerDependencies": {
     "maplibre-gl": ">=5",

package/src/TileflowMap.svelte

@@ -7,7 +7,7 @@
   } from 'maplibre-gl';
   import {createEventDispatcher, onMount, tick} from 'svelte';
   import {
-    createTileflowSessionId,
+    createTileflowSessionController,
     defaultTileflowManifestUrl,
     loadTileflowManifest,
     mergeTileflowAnalytics,
@@ -58,7 +58,6 @@
   export let styleBaseUrl: string | undefined = undefined;
   export let styleUrl: string | undefined = undefined;
   export let themes: TileflowProjectThemes | undefined = undefined;
-  export let tileBaseUrl: string | undefined = undefined;
   export let zoom: number | undefined = undefined;
 
   let container: HTMLDivElement;
@@ -75,8 +74,6 @@
   let readinessRunId = 0;
 
   const dispatch = createEventDispatcher<{load: MapLibreMap}>();
-  const sessionId = createTileflowSessionId();
-  const sessionStarter = createTileflowSessionStarter({sessionId, source: 'svelte'});
   const markerController = createTileflowMarkerController<
     MapLibreMap,
     TileflowMapMarker,
@@ -112,7 +109,6 @@
         styleBaseUrl,
         styleUrl,
         themes,
-        tileBaseUrl,
       });
   $: resolvedAnalytics = mergeTileflowAnalytics(analytics, runtimeStyle?.analytics);
   $: runtimeImageUrl =
@@ -140,7 +136,6 @@
     styleBaseUrl;
     styleUrl;
     themes;
-    tileBaseUrl;
     void refresh();
   }
 
@@ -270,6 +265,12 @@
     }
 
     const runtime = runtimeStyle;
+    const session = createTileflowSessionController({source: 'svelte'});
+    const sessionStarter = createTileflowSessionStarter({
+      getSessionId: () => session.sessionId,
+      sessionId: session.sessionId,
+      source: 'svelte',
+    });
     const maplibreMap = new maplibregl.Map({
       ...mapOptions,
       attributionControl: mapOptions?.attributionControl ?? {compact: true},
@@ -281,7 +282,8 @@
         always: true,
         asyncAnalyticsTiming: 'request',
         getAnalytics: () => resolvedAnalytics,
-        sessionId,
+        sessionController: session,
+        sessionId: session.sessionId,
         transformRequest: mapOptions?.transformRequest ?? undefined,
       }),
       zoom: resolvedZoom,

package/src/index.d.ts

@@ -32,7 +32,6 @@ export type TileflowMapProps = {
   styleBaseUrl?: string;
   styleUrl?: string;
   themes?: TileflowProjectThemes;
-  tileBaseUrl?: string;
   zoom?: number;
 };