@cloudparse/up-miniapps-sdk 0.1.5 → 0.2.0

package/README.md

@@ -13,12 +13,22 @@ npm i @cloudparse/up-miniapps-sdk
 ### Initialization
 
 ```typescript
-import { sdk } from 'up-miniapps-sdk';
+import {sdk} from 'up-miniapps-sdk';
 
 // Or if using UMD/CDN
 // const sdk = window.UPSDK;
 ```
 
+#### Global Context Sync
+
+Mini-Apps can synchronize state (like theme preferences) with the native shell.
+
+- `sdk.updateContext(context: Record<string, unknown>): Promise<void>` - Merges local state into the shell's global context.
+
+```typescript
+await sdk.updateContext({isDark: true, lastViewedTab: 'home'});
+```
+
 ---
 
 ## 🛠 API Reference
@@ -29,15 +39,18 @@ import { sdk } from 'up-miniapps-sdk';
 Local SQLite Storage and Hardware-level Secure Storage (Keychain/Keystore). Data is isolated per Mini-App.
 
 #### Standard Storage (`sdk.storage`)
+
 - `sdk.storage.get(key: string): Promise<string | null>` - Retrieves a value by key.
 - `sdk.storage.getAll(): Promise<Record<string, string>>` - Retrieves all key-value pairs.
 - `sdk.storage.set(key: string, value: string): Promise<void>` - Sets a value for a specific key.
 
 #### Secure Storage (`sdk.secureStore`)
+
 - `sdk.secureStore.get(key: string): Promise<string | null>` - Retrieves a value from the device's secure enclave.
 - `sdk.secureStore.set(key: string, value: string): Promise<void>` - Stores hardware-encrypted data.
 
 #### Database Storage (`sdk.database`)
+
 - `sdk.database.getUserData<T = unknown>(): Promise<T>` - Retrieves user-app specific data from the backend database.
 - `sdk.database.setUserData<T = unknown>(data: T): Promise<void>` - Updates user-app specific data in the backend database.
 
@@ -46,7 +59,24 @@ Local SQLite Storage and Hardware-level Secure Storage (Keychain/Keystore). Data
 <details>
 <summary><b>📍 Location</b></summary>
 
-- `sdk.location.getCurrentPosition(): Promise<LocationData>` - Retrieves the current GPS position of the device.
+- `sdk.location.getCurrentPosition(): Promise<LocationData>` - Retrieves the current GPS position of the device (One-shot).
+- `sdk.location.startStream(config?: LocationStreamConfig): Promise<void>` - Starts the continuous, high-frequency location and sensor stream from the native shell.
+- `sdk.location.stopStream(): Promise<void>` - Stops the location stream to save battery.
+
+#### Events
+
+- `GeolocationEvent.LOCATION_STREAM_UPDATE` - Fired continuously while the stream is active. Includes GPS, Heading (compass), and Accelerometer data.
+
+```typescript
+import {sdk, GeolocationEvent} from '@cloudparse/up-miniapps-sdk';
+
+sdk.location.startStream({distanceFilter: 1, headingThreshold: 2});
+
+sdk.on(GeolocationEvent.LOCATION_STREAM_UPDATE, (payload) => {
+    console.log("Location:", payload.location.coords);
+    console.log("Compass:", payload.heading.trueHeading);
+});
+```
 
 </details>
 
@@ -105,6 +135,125 @@ Integration with the Fidelity program.
 - `sdk.fidelity.getFidelityBalance(): Promise<FidelityBalance>` - Returns current fidelity balance.
 - `sdk.fidelity.getFidelityHistory(params?: FidelityHistoryParams): Promise<FidelityTransaction[]>` - Retrieves transaction history.
 - `sdk.fidelity.spendFPoints(intentUuid: string): Promise<{ success: boolean; transactionId: string }>` - Authorize spending points via Two-Phase Authorization.
