@skyvexsoftware/stratos-sdk 0.24.0 → 0.25.0

package/dist/ui/stratos-map.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useLayoutEffect, useRef, useState } from "react";
+import { Component, useLayoutEffect, useRef, useState, } from "react";
 import { Map } from "react-map-gl/maplibre";
 import { useTheme } from "../hooks/useTheme";
+import { Button } from "./button";
 import { applyStratosLabels } from "./stratos-map-labels";
 const LIGHT_STYLE = "https://tiles.openfreemap.org/styles/positron";
 const DARK_STYLE = "https://tiles.openfreemap.org/styles/dark";
@@ -21,6 +22,26 @@ const STYLES = `
 `;
 const ATTRIBUTION = { compact: true };
 const isStratosStyle = (style) => style === LIGHT_STYLE || style === DARK_STYLE;
+// MapLibre draws synchronously inside React's commit, so a GPU that can't
+// compile a shader (or has lost its WebGL context) throws during render.
+// Catch it here so only the map goes, not the plugin page around it.
+class MapErrorBoundary extends Component {
+    constructor() {
+        super(...arguments);
+        this.state = { failed: false };
+    }
+    static getDerivedStateFromError() {
+        return { failed: true };
+    }
+    render() {
+        if (!this.state.failed)
+            return this.props.children;
+        return (_jsxs("div", { className: "bg-muted text-muted-foreground absolute inset-0 flex flex-col items-center justify-center gap-3 p-4 text-center text-sm", children: [_jsx("p", { children: "Map unavailable. Your graphics driver couldn't draw it." }), _jsx(Button, { variant: "outline", size: "sm", onClick: () => {
+                        this.props.onRetry();
+                        this.setState({ failed: false });
+                    }, children: "Try again" })] }));
+    }
+}
 /**
  * react-map-gl's `Map` (every prop and child passes through) in Stratos's
  * map style, light or dark to match the theme, with English labels and the
@@ -33,6 +54,8 @@ export function StratosMap({ lightStyle = LIGHT_STYLE, darkStyle = DARK_STYLE, o
     const mapStyle = useTheme() === "dark" ? darkStyle : lightStyle;
     const [loaded, setLoaded] = useState(false);
     const [drawing, setDrawing] = useState(true);
+    // Bumped by "Try again" so MapLibre remounts with a fresh GL context.
+    const [attempt, setAttempt] = useState(0);
     // "style" while a style URL loads (a diffed switch reports idle on the old
     // style meanwhile), "draw" until the map is next idle, null when drawn.
     const phase = useRef("draw");
@@ -74,8 +97,8 @@ export function StratosMap({ lightStyle = LIGHT_STYLE, darkStyle = DARK_STYLE, o
     };
     return (
     // No box of its own: the map sizes against the parent as it would bare.
-    _jsxs("div", { "data-stratos-map": "", "data-attribution-ready": loaded ? "" : undefined, "data-stratos-map-drawing": drawing ? "" : undefined, style: { display: "contents" }, children: [_jsx("style", { href: "stratos-map", precedence: "default", children: STYLES }), _jsx(Map, { ...props, ref: ref, mapStyle: mapStyle, 
-                // Reload Stratos's style from scratch on a theme switch, so style.load
-                // fires and the label tweaks go back on (a diff would undo them).
-                styleDiffing: isStratosStyle(mapStyle) ? false : props.styleDiffing, attributionControl: ATTRIBUTION, onLoad: handleLoad })] }));
+    _jsxs("div", { "data-stratos-map": "", "data-attribution-ready": loaded ? "" : undefined, "data-stratos-map-drawing": drawing ? "" : undefined, style: { display: "contents" }, children: [_jsx("style", { href: "stratos-map", precedence: "default", children: STYLES }), _jsx(MapErrorBoundary, { onRetry: () => setAttempt((n) => n + 1), children: _jsx(Map, { ...props, ref: ref, mapStyle: mapStyle, 
+                    // Reload Stratos's style from scratch on a theme switch, so style.load
+                    // fires and the label tweaks go back on (a diff would undo them).
+                    styleDiffing: isStratosStyle(mapStyle) ? false : props.styleDiffing, attributionControl: ATTRIBUTION, onLoad: handleLoad }, attempt) })] }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyvexsoftware/stratos-sdk",
-  "version": "0.24.0",
+  "version": "0.25.0",
   "description": "Plugin SDK for Stratos — types, hooks, and UI components",
   "author": {
     "name": "Skyvex Software Pty Ltd",