Updated - texts & version no v1.4

Author: AndreiIgna

README.md

@@ -1,15 +1,16 @@
 Domain Info extension/add-on
 =========
 
-**Domain Info** is a browser extension/add-on that shows really detailed info about a domain, like registration status & dates, WHOIS, Name Servers and DNS records.
+**Domain Info** is a browser extension/add-on that shows really detailed info about a domain, like registration status & dates, the person or company who registered it, WHOIS, DNS and much more.
 
 ## Highlights
 * See domain availability: registered or available
 * Show at which registrar the domain is registered and owner info (if public)
 * See domain important dates: registration date, expiry date
 * Info about Name Servers
 * DNS records: detects most subdomains added to a domain
-* Does not track or record any user data, all code used is open source
+* History: see when and what changes happened in WHOIS or DNS Records
+* Does not track or record browser history. The only info used is current tab url when extension icon is clicked
 
 ## Install and use it
 - Google Chrome - [Install from Chrome Web Store](https://chrome.google.com/webstore/detail/domain-info/afbepfhknfficaflckmgflbmklcleidl)

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "domain-info",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "Detailed info about a site's domain, DNS and tech stack",
   "author": "Andrei <andrei@laye.red>",
   "license": "MIT",

package.json

@@ -1,5 +1,7 @@
 global.browser = require('webextension-polyfill')
 
+// TODO cache requests
+
 const doFetch = (req, init) => {
 	return fetch(req, init).then(function (response) {
 		var contentType = response.headers.get('Content-Type')

src/background.js

@@ -1,7 +1,7 @@
 {
   "name": "Domain info",
   "description": "Shows really detailed info about a domain, like registration status & dates, WHOIS, Name Servers and DNS records",
-  "version": "1.2.1",
+  "version": "1.4.0",
   "manifest_version": 2,
   "icons": {
     "48": "icons/icon_48.png",

src/manifest.json

@@ -1,11 +1,11 @@
 <template>
 	<div class="app-popup">
 		<h2 v-if="!domainRoot" class="text-center my-3">
-			<a :href="`https://dmns.app/domains/${domainRoot || domain}`" class="text-dark" target="_blank">{{ domain }} <small class="text-muted">❐</small></a>
+			<a :href="`https://dmns.app/domains/${domainRoot || domain}`" class="text-dark" target="_blank">{{ domain }} <small v-if="valid" class="text-muted">❐</small></a>
 		</h2>
 		<h2 v-if="domainRoot" class="text-center my-3">
 			<a :href="`https://dmns.app/domains/${domainRoot || domain}`" class="text-dark" target="_blank">
-				<span class="text-muted">{{ domain.replace(domainRoot, '') }}</span>{{ domainRoot }} <small class="text-muted">❐</small>
+				<span class="text-muted">{{ domain.replace(domainRoot, '') }}</span>{{ domainRoot }} <small v-if="valid" class="text-muted">❐</small>
 			</a>
 		</h2>
 
@@ -318,7 +318,7 @@
 
 							<a v-for="tld in tlds" :href="'https://dmns.app/domains/' + data.domain.keyword + '.' + tld.tld" :key="tld.tld" class="btn btn-sm m-1" target="_blank" :class="{ 'btn-outline-success': tld.status === 'available', 'btn-outline-secondary': !['available'].includes(tld.status) }">
 								<span v-if="tld.status === 'loading'">.{{ tld.tld }} <div class="spinner-border spinner-border-sm" role="status"></div></span>
-								<span v-else><strong>.{{ tld.tld }}</strong> - {{ tld.status }}</span>
+								<span v-else><strong>.{{ tld.tld }}</strong> - {{ labelAvailability[tld.status] || tld.status }}</span>
 							</a>
 						</div>
 					</div>
@@ -362,6 +362,10 @@ export default {
 				dns: null,
 				emailProvider: null,
 				dnsProviders: [],
+				history: [],
+			},
+			labelAvailability: {
+				registered: 'taken',
 			},
 			badgeAvailability: {
 				available: 'badge-light-success',
@@ -889,7 +893,7 @@ export default {
 //@import '~@layered/layered-design/src/navbar';
 //@import '~@layered/layered-design/src/card';
 //@import '~@layered/layered-design/src/toasts';
-@import '~@layered/layered-design/src/ui-elements';
+//@import '~@layered/layered-design/src/ui-elements';
 
 .app-popup {
 	height: 500px;