Bump to v0.6.0

CHANGELOG.md

@@ -3,9 +3,9 @@
 ## 0.6.0
 ### Features
 * Configurable notification threshold.
+* Open the event location in geojson.io.
 * Improved app logo.
 
-
 ## 0.5.0
 ### Features
 * Desktop notifications when a new earthquake event happens.

README.md

@@ -41,8 +41,10 @@ Note that I may not implement all of these.
 - <label><input type="checkbox" checked />Fetch the feed periodically (60s).</label>
 - <label><input type="checkbox" checked />Configurable feed refresh frequency.</label>
 - <label><input type="checkbox" checked />Desktop notifications for significant events (Mac only).</label>
-- <label><input type="checkbox" />Configurable notification threshold.</label>
+- <label><input type="checkbox" checked />Configurable notification threshold.</label>
 - <label><input type="checkbox" checked />Dark mode.</label>
+- <label><input type="checkbox" checked />Open location in geojson.io map.</label>
+- <label><input type="checkbox" />Optional color coding of events according to severity.</label>
 - <label><input type="checkbox" />Timestamp for last feed refresh.</label>
 - <label><input type="checkbox" />Display more event parameters from the feed (such as tsunami warning).</label>
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "seismic",
   "private": true,
-  "version": "0.5.0",
+  "version": "0.6.0",
   "type": "module",
   "scripts": {
     "dev": "vite",

src-tauri/Cargo.toml

@@ -1,7 +1,7 @@
 [package]
 name = "seismic"
-version = "0.5.0"
-description = "USGS earthquake tracker"
+version = "0.6.0"
+description = "USGS earthquake tracker (unofficial)"
 authors = ["breadthe"]
 license = "MIT"
 repository = ""
@@ -17,7 +17,7 @@ tauri-build = { version = "1.2.1", features = [] }
 [dependencies]
 serde_json = "1.0"
 serde = { version = "1.0", features = ["derive"] }
-tauri = { version = "1.2.4", features = ["http-request", "notification-all", "system-tray"] }
+tauri = { version = "1.2.4", features = ["http-request", "notification-all", "shell-open", "system-tray"] }
 
 [target.'cfg(target_os = "macos")'.dependencies]
 cocoa = "0.24"

src-tauri/tauri.conf.json

@@ -7,7 +7,7 @@
   },
   "package": {
     "productName": "seismic",
-    "version": "0.5.0"
+    "version": "0.6.0"
   },
   "tauri": {
     "allowlist": {
@@ -20,6 +20,9 @@
       },
       "notification": {
         "all": true
+      },
+      "shell": {
+        "open": "^https?://"
       }
     },
     "bundle": {
@@ -38,7 +41,7 @@
         "icons/icon.ico"
       ],
       "identifier": "com.seismic.dev",
-      "longDescription": "USGS earthquake tracker",
+      "longDescription": "USGS earthquake tracker (unofficial)",
       "macOS": {
         "entitlements": null,
         "exceptionDomain": "",

src/Main.svelte

@@ -46,23 +46,50 @@
     <div class="w-full h-full min-h-screen bg-white dark:bg-gray-800">
       {#each $feedData.features as feature (feature.properties.code)}
         <div
-          class="flex items-center justify-between border-b dark:border-gray-600 hover:bg-gray-100 dark:hover:bg-gray-900 p-2"
+          class="flex items-center justify-between border-b dark:border-gray-600 hover:bg-gray-100 dark:hover:bg-gray-900 py-1"
         >
-          <div class="w-full flex items-center gap-4">
-            <div class="w-8 text-center">
-              <span class:font-bold={feature.properties.mag >= 4.5} class:text-red-600={feature.properties.mag >= 7}>
-                {round1(feature.properties.mag)}
-              </span>
-            </div>
-            <div class="flex-1">
-              <p class:font-bold={feature.properties.mag >= 4.5} class:text-red-600={feature.properties.mag >= 7}>
-                {feature.properties.place}
-              </p>
-              <small class="text-xs text-gray-600 dark:text-gray-400">{timestampToLocalString(feature.properties.time)}</small>
-            </div>
+          <!-- Magnitude -->
+          <div class="px-4">
+            <span class:font-bold={feature.properties.mag >= 4.5} class:text-red-600={feature.properties.mag >= 7}>
+              {round1(feature.properties.mag)}
+            </span>
           </div>
 
-          <div class="w-24 text-right">
+          <!-- Location -->
+          <div class="flex-1 w-full flex flex-col">
+            <p class="flex items-center gap-2">
+              <span class:font-bold={feature.properties.mag >= 4.5} class:text-red-600={feature.properties.mag >= 7}
+                >{feature.properties.place}</span
+              >
+              <a
+                href={`http://geojson.io/#data=data:application/json,${encodeURIComponent(JSON.stringify(feature))}`}
+                target="_blank"
+                rel="noreferrer"
+                class="text-blue-600"
+                title="View on geojson.io"
+                use:tooltip={{ theme: "dark-border" }}
+              >
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  width="15"
+                  height="15"
+                  viewBox="0 0 24 24"
+                  fill="none"
+                  stroke="currentColor"
+                  stroke-width="2"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  ><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z" /><circle cx="12" cy="10" r="3" /></svg
+                >
+              </a>
+            </p>
+            <small class="text-xs text-gray-600 dark:text-gray-400">
+              {timestampToLocalString(feature.properties.time)}
+            </small>
+          </div>
+
+          <!-- Depth -->
+          <div class="w-24 px-2 text-right">
             <small class="text-xs text-gray-600 dark:text-gray-400" title="Depth">
               {round1(feature.geometry.coordinates[2])} km
             </small>