@tileflow/vue 0.1.0-alpha.24 → 0.1.0-alpha.26

package/README.md

@@ -69,7 +69,7 @@ import {TileflowMap} from '@tileflow/vue';
 
 <template>
   <TileflowMap
-    :source="{kind: 'tileflow', map: 'madrid'}"
+    :source="{map: 'madrid'}"
     theme="system"
     :center="[-3.7038, 40.4168]"
     :zoom="12"
@@ -79,19 +79,20 @@ import {TileflowMap} from '@tileflow/vue';
 </template>
 ```
 
-Coordinates are `[longitude, latitude]`. `source.map` is the config's portable ID, not a hosted
-`map_...` identifier. The default manifest URL is exactly `/tileflow/manifest.json`; provide
-`source.manifestUrl` explicitly for a subpath, reverse proxy, or external host. The component does
-not infer build-tool configuration.
+Coordinates are `[longitude, latitude]`. `source` is one object, `{map, manifestUrl?}`.
+`source.map` is the config's portable ID, not a hosted `map_...` identifier. The default manifest
+URL is exactly `/tileflow/manifest.json`; provide `source.manifestUrl` explicitly for a subpath,
+reverse proxy, or external host. The component does not infer build-tool configuration.
 
 Omitting `theme` uses `defaultTheme`. `system` needs the map's explicit light/dark mapping, which
 Streets supplies. Switching themes preserves the map, camera, and interactions, with rollback on
 failure. Listen to `themeChange` for transitions.
 
 `mapOptions` accepts native MapLibre options except `container` and `style`. Direct props take
-priority over those options, then the published view, then shared defaults. An unmanaged
-`source: {kind: 'maplibre', style: styleUrl}` loads a single style without Tileflow theme selection
-or manifest traceability; do not combine it with a Tileflow theme.
+priority over those options, then the published view, then shared defaults. `TileflowMap` always
+selects a Tileflow map through its manifest; it has no renderer discriminator or direct-style mode.
+The obsolete source fields `kind` and `style` are rejected. For a completely unmanaged map, use
+`maplibre-gl` directly rather than a Tileflow component.
 
 ## Add annotations and native popup UI
 
@@ -126,7 +127,7 @@ const state = ref<TileflowInteractionState>({popup: null});
 <template>
   <TileflowMap
     v-model:interaction-state="state"
-    :source="{kind: 'tileflow', map: 'madrid'}"
+    :source="{map: 'madrid'}"
     :annotations="annotations"
     @interaction-diagnostic="(diagnostic) => console.error(diagnostic.code)"
   >
@@ -157,9 +158,11 @@ links, buttons, or forms.
 
 ## Display an existing image
 
-`mode="image"` renders an explicit `imageUrl` or a published manifest image without loading MapLibre.
-A local style build does not generate an image. This mode does not create or poll a static render;
-use the server-side [Static Maps client](https://github.com/tileflow/tileflow-sdk/blob/main/packages/static/README.md)
+`mode="image"` renders an explicit `imageUrl` or derives an image URL from the selected manifest
+map's `mapId`, `apiUrl`, concrete theme and view, without loading MapLibre. It still requires a valid
+Tileflow source. A local style build does not generate an image. This mode does not create or poll
+a static render; use the server-side
+[Static Maps client](https://github.com/tileflow/tileflow-sdk/blob/main/packages/static/README.md)
 for that operation and keep privileged keys on the server.
 
 Do not pass annotations, semantic bindings, state, or interaction slots to image mode. Unsupported

package/dist/index.js

@@ -14,6 +14,7 @@ import {
   watchEffect
 } from "vue";
 import {
+  attachTileflowAtmosphere,
   attachTileflowFairUseNotice,
   attachTileflowMapLifecycle,
   createTileflowSessionStarter,
@@ -40,8 +41,7 @@ import {
   resolveTileflowRuntimeStyle,
   resolveTileflowRuntimeTheme,
   resolveTileflowRuntimeView,
-  resolveTileflowStaticImageUrl,
-  shouldLoadTileflowManifest
+  resolveTileflowStaticImageUrl
 } from "@tileflow/core/runtime";
 import {
   initialTileflowInteractionState
@@ -167,9 +167,6 @@ function validateTileflowMapStyleInputs(input) {
   if (input.theme !== void 0 && !validateTileflowThemeSelection(input.theme)) {
     return { error: 'theme must be a concrete portable theme name or "system"', ok: false };
   }
-  if (input.theme !== void 0 && input.source.kind !== "tileflow") {
-    return { error: "theme is only valid with a tileflow source", ok: false };
-  }
   return { ok: true };
 }
 function assertTileflowMapStyleInputs(input) {
@@ -330,31 +327,20 @@ var TileflowMap = defineComponent({
       },
       ...controlledInteractionOwnership ? { interactionState: initialInteractionState } : { defaultInteractionState: initialInteractionState }
     });
-    const mapName = computed(
-      () => props.source.kind === "tileflow" ? props.source.map : void 0
-    );
-    const manifestUrl = computed(
-      () => props.source.kind === "tileflow" ? props.source.manifestUrl ?? defaultTileflowManifestUrl : defaultTileflowManifestUrl
-    );
-    const shouldLoadManifest = computed(
-      () => shouldLoadTileflowManifest({
-        source: props.source
-      })
-    );
-    const manifestRequestKey = computed(
-      () => shouldLoadManifest.value ? JSON.stringify([manifestUrl.value, mapName.value]) : "not-needed"
-    );
+    const mapName = computed(() => props.source.map);
+    const manifestUrl = computed(() => props.source.manifestUrl ?? defaultTileflowManifestUrl);
+    const manifestRequestKey = computed(() => JSON.stringify([manifestUrl.value, mapName.value]));
     const currentManifestResolutionState = computed(
-      () => manifestResolutionKey.value === manifestRequestKey.value ? manifestResolutionState.value : shouldLoadManifest.value ? "loading" : "not-needed"
+      () => manifestResolutionKey.value === manifestRequestKey.value ? manifestResolutionState.value : "loading"
     );
     const manifestMap = computed(
       () => manifestResolutionKey.value === manifestRequestKey.value && manifestResolutionState.value === "ready" ? loadedManifestMap.value : null
     );
     const themeResolution = computed(() => {
-      if (!manifestMap.value || props.source.kind !== "tileflow") {
+      if (!manifestMap.value) {
         return {
           error: false,
-          name: props.source.kind === "tileflow" && props.theme && props.theme !== "system" ? props.theme : void 0
+          name: props.theme && props.theme !== "system" ? props.theme : void 0
         };
       }
       try {
@@ -415,7 +401,7 @@ var TileflowMap = defineComponent({
       }) : void 0)
     );
     const runtimeResolutionState = computed(() => {
-      if (shouldLoadManifest.value && currentManifestResolutionState.value !== "ready") {
+      if (currentManifestResolutionState.value !== "ready") {
         return currentManifestResolutionState.value === "error" ? "error" : "loading";
       }
       if (themeResolution.value.error) return "error";
@@ -538,15 +524,7 @@ var TileflowMap = defineComponent({
       settleInteractionReadiness();
     });
     const refreshManifest = async () => {
-      const shouldLoad = shouldLoadManifest.value;
       const requestKey = manifestRequestKey.value;
-      if (!shouldLoad) {
-        manifestLoadId += 1;
-        loadedManifestMap.value = null;
-        manifestResolutionKey.value = requestKey;
-        manifestResolutionState.value = "not-needed";
-        return;
-      }
       const loadId = ++manifestLoadId;
       loadedManifestMap.value = null;
       manifestResolutionKey.value = requestKey;
@@ -760,6 +738,7 @@ var TileflowMap = defineComponent({
         zoom: resolvedZoom.value
       });
       mapRef.value = map;
+      attachTileflowAtmosphere(map);
       themeController = runtime.theme === void 0 ? null : createTileflowThemeController({
         initial: runtime,
         map,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tileflow/vue",
-  "version": "0.1.0-alpha.24",
+  "version": "0.1.0-alpha.26",
   "license": "Apache-2.0",
   "description": "Vue component for rendering Tileflow maps with MapLibre.",
   "type": "module",
@@ -38,7 +38,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@tileflow/core": ">=0.1.0-alpha.25 <0.1.0-beta.0",
+    "@tileflow/core": ">=0.1.0-alpha.29 <0.1.0-beta.0",
     "@tileflow/interactions": ">=0.1.0-alpha.4 <0.1.0-beta.0"
   },
   "peerDependencies": {