orez 0.2.26 → 0.2.29

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 (172) hide show
  1. package/dist/cf-do/worker.d.ts.map +1 -1
  2. package/dist/cf-do/worker.js +9 -1
  3. package/dist/cf-do/worker.js.map +1 -1
  4. package/dist/pg-proxy-do-backend.d.ts +2 -0
  5. package/dist/pg-proxy-do-backend.d.ts.map +1 -1
  6. package/dist/pg-proxy-do-backend.js +49 -7
  7. package/dist/pg-proxy-do-backend.js.map +1 -1
  8. package/dist/pg-sqlite-compiler/catalog/seed.d.ts +67 -0
  9. package/dist/pg-sqlite-compiler/catalog/seed.d.ts.map +1 -0
  10. package/dist/pg-sqlite-compiler/catalog/seed.js +436 -0
  11. package/dist/pg-sqlite-compiler/catalog/seed.js.map +1 -0
  12. package/dist/pg-sqlite-compiler/index.d.ts +12 -0
  13. package/dist/pg-sqlite-compiler/index.d.ts.map +1 -0
  14. package/dist/pg-sqlite-compiler/index.js +59 -0
  15. package/dist/pg-sqlite-compiler/index.js.map +1 -0
  16. package/dist/pg-sqlite-compiler/passes/ast-utils.d.ts +48 -0
  17. package/dist/pg-sqlite-compiler/passes/ast-utils.d.ts.map +1 -0
  18. package/dist/pg-sqlite-compiler/passes/ast-utils.js +93 -0
  19. package/dist/pg-sqlite-compiler/passes/ast-utils.js.map +1 -0
  20. package/dist/pg-sqlite-compiler/passes/catalog.d.ts +34 -0
  21. package/dist/pg-sqlite-compiler/passes/catalog.d.ts.map +1 -0
  22. package/dist/pg-sqlite-compiler/passes/catalog.js +30 -0
  23. package/dist/pg-sqlite-compiler/passes/catalog.js.map +1 -0
  24. package/dist/pg-sqlite-compiler/passes/datetime.d.ts +21 -0
  25. package/dist/pg-sqlite-compiler/passes/datetime.d.ts.map +1 -0
  26. package/dist/pg-sqlite-compiler/passes/datetime.js +53 -0
  27. package/dist/pg-sqlite-compiler/passes/datetime.js.map +1 -0
  28. package/dist/pg-sqlite-compiler/passes/index.d.ts +21 -0
  29. package/dist/pg-sqlite-compiler/passes/index.d.ts.map +1 -0
  30. package/dist/pg-sqlite-compiler/passes/index.js +39 -0
  31. package/dist/pg-sqlite-compiler/passes/index.js.map +1 -0
  32. package/dist/pg-sqlite-compiler/passes/types.d.ts +41 -0
  33. package/dist/pg-sqlite-compiler/passes/types.d.ts.map +1 -0
  34. package/dist/pg-sqlite-compiler/passes/types.js +103 -0
  35. package/dist/pg-sqlite-compiler/passes/types.js.map +1 -0
  36. package/dist/pg-sqlite-compiler/test/oracle.d.ts +34 -0
  37. package/dist/pg-sqlite-compiler/test/oracle.d.ts.map +1 -0
  38. package/dist/pg-sqlite-compiler/test/oracle.js +204 -0
  39. package/dist/pg-sqlite-compiler/test/oracle.js.map +1 -0
  40. package/dist/pg-sqlite-compiler/types.d.ts +55 -0
  41. package/dist/pg-sqlite-compiler/types.d.ts.map +1 -0
  42. package/dist/pg-sqlite-compiler/types.js +2 -0
  43. package/dist/pg-sqlite-compiler/types.js.map +1 -0
  44. package/package.json +8 -4
  45. package/src/admin/admin-data.test.ts +0 -348
  46. package/src/admin/http-proxy.ts +0 -252
  47. package/src/admin/log-store.ts +0 -192
  48. package/src/admin/server.ts +0 -471
  49. package/src/admin/ui.ts +0 -1322
  50. package/src/bench/proxy-throughput.bench.ts +0 -343
  51. package/src/bench/serial-mutations.bench.ts +0 -270
  52. package/src/browser.ts +0 -203
  53. package/src/cf-do/.wrangler/cache/cf.json +0 -1
  54. package/src/cf-do/.wrangler/state/v3/cache/miniflare-CacheObject/metadata.sqlite +0 -0
  55. package/src/cf-do/.wrangler/state/v3/cache/miniflare-CacheObject/metadata.sqlite-shm +0 -0
  56. package/src/cf-do/.wrangler/state/v3/cache/miniflare-CacheObject/metadata.sqlite-wal +0 -0
  57. package/src/cf-do/.wrangler/state/v3/do/zero-do-ZeroDO/0f0f3bdf0abda097eb6f1246db4657d9fc622081362d894d82c1a1ce067b05b6.sqlite +0 -0
  58. package/src/cf-do/.wrangler/state/v3/do/zero-do-ZeroDO/1ddd3a4a48a11b51658444f5458a1fb175194b1d5b6a5bda20ef3fe3205b900c.sqlite +0 -0
  59. package/src/cf-do/.wrangler/state/v3/do/zero-do-ZeroDO/204a39120310d37e972c5914cfd71ad55c151bdb9e8ed289a5f8c5b052dd60e4.sqlite +0 -0
  60. package/src/cf-do/.wrangler/state/v3/do/zero-do-ZeroDO/3835f242df9728adba3d127a238793fd054ed3e51df3f60749ee744c469bf2a2.sqlite +0 -0
  61. package/src/cf-do/.wrangler/state/v3/do/zero-do-ZeroDO/4aa9c80eb716cf55b8995ccf7afab0b36c683e6da07d7c37a3f9c570136036df.sqlite +0 -0
  62. package/src/cf-do/.wrangler/state/v3/do/zero-do-ZeroDO/533e2fd1d6ea46e7a9a0017916ef341802d438d72583462755f2c1f8225e9bf2.sqlite +0 -0
  63. package/src/cf-do/.wrangler/state/v3/do/zero-do-ZeroDO/5ffa1aced1225ecaeac6366f7586aa3de92761cdff8711d81fbd81f248076abd.sqlite +0 -0
  64. package/src/cf-do/.wrangler/state/v3/do/zero-do-ZeroDO/686c3a9f0d7e59ed2ab607efd4b76d779c97cafeb3818380033bf7c7eb86c819.sqlite +0 -0
  65. package/src/cf-do/.wrangler/state/v3/do/zero-do-ZeroDO/6e8214e8dcfadd0deb52d64e5e9ca85c6b329ace11193909845995396914c473.sqlite +0 -0
  66. package/src/cf-do/.wrangler/state/v3/do/zero-do-ZeroDO/78d9ec9ff873d3fe3507ff53c2a6f6dfc408b4268eb0db3f2a146c0678965366.sqlite +0 -0
  67. package/src/cf-do/.wrangler/state/v3/do/zero-do-ZeroDO/7eff9f0ed7e27ad0d3f9d923de0682fab1928591172c1ba336c5f79a134a5d85.sqlite +0 -0
  68. package/src/cf-do/.wrangler/state/v3/do/zero-do-ZeroDO/836cda5b995b25867d722ed4f4c2292167e80351a3c6038db626648eb247dd8b.sqlite +0 -0
  69. package/src/cf-do/.wrangler/state/v3/do/zero-do-ZeroDO/91ef63b112209ab30172763acd8a0935106c248f7f1bcae5545ce37a9f201551.sqlite +0 -0
  70. package/src/cf-do/.wrangler/state/v3/do/zero-do-ZeroDO/a66ea4293a5f5938bc6d116edfa2522bb85bc37aea3541fbc09c3b613b9b32c0.sqlite +0 -0
  71. package/src/cf-do/.wrangler/state/v3/do/zero-do-ZeroDO/ceb2ab26b80590840b65651deb6e948d3bf81565c6751f3a58752cf4bf4aecae.sqlite +0 -0
  72. package/src/cf-do/.wrangler/state/v3/do/zero-do-ZeroDO/metadata.sqlite +0 -0
  73. package/src/cf-do/.wrangler/state/v3/do/zero-do-ZeroDO/metadata.sqlite-shm +0 -0
  74. package/src/cf-do/.wrangler/state/v3/do/zero-do-ZeroDO/metadata.sqlite-wal +0 -0
  75. package/src/cf-do/ARCHITECTURE.md +0 -83
  76. package/src/cf-do/watermark.test.ts +0 -103
  77. package/src/cf-do/watermark.ts +0 -118
  78. package/src/cf-do/worker.ts +0 -1033
  79. package/src/cf-do/wrangler.toml +0 -11
  80. package/src/cf-pglite/README.md +0 -19
  81. package/src/change-tracking.ts +0 -25
  82. package/src/child-process.test.ts +0 -147
  83. package/src/child-process.ts +0 -90
  84. package/src/cli-entry.ts +0 -72
  85. package/src/cli.test.ts +0 -38
  86. package/src/cli.ts +0 -1214
  87. package/src/config.ts +0 -150
  88. package/src/do-sql-tracking.test.ts +0 -19
  89. package/src/do-sql-tracking.ts +0 -19
  90. package/src/index.ts +0 -1215
  91. package/src/integration/integration.test.ts +0 -517
  92. package/src/integration/native-binary.guard.test.ts +0 -13
  93. package/src/integration/native-startup.test.ts +0 -44
  94. package/src/integration/replication-latency.test.ts +0 -428
  95. package/src/integration/restore-live-stress.test.ts +0 -433
  96. package/src/integration/restore-reset.test.ts +0 -400
  97. package/src/integration/restore.test.ts +0 -274
  98. package/src/integration/test-permissions.ts +0 -147
  99. package/src/load-config.ts +0 -46
  100. package/src/log.ts +0 -96
  101. package/src/mutex.ts +0 -47
  102. package/src/pg-proxy-browser.singledb.test.ts +0 -233
  103. package/src/pg-proxy-browser.ts +0 -2022
  104. package/src/pg-proxy-do-backend.test.ts +0 -3890
  105. package/src/pg-proxy-do-backend.ts +0 -7157
  106. package/src/pg-proxy.ts +0 -1087
  107. package/src/pglite-ipc.test.ts +0 -116
  108. package/src/pglite-ipc.ts +0 -266
  109. package/src/pglite-manager.ts +0 -557
  110. package/src/pglite-web-proxy.test.ts +0 -57
  111. package/src/pglite-web-proxy.ts +0 -221
  112. package/src/pglite-web-worker.ts +0 -152
  113. package/src/pglite-worker-thread.ts +0 -253
  114. package/src/port.ts +0 -25
  115. package/src/process-title.ts +0 -9
  116. package/src/recovery.ts +0 -155
  117. package/src/replication/change-tracker.test.ts +0 -357
  118. package/src/replication/change-tracker.ts +0 -279
  119. package/src/replication/handler.test.ts +0 -511
  120. package/src/replication/handler.ts +0 -1190
  121. package/src/replication/pgoutput-encoder.test.ts +0 -697
  122. package/src/replication/pgoutput-encoder.ts +0 -373
  123. package/src/replication/tcp-replication.test.ts +0 -876
  124. package/src/replication/zero-compat.test.ts +0 -1150
  125. package/src/restore-stress.test.ts +0 -188
  126. package/src/s3-local.ts +0 -203
  127. package/src/shim/hooks.mjs +0 -120
  128. package/src/shim/register.mjs +0 -4
  129. package/src/sqlite-mode/apply-mode.ts +0 -224
  130. package/src/sqlite-mode/index.ts +0 -15
  131. package/src/sqlite-mode/native-binary.ts +0 -89
  132. package/src/sqlite-mode/package-resolve.ts +0 -17
  133. package/src/sqlite-mode/resolve-mode.ts +0 -80
  134. package/src/sqlite-mode/shim-template.ts +0 -159
  135. package/src/sqlite-mode/sqlite-mode.test.ts +0 -427
  136. package/src/sqlite-mode/types.ts +0 -30
  137. package/src/vite-plugin.ts +0 -67
  138. package/src/wasm-sqlite.test.ts +0 -537
  139. package/src/worker/browser-admin.ts +0 -52
  140. package/src/worker/browser-build-config.test.ts +0 -71
  141. package/src/worker/browser-build-config.ts +0 -109
  142. package/src/worker/browser-embed-admin.test.ts +0 -75
  143. package/src/worker/browser-embed.ts +0 -345
  144. package/src/worker/cf-patches.ts +0 -384
  145. package/src/worker/embed-integration.test.ts +0 -321
  146. package/src/worker/index.ts +0 -138
  147. package/src/worker/shims/fastify.test.ts +0 -255
  148. package/src/worker/shims/fastify.ts +0 -306
  149. package/src/worker/shims/http-service.test.ts +0 -355
  150. package/src/worker/shims/http-service.ts +0 -293
  151. package/src/worker/shims/node-stub.ts +0 -290
  152. package/src/worker/shims/oxfmt.ts +0 -3
  153. package/src/worker/shims/postgres-browser.ts +0 -59
  154. package/src/worker/shims/postgres-socket.test.ts +0 -576
  155. package/src/worker/shims/postgres-socket.ts +0 -310
  156. package/src/worker/shims/postgres.test.ts +0 -364
  157. package/src/worker/shims/postgres.ts +0 -1454
  158. package/src/worker/shims/sqlite-browser.test.ts +0 -233
  159. package/src/worker/shims/sqlite-browser.ts +0 -175
  160. package/src/worker/shims/sqlite.test.ts +0 -786
  161. package/src/worker/shims/sqlite.ts +0 -978
  162. package/src/worker/shims/stream-browser.ts +0 -15
  163. package/src/worker/shims/ws-browser.test.ts +0 -205
  164. package/src/worker/shims/ws-browser.ts +0 -248
  165. package/src/worker/shims/ws.test.ts +0 -288
  166. package/src/worker/shims/ws.ts +0 -467
  167. package/src/worker/shims/zero-process-env.ts +0 -11
  168. package/src/worker/types.ts +0 -75
  169. package/src/worker/worker-integration.test.ts +0 -223
  170. package/src/worker/worker.test.ts +0 -136
  171. package/src/worker/zero-cache-embed-cf.ts +0 -463
  172. package/src/worker/zero-cache-embed.ts +0 -277
