···

       
24
       
24
       
 
       
      media="print"

     

       
25
       
25
       
 
       
      onload="this.media='all'"

     

       
26
       
26
       
 
       
    />

     

       
27
       
27
       
-
       
    <script

     

       
28
       
28
       
-
       
      defer

     

       
29
       
29
       
-
       
      data-domain="unduck.link"

     

       
30
       
30
       
-
       
      src="https://plausible.io/js/script.js"

     

       
31
       
31
       
-
       
    ></script>

     

       
32
       
27
       
 
       
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

     

       
33
       
28
       
 
       
    <title>Unduck</title>

     

       
34
       
29
       
 
       
    <meta

     

···

       
56
       
56
       
 
       
h6 {

     

       
57
       
57
       
 
       
  font-weight: 600;

     

       
58
       
58
       
 
       
  line-height: 1.2;

     

       
59
       
59
       
+
       
  padding: .75rem;

     

       
59
       
60
       
 
       
}

     

       
60
       
61
       
 
       


     

       
61
       
62
       
 
       
a {

     
···

       
87
       
88
       
 
       


     

       
88
       
89
       
 
       
/* Add this new style */

     

       
89
       
90
       
 
       
.content-container {

     

       
90
       
90
       
-
       
  max-width: 36rem;

     

       
91
       
91
       
+
       
  max-width: 37rem;

     

       
91
       
92
       
 
       
  text-align: center;

     

       
92
       
93
       
 
       
  padding: 0 8px;

     

       
93
       
94
       
 
       
}

     

···

       
2
       
2
       
 
       
import "./global.css";

     

       
3
       
3
       
 
       


     

       
4
       
4
       
 
       
function noSearchDefaultPageRender() {

     

       
5
       
5
       
-
       
  const app = document.querySelector<HTMLDivElement>("#app")!;

     

       
5
       
5
       
+
       
  const app = document.querySelector<HTMLDivElement>("#app");

     

       
6
       
6
       
+
       
  if (!app) throw new Error("App element not found");

     

       
6
       
7
       
 
       
  app.innerHTML = `

     

       
7
       
8
       
 
       
    <div style="display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh;">

     

       
8
       
9
       
 
       
      <div class="content-container">

     

       
9
       
9
       
-
       
        <h1>Und*ck</h1>

     

       
10
       
10
       
+
       
        <h1>┐( ˘_˘ )┌</h1>

     

       
10
       
11
       
 
       
        <p>DuckDuckGo's bang redirects are too slow. Add the following URL as a custom search engine to your browser. Enables <a href="https://duckduckgo.com/bang.html" target="_blank">all of DuckDuckGo's bangs.</a></p>

     

       
11
       
11
       
-
       
        <div class="url-container"> 

     

       
12
       
12
       
-
       
          <input 

     

       
13
       
13
       
-
       
            type="text" 

     

       
12
       
12
       
+
       
        <div class="url-container">

     

       
13
       
13
       
+
       
          <input

     

       
14
       
14
       
+
       
            type="text"

     

       
14
       
15
       
 
       
            class="url-input"

     

       
15
       
16
       
 
       
            value="https://unduck.link?q=%s"

     

       
16
       
16
       
-
       
            readonly 

     

       
17
       
17
       
+
       
            readonly

     

       
17
       
18
       
 
       
          />

     

       
18
       
19
       
 
       
          <button class="copy-button">

     

       
19
       
20
       
 
       
            <img src="/clipboard.svg" alt="Copy" />

     
···

       
21
       
22
       
 
       
        </div>

     

       
22
       
23
       
 
       
      </div>

     

       
23
       
24
       
 
       
      <footer class="footer">

     

       
24
       
24
       
-
       
        <a href="https://t3.chat" target="_blank">t3.chat</a>

     

       
25
       
25
       
-
       
        •

     

       
26
       
26
       
-
       
        <a href="https://x.com/theo" target="_blank">theo</a>

     

       
27
       
27
       
-
       
        •

     

       
28
       
28
       
-
       
        <a href="https://github.com/t3dotgg/unduck" target="_blank">github</a>

     

       
25
       
25
       
+
       
        made with ♥ by <a href="https://github.com/taciturnaxolotl" target="_blank">Kieran Klukas</a> as <a href="https://github.com/taciturnaxolotl/unduck" target="_blank">open source</a> software

     

       
29
       
26
       
 
       
      </footer>

     

       
30
       
27
       
 
       
    </div>

     

       
31
       
28
       
 
       
  `;

     

       
32
       
29
       
 
       


     

       
33
       
33
       
-
       
  const copyButton = app.querySelector<HTMLButtonElement>(".copy-button")!;

     

       
34
       
34
       
-
       
  const copyIcon = copyButton.querySelector("img")!;

     

       
35
       
35
       
-
       
  const urlInput = app.querySelector<HTMLInputElement>(".url-input")!;

     

       
30
       
30
       
+
       
  const copyButton = app.querySelector<HTMLButtonElement>(".copy-button");

     

       
31
       
31
       
+
       
  if (!copyButton) throw new Error("Copy button not found");

     

       
32
       
32
       
+
       
  const copyIcon = copyButton.querySelector("img");

     

       
33
       
33
       
+
       
  if (!copyIcon) throw new Error("Copy icon not found");

     

       
34
       
34
       
+
       
  const urlInput = app.querySelector<HTMLInputElement>(".url-input");

     

       
35
       
35
       
+
       
  if (!urlInput) throw new Error("URL input not found");

     

       
36
       
36
       
+
       


     

       
37
       
37
       
+
       
  urlInput.value = `${window.location.protocol}//${window.location.host}?q=%s`;

     

       
36
       
38
       
 
       


     

       
37
       
39
       
 
       
  copyButton.addEventListener("click", async () => {

     

       
38
       
40
       
 
       
    await navigator.clipboard.writeText(urlInput.value);