@tileflow/vue 0.1.0-alpha.17 → 0.1.0-alpha.18

package/README.md

@@ -28,6 +28,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` with `enabled: false` disables the optional beacon only; it does not
+remove hosted authorization or override a user `mapOptions.transformRequest` callback.
+
 ## Headless capture readiness
 
 Pass `capture-id` when a page contains multiple copies of the same named map:

package/dist/index.js

@@ -12,7 +12,7 @@ import {
   watch
 } from "vue";
 import {
-  createTileflowSessionId,
+  createTileflowSessionController,
   defaultTileflowManifestUrl,
   loadTileflowManifest,
   mergeTileflowAnalytics,
@@ -92,7 +92,6 @@ var TileflowMap = defineComponent({
     const imageSize = shallowRef(null);
     const mapRef = shallowRef(null);
     const captureState = ref("loading");
-    const sessionId = createTileflowSessionId();
     const markerController = createTileflowMarkerController({
       attach(markerInstance, map, marker) {
         markerInstance.setLngLat(marker.coordinates).addTo(map);
@@ -103,10 +102,6 @@ var TileflowMap = defineComponent({
       }),
       remove: (marker) => marker.remove()
     });
-    const sessionStarter = createTileflowSessionStarter({
-      sessionId,
-      source: "vue"
-    });
     let imageResizeObserver = null;
     let mapLifecycle = null;
     let mapResizeObserver = null;
@@ -238,6 +233,12 @@ var TileflowMap = defineComponent({
       }
       const runtime = runtimeStyle.value;
       const analyticsForMap = resolvedAnalytics.value;
+      const session = createTileflowSessionController({ source: "vue" });
+      const sessionStarter = createTileflowSessionStarter({
+        getSessionId: () => session.sessionId,
+        sessionId: session.sessionId,
+        source: "vue"
+      });
       const map = new maplibregl.Map({
         ...props.mapOptions,
         attributionControl: props.mapOptions?.attributionControl ?? { compact: true },
@@ -247,7 +248,8 @@ var TileflowMap = defineComponent({
         style: runtime.style,
         transformRequest: createTileflowTransformRequest({
           getAnalytics: () => analyticsForMap,
-          sessionId,
+          sessionController: session,
+          sessionId: session.sessionId,
           transformRequest: props.mapOptions?.transformRequest ?? void 0
         }),
         zoom: resolvedZoom.value

package/package.json

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