From 875a54426770872203cd05cf0df3981156617e0e Mon Sep 17 00:00:00 2001
From: breadthe <breadthe@users.noreply.github.com>
Date: Sat, 11 Feb 2023 11:00:57 -1000
Subject: [PATCH] Bump to v0.6.0

---
 CHANGELOG.md              |  2 +-
 README.md                 |  4 ++-
 package.json              |  2 +-
 src-tauri/Cargo.lock      | 21 ++++++++++++++-
 src-tauri/Cargo.toml      |  6 ++---
 src-tauri/tauri.conf.json |  7 +++--
 src/Main.svelte           | 55 +++++++++++++++++++++++++++++----------
 7 files changed, 74 insertions(+), 23 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index faa4ba1..7071fa1 100644
--- a/CHANGELOG.md
+++ b/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.
diff --git a/README.md b/README.md
index b9128a1..7bacbdb 100644
--- a/README.md
+++ b/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>
 
diff --git a/package.json b/package.json
index 3b3e0fa..d130fea 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "seismic",
   "private": true,
-  "version": "0.5.0",
+  "version": "0.6.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/src-tauri/Cargo.lock b/src-tauri/Cargo.lock
index d63568e..4757c4b 100644
--- a/src-tauri/Cargo.lock
+++ b/src-tauri/Cargo.lock
@@ -1598,6 +1598,16 @@ version = "1.17.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "6f61fba1741ea2b3d6a1e3178721804bb716a68a6aeba1149b5d52e3d464ea66"
 
+[[package]]
+name = "open"
+version = "3.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2078c0039e6a54a0c42c28faa984e115fb4c2d5bf2208f77d1961002df8576f8"
+dependencies = [
+ "pathdiff",
+ "windows-sys 0.42.0",
+]
+
 [[package]]
 name = "openssl"
 version = "0.10.45"
@@ -1703,6 +1713,12 @@ version = "1.0.11"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "d01a5bd0424d00070b0098dd17ebca6f961a959dead1dbcbbbc1d1cd8d3deeba"
 
+[[package]]
+name = "pathdiff"
+version = "0.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8835116a5c179084a830efb3adc117ab007512b535bc1a21c991d3b32a6b44dd"
+
 [[package]]
 name = "percent-encoding"
 version = "2.2.0"
@@ -2209,7 +2225,7 @@ dependencies = [
 
 [[package]]
 name = "seismic"
-version = "0.5.0"
+version = "0.6.0"
 dependencies = [
  "cocoa",
  "objc",
@@ -2630,9 +2646,11 @@ dependencies = [
  "notify-rust",
  "objc",
  "once_cell",
+ "open",
  "percent-encoding",
  "rand 0.8.5",
  "raw-window-handle",
+ "regex",
  "rfd",
  "semver 1.0.16",
  "serde",
@@ -2685,6 +2703,7 @@ dependencies = [
  "png",
  "proc-macro2",
  "quote",
+ "regex",
  "semver 1.0.16",
  "serde",
  "serde_json",
diff --git a/src-tauri/Cargo.toml b/src-tauri/Cargo.toml
index 1ad5c09..9f8c328 100644
--- a/src-tauri/Cargo.toml
+++ b/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"
diff --git a/src-tauri/tauri.conf.json b/src-tauri/tauri.conf.json
index 497d6d6..a71508d 100644
--- a/src-tauri/tauri.conf.json
+++ b/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": "",
diff --git a/src/Main.svelte b/src/Main.svelte
index bb73120..528995f 100644
--- a/src/Main.svelte
+++ b/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>