jskelet 0.2.3 → 0.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (91) hide show
  1. package/AGENTS.md +132 -132
  2. package/CHANGELOG.md +15 -0
  3. package/LICENSE +21 -21
  4. package/bin/jskelet.mjs +103 -103
  5. package/docs/01-baslangic.md +285 -285
  6. package/docs/02-mimari.md +287 -287
  7. package/docs/03-routing.md +480 -480
  8. package/docs/04-render-ve-sablonlar.md +490 -490
  9. package/docs/05-islands.md +482 -482
  10. package/docs/06-cache.md +1209 -1202
  11. package/docs/08-build.md +366 -366
  12. package/docs/09-dev-araclari.md +335 -335
  13. package/docs/10-dagitim.md +329 -329
  14. package/docs/12-panel-ve-oturum.md +384 -384
  15. package/docs/README.md +105 -105
  16. package/docs/en/01-getting-started.md +292 -292
  17. package/docs/en/02-architecture.md +305 -305
  18. package/docs/en/03-routing.md +497 -497
  19. package/docs/en/04-rendering.md +504 -504
  20. package/docs/en/05-islands.md +492 -492
  21. package/docs/en/06-caching.md +1239 -1232
  22. package/docs/en/07-configuration.md +986 -986
  23. package/docs/en/08-build.md +383 -383
  24. package/docs/en/09-dev-tools.md +342 -342
  25. package/docs/en/10-deployment.md +332 -332
  26. package/docs/en/11-migration.md +359 -359
  27. package/docs/en/12-dashboards-and-sessions.md +392 -392
  28. package/docs/en/README.md +112 -112
  29. package/package.json +102 -102
  30. package/src/build/ensure-build.mjs +15 -15
  31. package/src/build/paths.mjs +143 -143
  32. package/src/build/resolve-peer.mjs +36 -36
  33. package/src/build/tasks/client.mjs +268 -268
  34. package/src/build/tasks/css.mjs +124 -124
  35. package/src/build/tasks/fonts.mjs +146 -146
  36. package/src/build/tasks/icons.mjs +224 -224
  37. package/src/build/tasks/images.mjs +244 -244
  38. package/src/build/tasks/precompress.mjs +78 -78
  39. package/src/client/cache-panel/i18n.js +670 -0
  40. package/src/client/cache-panel/login.html +74 -71
  41. package/src/client/cache-panel/panel.css +756 -740
  42. package/src/client/cache-panel/panel.html +308 -307
  43. package/src/client/cache-panel/panel.js +915 -808
  44. package/src/client/devtools/report.html +185 -185
  45. package/src/client/devtools/report.js +725 -725
  46. package/src/client/dom.js +95 -95
  47. package/src/client/form.js +192 -192
  48. package/src/client/index.js +35 -35
  49. package/src/client/registry.js +297 -297
  50. package/src/client/safe-image.js +91 -91
  51. package/src/client/store.js +36 -36
  52. package/src/client/swap.js +188 -188
  53. package/src/config/pattern.js +107 -107
  54. package/src/http/control-flow.js +71 -71
  55. package/src/http/cookies.js +257 -257
  56. package/src/http/request-cache.js +46 -46
  57. package/src/http/request-context.js +162 -162
  58. package/src/index.js +83 -83
  59. package/src/init.mjs +221 -221
  60. package/src/runtime/alias-hooks.mjs +119 -119
  61. package/src/runtime/register.mjs +4 -4
  62. package/src/server/assets.js +147 -147
  63. package/src/server/cache-deps.js +42 -42
  64. package/src/server/cache-panel.js +759 -738
  65. package/src/server/cloudflare.js +607 -595
  66. package/src/server/create-app.js +291 -291
  67. package/src/server/data-cache.js +462 -462
  68. package/src/server/dev/report.js +369 -369
  69. package/src/server/dev/socket.js +170 -170
  70. package/src/server/dev/version-check.mjs +139 -139
  71. package/src/server/html-cache.js +817 -817
  72. package/src/server/metadata.js +102 -102
  73. package/src/server/middleware/compression.js +205 -205
  74. package/src/server/middleware/csrf.js +134 -134
  75. package/src/server/middleware/dev-gate.js +62 -62
  76. package/src/server/middleware/headers.js +37 -37
  77. package/src/server/middleware/redirects.js +32 -32
  78. package/src/server/middleware/static-precompressed.js +100 -100
  79. package/src/server/middleware/upstream-proxy.js +141 -141
  80. package/src/server/prewarm.js +601 -601
  81. package/src/server/redis.js +569 -569
  82. package/src/server/router.js +128 -128
  83. package/src/server/status-page.js +164 -164
  84. package/src/server/upstream-limiter.js +376 -376
  85. package/src/server/upstream-tracking.js +166 -166
  86. package/src/start.mjs +7 -7
  87. package/src/templates/layout.ejs +44 -44
  88. package/src/version.mjs +31 -31
  89. package/src/views/components/loader.js +85 -85
  90. package/src/views/helpers/html.js +102 -102
  91. package/src/views/helpers/tags.js +245 -245
