Merge pull request #33 from enriquemdev/readonly-realtime-liveLocation

Readonly realtime live location
dotswan · Sep 13, 2024 · 5d1ed9f · 5d1ed9f
2 parents 7893ec9 + a83b349
commit 5d1ed9f
Show file tree

Hide file tree

Showing 10 changed files with 10,741 additions and 16 deletions.
diff --git a/.gitignore b/.gitignore
@@ -11,3 +11,4 @@ phpunit.xml
 phpstan.neon
 testbench.yaml
 vendor
+.phpunit.cache/
diff --git a/README.md b/README.md
@@ -79,7 +79,7 @@ class FilamentResource extends Resource
                         'min-height: 150vh',
                         'border-radius: 50px'
                     ])
-                    ->liveLocation()
+                    ->liveLocation(true, true, 5000)
                     ->showMarker()
                     ->markerColor("#22c55eff")
                     ->showFullscreenControl()
@@ -121,6 +121,23 @@ Actions::make([
 
 ```
 
+#### `liveLocation` Option
+
+The `liveLocation` method accepts three parameters:
+
+1. **`bool $send`:** Determines if the user's live location should be sent.
+2. **`bool $realtime`:** Controls whether the live location should be sent to the server periodically.
+3. **`int $milliseconds`:** Sets the interval (in milliseconds) at which the user's location is updated and sent to the server.
+
+Example:
+
+```php
+Map::make('location')
+    ->liveLocation(true, true, 10000)  // Updates live location every 10 seconds
+    ->showMarker()
+    ->draggable()
+```
+
 ### Usage As Infolist Field
 
 The MapEntry Infolist field displays a map.

diff --git a/composer.json b/composer.json
@@ -76,6 +76,6 @@
             }
         }
     },
-    "minimum-stability": "dev",
+    "minimum-stability": "stable",
     "prefer-stable": true
 }
diff --git a/package-lock.json b/package-lock.json
diff --git a/resources/dist/filament-map-picker.css b/resources/dist/filament-map-picker.css
diff --git a/resources/dist/filament-map-picker.js b/resources/dist/filament-map-picker.js
diff --git a/resources/js/index.js b/resources/js/index.js
@@ -68,16 +68,21 @@ document.addEventListener('DOMContentLoaded', () => {
                 if (config.showMyLocationButton) {
                     this.addLocationButton();
                 }
+
+                if (config.liveLocation.send && config.liveLocation.realtime) {
+                    setInterval(() => {
+                        this.fetchCurrentLocation();
+                    }, config.liveLocation.miliseconds);
+                }
             },
             updateLocation: function() {
                 let coordinates = this.getCoordinates();
                 let currentCenter = this.map.getCenter();
 
-                if (config.draggable && 
-                    (coordinates.lng !== currentCenter.lng || coordinates.lat !== currentCenter.lat)) {
+                if (coordinates.lng !== currentCenter.lng || coordinates.lat !== currentCenter.lat) {
                     $wire.set(config.statePath, this.map.getCenter(), false);
 
-                    if (config.liveLocation) {
+                    if (config.liveLocation.send) {
                         $wire.$refresh();
                     }
                 }

diff --git a/src/Contracts/MapOptions.php b/src/Contracts/MapOptions.php
@@ -32,5 +32,5 @@ public function extraTileControl(array $control): self;
 
     public function markerColor(string $color): self;
 
-    public function liveLocation(bool $send = false): self;
+    public function liveLocation(bool $send = false, bool $realtime = false, int $miliseconds = 5000): self;
 }
diff --git a/src/Fields/Map.php b/src/Fields/Map.php
@@ -35,7 +35,7 @@ class Map extends Field implements MapOptions
         'zoom'                 => 15,
         'markerColor'          => '#3b82f6',
         'liveLocation'         => false,
-        'showMyLocationButton' => false,
+        'showMyLocationButton' => [false, false, 5000],
         'default'              => ['lat' => 0 , 'lng' => 0]
     ];
 
@@ -71,7 +71,7 @@ public function getMapConfig(): string
         return json_encode(
             array_merge($this->mapConfig, [
                 'statePath' => $this->getStatePath(),
-                'controls'  => array_merge($this->controls, $this->extraControls)
+                'controls' => array_merge($this->controls, $this->extraControls)
             ])
         );
     }
@@ -231,9 +231,13 @@ public function markerColor(string $color): self
      * @param bool $send
      * @return $this
      */
-    public function liveLocation(bool $send = true): self
+    public function liveLocation(bool $send = true, bool $realtime = false, int $miliseconds = 5000): self
     {
-        $this->mapConfig['liveLocation'] = $send;
+        $this->mapConfig['liveLocation'] = [
+            'send' => $send,
+            'realtime' => $realtime,
+            'miliseconds' => $miliseconds
+        ];
         return $this;
     }
 

diff --git a/src/Infolists/MapEntry.php b/src/Infolists/MapEntry.php
@@ -33,7 +33,7 @@ class MapEntry extends Entry implements MapOptions
         'maxZoom'              => 28,
         'zoom'                 => 15,
         'markerColor'          => '#3b82f6',
-        'liveLocation'         => false,
+        'liveLocation'         => [false, false, 5000],
         'showMyLocationButton' => false,
         'default'              => ['lat' => 0 , 'lng' => 0]
     ];
@@ -230,9 +230,13 @@ public function markerColor(string $color): self
      * @param bool $send
      * @return $this
      */
-    public function liveLocation(bool $send = true): self
+    public function liveLocation(bool $send = true, bool $realtime = false, int $miliseconds = 5000): self
     {
-        $this->mapConfig['liveLocation'] = $send;
+        $this->mapConfig['liveLocation'] = [
+            'send' => $send,
+            'realtime' => $realtime,
+            'miliseconds' => $miliseconds
+        ];
         return $this;
     }