+- `sdk.fidelity.showHistory(): Promise<void>` - Triggers the native fidelity history view.
+
+</details>
+
+<details>
+<summary><b>🗺️ Map & Navigation</b></summary>
+
+A fully-featured, MapLibre-based interactive map component with built-in POI rendering, Live Routing, and customizable user tracking.
+
+### Basic Usage
+
+```tsx
+import {Map, useLiveRouting, useRoute} from '@cloudparse/up-miniapps-sdk/components/Map';
+
+// 1. (Option A) Fetch live routing data (automatically tracks user location)
+const navigationData = useLiveRouting({
+    destination: [6.1400, 45.9100], // [lng, lat]
+    enabled: true
+});
+
+// 1. (Option B) Simple one-off route (no live tracking)
+const {route, isCalculating, error} = useRoute(
+    [6.1258, 45.9058], // origin
+    [6.1400, 45.9100]  // destination
+);
+
+// 2. Render the Map
+<Map
+    initialViewState={{latitude: 45.906, longitude: 6.13, zoom: 16}}
+    mapStyle="https://tiles.cloudparse.fr/style/up_dark_matter" // Optional custom style
+
+    // POI Layer
+    pois={[
+        {id: '1', name: 'Le Pub', longitude: 6.128, latitude: 45.908, emoji: '🍻'}
+    ]}
+    onPoiClick={(poi) => console.log('Clicked:', poi)}
+
+    // Navigation & User Location
+    showUserLocation={true}
+    showUserLocationButton={true} // Built-in "Center on User" button
+    route={navigationData.route?.geometry}
+    showNavigationUI={true}
+    navigationData={navigationData}
+    onNavigationAbort={() => console.log("Route cancelled")}
+    route={navigationData.route?.geometry || route?.geometry}
+    // Customization
+    renderUserLocation={({coords, heading}) => (
+        <MyCustomPulsatingMarker coords={coords} heading={heading}/>
+    )}
+/>
+```
+
+### Integrated Navigation
+
+The `Map` component can internally handle the entire navigation lifecycle (requesting routes, drawing lines, following user location).
+
+#### Option A: Component-driven (via props)
+
+```tsx
+<Map
+    navigation={{
+        destination: [6.1400, 45.9100],
+        profile: 'walking'
+    }}
+/>
+```
+
+#### Option B: Programmatic-driven (Google Maps style)
+
+You can trigger a journey from anywhere in your code. Any mounted `Map` component will automatically pick it up and show the route.
+
+```typescript
+import {sdk} from '@cloudparse/up-miniapps-sdk';
+
+// 1. Show route preview
+sdk.navigation.createJourney({
+    destination: [6.1400, 45.9100],
+    profile: 'driving'
+});
+
+// 2. Start active navigation (can also be done via "Start" button in Map UI)
+sdk.navigation.start();
+
+// 3. Stop/Clear
+sdk.navigation.abort();
+```
+
+---
+
+### Custom Camera Controls
+
+If you want to build your own custom "Center on User" button outside of the Map component, wrap your view in `SDKMapProvider` and use the `useMapControls` hook.
+
+```tsx
+import {Map, SDKMapProvider, useMapControls} from '@cloudparse/up-miniapps-sdk/components/Map';
+
+const CustomRecenterButton = () => {
+    // Access camera state and the flyTo trigger
+    const {isFollowing, centerOnUser} = useMapControls();
+
+    return (
+        <button
+            onClick={centerOnUser}
+            style={{color: isFollowing ? 'blue' : 'gray'}}
+        >
+            Center Map
+        </button>
+    );
+};
+
+export const AppView = () => (
+    <SDKMapProvider>
+        <div style={{position: 'relative'}}>
+            <Map showUserLocation={true} showUserLocationButton={false}/>
+            <CustomRecenterButton/>
+        </div>
+    </SDKMapProvider>
+);
+```
 
 </details>
 
@@ -113,6 +262,22 @@ Integration with the Fidelity program.
 
 - `sdk.ui.exit(): Promise<void>` - Closes the Mini-App and returns to the host shell.
 
+#### Events
+
+- `UIEvent.BACK_GESTURE` - Triggered when the user performs a native back gesture or presses the native back button. Use this to handle custom back navigation within your Mini App.
+
+```typescript
+import {sdk, UIEvent} from '@cloudparse/up-miniapps-sdk';
+
+sdk.on(UIEvent.BACK_GESTURE, () => {
+    if (myAppCanGoBack) {
+        myAppGoBack();
+    } else {
+        sdk.ui.exit();
+    }
+});
+```
+
 </details>
 
 ---

package/dist/chunk-S4UHRBSM.js

