@sensolus/create-snt-agent-app 0.2.1 → 0.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sensolus/create-snt-agent-app",
-  "version": "0.2.1",
+  "version": "0.3.0",
   "description": "Scaffold a new Sensolus agent app: React frontend wired to @sensolus/snt-agent-kit + Flask API proxy backend.",
   "type": "module",
   "bin": {

package/template/package.json

@@ -15,7 +15,7 @@
     "url": "git+ssh://git@bitbucket.org/sensolus/{{APP_NAME}}.git"
   },
   "dependencies": {
-    "@sensolus/snt-agent-kit": "^0.2.0",
+    "@sensolus/snt-agent-kit": "^0.4.0",
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
     "react-router-dom": "^7.1.1"

package/template/src/pages/OrganisationDetail.jsx

@@ -5,7 +5,7 @@ import {
   SntBadge,
   SntProgressBar,
   SntCard,
-  SntMap,
+  SntDeviceMap,
   SntSpinner,
 } from '@sensolus/snt-agent-kit'
 import { useLocale, formatNumber } from '../i18n'
@@ -214,7 +214,7 @@ export function OrganisationDetail() {
             <SntSpinner size="medium" />
           </div>
         ) : (
-          <SntMap
+          <SntDeviceMap
             mapboxKey={config.mapboxKey}
             locationiqKey={config.locationiqKey}
             height="500px"

package/template/src/pages/WidgetShowcase.jsx

@@ -14,6 +14,7 @@ import {
   SntInput,
   SntLoadingOverlay,
   SntMap,
+  SntDeviceLayer,
   SntProgressBar,
   SntSelect,
   SntSidepanel,
@@ -482,7 +483,7 @@ export function WidgetShowcase() {
       {/* ------------------------------------------------------------------ */}
       <Section
         title="SntMap"
-        description="Leaflet map with Street/Satellite layer toggle. Optionally renders geozones (by orgId or array) and device markers."
+        description="Base Leaflet map (street/satellite toggle, geocoder, zoom/scale). Compose with layer components — here, <SntDeviceLayer>."
       >
         <SntMap
           mapboxKey={config.mapboxKey}
@@ -490,14 +491,15 @@ export function WidgetShowcase() {
           height="320px"
           center={[50.85, 4.35]}
           zoom={6}
-          showGeozones={false}
-          showGeozoneSelector={false}
-          devices={[
-            { id: 'd1', name: 'Demo tracker A', lastLat: 50.8503, lastLng: 4.3517 },
-            { id: 'd2', name: 'Demo tracker B', lastLat: 51.2194, lastLng: 4.4025 },
-            { id: 'd3', name: 'Demo tracker C', lastLat: 51.0543, lastLng: 3.7174 },
-          ]}
-        />
+        >
+          <SntDeviceLayer
+            devices={[
+              { id: 'd1', name: 'Demo tracker A', lastLat: 50.8503, lastLng: 4.3517 },
+              { id: 'd2', name: 'Demo tracker B', lastLat: 51.2194, lastLng: 4.4025 },
+              { id: 'd3', name: 'Demo tracker C', lastLat: 51.0543, lastLng: 3.7174 },
+            ]}
+          />
+        </SntMap>
       </Section>
 
       {/* ------------------------------------------------------------------ */}