commit b33d2861342e8644535c7fffe6a15497730a858c · dunkirk.sh/unduckified

+1 -1

index.html

···

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

     

       7
       7
        
           <title>T3 Search</title>

     

       8
       8
        
         </head>

     

       9
       9
       -
         <body>

     

       9
       9
       +
         <body style="background-color: transparent">

     

       10
       10
        
           <div id="app"></div>

     

       11
       11
        
           <script type="module" src="/src/main.ts"></script>

     

       12
       12
        
         </body>

+15 -13

src/main.ts

···

       2
       2
        
       

     

       3
       3
        
       const defaultBang = bangs.find((b) => b.t === "g");

     

       4
       4
        
       

     

       5
       5
       -
       function doBangRedirect() {

     

       5
       5
       +
       function getBangredirectUrl() {

     

       6
       6
        
         const url = new URL(window.location.href);

     

       7
       7
        
         const query = url.searchParams.get("q")?.trim() ?? "";

     

       8
       8
        
         if (!query) return null;

     

       9
       9
       +
       

     

       9
       10
        
         const match = query.match(/!([a-z]+)/i);

     

       10
       11
        
         if (!match) return null;

     

       12
       12
       +
       

     

       11
       13
        
         const bangCandidate = match[1].toLowerCase();

     

       12
       14
        
         const selectedBang = bangs.find((b) => b.t === bangCandidate) ?? defaultBang;

     

       13
       15
        
       

     

       14
       14
       -
         return selectedBang;

     

       15
       15
       -
       }

     

       16
       16
       +
         // Remove the first bang from the query

     

       17
       17
       +
         const cleanQuery = query.replace(/![a-z]+\s*/i, "").trim();

     

       16
       18
        
       

     

       17
       17
       -
       const bang = doBangRedirect();

     

       18
       18
       -
       if (bang) {

     

       19
       19
       -
         console.log("bang", bang);

     

       19
       19
       +
         // Format of the url is:

     

       20
       20
       +
         // https://www.google.com/search?q={{{s}}}

     

       21
       21
       +
         const searchUrl = selectedBang?.u.replace(

     

       22
       22
       +
           "{{{s}}}",

     

       23
       23
       +
           encodeURIComponent(cleanQuery)

     

       24
       24
       +
         );

     

       25
       25
       +
         if (!searchUrl) return null;

     

       20
       26
        
       

     

       21
       21
       -
         // window.location.replace(bang.d + "?q=" + encodeURIComponent(query));

     

       27
       27
       +
         return searchUrl;

     

       22
       28
        
       }

     

       23
       29
        
       

     

       24
       24
       -
       document.querySelector<HTMLDivElement>("#app")!.innerHTML = `

     

       25
       25
       -
         <div>

     

       26
       26
       -
           <h1>T3 Search</h1>

     

       27
       27
       -
         </div>

     

       28
       28
       -
       `;

     

       30
       30
       +
       const searchUrl = getBangredirectUrl() ?? "https://www.google.com";

     

       29
       31
        
       

     

       30
       30
       -
       setupCounter(document.querySelector<HTMLButtonElement>("#counter")!);

     

       32
       32
       +
       window.location.replace(searchUrl);

-96

src/style.css

···

       1
       1
       -
       :root {

     

       2
       2
       -
         font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;

     

       3
       3
       -
         line-height: 1.5;

     

       4
       4
       -
         font-weight: 400;

     

       5
       5
       -
       

     

       6
       6
       -
         color-scheme: light dark;

     

       7
       7
       -
         color: rgba(255, 255, 255, 0.87);

     

       8
       8
       -
         background-color: #242424;

     

       9
       9
       -
       

     

       10
       10
       -
         font-synthesis: none;

     

       11
       11
       -
         text-rendering: optimizeLegibility;

     

       12
       12
       -
         -webkit-font-smoothing: antialiased;

     

       13
       13
       -
         -moz-osx-font-smoothing: grayscale;

     

       14
       14
       -
       }

     

       15
       15
       -
       

     

       16
       16
       -
       a {

     

       17
       17
       -
         font-weight: 500;

     

       18
       18
       -
         color: #646cff;

     

       19
       19
       -
         text-decoration: inherit;

     

       20
       20
       -
       }

     

       21
       21
       -
       a:hover {

     

       22
       22
       -
         color: #535bf2;

     

       23
       23
       -
       }

     

       24
       24
       -
       

     

       25
       25
       -
       body {

     

       26
       26
       -
         margin: 0;

     

       27
       27
       -
         display: flex;

     

       28
       28
       -
         place-items: center;

     

       29
       29
       -
         min-width: 320px;

     

       30
       30
       -
         min-height: 100vh;

     

       31
       31
       -
       }

     

       32
       32
       -
       

     

       33
       33
       -
       h1 {

     

       34
       34
       -
         font-size: 3.2em;

     

       35
       35
       -
         line-height: 1.1;

     

       36
       36
       -
       }

     

       37
       37
       -
       

     

       38
       38
       -
       #app {

     

       39
       39
       -
         max-width: 1280px;

     

       40
       40
       -
         margin: 0 auto;

     

       41
       41
       -
         padding: 2rem;

     

       42
       42
       -
         text-align: center;

     

       43
       43
       -
       }

     

       44
       44
       -
       

     

       45
       45
       -
       .logo {

     

       46
       46
       -
         height: 6em;

     

       47
       47
       -
         padding: 1.5em;

     

       48
       48
       -
         will-change: filter;

     

       49
       49
       -
         transition: filter 300ms;

     

       50
       50
       -
       }

     

       51
       51
       -
       .logo:hover {

     

       52
       52
       -
         filter: drop-shadow(0 0 2em #646cffaa);

     

       53
       53
       -
       }

     

       54
       54
       -
       .logo.vanilla:hover {

     

       55
       55
       -
         filter: drop-shadow(0 0 2em #3178c6aa);

     

       56
       56
       -
       }

     

       57
       57
       -
       

     

       58
       58
       -
       .card {

     

       59
       59
       -
         padding: 2em;

     

       60
       60
       -
       }

     

       61
       61
       -
       

     

       62
       62
       -
       .read-the-docs {

     

       63
       63
       -
         color: #888;

     

       64
       64
       -
       }

     

       65
       65
       -
       

     

       66
       66
       -
       button {

     

       67
       67
       -
         border-radius: 8px;

     

       68
       68
       -
         border: 1px solid transparent;

     

       69
       69
       -
         padding: 0.6em 1.2em;

     

       70
       70
       -
         font-size: 1em;

     

       71
       71
       -
         font-weight: 500;

     

       72
       72
       -
         font-family: inherit;

     

       73
       73
       -
         background-color: #1a1a1a;

     

       74
       74
       -
         cursor: pointer;

     

       75
       75
       -
         transition: border-color 0.25s;

     

       76
       76
       -
       }

     

       77
       77
       -
       button:hover {

     

       78
       78
       -
         border-color: #646cff;

     

       79
       79
       -
       }

     

       80
       80
       -
       button:focus,

     

       81
       81
       -
       button:focus-visible {

     

       82
       82
       -
         outline: 4px auto -webkit-focus-ring-color;

     

       83
       83
       -
       }

     

       84
       84
       -
       

     

       85
       85
       -
       @media (prefers-color-scheme: light) {

     

       86
       86
       -
         :root {

     

       87
       87
       -
           color: #213547;

     

       88
       88
       -
           background-color: #ffffff;

     

       89
       89
       -
         }

     

       90
       90
       -
         a:hover {

     

       91
       91
       -
           color: #747bff;

     

       92
       92
       -
         }

     

       93
       93
       -
         button {

     

       94
       94
       -
           background-color: #f9f9f9;

     

       95
       95
       -
         }

     

       96
       96
       -
       }

-1

src/typescript.svg

···

       1
       1
       -
       <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="32" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256"><path fill="#007ACC" d="M0 128v128h256V0H0z"></path><path fill="#FFF" d="m56.612 128.85l-.081 10.483h33.32v94.68h23.568v-94.68h33.321v-10.28c0-5.69-.122-10.444-.284-10.566c-.122-.162-20.4-.244-44.983-.203l-44.74.122l-.121 10.443Zm149.955-10.742c6.501 1.625 11.459 4.51 16.01 9.224c2.357 2.52 5.851 7.111 6.136 8.208c.08.325-11.053 7.802-17.798 11.988c-.244.162-1.22-.894-2.317-2.52c-3.291-4.795-6.745-6.867-12.028-7.233c-7.76-.528-12.759 3.535-12.718 10.321c0 1.992.284 3.17 1.097 4.795c1.707 3.536 4.876 5.649 14.832 9.956c18.326 7.883 26.168 13.084 31.045 20.48c5.445 8.249 6.664 21.415 2.966 31.208c-4.063 10.646-14.14 17.879-28.323 20.276c-4.388.772-14.79.65-19.504-.203c-10.28-1.828-20.033-6.908-26.047-13.572c-2.357-2.6-6.949-9.387-6.664-9.874c.122-.163 1.178-.813 2.356-1.504c1.138-.65 5.446-3.129 9.509-5.485l7.355-4.267l1.544 2.276c2.154 3.29 6.867 7.801 9.712 9.305c8.167 4.307 19.383 3.698 24.909-1.26c2.357-2.153 3.332-4.388 3.332-7.68c0-2.966-.366-4.266-1.91-6.501c-1.99-2.845-6.054-5.242-17.595-10.24c-13.206-5.69-18.895-9.224-24.096-14.832c-3.007-3.25-5.852-8.452-7.03-12.8c-.975-3.617-1.22-12.678-.447-16.335c2.723-12.76 12.353-21.659 26.25-24.3c4.51-.853 14.994-.528 19.424.569Z"></path></svg>