From 06bee3f09cc40bb4a2c9d5edf0d1a558bd179cac Mon Sep 17 00:00:00 2001
From: Karan Sharma <hello@mrkaran.dev>
Date: Wed, 3 Mar 2021 10:15:41 +0530
Subject: [PATCH] feat: Add DOH option

---
 cmd/doggo/api/assets/main.js | 5 ++++-
 cmd/doggo/api/index.html     | 3 ++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/cmd/doggo/api/assets/main.js b/cmd/doggo/api/assets/main.js
index 802c542..594ef30 100644
--- a/cmd/doggo/api/assets/main.js
+++ b/cmd/doggo/api/assets/main.js
@@ -8,11 +8,12 @@ var app = new Vue({
         apiErrorMessage: "",
         queryName: "",
         queryType: "A",
-        nameserverName: "google",
+        nameserverName: "cloudflare",
         customNSAddr: "",
         nsAddrMap: {
             "google": "8.8.8.8",
             "cloudflare": "1.1.1.1",
+            "cloudflare-doh": "https://cloudflare-dns.com/dns-query",
             "quad9": "9.9.9.9",
         }
     },
@@ -36,6 +37,8 @@ var app = new Vue({
                     return "tcp://8.8.8.8:53"
                 case "cloudflare":
                     return "tcp://1.1.1.1:53"
+                case "cloudflare-doh":
+                    return "https://cloudflare-dns.com/dns-query"
                 case "quad9":
                     return "tcp://9.9.9.9:53"
                 case "custom":
diff --git a/cmd/doggo/api/index.html b/cmd/doggo/api/index.html
index f86d96f..cf8b5fe 100644
--- a/cmd/doggo/api/index.html
+++ b/cmd/doggo/api/index.html
@@ -83,8 +83,9 @@
                         <select v-model="nameserverName"
                             class="block appearance-none w-full bg-grey-lighter border border-grey-lighter text-grey-darker py-3 px-4 pr-8 rounded"
                             id="grid-state">
-                            <option value="google">Google</option>
                             <option value="cloudflare">Cloudflare</option>
+                            <option value="cloudflare-doh">Cloudflare (DOH)</option>
+                            <option value="google">Google</option>
                             <option value="quad9">Quad9</option>
                             <option value="custom">Custom</option>
                         </select>