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

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.d.ts

@@ -26,7 +26,6 @@ type TileflowMapProps = {
     styleBaseUrl?: string;
     styleUrl?: string;
     themes?: TileflowProjectThemes;
-    tileBaseUrl?: string;
     zoom?: number;
 };
 declare const TileflowMap: vue.DefineComponent<vue.ExtractPropTypes<{
@@ -74,7 +73,6 @@ declare const TileflowMap: vue.DefineComponent<vue.ExtractPropTypes<{
     styleBaseUrl: StringConstructor;
     styleUrl: StringConstructor;
     themes: PropType<TileflowProjectThemes>;
-    tileBaseUrl: StringConstructor;
     zoom: NumberConstructor;
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
@@ -125,7 +123,6 @@ declare const TileflowMap: vue.DefineComponent<vue.ExtractPropTypes<{
     styleBaseUrl: StringConstructor;
     styleUrl: StringConstructor;
     themes: PropType<TileflowProjectThemes>;
-    tileBaseUrl: StringConstructor;
     zoom: NumberConstructor;
 }>> & Readonly<{
     onLoad?: ((_map: maplibregl.Map) => any) | undefined;

package/dist/index.js

@@ -12,7 +12,7 @@ import {
   watch
 } from "vue";
 import {
-  createTileflowSessionId,
+  createTileflowSessionController,
   defaultTileflowManifestUrl,
   loadTileflowManifest,
   mergeTileflowAnalytics,
@@ -80,7 +80,6 @@ var TileflowMap = defineComponent({
     styleBaseUrl: String,
     styleUrl: String,
     themes: Object,
-    tileBaseUrl: String,
     zoom: Number
   },
   emits: {
@@ -92,7 +91,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 +101,6 @@ var TileflowMap = defineComponent({
       }),
       remove: (marker) => marker.remove()
     });
-    const sessionStarter = createTileflowSessionStarter({
-      sessionId,
-      source: "vue"
-    });
     let imageResizeObserver = null;
     let mapLifecycle = null;
     let mapResizeObserver = null;
@@ -138,8 +132,7 @@ var TileflowMap = defineComponent({
         style: props.mapStyle,
         styleBaseUrl: props.styleBaseUrl,
         styleUrl: props.styleUrl,
-        themes: props.themes,
-        tileBaseUrl: props.tileBaseUrl
+        themes: props.themes
       })
     );
     const resolvedAnalytics = computed(
@@ -238,6 +231,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 +246,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
@@ -376,7 +376,6 @@ var TileflowMap = defineComponent({
         props.styleBaseUrl,
         props.styleUrl,
         props.themes,
-        props.tileBaseUrl,
         manifestMap.value
       ],
       () => recreateMap(),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tileflow/vue",
-  "version": "0.1.0-alpha.17",
+  "version": "0.1.0-alpha.19",
   "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.19 <0.1.0-beta.0"
   },
   "peerDependencies": {
     "maplibre-gl": ">=5",