From 908b9749a4985c59942adb82f93bf573ab3fd0eb Mon Sep 17 00:00:00 2001
From: Nicolas Vargas <nicolas.vargas@iovlabs.org>
Date: Mon, 7 Oct 2024 17:49:08 -0300
Subject: [PATCH 1/3] feat: improve metatags and SEO

---
 public/index.html    | 5 ++++-
 src/config/types.js  | 2 +-
 src/store/getters.js | 9 ++++++++-
 3 files changed, 13 insertions(+), 3 deletions(-)
diff --git a/public/index.html b/public/index.html
index 882b132a..9223da4c 100644
--- a/public/index.html
+++ b/public/index.html
@@ -4,7 +4,10 @@
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>RSK explorer</title>
+  <title>Rootstock Explorer</title>
+  <meta name="description" content="Smart contracts platform secured by Bitcoin. Keep track of your $RBTC and Rootstock tokens. Get details on transactions, blocks, and tokens on the Rootstock Blockchain.">
+  <meta name="keywords" content="Rootstock, rootstock, RSK, rsk, Bitcoin, BTC, RBTC, rbtc, Blockchain, Explorer, Cryptocurrency">
+
   <style>
     @font-face {
       font-family: Rootstock-Sans-Body;
diff --git a/src/config/types.js b/src/config/types.js
index 02268398..3e293f2b 100644
--- a/src/config/types.js
+++ b/src/config/types.js
@@ -1,5 +1,5 @@
 
-export const APP_NAME = 'RSK explorer'
+export const APP_NAME = 'Rootstock Explorer'
 
 export const ROUTES = {
   home: 'home',
diff --git a/src/store/getters.js b/src/store/getters.js
index c011d9cd..e1c551bf 100644
--- a/src/store/getters.js
+++ b/src/store/getters.js
@@ -69,7 +69,14 @@ export const connectionStart = state => {
 export const getPageTitle = (state, getters) => page => {
   const { appName } = state
   const netName = getters.networkName
-  let title = `${appName} :: ${netName}`
+
+  let title
+  if (netName === 'testnet') {
+    title = `TESTNET ${appName}`
+  } else {
+    title = appName
+  }
+
   if (page) title += ` - ${page}`
   return title
 }

From 8352193c0b1f57a103cd9db788a5efd81148bde5 Mon Sep 17 00:00:00 2001
From: Nicolas Vargas <nicolas.vargas@iovlabs.org>
Date: Thu, 10 Oct 2024 15:45:57 -0300
Subject: [PATCH 2/3] fix: description metatag

---
 public/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/public/index.html b/public/index.html
index 9223da4c..bfd870c1 100644
--- a/public/index.html
+++ b/public/index.html
@@ -5,7 +5,7 @@
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Rootstock Explorer</title>
-  <meta name="description" content="Smart contracts platform secured by Bitcoin. Keep track of your $RBTC and Rootstock tokens. Get details on transactions, blocks, and tokens on the Rootstock Blockchain.">
+  <meta name="description" content="Explore Rootstock Blockchain: track $RBTC, tokens, and access detailed data on transactions and blocks. Powered by Bitcoin security, designed for developers.">
   <meta name="keywords" content="Rootstock, rootstock, RSK, rsk, Bitcoin, BTC, RBTC, rbtc, Blockchain, Explorer, Cryptocurrency">
 
   <style>

From 855236d3f8fd5582c013d3ebd507914afd6bc906 Mon Sep 17 00:00:00 2001
From: Nicolas Vargas <nicolas.vargas@iovlabs.org>
Date: Thu, 10 Oct 2024 15:46:23 -0300
Subject: [PATCH 3/3] fix: multiple page title display fixes

---
 src/router/index.js  | 47 +++++++++++++++++++++++++++++++++++++++++++-
 src/router/routes.js |  2 +-
 src/store/getters.js |  4 +++-
 3 files changed, 50 insertions(+), 3 deletions(-)

diff --git a/src/router/index.js b/src/router/index.js
index e7c93baf..b233a040 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -94,9 +94,54 @@ function isAddressPath ({ path }, address) {
   return `/${r.address}/${address}` === path
 }
 
+function addHashTag (str) {
+  return `#${str}`
+}
+
+function formatParam (paramName, value) {
+  console.log({ paramName, value })
+  let formattedParam = value
+  const isNumber = paramName === 'number'
+  const isHash = typeof value === 'string' && value.includes('0x')
+
+  if (isNumber) {
+    // prexix hashtag # to numbers
+    formattedParam = addHashTag(formattedParam)
+    console.log({ addHashTagAplied: true, formattedParam })
+  } else if (isHash) {
+    // shorten hashes
+    formattedParam = shortenHash(formattedParam)
+    console.log({ shortenHashAplied: true, formattedParam })
+  }
+
+  return formattedParam
+}
+
+function shortenHash (input) {
+  // works for addresses, blockHashes and txHashes
+  const regex = /(0x[a-fA-F0-9]{40,64})/g
+
+  if (regex.test(input)) {
+    // return shortened hash
+    return input.replace(regex, function (match) {
+      return match.substr(0, 6) + '...' + match.substr(-4)
+    })
+  } else {
+    // If no matches, return original input
+    return input
+  }
+}
+
 function getPageTitleFromRoute (route) {
   const { name, params } = route
-  return name + ' - ' + Object.values(params).join(',')
+  const paramsEntries = Object.entries(params)
+
+  if (paramsEntries.length) {
+    const formattedParams = paramsEntries.map(([paramName, value]) => formatParam(paramName, value))
+    return `${name} ${formattedParams.join(' - ')}`
+  } else {
+    return name
+  }
 }
 
 export default router
diff --git a/src/router/routes.js b/src/router/routes.js
index 63a806b9..37ab08ee 100644
--- a/src/router/routes.js
+++ b/src/router/routes.js
@@ -81,7 +81,7 @@ export default [
   },
   {
     path: '/apps',
-    name: 'apps',
+    name: 'Apps',
     component: AppsView
   }
 ]
diff --git a/src/store/getters.js b/src/store/getters.js
index e1c551bf..1d144856 100644
--- a/src/store/getters.js
+++ b/src/store/getters.js
@@ -77,6 +77,8 @@ export const getPageTitle = (state, getters) => page => {
     title = appName
   }
 
-  if (page) title += ` - ${page}`
+  if (page && !page.includes('Home')) {
+    title = `${page} | ${title}`
+  }
   return title
 }