package/src/admin/ui.ts DELETED
@@ -1,1322 +0,0 @@
1
- export function getAdminHtml(): string {
2
- return `<!DOCTYPE html>
3
- <html lang="en">
4
- <head>
5
- <meta charset="utf-8">
6
- <meta name="viewport" content="width=device-width, initial-scale=1">
7
- <title>oreZ admin</title>
8
- <style>
9
- :root {
10
- --bg: #000;
11
- --surface: #0a0a0a;
12
- --border: #222;
13
- --text: #fff;
14
- --text-dim: #666;
15
- --accent: #fff;
16
- --green: #888;
17
- --yellow: #999;
18
- --red: #f55;
19
- --purple: #aaa;
20
- }
21
- * { margin: 0; padding: 0; box-sizing: border-box; }
22
- ::-webkit-scrollbar { width: 8px; height: 8px; }
23
- ::-webkit-scrollbar-track { background: var(--bg); }
24
- ::-webkit-scrollbar-thumb { background: #444; border-radius: 4px; }
25
- ::-webkit-scrollbar-thumb:hover { background: #555; }
26
- body {
27
- font-family: -apple-system, BlinkMacSystemFont, "SF Pro", system-ui, sans-serif;
28
- background: var(--bg);
29
- color: var(--text);
30
- height: 100vh;
31
- display: flex;
32
- flex-direction: column;
33
- overflow: hidden;
34
- }
35
- .header {
36
- display: flex;
37
- align-items: center;
38
- padding: 4px 12px;
39
- background: var(--surface);
40
- border-bottom: 0.5px solid var(--border);
41
- gap: 8px;
42
- flex-shrink: 0;
43
- }
44
- .header .logo {
45
- font-size: 12px;
46
- font-weight: 700;
47
- color: var(--accent);
48
- letter-spacing: -0.5px;
49
- }
50
- .badge {
51
- display: inline-flex;
52
- align-items: center;
53
- padding: 1px 6px;
54
- border-radius: 12px;
55
- font-size: 10px;
56
- border: 0.5px solid var(--border);
57
- color: var(--text-dim);
58
- gap: 3px;
59
- }
60
- .badge .dot {
61
- width: 6px;
62
- height: 6px;
63
- border-radius: 50%;
64
- background: var(--green);
65
- }
66
- .spacer { flex: 1; }
67
- .tabs {
68
- display: flex;
69
- padding: 0 12px;
70
- background: var(--surface);
71
- border-bottom: 0.5px solid var(--border);
72
- gap: 0;
73
- flex-shrink: 0;
74
- }
75
- .tab {
76
- padding: 4px 10px;
77
- font-size: 11px;
78
- color: var(--text-dim);
79
- cursor: pointer;
80
- border-bottom: 2px solid transparent;
81
- transition: all 0.15s;
82
- background: none;
83
- border-top: none;
84
- border-left: none;
85
- border-right: none;
86
- font-family: inherit;
87
- }
88
- .tab:hover { color: var(--text); }
89
- .tab.active {
90
- color: var(--accent);
91
- border-bottom-color: var(--accent);
92
- }
93
- .toolbar {
94
- display: flex;
95
- align-items: center;
96
- padding: 3px 12px;
97
- gap: 8px;
98
- border-bottom: 0.5px solid var(--border);
99
- flex-shrink: 0;
100
- }
101
- .toolbar label {
102
- font-size: 10px;
103
- color: var(--text-dim);
104
- text-transform: uppercase;
105
- letter-spacing: 0.5px;
106
- }
107
- .toolbar select {
108
- background: var(--surface);
109
- color: var(--text);
110
- border: 0.5px solid var(--border);
111
- border-radius: 4px;
112
- padding: 2px 6px;
113
- font-size: 11px;
114
- font-family: inherit;
115
- cursor: pointer;
116
- }
117
- .toolbar select:focus { outline: none; border-color: var(--accent); }
118
- .toolbar input[type="text"] {
119
- background: var(--surface);
120
- color: var(--text);
121
- border: 0.5px solid var(--border);
122
- border-radius: 4px;
123
- padding: 2px 6px;
124
- font-size: 11px;
125
- font-family: inherit;
126
- width: 180px;
127
- }
128
- .toolbar input[type="text"]:focus { outline: none; border-color: var(--accent); }
129
- .toolbar input[type="text"]::placeholder { color: var(--text-dim); }
130
- .sep { width: 1px; height: 20px; background: var(--border); }
131
- .action-btn {
132
- padding: 2px 8px;
133
- border-radius: 4px;
134
- border: 1px solid;
135
- background: transparent;
136
- cursor: pointer;
137
- font-family: inherit;
138
- font-size: 10px;
139
- transition: all 0.15s ease;
140
- white-space: nowrap;
141
- }
142
- .action-btn:disabled { opacity: 0.4; cursor: not-allowed; }
143
- .action-btn.blue { color: var(--accent); border-color: #ffffff22; }
144
- .action-btn.blue:hover:not(:disabled) { background: #ffffff11; border-color: var(--accent); }
145
- .action-btn.orange { color: var(--yellow); border-color: #ffffff22; }
146
- .action-btn.orange:hover:not(:disabled) { background: #ffffff11; border-color: var(--yellow); }
147
- .action-btn.red { color: var(--red); border-color: #ff555522; }
148
- .action-btn.red:hover:not(:disabled) { background: #ff555511; border-color: var(--red); }
149
- .action-btn.gray { color: var(--text-dim); border-color: #ffffff22; }
150
- .action-btn.gray:hover:not(:disabled) { background: #ffffff11; border-color: var(--text-dim); }
151
- .content-area {
152
- flex: 1;
153
- overflow: hidden;
154
- position: relative;
155
- display: flex;
156
- flex-direction: column;
157
- }
158
- .log-wrap {
159
- flex: 1;
160
- overflow: hidden;
161
- position: relative;
162
- }
163
- .log-view {
164
- height: 100%;
165
- overflow-y: auto;
166
- padding: 4px 12px;
167
- font-size: 11px;
168
- line-height: 1.4;
169
- }
170
- .log-line { white-space: pre-wrap; word-break: break-all; }
171
- .log-line .ts { color: var(--text-dim); }
172
- .log-line .src { display: inline-block; width: 7ch; }
173
- .log-line .src.zero { color: var(--purple); }
174
- .log-line .src.pglite { color: var(--green); }
175
- .log-line .src.proxy { color: var(--yellow); }
176
- .log-line .src.orez { color: var(--accent); }
177
- .log-line .src.s3 { color: #888; }
178
- .log-line.level-error .msg { color: var(--red); }
179
- .log-line.level-warn .msg { color: var(--yellow); }
180
- .log-line.level-info .msg { color: var(--text); }
181
- .log-line.level-debug .msg { color: var(--text-dim); }
182
- .jump-btn {
183
- position: absolute;
184
- bottom: 16px;
185
- left: 50%;
186
- transform: translateX(-50%);
187
- padding: 6px 16px;
188
- border-radius: 20px;
189
- background: #333;
190
- color: var(--text);
191
- border: 1px solid var(--border);
192
- font-size: 12px;
193
- font-family: inherit;
194
- cursor: pointer;
195
- opacity: 0;
196
- transition: opacity 0.2s;
197
- pointer-events: none;
198
- z-index: 10;
199
- }
200
- .jump-btn.visible { opacity: 1; pointer-events: auto; }
201
- .env-view {
202
- height: 100%;
203
- overflow-y: auto;
204
- padding: 16px;
205
- display: none;
206
- }
207
- .env-table { width: 100%; border-collapse: collapse; font-size: 12px; }
208
- .env-table th {
209
- text-align: left;
210
- padding: 6px 12px;
211
- color: var(--text-dim);
212
- border-bottom: 0.5px solid var(--border);
213
- font-weight: 500;
214
- text-transform: uppercase;
215
- font-size: 10px;
216
- letter-spacing: 0.5px;
217
- }
218
- .env-table td {
219
- padding: 6px 12px;
220
- border-bottom: 0.5px solid var(--border);
221
- }
222
- .env-table td:first-child { color: var(--accent); white-space: nowrap; }
223
- .env-table td:last-child { color: var(--text); word-break: break-all; }
224
- .env-table tr:hover td { background: #111; }
225
- .http-view {
226
- height: 100%;
227
- overflow-y: auto;
228
- padding: 0;
229
- display: none;
230
- }
231
- .http-table { width: 100%; border-collapse: collapse; font-size: 12px; }
232
- .http-table th {
233
- text-align: left;
234
- padding: 6px 12px;
235
- color: var(--text-dim);
236
- border-bottom: 0.5px solid var(--border);
237
- font-weight: 500;
238
- text-transform: uppercase;
239
- font-size: 10px;
240
- letter-spacing: 0.5px;
241
- position: sticky;
242
- top: 0;
243
- background: var(--bg);
244
- z-index: 1;
245
- }
246
- .http-table td {
247
- padding: 5px 12px;
248
- border-bottom: 0.5px solid var(--border);
249
- white-space: nowrap;
250
- }
251
- .http-table tr.http-row { cursor: pointer; }
252
- .http-table tr.http-row:hover td { background: #111; }
253
- .http-table .method { font-weight: 600; }
254
- .http-table .method.get { color: var(--green); }
255
- .http-table .method.post { color: var(--yellow); }
256
- .http-table .method.put { color: var(--accent); }
257
- .http-table .method.delete { color: var(--red); }
258
- .http-table .method.patch { color: #888; }
259
- .http-table .method.ws { color: var(--purple); }
260
- .http-table .status.s2 { color: var(--green); }
261
- .http-table .status.s3 { color: var(--yellow); }
262
- .http-table .status.s4 { color: var(--red); }
263
- .http-table .status.s5 { color: var(--red); font-weight: 600; }
264
- .http-table .path { color: var(--text); max-width: 500px; overflow: hidden; text-overflow: ellipsis; }
265
- .http-table .dur { color: var(--text-dim); }
266
- .http-table .sz { color: var(--text-dim); }
267
- .http-detail {
268
- display: none;
269
- }
270
- .http-detail.open { display: table-row; }
271
- .http-detail td {
272
- padding: 8px 12px 12px 24px;
273
- background: #080808;
274
- border-bottom: 0.5px solid var(--border);
275
- }
276
- .http-detail .hdr-section { margin-bottom: 8px; }
277
- .http-detail .hdr-title {
278
- font-size: 10px;
279
- text-transform: uppercase;
280
- color: var(--text-dim);
281
- letter-spacing: 0.5px;
282
- margin-bottom: 4px;
283
- }
284
- .http-detail .hdr-line {
285
- font-size: 11px;
286
- line-height: 1.6;
287
- white-space: pre-wrap;
288
- word-break: break-all;
289
- }
290
- .http-detail .hdr-key { color: var(--accent); }
291
- .http-detail .hdr-val { color: var(--text-dim); }
292
- .toolbar-actions {
293
- display: flex;
294
- align-items: center;
295
- gap: 6px;
296
- margin-left: auto;
297
- }
298
- /* data explorer */
299
- .data-view {
300
- height: 100%;
301
- display: none;
302
- flex-direction: column;
303
- overflow: hidden;
304
- }
305
- .data-view.visible {
306
- display: flex;
307
- }
308
- .data-toolbar {
309
- display: flex;
310
- align-items: center;
311
- padding: 3px 12px;
312
- gap: 8px;
313
- border-bottom: 0.5px solid var(--border);
314
- flex-shrink: 0;
315
- }
316
- .data-sub-tabs {
317
- display: flex;
318
- gap: 0;
319
- }
320
- .data-sub-tab {
321
- padding: 3px 10px;
322
- font-size: 10px;
323
- color: var(--text-dim);
324
- cursor: pointer;
325
- background: none;
326
- border: none;
327
- border-bottom: 2px solid transparent;
328
- font-family: inherit;
329
- text-transform: uppercase;
330
- letter-spacing: 0.5px;
331
- transition: all 0.15s;
332
- }
333
- .data-sub-tab:hover { color: var(--text); }
334
- .data-sub-tab.active { color: var(--accent); border-bottom-color: var(--accent); }
335
- .data-content {
336
- flex: 1;
337
- display: flex;
338
- overflow: hidden;
339
- }
340
- .data-sidebar {
341
- width: 220px;
342
- border-right: 0.5px solid var(--border);
343
- overflow-y: auto;
344
- flex-shrink: 0;
345
- }
346
- .data-sidebar-header {
347
- padding: 6px 10px;
348
- font-size: 10px;
349
- color: var(--text-dim);
350
- text-transform: uppercase;
351
- letter-spacing: 0.5px;
352
- border-bottom: 0.5px solid var(--border);
353
- position: sticky;
354
- top: 0;
355
- background: var(--bg);
356
- }
357
- .data-table-item {
358
- padding: 4px 10px;
359
- font-size: 11px;
360
- cursor: pointer;
361
- display: flex;
362
- justify-content: space-between;
363
- align-items: center;
364
- border-bottom: 0.5px solid transparent;
365
- transition: background 0.1s;
366
- }
367
- .data-table-item:hover { background: #111; }
368
- .data-table-item.active { background: #181818; color: var(--accent); }
369
- .data-table-item .tbl-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
370
- .data-table-item .tbl-size { color: var(--text-dim); font-size: 10px; flex-shrink: 0; margin-left: 8px; }
371
- .data-main {
372
- flex: 1;
373
- display: flex;
374
- flex-direction: column;
375
- overflow: hidden;
376
- }
377
- .sql-editor-wrap {
378
- border-bottom: 0.5px solid var(--border);
379
- display: flex;
380
- flex-direction: column;
381
- flex-shrink: 0;
382
- }
383
- .sql-editor {
384
- width: 100%;
385
- background: var(--surface);
386
- color: var(--text);
387
- border: none;
388
- padding: 8px 12px;
389
- font-family: "SF Mono", "Fira Code", "Cascadia Code", monospace;
390
- font-size: 12px;
391
- line-height: 1.5;
392
- resize: vertical;
393
- min-height: 60px;
394
- max-height: 300px;
395
- outline: none;
396
- }
397
- .sql-editor::placeholder { color: #444; }
398
- .sql-bar {
399
- display: flex;
400
- align-items: center;
401
- padding: 3px 8px;
402
- gap: 8px;
403
- background: var(--surface);
404
- border-top: 0.5px solid var(--border);
405
- }
406
- .sql-bar .sql-status {
407
- font-size: 10px;
408
- color: var(--text-dim);
409
- flex: 1;
410
- }
411
- .sql-bar .sql-status.error { color: var(--red); }
412
- .data-results {
413
- flex: 1;
414
- overflow: auto;
415
- }
416
- .data-results table {
417
- width: 100%;
418
- border-collapse: collapse;
419
- font-size: 11px;
420
- font-family: "SF Mono", "Fira Code", "Cascadia Code", monospace;
421
- }
422
- .data-results th {
423
- text-align: left;
424
- padding: 4px 10px;
425
- color: var(--text-dim);
426
- border-bottom: 0.5px solid var(--border);
427
- font-weight: 500;
428
- font-size: 10px;
429
- letter-spacing: 0.3px;
430
- position: sticky;
431
- top: 0;
432
- background: var(--bg);
433
- z-index: 1;
434
- cursor: pointer;
435
- user-select: none;
436
- white-space: nowrap;
437
- }
438
- .data-results th:hover { color: var(--text); }
439
- .data-results td {
440
- padding: 3px 10px;
441
- border-bottom: 0.5px solid #1a1a1a;
442
- white-space: nowrap;
443
- max-width: 300px;
444
- overflow: hidden;
445
- text-overflow: ellipsis;
446
- }
447
- .data-results tr:hover td { background: #0a0a0a; }
448
- .data-results td.null-val { color: #444; font-style: italic; }
449
- .data-results tr.clickable { cursor: pointer; }
450
- .data-results tr.clickable:hover td { background: #111; }
451
- .data-empty {
452
- display: flex;
453
- align-items: center;
454
- justify-content: center;
455
- height: 100%;
456
- color: var(--text-dim);
457
- font-size: 12px;
458
- }
459
- .data-paging {
460
- display: flex;
461
- align-items: center;
462
- justify-content: space-between;
463
- padding: 4px 10px;
464
- border-top: 0.5px solid var(--border);
465
- font-size: 10px;
466
- color: var(--text-dim);
467
- flex-shrink: 0;
468
- }
469
- .data-paging button {
470
- background: none;
471
- border: 0.5px solid var(--border);
472
- color: var(--text-dim);
473
- padding: 2px 8px;
474
- border-radius: 3px;
475
- font-size: 10px;
476
- cursor: pointer;
477
- font-family: inherit;
478
- }
479
- .data-paging button:hover { color: var(--text); border-color: var(--text-dim); }
480
- .data-paging button:disabled { opacity: 0.3; cursor: not-allowed; }
481
- .data-search {
482
- padding: 4px 10px;
483
- border-bottom: 0.5px solid var(--border);
484
- }
485
- .data-search input {
486
- width: 100%;
487
- background: var(--bg);
488
- color: var(--text);
489
- border: 0.5px solid var(--border);
490
- border-radius: 3px;
491
- padding: 3px 8px;
492
- font-size: 11px;
493
- font-family: inherit;
494
- outline: none;
495
- }
496
- .data-search input:focus { border-color: var(--accent); }
497
- .data-search input::placeholder { color: #444; }
498
- /* row detail overlay */
499
- .row-detail-overlay {
500
- position: fixed;
501
- top: 0; left: 0; right: 0; bottom: 0;
502
- background: rgba(0,0,0,0.6);
503
- z-index: 50;
504
- display: none;
505
- align-items: center;
506
- justify-content: center;
507
- }
508
- .row-detail-overlay.open { display: flex; }
509
- .row-detail-panel {
510
- background: var(--bg);
511
- border: 0.5px solid var(--border);
512
- border-radius: 8px;
513
- max-width: 700px;
514
- width: 90%;
515
- max-height: 80vh;
516
- overflow-y: auto;
517
- padding: 0;
518
- }
519
- .row-detail-header {
520
- display: flex;
521
- align-items: center;
522
- padding: 8px 14px;
523
- border-bottom: 0.5px solid var(--border);
524
- font-size: 11px;
525
- color: var(--text-dim);
526
- position: sticky;
527
- top: 0;
528
- background: var(--bg);
529
- }
530
- .row-detail-header .spacer { flex: 1; }
531
- .row-detail-close {
532
- background: none;
533
- border: none;
534
- color: var(--text-dim);
535
- font-size: 16px;
536
- cursor: pointer;
537
- padding: 0 4px;
538
- }
539
- .row-detail-close:hover { color: var(--text); }
540
- .row-detail-body {
541
- padding: 0;
542
- }
543
- .row-detail-field {
544
- display: flex;
545
- border-bottom: 0.5px solid #1a1a1a;
546
- font-size: 12px;
547
- }
548
- .row-detail-field:last-child { border-bottom: none; }
549
- .row-detail-key {
550
- width: 180px;
551
- flex-shrink: 0;
552
- padding: 6px 14px;
553
- color: var(--text-dim);
554
- font-weight: 500;
555
- border-right: 0.5px solid #1a1a1a;
556
- word-break: break-all;
557
- }
558
- .row-detail-val {
559
- flex: 1;
560
- padding: 6px 14px;
561
- color: var(--text);
562
- white-space: pre-wrap;
563
- word-break: break-all;
564
- font-family: "SF Mono", "Fira Code", "Cascadia Code", monospace;
565
- font-size: 11px;
566
- }
567
- .row-detail-val.null-val { color: #444; font-style: italic; }
568
- /* toast */
569
- .toast {
570
- position: fixed;
571
- bottom: 20px;
572
- right: 20px;
573
- padding: 10px 16px;
574
- border-radius: 8px;
575
- background: var(--surface);
576
- border: 0.5px solid var(--border);
577
- color: var(--text);
578
- font-size: 12px;
579
- font-family: inherit;
580
- opacity: 0;
581
- transform: translateY(10px);
582
- transition: all 0.3s ease;
583
- pointer-events: none;
584
- z-index: 100;
585
- }
586
- .toast.show { opacity: 1; transform: translateY(0); }
587
- .toast.error { border-color: var(--red); color: var(--red); }
588
- .toast.success { border-color: var(--green); color: var(--green); }
589
- </style>
590
- </head>
591
- <body>
592
- <div class="header" id="admin-header">
593
- <span class="logo">&#9670; oreZ admin</span>
594
- <div class="spacer"></div>
595
- <span class="badge"><span class="dot"></span> pg <span id="pg-port">-</span></span>
596
- <span class="badge"><span class="dot"></span> zero <span id="zero-port">-</span></span>
597
- <span class="badge" id="sqlite-badge">sqlite: --</span>
598
- <span class="badge" id="uptime-badge">&#9201; --</span>
599
- </div>
600
-
601
- <div class="tabs" id="tab-bar">
602
- <button class="tab active" data-source="data">Data</button>
603
- <button class="tab" data-source="">Logs</button>
604
- <button class="tab" data-source="zero">Zero</button>
605
- <button class="tab" data-source="pglite">PGlite</button>
606
- <button class="tab" data-source="proxy">Proxy</button>
607
- <button class="tab" data-source="orez">Orez</button>
608
- <button class="tab" data-source="s3">S3</button>
609
- <button class="tab" data-source="http">HTTP</button>
610
- <button class="tab" data-source="env">Env</button>
611
- </div>
612
-
613
- <div class="toolbar" id="toolbar" style="display:none">
614
- <label>Level</label>
615
- <select id="level-filter">
616
- <option value="">all levels</option>
617
- <option value="error">error only</option>
618
- <option value="warn">warn+</option>
619
- <option value="info">info+</option>
620
- <option value="debug">debug+</option>
621
- </select>
622
- <div class="toolbar-actions" id="toolbar-log-actions">
623
- <button class="action-btn gray" onclick="doAction('clear-logs', this)">&#x2715; Clear</button>
624
- </div>
625
- </div>
626
-
627
- <div class="toolbar" id="zero-toolbar" style="display:none">
628
- <label>Level</label>
629
- <select id="zero-level-filter">
630
- <option value="">all levels</option>
631
- <option value="error">error only</option>
632
- <option value="warn">warn+</option>
633
- <option value="info" selected>info+</option>
634
- <option value="debug">debug+</option>
635
- </select>
636
- <div class="toolbar-actions">
637
- <button class="action-btn blue" data-zero-action onclick="doAction('restart-zero', this)">&#x21bb; Restart</button>
638
- <button class="action-btn orange" data-zero-action onclick="doAction('reset-zero', this)">&#x21ba; Reset</button>
639
- <button class="action-btn red" data-zero-action onclick="doAction('reset-zero-full', this)">&#x26a0; Full</button>
640
- <button class="action-btn gray" onclick="doAction('clear-logs', this)">&#x2715; Clear</button>
641
- </div>
642
- </div>
643
-
644
- <div class="toolbar" id="http-toolbar" style="display:none">
645
- <label>Filter</label>
646
- <input type="text" id="http-path-filter" placeholder="filter by path...">
647
- <div class="toolbar-actions">
648
- <button class="action-btn gray" onclick="doAction('clear-http', this)">&#x2715; Clear</button>
649
- </div>
650
- </div>
651
-
652
- <div class="content-area">
653
- <div class="data-view" id="data-view">
654
- <div class="data-toolbar">
655
- <div class="data-sub-tabs" id="data-sub-tabs">
656
- <button class="data-sub-tab active" data-db="postgres">Main</button>
657
- <button class="data-sub-tab" data-db="cvr">CVR</button>
658
- <button class="data-sub-tab" data-db="cdb">CDB</button>
659
- <button class="data-sub-tab" data-db="sqlite">SQLite</button>
660
- </div>
661
- </div>
662
- <div class="data-content">
663
- <div class="data-sidebar" id="data-sidebar">
664
- <div class="data-sidebar-header">Tables</div>
665
- <div class="data-search"><input type="text" id="data-table-search" placeholder="filter tables..."></div>
666
- <div id="data-table-list"></div>
667
- </div>
668
- <div class="data-main">
669
- <div class="sql-editor-wrap">
670
- <textarea class="sql-editor" id="sql-editor" rows="3" placeholder="SELECT * FROM ... (Cmd+Enter to run)" spellcheck="false"></textarea>
671
- <div class="sql-bar">
672
- <span class="sql-status" id="sql-status"></span>
673
- <button class="action-btn blue" id="sql-run-btn" onclick="runSql()">&#9654; Run</button>
674
- </div>
675
- </div>
676
- <div class="data-results" id="data-results">
677
- <div class="data-empty">select a table or run a query</div>
678
- </div>
679
- <div class="data-paging" id="data-paging" style="display:none">
680
- <span id="data-paging-info"></span>
681
- <div>
682
- <button id="data-prev-btn" onclick="browseTable(-1)" disabled>&#x25C0; Prev</button>
683
- <button id="data-next-btn" onclick="browseTable(1)">Next &#x25B6;</button>
684
- </div>
685
- </div>
686
- </div>
687
- </div>
688
- </div>
689
-
690
- <div class="row-detail-overlay" id="row-detail-overlay">
691
- <div class="row-detail-panel">
692
- <div class="row-detail-header">
693
- <span>Row detail</span>
694
- <div class="spacer"></div>
695
- <button class="row-detail-close" onclick="closeRowDetail()">&#x2715;</button>
696
- </div>
697
- <div class="row-detail-body" id="row-detail-body"></div>
698
- </div>
699
- </div>
700
-
701
- <div class="log-wrap">
702
- <div class="log-view" id="log-view"></div>
703
- <div class="env-view" id="env-view">
704
- <table class="env-table">
705
- <thead><tr><th>Variable</th><th>Value</th></tr></thead>
706
- <tbody id="env-body"></tbody>
707
- </table>
708
- </div>
709
- <div class="http-view" id="http-view">
710
- <table class="http-table">
711
- <thead><tr>
712
- <th>Time</th>
713
- <th>Method</th>
714
- <th>Path</th>
715
- <th>Status</th>
716
- <th>Duration</th>
717
- <th>Size</th>
718
- </tr></thead>
719
- <tbody id="http-body"></tbody>
720
- </table>
721
- </div>
722
- <button class="jump-btn" id="jump-btn" onclick="jumpToBottom()">&#x2193; Jump to bottom</button>
723
- </div>
724
- </div>
725
-
726
- <div class="toast" id="toast"></div>
727
-
728
- <script>
729
- // resolve initial tab from url path
730
- var pathMap = {"/":"data","/data":"data","/all":"","/zero":"zero","/pglite":"pglite","/proxy":"proxy","/orez":"orez","/s3":"s3","/http":"http","/env":"env"};
731
- var initPath = window.location.pathname.replace(/\\/$/, "") || "/";
732
- var initSource = pathMap[initPath] !== undefined ? pathMap[initPath] : "data";
733
- var standalone = initPath !== "/" && initPath !== "/data" && initPath !== "/all";
734
- var activeSource = "";
735
- var activeLevel = "";
736
- var lastCursor = 0;
737
- var autoScroll = true;
738
- var envLoaded = false;
739
- var isEnvTab = false;
740
- var isHttpTab = false;
741
- var isDataTab = initSource === "data";
742
- var httpCursor = 0;
743
- var httpAutoScroll = true;
744
-
745
- // data explorer state
746
- var dataDb = "postgres";
747
- var dataTables = [];
748
- var dataActiveTable = null;
749
-
750
- var logView = document.getElementById("log-view");
751
- var envView = document.getElementById("env-view");
752
- var httpView = document.getElementById("http-view");
753
- var dataView = document.getElementById("data-view");
754
- var jumpBtn = document.getElementById("jump-btn");
755
- var toastEl = document.getElementById("toast");
756
- var toolbar = document.getElementById("toolbar");
757
- var zeroToolbar = document.getElementById("zero-toolbar");
758
- var httpToolbar = document.getElementById("http-toolbar");
759
- var sqlEditor = document.getElementById("sql-editor");
760
- var sqlStatus = document.getElementById("sql-status");
761
- var dataResults = document.getElementById("data-results");
762
-
763
- function sourceToPath(s) {
764
- if (s === "data") return "/data";
765
- return s ? "/" + s : "/all";
766
- }
767
-
768
- function switchTab(source, pushState) {
769
- isEnvTab = source === "env";
770
- isHttpTab = source === "http";
771
- isDataTab = source === "data";
772
- var isZero = source === "zero";
773
- if (pushState) history.pushState(null, "", sourceToPath(source));
774
- logView.style.display = "none";
775
- envView.style.display = "none";
776
- httpView.style.display = "none";
777
- dataView.style.display = "none";
778
- dataView.classList.remove("visible");
779
- toolbar.style.display = "none";
780
- zeroToolbar.style.display = "none";
781
- httpToolbar.style.display = "none";
782
- logView.parentElement.style.display = "none";
783
- if (isDataTab) {
784
- dataView.style.display = "flex";
785
- dataView.classList.add("visible");
786
- loadTables();
787
- } else if (isEnvTab) {
788
- logView.parentElement.style.display = "block";
789
- envView.style.display = "block";
790
- if (!envLoaded) loadEnv();
791
- } else if (isHttpTab) {
792
- logView.parentElement.style.display = "block";
793
- httpView.style.display = "block";
794
- httpToolbar.style.display = "flex";
795
- httpCursor = 0;
796
- document.getElementById("http-body").innerHTML = "";
797
- fetchHttp();
798
- } else {
799
- logView.parentElement.style.display = "block";
800
- logView.style.display = "block";
801
- activeSource = source;
802
- if (isZero) {
803
- zeroToolbar.style.display = "flex";
804
- activeLevel = "info";
805
- } else {
806
- toolbar.style.display = "flex";
807
- if (activeLevel === "info") { activeLevel = ""; document.getElementById("level-filter").value = ""; }
808
- }
809
- lastCursor = 0;
810
- logView.innerHTML = "";
811
- fetchLogs();
812
- }
813
- }
814
-
815
- // standalone mode: hide header + tabs
816
- if (standalone) {
817
- document.getElementById("admin-header").style.display = "none";
818
- document.getElementById("tab-bar").style.display = "none";
819
- }
820
- // activate initial tab
821
- switchTab(initSource, false);
822
-
823
- document.getElementById("tab-bar").addEventListener("click", function(e) {
824
- var tab = e.target.closest(".tab");
825
- if (!tab) return;
826
- document.querySelectorAll("#tab-bar .tab").forEach(function(t) { t.classList.remove("active"); });
827
- tab.classList.add("active");
828
- switchTab(tab.dataset.source, true);
829
- });
830
-
831
- document.getElementById("level-filter").addEventListener("change", function(e) {
832
- activeLevel = e.target.value;
833
- lastCursor = 0;
834
- logView.innerHTML = "";
835
- fetchLogs();
836
- });
837
-
838
- document.getElementById("zero-level-filter").addEventListener("change", function(e) {
839
- activeLevel = e.target.value;
840
- lastCursor = 0;
841
- logView.innerHTML = "";
842
- fetchLogs();
843
- });
844
-
845
- var httpFilterTimeout = null;
846
- document.getElementById("http-path-filter").addEventListener("input", function() {
847
- clearTimeout(httpFilterTimeout);
848
- httpFilterTimeout = setTimeout(function() {
849
- httpCursor = 0;
850
- document.getElementById("http-body").innerHTML = "";
851
- fetchHttp();
852
- }, 300);
853
- });
854
-
855
- logView.addEventListener("scroll", function() {
856
- var atBottom = logView.scrollHeight - logView.scrollTop - logView.clientHeight < 40;
857
- autoScroll = atBottom;
858
- jumpBtn.classList.toggle("visible", !atBottom);
859
- });
860
-
861
- httpView.addEventListener("scroll", function() {
862
- var atBottom = httpView.scrollHeight - httpView.scrollTop - httpView.clientHeight < 40;
863
- httpAutoScroll = atBottom;
864
- });
865
-
866
- function jumpToBottom() {
867
- var el = isHttpTab ? httpView : logView;
868
- el.scrollTop = el.scrollHeight;
869
- autoScroll = true;
870
- httpAutoScroll = true;
871
- jumpBtn.classList.remove("visible");
872
- }
873
-
874
- function fmtTime(ts) {
875
- var d = new Date(ts);
876
- return d.toLocaleTimeString("en-US", { hour12: false, hour: "2-digit", minute: "2-digit", second: "2-digit" })
877
- + "." + String(d.getMilliseconds()).padStart(3, "0");
878
- }
879
-
880
- function escHtml(s) {
881
- return s.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;");
882
- }
883
-
884
- function fmtSize(bytes) {
885
- if (bytes === 0 || bytes == null) return "-";
886
- if (bytes < 1024) return bytes + "B";
887
- if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(1) + "kb";
888
- return (bytes / (1024 * 1024)).toFixed(1) + "MB";
889
- }
890
-
891
- function renderEntries(entries) {
892
- var frag = document.createDocumentFragment();
893
- for (var i = 0; i < entries.length; i++) {
894
- var e = entries[i];
895
- var div = document.createElement("div");
896
- div.className = "log-line level-" + e.level;
897
- div.innerHTML = '<span class="ts">' + fmtTime(e.ts) + "</span> "
898
- + '<span class="src ' + e.source + '">' + e.source.padEnd(6) + "</span> "
899
- + '<span class="msg">' + escHtml(e.msg) + "</span>";
900
- frag.appendChild(div);
901
- }
902
- logView.appendChild(frag);
903
- if (autoScroll) logView.scrollTop = logView.scrollHeight;
904
- }
905
-
906
- function renderHttpEntries(entries) {
907
- var tbody = document.getElementById("http-body");
908
- var frag = document.createDocumentFragment();
909
- for (var i = 0; i < entries.length; i++) {
910
- var e = entries[i];
911
- var tr = document.createElement("tr");
912
- tr.className = "http-row";
913
- tr.dataset.id = e.id;
914
- var mc = e.method.toLowerCase();
915
- var sc = "s" + String(e.status).charAt(0);
916
- tr.innerHTML = "<td>" + fmtTime(e.ts) + "</td>"
917
- + '<td><span class="method ' + mc + '">' + e.method + "</span></td>"
918
- + '<td class="path">' + escHtml(e.path) + "</td>"
919
- + '<td><span class="status ' + sc + '">' + e.status + "</span></td>"
920
- + '<td class="dur">' + e.duration + "ms</td>"
921
- + '<td class="sz">' + fmtSize(e.resSize) + "</td>";
922
- tr.addEventListener("click", (function(entry) {
923
- return function() { toggleHttpDetail(this, entry); };
924
- })(e));
925
- frag.appendChild(tr);
926
- }
927
- tbody.appendChild(frag);
928
- if (httpAutoScroll) httpView.scrollTop = httpView.scrollHeight;
929
- }
930
-
931
- function toggleHttpDetail(row, entry) {
932
- var next = row.nextElementSibling;
933
- if (next && next.classList.contains("http-detail")) {
934
- next.classList.toggle("open");
935
- return;
936
- }
937
- var detail = document.createElement("tr");
938
- detail.className = "http-detail open";
939
- var html = '<td colspan="6">';
940
- html += '<div class="hdr-section"><div class="hdr-title">request headers</div>';
941
- var rk = Object.keys(entry.reqHeaders || {}).sort();
942
- for (var i = 0; i < rk.length; i++) {
943
- html += '<div class="hdr-line"><span class="hdr-key">' + escHtml(rk[i]) + '</span>: <span class="hdr-val">' + escHtml(entry.reqHeaders[rk[i]]) + "</span></div>";
944
- }
945
- html += "</div>";
946
- html += '<div class="hdr-section"><div class="hdr-title">response headers</div>';
947
- var sk = Object.keys(entry.resHeaders || {}).sort();
948
- for (var j = 0; j < sk.length; j++) {
949
- html += '<div class="hdr-line"><span class="hdr-key">' + escHtml(sk[j]) + '</span>: <span class="hdr-val">' + escHtml(entry.resHeaders[sk[j]]) + "</span></div>";
950
- }
951
- html += "</div>";
952
- if (entry.reqSize > 0) html += '<div class="hdr-line"><span class="hdr-key">request body size</span>: <span class="hdr-val">' + fmtSize(entry.reqSize) + "</span></div>";
953
- html += "</td>";
954
- detail.innerHTML = html;
955
- row.parentNode.insertBefore(detail, row.nextSibling);
956
- }
957
-
958
- function fetchLogs() {
959
- var params = new URLSearchParams();
960
- if (activeSource) params.set("source", activeSource);
961
- if (activeLevel) params.set("level", activeLevel);
962
- if (lastCursor) params.set("since", String(lastCursor));
963
- fetch("/api/logs?" + params).then(function(res) { return res.json(); }).then(function(data) {
964
- if (data.entries && data.entries.length > 0) renderEntries(data.entries);
965
- if (data.cursor) lastCursor = data.cursor;
966
- }).catch(function() {});
967
- }
968
-
969
- function fetchHttp() {
970
- var params = new URLSearchParams();
971
- if (httpCursor) params.set("since", String(httpCursor));
972
- var pathFilter = document.getElementById("http-path-filter").value;
973
- if (pathFilter) params.set("path", pathFilter);
974
- fetch("/api/http-log?" + params).then(function(res) { return res.json(); }).then(function(data) {
975
- if (data.entries && data.entries.length > 0) renderHttpEntries(data.entries);
976
- if (data.cursor) httpCursor = data.cursor;
977
- }).catch(function() {});
978
- }
979
-
980
- function loadEnv() {
981
- fetch("/api/env").then(function(res) { return res.json(); }).then(function(data) {
982
- var tbody = document.getElementById("env-body");
983
- tbody.innerHTML = "";
984
- var keys = Object.keys(data.env).sort();
985
- for (var i = 0; i < keys.length; i++) {
986
- var tr = document.createElement("tr");
987
- tr.innerHTML = "<td>" + escHtml(keys[i]) + "</td><td>" + escHtml(String(data.env[keys[i]])) + "</td>";
988
- tbody.appendChild(tr);
989
- }
990
- envLoaded = true;
991
- }).catch(function() {});
992
- }
993
-
994
- function fetchStatus() {
995
- fetch("/api/status").then(function(res) { return res.json(); }).then(function(data) {
996
- document.getElementById("pg-port").textContent = ":" + data.pgPort;
997
- document.getElementById("zero-port").textContent = ":" + data.zeroPort;
998
- document.getElementById("sqlite-badge").textContent = "sqlite: " + (data.sqliteMode || "wasm");
999
- var m = Math.floor(data.uptime / 60);
1000
- var s = data.uptime % 60;
1001
- document.getElementById("uptime-badge").textContent = "\\u23F1 " + (m > 0 ? m + "m " : "") + s + "s";
1002
- var zeroDisabled = data.skipZeroCache;
1003
- document.querySelectorAll("[data-zero-action]").forEach(function(btn) {
1004
- btn.disabled = zeroDisabled;
1005
- });
1006
- }).catch(function() {});
1007
- }
1008
-
1009
- function doAction(action, btn) {
1010
- if (action === "reset-zero") {
1011
- if (!confirm("Reset zero-cache? This deletes the replica and resyncs from scratch.")) return;
1012
- }
1013
- if (action === "reset-zero-full") {
1014
- if (!confirm("Full reset zero state? This deletes CVR, CDB, and replica databases. Use after schema changes.")) return;
1015
- }
1016
- btn.disabled = true;
1017
- var origText = btn.textContent;
1018
- btn.textContent = "...";
1019
- fetch("/api/actions/" + action, { method: "POST" })
1020
- .then(function(res) { return res.json(); })
1021
- .then(function(data) {
1022
- showToast(data.message || "done", data.ok ? "success" : "error");
1023
- if (action === "clear-logs") {
1024
- logView.innerHTML = "";
1025
- lastCursor = 0;
1026
- }
1027
- if (action === "clear-http") {
1028
- document.getElementById("http-body").innerHTML = "";
1029
- httpCursor = 0;
1030
- }
1031
- })
1032
- .catch(function(err) {
1033
- showToast("failed: " + err.message, "error");
1034
- })
1035
- .finally(function() {
1036
- btn.disabled = false;
1037
- btn.textContent = origText;
1038
- });
1039
- }
1040
-
1041
- function showToast(msg, type) {
1042
- toastEl.textContent = msg;
1043
- toastEl.className = "toast " + type + " show";
1044
- setTimeout(function() { toastEl.className = "toast"; }, 2500);
1045
- }
1046
-
1047
- // --- data explorer ---
1048
-
1049
- var isSqlite = false;
1050
- var browseOffset = 0;
1051
- var browseTotal = 0;
1052
- var browseSearch = "";
1053
- var browseLimit = 100;
1054
- var lastBrowseFields = [];
1055
- var lastBrowseRows = [];
1056
-
1057
- document.getElementById("data-sub-tabs").addEventListener("click", function(e) {
1058
- var btn = e.target.closest(".data-sub-tab");
1059
- if (!btn) return;
1060
- document.querySelectorAll(".data-sub-tab").forEach(function(t) { t.classList.remove("active"); });
1061
- btn.classList.add("active");
1062
- dataDb = btn.dataset.db;
1063
- isSqlite = dataDb === "sqlite";
1064
- dataActiveTable = null;
1065
- browseOffset = 0;
1066
- browseSearch = "";
1067
- document.getElementById("data-table-search").value = "";
1068
- document.getElementById("data-paging").style.display = "none";
1069
- dataResults.innerHTML = '<div class="data-empty">select a table or run a query</div>';
1070
- sqlEditor.value = "";
1071
- sqlStatus.textContent = "";
1072
- loadTables();
1073
- });
1074
-
1075
- var tableSearchTimeout = null;
1076
- document.getElementById("data-table-search").addEventListener("input", function() {
1077
- clearTimeout(tableSearchTimeout);
1078
- tableSearchTimeout = setTimeout(renderTableList, 150);
1079
- });
1080
-
1081
- function loadTables() {
1082
- var url = isSqlite ? "/api/sqlite/tables" : "/api/db/tables?db=" + dataDb;
1083
- fetch(url).then(function(r) { return r.json(); }).then(function(data) {
1084
- if (data.error) {
1085
- document.getElementById("data-table-list").innerHTML = '<div style="padding:8px 10px;color:var(--red);font-size:11px">' + escHtml(data.error) + '</div>';
1086
- return;
1087
- }
1088
- dataTables = data.tables || [];
1089
- renderTableList();
1090
- }).catch(function() {
1091
- document.getElementById("data-table-list").innerHTML = '<div style="padding:8px 10px;color:var(--text-dim);font-size:11px">failed to load tables</div>';
1092
- });
1093
- }
1094
-
1095
- function renderTableList() {
1096
- var filter = (document.getElementById("data-table-search").value || "").toLowerCase();
1097
- var list = document.getElementById("data-table-list");
1098
- list.innerHTML = "";
1099
- for (var i = 0; i < dataTables.length; i++) {
1100
- var t = dataTables[i];
1101
- var fullName = isSqlite ? t.name : (t.table_schema === "public" ? t.table_name : t.table_schema + "." + t.table_name);
1102
- if (filter && fullName.toLowerCase().indexOf(filter) === -1) continue;
1103
- var div = document.createElement("div");
1104
- div.className = "data-table-item";
1105
- if (dataActiveTable === fullName) div.classList.add("active");
1106
- var sizeText = isSqlite ? (t.col_count + " cols") : fmtSize(t.size_bytes);
1107
- div.innerHTML = '<span class="tbl-name">' + escHtml(fullName) + '</span><span class="tbl-size">' + sizeText + '</span>';
1108
- div.dataset.table = fullName;
1109
- div.addEventListener("click", function() {
1110
- dataActiveTable = this.dataset.table;
1111
- document.querySelectorAll(".data-table-item").forEach(function(el) { el.classList.remove("active"); });
1112
- this.classList.add("active");
1113
- browseOffset = 0;
1114
- browseSearch = "";
1115
- browseTableData();
1116
- });
1117
- list.appendChild(div);
1118
- }
1119
- }
1120
-
1121
- function browseTableData() {
1122
- if (!dataActiveTable) return;
1123
- var baseUrl = isSqlite ? "/api/sqlite/table-data" : "/api/db/table-data";
1124
- var params = new URLSearchParams();
1125
- if (!isSqlite) params.set("db", dataDb);
1126
- params.set("table", dataActiveTable);
1127
- params.set("offset", String(browseOffset));
1128
- params.set("limit", String(browseLimit));
1129
- if (browseSearch) params.set("search", browseSearch);
1130
- sqlStatus.textContent = "loading...";
1131
- sqlStatus.className = "sql-status";
1132
- sqlEditor.value = "";
1133
- fetch(baseUrl + "?" + params).then(function(r) { return r.json(); }).then(function(data) {
1134
- if (data.error) {
1135
- sqlStatus.textContent = data.error;
1136
- sqlStatus.className = "sql-status error";
1137
- return;
1138
- }
1139
- browseTotal = data.total;
1140
- var cols = data.columns || [];
1141
- var fields = cols.map(function(c) { return c.name; });
1142
- lastBrowseFields = fields;
1143
- lastBrowseRows = data.rows;
1144
- sqlStatus.textContent = data.total + " total row" + (data.total !== 1 ? "s" : "");
1145
- sqlStatus.className = "sql-status";
1146
- renderBrowseResults(fields, data.rows);
1147
- updatePaging();
1148
- }).catch(function(err) {
1149
- sqlStatus.textContent = err.message;
1150
- sqlStatus.className = "sql-status error";
1151
- });
1152
- }
1153
-
1154
- function browseTable(dir) {
1155
- browseOffset = Math.max(0, browseOffset + dir * browseLimit);
1156
- browseTableData();
1157
- }
1158
-
1159
- function updatePaging() {
1160
- var paging = document.getElementById("data-paging");
1161
- if (browseTotal <= browseLimit && browseOffset === 0) {
1162
- paging.style.display = "none";
1163
- return;
1164
- }
1165
- paging.style.display = "flex";
1166
- var from = browseOffset + 1;
1167
- var to = Math.min(browseOffset + browseLimit, browseTotal);
1168
- document.getElementById("data-paging-info").textContent = from + "-" + to + " of " + browseTotal;
1169
- document.getElementById("data-prev-btn").disabled = browseOffset === 0;
1170
- document.getElementById("data-next-btn").disabled = browseOffset + browseLimit >= browseTotal;
1171
- }
1172
-
1173
- function quoteIdent(name) {
1174
- if (name.indexOf(".") > -1) {
1175
- var parts = name.split(".");
1176
- return '"' + parts[0] + '"."' + parts[1] + '"';
1177
- }
1178
- if (/^[a-z_][a-z0-9_]*$/.test(name)) return name;
1179
- return '"' + name + '"';
1180
- }
1181
-
1182
- function runSql() {
1183
- var sql = sqlEditor.value.trim();
1184
- if (!sql) return;
1185
- var btn = document.getElementById("sql-run-btn");
1186
- btn.disabled = true;
1187
- sqlStatus.textContent = "running...";
1188
- sqlStatus.className = "sql-status";
1189
- document.getElementById("data-paging").style.display = "none";
1190
- var endpoint = isSqlite ? "/api/sqlite/query" : "/api/db/query";
1191
- var body = isSqlite ? { sql: sql } : { db: dataDb, sql: sql };
1192
- fetch(endpoint, {
1193
- method: "POST",
1194
- headers: { "Content-Type": "application/json" },
1195
- body: JSON.stringify(body)
1196
- }).then(function(r) { return r.json(); }).then(function(data) {
1197
- btn.disabled = false;
1198
- if (data.error) {
1199
- sqlStatus.textContent = data.error;
1200
- sqlStatus.className = "sql-status error";
1201
- return;
1202
- }
1203
- sqlStatus.textContent = data.rowCount + " row" + (data.rowCount !== 1 ? "s" : "") + " in " + data.durationMs + "ms";
1204
- sqlStatus.className = "sql-status";
1205
- lastBrowseFields = data.fields;
1206
- lastBrowseRows = data.rows;
1207
- renderBrowseResults(data.fields, data.rows);
1208
- }).catch(function(err) {
1209
- btn.disabled = false;
1210
- sqlStatus.textContent = err.message;
1211
- sqlStatus.className = "sql-status error";
1212
- });
1213
- }
1214
-
1215
- function renderBrowseResults(fields, rows) {
1216
- if (!fields || fields.length === 0) {
1217
- dataResults.innerHTML = '<div class="data-empty">no columns returned</div>';
1218
- return;
1219
- }
1220
- var html = '<table><thead><tr>';
1221
- for (var i = 0; i < fields.length; i++) {
1222
- html += '<th>' + escHtml(fields[i]) + '</th>';
1223
- }
1224
- html += '</tr></thead><tbody>';
1225
- for (var r = 0; r < rows.length; r++) {
1226
- html += '<tr class="clickable" data-row-idx="' + r + '">';
1227
- for (var c = 0; c < fields.length; c++) {
1228
- var val = rows[r][fields[c]];
1229
- if (val === null || val === undefined) {
1230
- html += '<td class="null-val">null</td>';
1231
- } else if (typeof val === "object") {
1232
- html += '<td>' + escHtml(JSON.stringify(val)) + '</td>';
1233
- } else {
1234
- var s = String(val);
1235
- html += '<td>' + escHtml(s.length > 120 ? s.slice(0, 120) + "..." : s) + '</td>';
1236
- }
1237
- }
1238
- html += '</tr>';
1239
- }
1240
- html += '</tbody></table>';
1241
- dataResults.innerHTML = html;
1242
- // click rows to open detail
1243
- dataResults.querySelectorAll("tr.clickable").forEach(function(tr) {
1244
- tr.addEventListener("click", function() {
1245
- var idx = Number(this.dataset.rowIdx);
1246
- openRowDetail(lastBrowseFields, lastBrowseRows[idx]);
1247
- });
1248
- });
1249
- }
1250
-
1251
- function openRowDetail(fields, row) {
1252
- if (!row) return;
1253
- var body = document.getElementById("row-detail-body");
1254
- var html = "";
1255
- for (var i = 0; i < fields.length; i++) {
1256
- var val = row[fields[i]];
1257
- var valStr;
1258
- var cls = "row-detail-val";
1259
- if (val === null || val === undefined) {
1260
- valStr = "null";
1261
- cls += " null-val";
1262
- } else if (typeof val === "object") {
1263
- valStr = JSON.stringify(val, null, 2);
1264
- } else {
1265
- valStr = String(val);
1266
- }
1267
- html += '<div class="row-detail-field">';
1268
- html += '<div class="row-detail-key">' + escHtml(fields[i]) + '</div>';
1269
- html += '<div class="' + cls + '">' + escHtml(valStr) + '</div>';
1270
- html += '</div>';
1271
- }
1272
- body.innerHTML = html;
1273
- document.getElementById("row-detail-overlay").classList.add("open");
1274
- }
1275
-
1276
- function closeRowDetail() {
1277
- document.getElementById("row-detail-overlay").classList.remove("open");
1278
- }
1279
-
1280
- document.getElementById("row-detail-overlay").addEventListener("click", function(e) {
1281
- if (e.target === this) closeRowDetail();
1282
- });
1283
-
1284
- document.addEventListener("keydown", function(e) {
1285
- if (e.key === "Escape") closeRowDetail();
1286
- });
1287
-
1288
- // cmd+enter / ctrl+enter to run sql
1289
- sqlEditor.addEventListener("keydown", function(e) {
1290
- if ((e.metaKey || e.ctrlKey) && e.key === "Enter") {
1291
- e.preventDefault();
1292
- runSql();
1293
- }
1294
- });
1295
-
1296
- // --- polling ---
1297
-
1298
- fetchStatus();
1299
- setInterval(function() {
1300
- if (document.hidden) return;
1301
- if (isDataTab) return;
1302
- if (isHttpTab) fetchHttp();
1303
- else if (!isEnvTab) fetchLogs();
1304
- }, 1000);
1305
- setInterval(function() { if (!document.hidden) fetchStatus(); }, 5000);
1306
- document.addEventListener("visibilitychange", function() {
1307
- if (document.hidden) return;
1308
- if (isDataTab) return;
1309
- if (isHttpTab) fetchHttp();
1310
- else if (!isEnvTab) fetchLogs();
1311
- fetchStatus();
1312
- });
1313
- window.addEventListener("popstate", function() {
1314
- var p = window.location.pathname.replace(/\\/$/, "") || "/";
1315
- var s = pathMap[p] !== undefined ? pathMap[p] : "data";
1316
- var tab = document.querySelector('#tab-bar .tab[data-source="' + s + '"]');
1317
- if (tab) tab.click();
1318
- });
1319
- </script>
1320
- </body>
1321
- </html>`
1322
- }