@@ -0,0 +1,252 @@
+// src/services/routingService.ts
+var RoutingService = {
+  createErrorResponse(req, code, message) {
+    return {
+      error: { code, message },
+      requestId: req.requestId,
+      sdkVersion: req.sdkVersion,
+      success: false,
+      type: "SDK_ROUTING_GETROUTE_RESPONSE"
+    };
+  },
+  decodePolyline(str, precision) {
+    let index = 0, lat = 0, lng = 0;
+    const coordinates = [];
+    const shift = 10 ** precision;
+    while (index < str.length) {
+      let b, shiftNum = 0, result = 0;
+      do {
+        b = str.charCodeAt(index++) - 63;
+        result |= (b & 31) << shiftNum;
+        shiftNum += 5;
+      } while (b >= 32);
+      const dlat = result & 1 ? ~(result >> 1) : result >> 1;
+      lat += dlat;
+      shiftNum = 0;
+      result = 0;
+      do {
+        b = str.charCodeAt(index++) - 63;
+        result |= (b & 31) << shiftNum;
+        shiftNum += 5;
+      } while (b >= 32);
+      const dlng = result & 1 ? ~(result >> 1) : result >> 1;
+      lng += dlng;
+      coordinates.push([lng / shift, lat / shift]);
+    }
+    return coordinates;
+  },
+  async fetchOSRMRoute(req, coords, profile, baseUrl) {
+    const coordsString = coords.map((c) => `${c[0]},${c[1]}`).join(";");
+    const osrmProfile = profile === "walking" ? "foot" : profile === "driving" ? "car" : "bike";
+    const url = `${baseUrl}/route/v1/${osrmProfile}/${coordsString}?overview=full&geometries=geojson&steps=true`;
+    const response = await fetch(url);
+    if (!response.ok) {
+      throw new Error(`OSRM Error: ${response.statusText}`);
+    }
+    const data = await response.json();
+    if (data.code !== "Ok" || !data.routes || data.routes.length === 0) {
+      throw new Error("NO_ROUTE");
+    }
+    const route = data.routes[0];
+    const steps = route.legs?.flatMap(
+      (leg) => leg.steps?.map((step) => ({
+        distance: step.distance,
+        duration: step.duration,
+        instruction: step.maneuver?.instruction || "Continue"
+      }))
+    ) || [];
+    return {
+      data: {
+        distanceMeters: route.distance,
+        durationSeconds: route.duration,
+        geometry: route.geometry,
+        steps
+      },
+      requestId: req.requestId,
+      sdkVersion: req.sdkVersion,
+      success: true,
+      type: "SDK_ROUTING_GETROUTE_RESPONSE"
+    };
+  },
+  async fetchRoute(req, config) {
+    const { origin, destination, waypoints, profile, language } = req.payload;
+    if (!this.isValidCoordinate(origin) || !this.isValidCoordinate(destination)) {
+      return this.createErrorResponse(
+        req,
+        "INVALID_INPUT",
+        "Origin or destination coordinates are invalid."
+      );
+    }
+    if (waypoints && !waypoints.every(this.isValidCoordinate)) {
+      return this.createErrorResponse(
+        req,
+        "INVALID_INPUT",
+        "One or more waypoints are invalid."
+      );
+    }
+    const allCoords = [origin, ...waypoints || [], destination];
+    try {
+      if (config.backend === "osrm") {
+        return await this.fetchOSRMRoute(
+          req,
+          allCoords,
+          profile,
+          config.baseUrl
+        );
+      } else {
+        return await this.fetchValhallaRoute(
+          req,
+          allCoords,
+          profile,
+          language,
+          config.baseUrl
+        );
+      }
+    } catch (error) {
+      if (error instanceof Error && error.message.includes("NO_ROUTE")) {
+        return this.createErrorResponse(
+          req,
+          "NO_ROUTE",
+          "No route could be found for the given points."
+        );
+      }
+      if (error instanceof TypeError) {
+        return this.createErrorResponse(
+          req,
+          "NETWORK_ERROR",
+          "Failed to connect to the routing backend."
+        );
+      }
+      return this.createErrorResponse(
+        req,
+        "BACKEND_ERROR",
+        `Routing backend error: ${error instanceof Error ? error.message : "Unknown error"}`
+      );
+    }
+  },
+  async fetchValhallaRoute(req, coords, profile, language, baseUrl) {
+    const valhallaProfile = profile === "driving" ? "auto" : profile === "walking" ? "pedestrian" : "bicycle";
+    const body = {
+      costing: valhallaProfile,
+      directions_options: {
+        language: language || "en-US"
+      },
+      locations: coords.map((c) => ({ lat: c[1], lon: c[0] }))
+    };
+    const response = await fetch(`${baseUrl}/route`, {
+      body: JSON.stringify(body),
+      headers: { "Content-Type": "application/json" },
+      method: "POST"
+    });
+    if (!response.ok) {
+      throw new Error(`Valhalla Error: ${response.statusText}`);
+    }
+    const data = await response.json();
+    if (!data.trip || !data.trip.legs || data.trip.legs.length === 0) {
+      throw new Error("NO_ROUTE");
+    }
+    const trip = data.trip;
+    const decodedCoordinates = this.decodePolyline(trip.legs[0].shape, 6);
+    const steps = trip.legs.flatMap(
+      (leg) => leg.maneuvers?.map((maneuver) => ({
+        distance: maneuver.length * 1e3,
+        // Valhalla returns km
+        duration: maneuver.time,
+        instruction: maneuver.instruction || "Continue"
+      }))
+    ) || [];
+    return {
+      data: {
+        distanceMeters: trip.summary.length * 1e3,
+        // km to m
+        durationSeconds: trip.summary.time,
+        geometry: {
+          coordinates: decodedCoordinates,
+          type: "LineString"
+        },
+        steps
+      },
+      requestId: req.requestId,
+      sdkVersion: req.sdkVersion,
+      success: true,
+      type: "SDK_ROUTING_GETROUTE_RESPONSE"
+    };
+  },
+  isValidCoordinate(coord) {
+    const [lng, lat] = coord;
+    return lng >= -180 && lng <= 180 && lat >= -90 && lat <= 90;
+  }
+};
+
+// src/host/routingHandler.ts
+async function handleRouteRequest(req, config) {
+  return RoutingService.fetchRoute(req, config);
+}
+function handleDrawRoute(map, miniAppId, req) {
+  const sourceId = `sdk-route-${miniAppId}`;
+  const casingLayerId = `sdk-route-casing-${miniAppId}`;
+  const lineLayerId = `sdk-route-line-${miniAppId}`;
+  const geojson = {
+    features: [
+      {
+        geometry: req.payload.routeData.geometry,
+        properties: {},
+        type: "Feature"
+      }
+    ],
+    type: "FeatureCollection"
+  };
+  const source = map.getSource(sourceId);
+  if (source) {
+    source.setData(geojson);
+  } else {
+    map.addSource(sourceId, {
+      data: geojson,
+      type: "geojson"
+    });
+    map.addLayer({
+      id: casingLayerId,
+      layout: {
+        "line-cap": "round",
+        "line-join": "round"
+      },
+      paint: {
+        "line-color": "#111111",
+        "line-opacity": 0.8,
+        "line-width": 8
+      },
+      source: sourceId,
+      type: "line"
+    });
+    map.addLayer({
+      id: lineLayerId,
+      layout: {
+        "line-cap": "round",
+        "line-join": "round"
+      },
+      paint: {
+        "line-color": "#3b82f6",
+        // Bright blue
+        "line-width": 4
+      },
+      source: sourceId,
+      type: "line"
+    });
+  }
+}
+function handleClearRoute(map, miniAppId) {
+  const sourceId = `sdk-route-${miniAppId}`;
+  const casingLayerId = `sdk-route-casing-${miniAppId}`;
+  const lineLayerId = `sdk-route-line-${miniAppId}`;
+  if (map.getLayer(lineLayerId)) map.removeLayer(lineLayerId);
+  if (map.getLayer(casingLayerId)) map.removeLayer(casingLayerId);
+  if (map.getSource(sourceId)) map.removeSource(sourceId);
+}
+
+export {
+  RoutingService,
+  handleRouteRequest,
+  handleDrawRoute,
+  handleClearRoute
+};
+//# sourceMappingURL=chunk-S4UHRBSM.js.map