package/src/client/cache-panel/panel.html CHANGED
@@ -1,307 +1,308 @@
1
- <!doctype html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width, initial-scale=1" />
6
- <meta name="robots" content="noindex, nofollow, noarchive, nosnippet" />
7
- <meta name="referrer" content="no-referrer" />
8
- <title>Cache · JSkelet</title>
9
- <link rel="icon" href="logo.png" />
10
- <link rel="stylesheet" href="panel.css" />
11
- </head>
12
- <body>
13
- <header>
14
- <div class="brand">
15
- <img src="logo.png" alt="" width="30" height="30" />
16
- <span class="wordmark">JSkelet</span>
17
- <span class="badge" id="version">—</span>
18
- </div>
19
-
20
- <nav class="crumbs" aria-label="Panel">
21
- <span aria-current="page">Cache</span>
22
- </nav>
23
-
24
- <span class="spacer"></span>
25
-
26
- <span class="chip" id="env">—</span>
27
- <span class="chip" id="pid">—</span>
28
- <span class="chip" id="uptime">—</span>
29
- <span class="chip" id="memory">—</span>
30
-
31
- <label class="check">
32
- <input type="checkbox" id="auto" checked />
33
- live
34
- </label>
35
- <button id="refresh">Refresh</button>
36
- <button id="logout">Sign out</button>
37
- </header>
38
-
39
- <main>
40
- <div class="cards">
41
- <div class="card">
42
- <div class="label">HTML entries</div>
43
- <div class="value" id="html-size">—</div>
44
- <div class="sub" id="html-sub">—</div>
45
- </div>
46
- <div class="card">
47
- <div class="label">HTML in memory</div>
48
- <div class="value" id="html-bytes">—</div>
49
- <div class="sub" id="html-stale">—</div>
50
- </div>
51
- <div class="card">
52
- <div class="label">Data entries</div>
53
- <div class="value" id="data-size">—</div>
54
- <div class="sub" id="data-sub">—</div>
55
- </div>
56
- <div class="card">
57
- <div class="label">Shared tier</div>
58
- <div class="value" id="redis-state">—</div>
59
- <div class="sub" id="redis-sub">—</div>
60
- </div>
61
- <div class="card">
62
- <div class="label">Prewarm</div>
63
- <div class="value" id="prewarm-state">—</div>
64
- <div class="sub" id="prewarm-sub">—</div>
65
- </div>
66
- </div>
67
-
68
- <section>
69
- <h2>Shared tier <span class="count" id="redis-heading">—</span></h2>
70
- <div class="body">
71
- <dl class="kv" id="redis-kv"></dl>
72
-
73
- <div class="row" id="redis-actions" hidden>
74
- <button id="redis-inspect">Count keys in Redis</button>
75
- <button class="danger" id="redis-html">Drop shared HTML keys</button>
76
- <button class="danger" id="redis-data">Drop shared data keys</button>
77
- </div>
78
-
79
- <div class="suggest" id="redis-suggest" hidden>
80
- <p class="m0">
81
- <strong>No shared tier.</strong> Every entry above lives in this
82
- process only, so each replica warms up on its own and an
83
- invalidation reaches whichever replica received the request.
84
- Adding Redis keeps the in-process cache primary and only does what
85
- a single process cannot: serve HTML another replica already
86
- rendered, and broadcast purges to all of them.
87
- </p>
88
- <pre><code>npm install ioredis</code></pre>
89
- <pre><code>// jskelet.config.mjs
90
- cache() {
91
- return {
92
- redis: { enabled: true, url: process.env.REDIS_URL },
93
- };
94
- }</code></pre>
95
- <p class="hint m0">
96
- Worth it from the second replica onwards. On a single instance the
97
- gain is close to zero, which is why it is off by default.
98
- </p>
99
- </div>
100
- </div>
101
- </section>
102
-
103
- <section>
104
- <h2>
105
- Cloudflare <span class="count" id="cf-heading">—</span>
106
- <span class="tabs">
107
- <button id="cf-refresh">Refresh</button>
108
- </span>
109
- </h2>
110
- <div class="body">
111
- <dl class="kv" id="cf-kv"></dl>
112
-
113
- <div id="cf-tools" hidden>
114
- <div class="row">
115
- <button class="danger" id="cf-purge-all">Purge everything</button>
116
- <button id="cf-purge-cached">Purge URLs cached here</button>
117
- <label class="check">
118
- <input type="checkbox" id="cf-dev" />
119
- development mode (bypass cache for 3h)
120
- </label>
121
- </div>
122
-
123
- <div class="row">
124
- <select id="cf-kind">
125
- <option value="prefixes">prefixes</option>
126
- <option value="hosts">hosts</option>
127
- <option value="tags">cache tags</option>
128
- </select>
129
- <input
130
- class="grow"
131
- type="text"
132
- id="cf-values"
133
- spellcheck="false"
134
- placeholder="example.com/news · space or comma separated, 100 per request"
135
- />
136
- <button class="primary" id="cf-purge-keys">Purge</button>
137
- </div>
138
-
139
- <div class="row">
140
- <button id="cf-tiered">Toggle Tiered Cache</button>
141
- <button id="cf-reserve">Toggle Cache Reserve</button>
142
- <button class="danger" id="cf-reserve-clear">Clear Cache Reserve</button>
143
- </div>
144
-
145
- <div class="row">
146
- <input
147
- class="grow"
148
- type="text"
149
- id="cf-path"
150
- spellcheck="false"
151
- placeholder="/news/some-post — which edges served this path (blank = whole zone)"
152
- />
153
- <button id="cf-analytics">Query analytics</button>
154
- </div>
155
-
156
- <div id="cf-report" class="report" hidden></div>
157
-
158
- <p class="hint">
159
- Cloudflare has no endpoint that lists which edges currently hold a
160
- copy of a URL, and no way to warm a chosen edge from the origin —
161
- an object only enters an edge cache through a real request routed
162
- there. What you get above is observation: which colos served the
163
- path from cache and which went to the origin. Warming is our
164
- prewarm pass plus Tiered Cache or Cache Reserve behind it.
165
- </p>
166
- </div>
167
-
168
- <div class="suggest" id="cf-suggest" hidden>
169
- <p class="m0">
170
- <strong>Cloudflare is not connected.</strong> The cache above is
171
- the origin cache; the copy your visitors actually get is at the
172
- edge. Connecting a zone lets a purge here reach both, and shows
173
- the cache hit ratio that decides whether the origin cache is even
174
- being asked.
175
- </p>
176
- <pre><code>JSKELET_CLOUDFLARE_KEY=your_api_token
177
- JSKELET_CLOUDFLARE_ZONE_ID=your_zone_id</code></pre>
178
- <p class="hint m0">
179
- Token permissions: <code>Zone.Cache Purge</code> to purge,
180
- <code>Zone.Zone Settings</code> to change settings,
181
- <code>Zone.Analytics</code> (read) for the hit ratio. The token is
182
- read from the environment and never leaves the server.
183
- </p>
184
- </div>
185
- </div>
186
- </section>
187
-
188
- <section>
189
- <h2>Host <span class="count" id="host-heading">—</span></h2>
190
- <div class="body">
191
- <div class="meter">
192
- <div class="meter-head">
193
- <span>Memory</span>
194
- <span class="mono" id="ram-text">—</span>
195
- </div>
196
- <div class="bar"><span id="ram-bar"></span></div>
197
- <p class="hint m0" id="ram-note">—</p>
198
- </div>
199
-
200
- <div class="meter">
201
- <div class="meter-head">
202
- <span>Disk</span>
203
- <span class="mono" id="disk-text">—</span>
204
- </div>
205
- <div class="bar"><span id="disk-bar"></span></div>
206
- <p class="hint m0" id="disk-note">—</p>
207
- </div>
208
- </div>
209
- </section>
210
-
211
- <section>
212
- <h2>Actions</h2>
213
- <div class="body">
214
- <div class="row">
215
- <input
216
- class="grow"
217
- type="text"
218
- id="target"
219
- spellcheck="false"
220
- placeholder="/news/:slug · /news/some-post · invalidation target"
221
- />
222
- <label class="check">
223
- <input type="checkbox" id="hard" />
224
- hard (delete instead of marking stale)
225
- </label>
226
- <button class="primary" id="invalidate">Invalidate</button>
227
- </div>
228
-
229
- <div class="row">
230
- <input
231
- class="grow"
232
- type="text"
233
- id="prefix"
234
- spellcheck="false"
235
- placeholder="data key prefix — empty clears every data entry"
236
- />
237
- <button class="danger" id="clear-data">Clear data cache</button>
238
- <button class="danger" id="clear-html">Clear HTML cache</button>
239
- </div>
240
-
241
- <div class="row">
242
- <button id="prewarm">Prewarm all paths</button>
243
- </div>
244
-
245
- <p class="hint">
246
- Invalidation marks entries stale by default: visitors keep getting
247
- the old HTML while a single background refresh runs. Hard mode
248
- deletes them, so the next visitor waits for a cold render.
249
- </p>
250
- </div>
251
- </section>
252
-
253
- <section>
254
- <h2>
255
- Entries
256
- <span class="count" id="listed">—</span>
257
- <span class="tabs" role="tablist">
258
- <button id="tab-html" role="tab" aria-selected="true">HTML</button>
259
- <button id="tab-data" role="tab" aria-selected="false">Data</button>
260
- </span>
261
- </h2>
262
- <div class="body">
263
- <div class="row">
264
- <input
265
- class="grow"
266
- type="search"
267
- id="search"
268
- spellcheck="false"
269
- placeholder="Filter by key"
270
- />
271
- </div>
272
- </div>
273
- <div class="scroll">
274
- <table>
275
- <thead id="thead"></thead>
276
- <tbody id="tbody"></tbody>
277
- </table>
278
- <div class="empty" id="empty" hidden>No entries.</div>
279
- </div>
280
- </section>
281
- </main>
282
-
283
- <footer>
284
- <div class="foot-brand">
285
- <img src="logo.png" alt="" width="24" height="24" />
286
- <span class="wordmark">JSkelet</span>
287
- <span class="mono" id="foot-release">—</span>
288
- </div>
289
-
290
- <div class="foot-links">
291
- <a id="foot-repo" href="https://github.com/ayberkenis/jskelet" rel="noreferrer noopener">
292
- GitHub
293
- </a>
294
- <span class="dot" aria-hidden="true">·</span>
295
- <span>Cache panel</span>
296
- <span class="dot" aria-hidden="true">·</span>
297
- <span class="live">
298
- <span class="pulse"></span>
299
- Password rotates on restart
300
- </span>
301
- </div>
302
- </footer>
303
-
304
- <div id="toast"></div>
305
- <script type="module" src="panel.js"></script>
306
- </body>
307
- </html>
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
6
+ <meta name="robots" content="noindex, nofollow, noarchive, nosnippet" />
7
+ <meta name="referrer" content="no-referrer" />
8
+ <title>Cache · JSkelet</title>
9
+ <link rel="icon" href="logo.png" />
10
+ <link rel="stylesheet" href="panel.css" />
11
+ </head>
12
+ <body>
13
+ <header>
14
+ <div class="brand">
15
+ <img src="logo.png" alt="" width="30" height="30" />
16
+ <span class="wordmark">JSkelet</span>
17
+ <span class="badge" id="version">—</span>
18
+ </div>
19
+
20
+ <nav class="crumbs" aria-label="Panel">
21
+ <span aria-current="page" data-i18n="nav.cache">Cache</span>
22
+ </nav>
23
+
24
+ <span class="spacer"></span>
25
+
26
+ <span class="chip" id="env">—</span>
27
+ <span class="chip" id="pid">—</span>
28
+ <span class="chip" id="uptime">—</span>
29
+ <span class="chip" id="memory">—</span>
30
+
31
+ <span id="language"></span>
32
+
33
+ <label class="check">
34
+ <input type="checkbox" id="auto" checked />
35
+ <span data-i18n="shell.live">live</span>
36
+ </label>
37
+ <button id="refresh" data-i18n="shell.refresh">Refresh</button>
38
+ <button id="logout" data-i18n="shell.signOut">Sign out</button>
39
+ </header>
40
+
41
+ <main>
42
+ <div class="cards">
43
+ <div class="card">
44
+ <div class="label" data-i18n="card.htmlEntries">HTML entries</div>
45
+ <div class="value" id="html-size">—</div>
46
+ <div class="sub" id="html-sub">—</div>
47
+ </div>
48
+ <div class="card">
49
+ <div class="label" data-i18n="card.htmlMemory">HTML in memory</div>
50
+ <div class="value" id="html-bytes">—</div>
51
+ <div class="sub" id="html-stale">—</div>
52
+ </div>
53
+ <div class="card">
54
+ <div class="label" data-i18n="card.dataEntries">Data entries</div>
55
+ <div class="value" id="data-size">—</div>
56
+ <div class="sub" id="data-sub">—</div>
57
+ </div>
58
+ <div class="card">
59
+ <div class="label" data-i18n="card.sharedTier">Shared tier</div>
60
+ <div class="value" id="redis-state">—</div>
61
+ <div class="sub" id="redis-sub">—</div>
62
+ </div>
63
+ <div class="card">
64
+ <div class="label" data-i18n="card.prewarm">Prewarm</div>
65
+ <div class="value" id="prewarm-state">—</div>
66
+ <div class="sub" id="prewarm-sub">—</div>
67
+ </div>
68
+ </div>
69
+
70
+ <section>
71
+ <h2>
72
+ <span data-i18n="redis.section">Shared tier</span>
73
+ <span class="count" id="redis-heading">—</span>
74
+ </h2>
75
+ <div class="body">
76
+ <dl class="kv" id="redis-kv"></dl>
77
+
78
+ <div class="row" id="redis-actions" hidden>
79
+ <button id="redis-inspect" data-i18n="redis.inspect">Count keys in Redis</button>
80
+ <button class="danger" id="redis-html" data-i18n="redis.dropHtml">
81
+ Drop shared HTML keys
82
+ </button>
83
+ <button class="danger" id="redis-data" data-i18n="redis.dropData">
84
+ Drop shared data keys
85
+ </button>
86
+ </div>
87
+
88
+ <div class="suggest" id="redis-suggest" hidden>
89
+ <p class="m0">
90
+ <strong data-i18n="redis.suggest.title">No shared tier.</strong>
91
+ <span data-i18n="redis.suggest.body"></span>
92
+ </p>
93
+ <pre><code>npm install ioredis</code></pre>
94
+ <pre><code>// jskelet.config.mjs
95
+ cache() {
96
+ return {
97
+ redis: { enabled: true, url: process.env.REDIS_URL },
98
+ };
99
+ }</code></pre>
100
+ <p class="hint m0" data-i18n="redis.suggest.hint"></p>
101
+ </div>
102
+ </div>
103
+ </section>
104
+
105
+ <section>
106
+ <h2>
107
+ <span data-i18n="cf.section">Cloudflare</span>
108
+ <span class="count" id="cf-heading">—</span>
109
+ <span class="tabs">
110
+ <button id="cf-refresh" data-i18n="cf.refresh">Refresh</button>
111
+ </span>
112
+ </h2>
113
+ <div class="body">
114
+ <dl class="kv" id="cf-kv"></dl>
115
+
116
+ <div id="cf-tools" hidden>
117
+ <div class="row">
118
+ <button class="danger" id="cf-purge-all" data-i18n="cf.purgeAll">
119
+ Purge everything
120
+ </button>
121
+ <button id="cf-purge-cached" data-i18n="cf.purgeCached">
122
+ Purge URLs cached here
123
+ </button>
124
+ <label class="check">
125
+ <input type="checkbox" id="cf-dev" />
126
+ <span data-i18n="cf.devMode"></span>
127
+ </label>
128
+ </div>
129
+
130
+ <div class="row">
131
+ <select id="cf-kind">
132
+ <option value="prefixes" data-i18n="cf.kind.prefixes">prefixes</option>
133
+ <option value="hosts" data-i18n="cf.kind.hosts">hosts</option>
134
+ <option value="tags" data-i18n="cf.kind.tags">cache tags</option>
135
+ </select>
136
+ <input
137
+ class="grow"
138
+ type="text"
139
+ id="cf-values"
140
+ spellcheck="false"
141
+ data-i18n-ph="cf.values.placeholder"
142
+ />
143
+ <button class="primary" id="cf-purge-keys" data-i18n="cf.purge">Purge</button>
144
+ </div>
145
+
146
+ <div class="row">
147
+ <button id="cf-tiered" data-i18n="cf.toggleTiered">Toggle Tiered Cache</button>
148
+ <button id="cf-reserve" data-i18n="cf.toggleReserve">Toggle Cache Reserve</button>
149
+ <button class="danger" id="cf-reserve-clear" data-i18n="cf.clearReserve">
150
+ Clear Cache Reserve
151
+ </button>
152
+ </div>
153
+
154
+ <div class="row">
155
+ <input
156
+ class="grow"
157
+ type="text"
158
+ id="cf-path"
159
+ spellcheck="false"
160
+ data-i18n-ph="cf.path.placeholder"
161
+ />
162
+ <button id="cf-analytics" data-i18n="cf.queryAnalytics">Query analytics</button>
163
+ </div>
164
+
165
+ <div id="cf-report" class="report" hidden></div>
166
+
167
+ <p class="hint" data-i18n="cf.edgeHint"></p>
168
+ </div>
169
+
170
+ <div class="suggest" id="cf-suggest" hidden>
171
+ <p class="m0">
172
+ <strong data-i18n="cf.suggest.title">Cloudflare is not connected.</strong>
173
+ <span data-i18n="cf.suggest.body"></span>
174
+ </p>
175
+ <pre><code>JSKELET_CLOUDFLARE_KEY=your_api_token
176
+ JSKELET_CLOUDFLARE_ZONE_ID=your_zone_id</code></pre>
177
+ <p class="hint m0" data-i18n-html="cf.suggest.hint"></p>
178
+ </div>
179
+ </div>
180
+ </section>
181
+
182
+ <section>
183
+ <h2>
184
+ <span data-i18n="host.section">Host</span>
185
+ <span class="count" id="host-heading">—</span>
186
+ </h2>
187
+ <div class="body">
188
+ <div class="meter">
189
+ <div class="meter-head">
190
+ <span data-i18n="host.memory">Memory</span>
191
+ <span class="mono" id="ram-text">—</span>
192
+ </div>
193
+ <div class="bar"><span id="ram-bar"></span></div>
194
+ <p class="hint m0" id="ram-note">—</p>
195
+ </div>
196
+
197
+ <div class="meter">
198
+ <div class="meter-head">
199
+ <span data-i18n="host.disk">Disk</span>
200
+ <span class="mono" id="disk-text">—</span>
201
+ </div>
202
+ <div class="bar"><span id="disk-bar"></span></div>
203
+ <p class="hint m0" id="disk-note">—</p>
204
+ </div>
205
+ </div>
206
+ </section>
207
+
208
+ <section>
209
+ <h2><span data-i18n="actions.section">Actions</span></h2>
210
+ <div class="body">
211
+ <div class="row">
212
+ <input
213
+ class="grow"
214
+ type="text"
215
+ id="target"
216
+ spellcheck="false"
217
+ data-i18n-ph="actions.target.placeholder"
218
+ />
219
+ <label class="check">
220
+ <input type="checkbox" id="hard" />
221
+ <span data-i18n="actions.hard"></span>
222
+ </label>
223
+ <button class="primary" id="invalidate" data-i18n="actions.invalidate">
224
+ Invalidate
225
+ </button>
226
+ </div>
227
+
228
+ <div class="row">
229
+ <input
230
+ class="grow"
231
+ type="text"
232
+ id="prefix"
233
+ spellcheck="false"
234
+ data-i18n-ph="actions.prefix.placeholder"
235
+ />
236
+ <button class="danger" id="clear-data" data-i18n="actions.clearData">
237
+ Clear data cache
238
+ </button>
239
+ <button class="danger" id="clear-html" data-i18n="actions.clearHtml">
240
+ Clear HTML cache
241
+ </button>
242
+ </div>
243
+
244
+ <div class="row">
245
+ <button id="prewarm" data-i18n="actions.prewarm">Prewarm all paths</button>
246
+ </div>
247
+
248
+ <p class="hint" data-i18n="actions.hint"></p>
249
+ </div>
250
+ </section>
251
+
252
+ <section>
253
+ <h2>
254
+ <span data-i18n="entries.section">Entries</span>
255
+ <span class="count" id="listed">—</span>
256
+ <span class="tabs" role="tablist">
257
+ <button id="tab-html" role="tab" aria-selected="true">HTML</button>
258
+ <button id="tab-data" role="tab" aria-selected="false" data-i18n="tab.data">
259
+ Data
260
+ </button>
261
+ </span>
262
+ </h2>
263
+ <div class="body">
264
+ <div class="row">
265
+ <input
266
+ class="grow"
267
+ type="search"
268
+ id="search"
269
+ spellcheck="false"
270
+ data-i18n-ph="entries.search"
271
+ />
272
+ </div>
273
+ </div>
274
+ <div class="scroll">
275
+ <table>
276
+ <thead id="thead"></thead>
277
+ <tbody id="tbody"></tbody>
278
+ </table>
279
+ <div class="empty" id="empty" data-i18n="entries.empty" hidden>No entries.</div>
280
+ </div>
281
+ </section>
282
+ </main>
283
+
284
+ <footer>
285
+ <div class="foot-brand">
286
+ <img src="logo.png" alt="" width="24" height="24" />
287
+ <span class="wordmark">JSkelet</span>
288
+ <span class="mono" id="foot-release">—</span>
289
+ </div>
290
+
291
+ <div class="foot-links">
292
+ <a id="foot-repo" href="https://github.com/ayberkenis/jskelet" rel="noreferrer noopener">
293
+ GitHub
294
+ </a>
295
+ <span class="dot" aria-hidden="true">·</span>
296
+ <span data-i18n="footer.panel">Cache panel</span>
297
+ <span class="dot" aria-hidden="true">·</span>
298
+ <span class="live">
299
+ <span class="pulse"></span>
300
+ <span data-i18n="footer.rotates">Password rotates on restart</span>
301
+ </span>
302
+ </div>
303
+ </footer>
304
+
305
+ <div id="toast"></div>
306
+ <script type="module" src="panel.js"></script>
307
+ </body>
308
+ </html>