@cloudparse/up-miniapps-sdk 0.6.0 → 0.6.2

package/dist/index.cjs

@@ -51,6 +51,7 @@ __export(src_exports, {
   SwipeCarousel: () => SwipeCarousel,
   UIEvent: () => UIEvent,
   createApiService: () => createApiService,
+  createWsService: () => createWsService,
   default: () => src_default,
   handleClearRoute: () => handleClearRoute,
   handleDrawRoute: () => handleDrawRoute,
@@ -125,6 +126,13 @@ var Button = React.forwardRef(
 );
 Button.displayName = "Button";
 
+// src/utils/environment.ts
+function isRunningInsideNativeShell() {
+  if (typeof window === "undefined") return false;
+  const w = window;
+  return w.__UP_REACT_NATIVE_APP__ === true || !!w.ReactNativeWebView;
+}
+
 // src/bridge.ts
 var BridgeTimeoutError = class extends Error {
 };
@@ -297,8 +305,7 @@ var Bridge = class {
    * Determine environment. Check flag or cache result.
    */
   isNative() {
-    if (typeof window === "undefined") return false;
-    return window.__UP_REACT_NATIVE_APP__ === true || !!window.ReactNativeWebView;
+    return isRunningInsideNativeShell();
   }
 };
 
@@ -2045,14 +2052,14 @@ var useUserLocation = () => {
   });
   const mapPayload = (0, import_react6.useCallback)((payload) => {
     const coords = payload.location?.coords || payload.coords;
-    const headingData = payload.heading || payload.coords;
+    const headingData = payload.heading;
     const newCoords = coords ? [coords.longitude, coords.latitude] : null;
     let heading = null;
     if (headingData?.trueHeading !== void 0 && headingData.trueHeading >= 0) {
       heading = headingData.trueHeading;
     } else if (headingData?.magneticHeading !== void 0 && headingData.magneticHeading >= 0) {
       heading = headingData.magneticHeading;
-    } else if (headingData?.heading !== null && headingData.heading >= 0) {
+    } else if (headingData?.heading !== null && headingData?.heading >= 0) {
       heading = headingData.heading;
     }
     return {
@@ -2522,7 +2529,14 @@ var import_jsx_runtime11 = require("react/jsx-runtime");
 var MockRadiusLayer = ({
   center,
   radiusMeters,
-  color = "#39ff88"
+  // Neutral gray, not any one app's accent color — this debug aid is shared
+  // across every mini-app (each with its own, different palette), so it
+  // shouldn't default to a color that reads as "part of the app" (was
+  // #39ff88, a neon green/yellow left over from an earlier shared theme,
+  // reported as looking like an unwanted yellow border around the user's
+  // position marker in up-miniapps-explore, which has since moved to a
+  // pastel palette with no neon accents at all).
+  color = "#e2e8f0"
 }) => {
   const data = (0, import_react10.useMemo)(
     () => buildGeoCircle(center, radiusMeters),
@@ -3697,7 +3711,7 @@ var RoutingService = {
 };
 
 // package.json
-var version = "0.6.0";
+var version = "0.6.2";
 
 // src/sdk.ts
 function deepFreeze(obj) {
@@ -5354,6 +5368,163 @@ function createApiService(options) {
   };
 }
 
+// src/services/wsService.ts
+function createWsService(options) {
+  const channelField = options.channelField;
+  let ws = null;
+  const subscriptions = /* @__PURE__ */ new Map();
+  const globalListeners = /* @__PURE__ */ new Set();
+  let reconnectTimeout = null;
+  let reconnectDelay = 1e3;
+  let isConnecting = false;
+  let status = "closed";
+  const statusListeners = /* @__PURE__ */ new Set();
+  const setStatus = (next) => {
+    if (status === next) return;
+    status = next;
+    for (const cb of statusListeners) cb(status);
+  };
+  const getWsUrl = () => options.baseUrl || options.api.wsUrl || "";
+  const sendAction = (action, channelId) => {
+    if (ws?.readyState === WebSocket.OPEN) {
+      ws.send(JSON.stringify({ action, [channelField]: channelId }));
+    }
+  };
+  const scheduleReconnect = () => {
+    if (reconnectTimeout) clearTimeout(reconnectTimeout);
+    reconnectTimeout = setTimeout(() => {
+      reconnectDelay = Math.min(reconnectDelay * 2, 3e4);
+      connect();
+    }, reconnectDelay);
+  };
+  const connect = async () => {
+    if (ws?.readyState === WebSocket.OPEN || ws?.readyState === WebSocket.CONNECTING || isConnecting) {
+      return;
+    }
+    isConnecting = true;
+    setStatus("connecting");
+    try {
+      const wsUrl = getWsUrl();
+      if (!wsUrl) {
+        console.warn(
+          "[WS] No WebSocket backend URL available, connection delayed."
+        );
+        isConnecting = false;
+        setStatus("closed");
+        return;
+      }
+      let authParams = {};
+      if (isRunningInsideNativeShell() && options.ticketPath !== null) {
+        const ticketResponse = await options.api.post(
+          options.ticketPath ?? "/ws-ticket"
+        );
+        authParams = { ticket: ticketResponse.data.ticket };
+      } else if (options.devToken) {
+        const rawJwt = options.devToken.startsWith("Bearer ") ? options.devToken.slice(7) : options.devToken;
+        authParams = { token: rawJwt };
+      } else if (options.requireAuth === false) {
+      } else {
+        console.warn("[WS] No auth available, connection delayed.");
+        isConnecting = false;
+        setStatus("closed");
+        return;
+      }
+      const params = new URLSearchParams({ ...options.query, ...authParams });
+      const query = params.toString();
+      ws = new WebSocket(query ? `${wsUrl}?${query}` : wsUrl);
+      ws.onopen = () => {
+        isConnecting = false;
+        setStatus("open");
+        reconnectDelay = 1e3;
+        if (channelField) {
+          for (const channelId of subscriptions.keys()) {
+            sendAction("subscribe", channelId);
+          }
+        }
+      };
+      ws.onmessage = (event) => {
+        try {
+          const payload = JSON.parse(event.data);
+          if (channelField) {
+            const channelId = payload[channelField];
+            if (typeof channelId === "string") {
+              const callbacks = subscriptions.get(channelId);
+              if (callbacks) {
+                for (const cb of callbacks) cb(payload);
+              }
+            }
+          }
+          for (const cb of globalListeners) cb(payload);
+        } catch (err) {
+          console.error("[WS] Failed to parse message:", err);
+        }
+      };
+      ws.onclose = () => {
+        isConnecting = false;
+        setStatus("closed");
+        scheduleReconnect();
+      };
+      ws.onerror = (err) => {
+        console.error("[WS] error:", err);
+        isConnecting = false;
+        ws?.close();
+      };
+    } catch (err) {
+      console.error("[WS] Failed to establish connection:", err);
+      isConnecting = false;
+      setStatus("closed");
+      scheduleReconnect();
+    }
+  };
+  const disconnect = () => {
+    if (reconnectTimeout) {
+      clearTimeout(reconnectTimeout);
+      reconnectTimeout = null;
+    }
+    if (ws) {
+      ws.onclose = null;
+      ws.close();
+      ws = null;
+    }
+    setStatus("closed");
+  };
+  const getStatus = () => status;
+  const onStatusChange = (callback) => {
+    statusListeners.add(callback);
+    callback(status);
+    return () => {
+      statusListeners.delete(callback);
+    };
+  };
+  const subscribe = (channelId, callback) => {
+    const isNewChannel = !subscriptions.has(channelId);
+    if (isNewChannel) subscriptions.set(channelId, /* @__PURE__ */ new Set());
+    subscriptions.get(channelId)?.add(callback);
+    if (isNewChannel) sendAction("subscribe", channelId);
+    connect();
+    return () => {
+      const set = subscriptions.get(channelId);
+      if (!set) return;
+      set.delete(callback);
+      if (set.size === 0) {
+        subscriptions.delete(channelId);
+        sendAction("unsubscribe", channelId);
+      }
+    };
+  };
+  const onMessage = (callback) => {
+    globalListeners.add(callback);
+    connect();
+    return () => {
+      globalListeners.delete(callback);
+    };
+  };
+  if (channelField) {
+    return { connect, disconnect, onMessage, subscribe, getStatus, onStatusChange };
+  }
+  return { connect, disconnect, onMessage, getStatus, onStatusChange };
+}
+
 // src/index.ts
 var src_default = sdk;
 // Annotate the CommonJS export names for ESM import in node:
@@ -5379,6 +5550,7 @@ var src_default = sdk;
   SwipeCarousel,
   UIEvent,
   createApiService,
+  createWsService,
   handleClearRoute,
   handleDrawRoute,
   handleRouteRequest,