package/dist/chunk-S4UHRBSM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/services/routingService.ts","../src/host/routingHandler.ts"],"sourcesContent":["import type { RouteRequest, RouteResponse } from \"@miniapps-sdk/types/routing\";\n\nexport interface RoutingBackendConfig {\n  backend: \"osrm\" | \"valhalla\";\n  baseUrl: string;\n}\n\n/**\n * Core routing service that can be used by both SDK (for direct fetching)\n * and Host (for handling bridge requests).\n */\nexport const RoutingService = {\n  createErrorResponse(\n    req: RouteRequest,\n    code: NonNullable<RouteResponse[\"error\"]>[\"code\"],\n    message: string,\n  ): RouteResponse {\n    return {\n      error: { code, message },\n      requestId: req.requestId,\n      sdkVersion: req.sdkVersion,\n      success: false,\n      type: \"SDK_ROUTING_GETROUTE_RESPONSE\",\n    };\n  },\n\n  decodePolyline(str: string, precision: number): [number, number][] {\n    let index = 0,\n      lat = 0,\n      lng = 0;\n    const coordinates: [number, number][] = [];\n    const shift = 10 ** precision;\n\n    while (index < str.length) {\n      let b: any,\n        shiftNum = 0,\n        result = 0;\n      do {\n        b = str.charCodeAt(index++) - 63;\n        result |= (b & 0x1f) << shiftNum;\n        shiftNum += 5;\n      } while (b >= 0x20);\n      const dlat = result & 1 ? ~(result >> 1) : result >> 1;\n      lat += dlat;\n\n      shiftNum = 0;\n      result = 0;\n      do {\n        b = str.charCodeAt(index++) - 63;\n        result |= (b & 0x1f) << shiftNum;\n        shiftNum += 5;\n      } while (b >= 0x20);\n      const dlng = result & 1 ? ~(result >> 1) : result >> 1;\n      lng += dlng;\n\n      coordinates.push([lng / shift, lat / shift]);\n    }\n    return coordinates;\n  },\n\n  async fetchOSRMRoute(\n    req: RouteRequest,\n    coords: [number, number][],\n    profile: string,\n    baseUrl: string,\n  ): Promise<RouteResponse> {\n    const coordsString = coords.map((c) => `${c[0]},${c[1]}`).join(\";\");\n    const osrmProfile =\n      profile === \"walking\" ? \"foot\" : profile === \"driving\" ? \"car\" : \"bike\";\n    const url = `${baseUrl}/route/v1/${osrmProfile}/${coordsString}?overview=full&geometries=geojson&steps=true`;\n\n    const response = await fetch(url);\n    if (!response.ok) {\n      throw new Error(`OSRM Error: ${response.statusText}`);\n    }\n    const data = await response.json();\n\n    if (data.code !== \"Ok\" || !data.routes || data.routes.length === 0) {\n      throw new Error(\"NO_ROUTE\");\n    }\n\n    const route = data.routes[0];\n    const steps =\n      route.legs?.flatMap((leg: any) =>\n        leg.steps?.map((step: any) => ({\n          distance: step.distance,\n          duration: step.duration,\n          instruction: step.maneuver?.instruction || \"Continue\",\n        })),\n      ) || [];\n\n    return {\n      data: {\n        distanceMeters: route.distance,\n        durationSeconds: route.duration,\n        geometry: route.geometry,\n        steps,\n      },\n      requestId: req.requestId,\n      sdkVersion: req.sdkVersion,\n      success: true,\n      type: \"SDK_ROUTING_GETROUTE_RESPONSE\",\n    };\n  },\n  async fetchRoute(\n    req: RouteRequest,\n    config: RoutingBackendConfig,\n  ): Promise<RouteResponse> {\n    const { origin, destination, waypoints, profile, language } = req.payload;\n\n    if (\n      !this.isValidCoordinate(origin) ||\n      !this.isValidCoordinate(destination)\n    ) {\n      return this.createErrorResponse(\n        req,\n        \"INVALID_INPUT\",\n        \"Origin or destination coordinates are invalid.\",\n      );\n    }\n    if (waypoints && !waypoints.every(this.isValidCoordinate)) {\n      return this.createErrorResponse(\n        req,\n        \"INVALID_INPUT\",\n        \"One or more waypoints are invalid.\",\n      );\n    }\n\n    const allCoords = [origin, ...(waypoints || []), destination];\n\n    try {\n      if (config.backend === \"osrm\") {\n        return await this.fetchOSRMRoute(\n          req,\n          allCoords,\n          profile,\n          config.baseUrl,\n        );\n      } else {\n        return await this.fetchValhallaRoute(\n          req,\n          allCoords,\n          profile,\n          language,\n          config.baseUrl,\n        );\n      }\n    } catch (error) {\n      if (error instanceof Error && error.message.includes(\"NO_ROUTE\")) {\n        return this.createErrorResponse(\n          req,\n          \"NO_ROUTE\",\n          \"No route could be found for the given points.\",\n        );\n      }\n      if (error instanceof TypeError) {\n        return this.createErrorResponse(\n          req,\n          \"NETWORK_ERROR\",\n          \"Failed to connect to the routing backend.\",\n        );\n      }\n      return this.createErrorResponse(\n        req,\n        \"BACKEND_ERROR\",\n        `Routing backend error: ${error instanceof Error ? error.message : \"Unknown error\"}`,\n      );\n    }\n  },\n\n  async fetchValhallaRoute(\n    req: RouteRequest,\n    coords: [number, number][],\n    profile: string,\n    language: string | undefined,\n    baseUrl: string,\n  ): Promise<RouteResponse> {\n    const valhallaProfile =\n      profile === \"driving\"\n        ? \"auto\"\n        : profile === \"walking\"\n          ? \"pedestrian\"\n          : \"bicycle\";\n    const body = {\n      costing: valhallaProfile,\n      directions_options: {\n        language: language || \"en-US\",\n      },\n      locations: coords.map((c) => ({ lat: c[1], lon: c[0] })),\n    };\n\n    const response = await fetch(`${baseUrl}/route`, {\n      body: JSON.stringify(body),\n      headers: { \"Content-Type\": \"application/json\" },\n      method: \"POST\",\n    });\n\n    if (!response.ok) {\n      throw new Error(`Valhalla Error: ${response.statusText}`);\n    }\n    const data = await response.json();\n\n    if (!data.trip || !data.trip.legs || data.trip.legs.length === 0) {\n      throw new Error(\"NO_ROUTE\");\n    }\n\n    const trip = data.trip;\n    const decodedCoordinates = this.decodePolyline(trip.legs[0].shape, 6);\n\n    const steps =\n      trip.legs.flatMap((leg: any) =>\n        leg.maneuvers?.map((maneuver: any) => ({\n          distance: maneuver.length * 1000, // Valhalla returns km\n          duration: maneuver.time,\n          instruction: maneuver.instruction || \"Continue\",\n        })),\n      ) || [];\n\n    return {\n      data: {\n        distanceMeters: trip.summary.length * 1000, // km to m\n        durationSeconds: trip.summary.time,\n        geometry: {\n          coordinates: decodedCoordinates,\n          type: \"LineString\",\n        },\n        steps,\n      },\n      requestId: req.requestId,\n      sdkVersion: req.sdkVersion,\n      success: true,\n      type: \"SDK_ROUTING_GETROUTE_RESPONSE\",\n    };\n  },\n\n  isValidCoordinate(coord: [number, number]): boolean {\n    const [lng, lat] = coord;\n    return lng >= -180 && lng <= 180 && lat >= -90 && lat <= 90;\n  },\n};\n","import type { RoutingBackendConfig } from \"@miniapps-sdk/services/routingService\";\nimport { RoutingService } from \"@miniapps-sdk/services/routingService\";\nimport type {\n  DrawRouteRequest,\n  RouteRequest,\n  RouteResponse,\n} from \"@miniapps-sdk/types/routing\";\nimport type { Map } from \"maplibre-gl\";\n\n/**\n * Handles a route request from the mini-app and fetches data from the configured backend.\n */\nexport async function handleRouteRequest(\n  req: RouteRequest,\n  config: RoutingBackendConfig,\n): Promise<RouteResponse> {\n  return RoutingService.fetchRoute(req, config);\n}\n\n/**\n * Host-side map rendering logic for routes.\n */\nexport function handleDrawRoute(\n  map: Map,\n  miniAppId: string,\n  req: DrawRouteRequest,\n) {\n  const sourceId = `sdk-route-${miniAppId}`;\n  const casingLayerId = `sdk-route-casing-${miniAppId}`;\n  const lineLayerId = `sdk-route-line-${miniAppId}`;\n\n  const geojson = {\n    features: [\n      {\n        geometry: req.payload.routeData.geometry,\n        properties: {},\n        type: \"Feature\",\n      },\n    ],\n    type: \"FeatureCollection\",\n  };\n\n  const source = map.getSource(sourceId);\n  if (source) {\n    // @ts-expect-error - maplibre-gl types might not expose setData nicely on generic source\n    (source as maplibregl.GeoJSONSource).setData(geojson);\n  } else {\n    map.addSource(sourceId, {\n      data: geojson as any,\n      type: \"geojson\",\n    });\n\n    map.addLayer({\n      id: casingLayerId,\n      layout: {\n        \"line-cap\": \"round\",\n        \"line-join\": \"round\",\n      },\n      paint: {\n        \"line-color\": \"#111111\",\n        \"line-opacity\": 0.8,\n        \"line-width\": 8,\n      },\n      source: sourceId,\n      type: \"line\",\n    });\n\n    map.addLayer({\n      id: lineLayerId,\n      layout: {\n        \"line-cap\": \"round\",\n        \"line-join\": \"round\",\n      },\n      paint: {\n        \"line-color\": \"#3b82f6\", // Bright blue\n        \"line-width\": 4,\n      },\n      source: sourceId,\n      type: \"line\",\n    });\n  }\n}\n\nexport function handleClearRoute(map: Map, miniAppId: string) {\n  const sourceId = `sdk-route-${miniAppId}`;\n  const casingLayerId = `sdk-route-casing-${miniAppId}`;\n  const lineLayerId = `sdk-route-line-${miniAppId}`;\n\n  if (map.getLayer(lineLayerId)) map.removeLayer(lineLayerId);\n  if (map.getLayer(casingLayerId)) map.removeLayer(casingLayerId);\n  if (map.getSource(sourceId)) map.removeSource(sourceId);\n}\n"],"mappings":";AAWO,IAAM,iBAAiB;AAAA,EAC5B,oBACE,KACA,MACA,SACe;AACf,WAAO;AAAA,MACL,OAAO,EAAE,MAAM,QAAQ;AAAA,MACvB,WAAW,IAAI;AAAA,MACf,YAAY,IAAI;AAAA,MAChB,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EAEA,eAAe,KAAa,WAAuC;AACjE,QAAI,QAAQ,GACV,MAAM,GACN,MAAM;AACR,UAAM,cAAkC,CAAC;AACzC,UAAM,QAAQ,MAAM;AAEpB,WAAO,QAAQ,IAAI,QAAQ;AACzB,UAAI,GACF,WAAW,GACX,SAAS;AACX,SAAG;AACD,YAAI,IAAI,WAAW,OAAO,IAAI;AAC9B,mBAAW,IAAI,OAAS;AACxB,oBAAY;AAAA,MACd,SAAS,KAAK;AACd,YAAM,OAAO,SAAS,IAAI,EAAE,UAAU,KAAK,UAAU;AACrD,aAAO;AAEP,iBAAW;AACX,eAAS;AACT,SAAG;AACD,YAAI,IAAI,WAAW,OAAO,IAAI;AAC9B,mBAAW,IAAI,OAAS;AACxB,oBAAY;AAAA,MACd,SAAS,KAAK;AACd,YAAM,OAAO,SAAS,IAAI,EAAE,UAAU,KAAK,UAAU;AACrD,aAAO;AAEP,kBAAY,KAAK,CAAC,MAAM,OAAO,MAAM,KAAK,CAAC;AAAA,IAC7C;AACA,WAAO;AAAA,EACT;AAAA,EAEA,MAAM,eACJ,KACA,QACA,SACA,SACwB;AACxB,UAAM,eAAe,OAAO,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,KAAK,GAAG;AAClE,UAAM,cACJ,YAAY,YAAY,SAAS,YAAY,YAAY,QAAQ;AACnE,UAAM,MAAM,GAAG,OAAO,aAAa,WAAW,IAAI,YAAY;AAE9D,UAAM,WAAW,MAAM,MAAM,GAAG;AAChC,QAAI,CAAC,SAAS,IAAI;AAChB,YAAM,IAAI,MAAM,eAAe,SAAS,UAAU,EAAE;AAAA,IACtD;AACA,UAAM,OAAO,MAAM,SAAS,KAAK;AAEjC,QAAI,KAAK,SAAS,QAAQ,CAAC,KAAK,UAAU,KAAK,OAAO,WAAW,GAAG;AAClE,YAAM,IAAI,MAAM,UAAU;AAAA,IAC5B;AAEA,UAAM,QAAQ,KAAK,OAAO,CAAC;AAC3B,UAAM,QACJ,MAAM,MAAM;AAAA,MAAQ,CAAC,QACnB,IAAI,OAAO,IAAI,CAAC,UAAe;AAAA,QAC7B,UAAU,KAAK;AAAA,QACf,UAAU,KAAK;AAAA,QACf,aAAa,KAAK,UAAU,eAAe;AAAA,MAC7C,EAAE;AAAA,IACJ,KAAK,CAAC;AAER,WAAO;AAAA,MACL,MAAM;AAAA,QACJ,gBAAgB,MAAM;AAAA,QACtB,iBAAiB,MAAM;AAAA,QACvB,UAAU,MAAM;AAAA,QAChB;AAAA,MACF;AAAA,MACA,WAAW,IAAI;AAAA,MACf,YAAY,IAAI;AAAA,MAChB,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,MAAM,WACJ,KACA,QACwB;AACxB,UAAM,EAAE,QAAQ,aAAa,WAAW,SAAS,SAAS,IAAI,IAAI;AAElE,QACE,CAAC,KAAK,kBAAkB,MAAM,KAC9B,CAAC,KAAK,kBAAkB,WAAW,GACnC;AACA,aAAO,KAAK;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AACA,QAAI,aAAa,CAAC,UAAU,MAAM,KAAK,iBAAiB,GAAG;AACzD,aAAO,KAAK;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAEA,UAAM,YAAY,CAAC,QAAQ,GAAI,aAAa,CAAC,GAAI,WAAW;AAE5D,QAAI;AACF,UAAI,OAAO,YAAY,QAAQ;AAC7B,eAAO,MAAM,KAAK;AAAA,UAChB;AAAA,UACA;AAAA,UACA;AAAA,UACA,OAAO;AAAA,QACT;AAAA,MACF,OAAO;AACL,eAAO,MAAM,KAAK;AAAA,UAChB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,OAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF,SAAS,OAAO;AACd,UAAI,iBAAiB,SAAS,MAAM,QAAQ,SAAS,UAAU,GAAG;AAChE,eAAO,KAAK;AAAA,UACV;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF;AACA,UAAI,iBAAiB,WAAW;AAC9B,eAAO,KAAK;AAAA,UACV;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF;AACA,aAAO,KAAK;AAAA,QACV;AAAA,QACA;AAAA,QACA,0BAA0B,iBAAiB,QAAQ,MAAM,UAAU,eAAe;AAAA,MACpF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,MAAM,mBACJ,KACA,QACA,SACA,UACA,SACwB;AACxB,UAAM,kBACJ,YAAY,YACR,SACA,YAAY,YACV,eACA;AACR,UAAM,OAAO;AAAA,MACX,SAAS;AAAA,MACT,oBAAoB;AAAA,QAClB,UAAU,YAAY;AAAA,MACxB;AAAA,MACA,WAAW,OAAO,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE;AAAA,IACzD;AAEA,UAAM,WAAW,MAAM,MAAM,GAAG,OAAO,UAAU;AAAA,MAC/C,MAAM,KAAK,UAAU,IAAI;AAAA,MACzB,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,MAC9C,QAAQ;AAAA,IACV,CAAC;AAED,QAAI,CAAC,SAAS,IAAI;AAChB,YAAM,IAAI,MAAM,mBAAmB,SAAS,UAAU,EAAE;AAAA,IAC1D;AACA,UAAM,OAAO,MAAM,SAAS,KAAK;AAEjC,QAAI,CAAC,KAAK,QAAQ,CAAC,KAAK,KAAK,QAAQ,KAAK,KAAK,KAAK,WAAW,GAAG;AAChE,YAAM,IAAI,MAAM,UAAU;AAAA,IAC5B;AAEA,UAAM,OAAO,KAAK;AAClB,UAAM,qBAAqB,KAAK,eAAe,KAAK,KAAK,CAAC,EAAE,OAAO,CAAC;AAEpE,UAAM,QACJ,KAAK,KAAK;AAAA,MAAQ,CAAC,QACjB,IAAI,WAAW,IAAI,CAAC,cAAmB;AAAA,QACrC,UAAU,SAAS,SAAS;AAAA;AAAA,QAC5B,UAAU,SAAS;AAAA,QACnB,aAAa,SAAS,eAAe;AAAA,MACvC,EAAE;AAAA,IACJ,KAAK,CAAC;AAER,WAAO;AAAA,MACL,MAAM;AAAA,QACJ,gBAAgB,KAAK,QAAQ,SAAS;AAAA;AAAA,QACtC,iBAAiB,KAAK,QAAQ;AAAA,QAC9B,UAAU;AAAA,UACR,aAAa;AAAA,UACb,MAAM;AAAA,QACR;AAAA,QACA;AAAA,MACF;AAAA,MACA,WAAW,IAAI;AAAA,MACf,YAAY,IAAI;AAAA,MAChB,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EAEA,kBAAkB,OAAkC;AAClD,UAAM,CAAC,KAAK,GAAG,IAAI;AACnB,WAAO,OAAO,QAAQ,OAAO,OAAO,OAAO,OAAO,OAAO;AAAA,EAC3D;AACF;;;ACnOA,eAAsB,mBACpB,KACA,QACwB;AACxB,SAAO,eAAe,WAAW,KAAK,MAAM;AAC9C;AAKO,SAAS,gBACd,KACA,WACA,KACA;AACA,QAAM,WAAW,aAAa,SAAS;AACvC,QAAM,gBAAgB,oBAAoB,SAAS;AACnD,QAAM,cAAc,kBAAkB,SAAS;AAE/C,QAAM,UAAU;AAAA,IACd,UAAU;AAAA,MACR;AAAA,QACE,UAAU,IAAI,QAAQ,UAAU;AAAA,QAChC,YAAY,CAAC;AAAA,QACb,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,MAAM;AAAA,EACR;AAEA,QAAM,SAAS,IAAI,UAAU,QAAQ;AACrC,MAAI,QAAQ;AAEV,IAAC,OAAoC,QAAQ,OAAO;AAAA,EACtD,OAAO;AACL,QAAI,UAAU,UAAU;AAAA,MACtB,MAAM;AAAA,MACN,MAAM;AAAA,IACR,CAAC;AAED,QAAI,SAAS;AAAA,MACX,IAAI;AAAA,MACJ,QAAQ;AAAA,QACN,YAAY;AAAA,QACZ,aAAa;AAAA,MACf;AAAA,MACA,OAAO;AAAA,QACL,cAAc;AAAA,QACd,gBAAgB;AAAA,QAChB,cAAc;AAAA,MAChB;AAAA,MACA,QAAQ;AAAA,MACR,MAAM;AAAA,IACR,CAAC;AAED,QAAI,SAAS;AAAA,MACX,IAAI;AAAA,MACJ,QAAQ;AAAA,QACN,YAAY;AAAA,QACZ,aAAa;AAAA,MACf;AAAA,MACA,OAAO;AAAA,QACL,cAAc;AAAA;AAAA,QACd,cAAc;AAAA,MAChB;AAAA,MACA,QAAQ;AAAA,MACR,MAAM;AAAA,IACR,CAAC;AAAA,EACH;AACF;AAEO,SAAS,iBAAiB,KAAU,WAAmB;AAC5D,QAAM,WAAW,aAAa,SAAS;AACvC,QAAM,gBAAgB,oBAAoB,SAAS;AACnD,QAAM,cAAc,kBAAkB,SAAS;AAE/C,MAAI,IAAI,SAAS,WAAW,EAAG,KAAI,YAAY,WAAW;AAC1D,MAAI,IAAI,SAAS,aAAa,EAAG,KAAI,YAAY,aAAa;AAC9D,MAAI,IAAI,UAAU,QAAQ,EAAG,KAAI,aAAa,QAAQ;AACxD;","names":[]}

package/dist/host/index.d.cts

@@ -0,0 +1,2 @@
+export { h as handleClearRoute, d as handleDrawRoute, e as handleRouteRequest } from '../index-B9dDciJq.cjs';
+import 'maplibre-gl';

package/dist/host/index.d.ts

@@ -0,0 +1,2 @@
+export { h as handleClearRoute, d as handleDrawRoute, e as handleRouteRequest } from '../index-B9dDciJq.js';
+import 'maplibre-gl';