lazydns 0.3.20

A light and fast DNS server/forwarder implementation in Rust
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134

<script lang="ts">
  import type { UpstreamHealth } from "../lib/types";
  import { formatTimeAgo } from "../lib/utils";
  import { darkMode } from "../lib/stores";

  export let upstreams: UpstreamHealth[];
</script>

<div class="card">
  <div class="card-header">
    <h3
      class="font-semibold {$darkMode
        ? 'text-white'
        : 'text-gray-900'} flex items-center gap-2"
    >
      <svg
        class="w-5 h-5 {$darkMode ? 'text-gray-400' : 'text-gray-500'}"
        fill="none"
        stroke="currentColor"
        viewBox="0 0 24 24"
      >
        <path
          stroke-linecap="round"
          stroke-linejoin="round"
          stroke-width="2"
          d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"
        />
      </svg>
      Upstream Performance
    </h3>
  </div>

  <div class="table-container">
    <table class="table">
      <thead>
        <tr>
          <th>Status</th>
          <th>Name</th>
          <th>Address</th>
          <th>Latency</th>
          <th>Success Rate</th>
          <th>Requests</th>
          <th>Failed</th>
          <th>Last Success</th>
          <th>Last Failure</th>
        </tr>
      </thead>
      <tbody>
        {#each upstreams as upstream}
          <tr>
            <td>
              <div class="flex items-center gap-2">
                <div
                  class="w-2.5 h-2.5 rounded-full"
                  class:bg-green-400={upstream.status === "healthy"}
                  class:bg-yellow-400={upstream.status === "degraded"}
                  class:bg-red-400={upstream.status === "down"}
                ></div>
                <span
                  class="text-xs font-medium uppercase"
                  class:text-green-400={upstream.status === "healthy"}
                  class:text-yellow-400={upstream.status === "degraded"}
                  class:text-red-400={upstream.status === "down"}
                >
                  {upstream.status}
                </span>
              </div>
            </td>
            <td class="font-medium {$darkMode ? 'text-white' : 'text-gray-900'}"
              >{upstream.name}</td
            >
            <td
              class="font-mono text-sm {$darkMode
                ? 'text-gray-400'
                : 'text-gray-700'}">{upstream.address}</td
            >
            <td>
              <div class="flex items-center gap-2">
                <div
                  class="w-16 {$darkMode
                    ? 'bg-gray-700'
                    : 'bg-gray-200'} rounded-full h-2 overflow-hidden"
                >
                  <div
                    class="h-full rounded-full transition-all"
                    class:bg-green-500={upstream.avg_latency_ms < 50}
                    class:bg-yellow-500={upstream.avg_latency_ms >= 50 &&
                      upstream.avg_latency_ms < 100}
                    class:bg-red-500={upstream.avg_latency_ms >= 100}
                    style="width: {Math.min(100, upstream.avg_latency_ms / 2)}%"
                  ></div>
                </div>
                <span
                  class="text-sm font-medium"
                  class:text-green-400={upstream.avg_latency_ms < 50}
                  class:text-yellow-400={upstream.avg_latency_ms >= 50 &&
                    upstream.avg_latency_ms < 100}
                  class:text-red-400={upstream.avg_latency_ms >= 100}
                >
                  {upstream.avg_latency_ms.toFixed(1)}ms
                </span>
              </div>
            </td>
            <td>
              <span
                class="font-medium"
                class:text-green-400={upstream.success_rate >= 99}
                class:text-yellow-400={upstream.success_rate >= 95 &&
                  upstream.success_rate < 99}
                class:text-red-400={upstream.success_rate < 95}
              >
                {upstream.success_rate.toFixed(1)}%
              </span>
            </td>
            <td class={$darkMode ? "text-gray-300" : "text-gray-700"}>
              {upstream.total_requests.toLocaleString()}
            </td>
            <td>
              <span class="text-red-600">
                {upstream.failed_requests.toLocaleString()}
              </span>
            </td>
            <td class="text-sm {$darkMode ? 'text-gray-400' : 'text-gray-700'}">
              {formatTimeAgo(upstream.last_success_at) || "-"}
            </td>
            <td class="text-sm {$darkMode ? 'text-gray-400' : 'text-gray-700'}">
              {formatTimeAgo(upstream.last_failure_at) || "-"}
            </td>
          </tr>
        {/each}
      </tbody>
    </table>
  </div>
</div>