@voltro/web 0.29.0 → 0.30.1

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.
@@ -17,7 +17,7 @@ var l = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Set(), d = [], f = ()
17
17
  };
18
18
  }, h = () => d, g = (e) => (u.add(e), () => {
19
19
  u.delete(e);
20
- }), _ = {
20
+ }), _ = ({ children: e, chrome: t = null }) => /* @__PURE__ */ c(o, { children: [e, t] }), v = {
21
21
  error: {
22
22
  brandTag: "voltro · runtime error",
23
23
  stackTrace: "Stack trace",
@@ -46,7 +46,7 @@ var l = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Set(), d = [], f = ()
46
46
  " — the directory tree maps to the URL, the suffix decides what is a route at all."
47
47
  ] })
48
48
  }
49
- }, v = e("fallbackStrings", _), y = (e, t) => ({
49
+ }, y = e("fallbackStrings", v), b = (e, t) => ({
50
50
  error: {
51
51
  ...e.error,
52
52
  ...t.error
@@ -56,17 +56,17 @@ var l = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Set(), d = [], f = ()
56
56
  ...t.notFound
57
57
  }
58
58
  });
59
- function b(e) {
60
- let t = n(v), i = r(() => y(t, e.strings), [t, e.strings]);
61
- return /* @__PURE__ */ s(v.Provider, {
59
+ function x(e) {
60
+ let t = n(y), i = r(() => b(t, e.strings), [t, e.strings]);
61
+ return /* @__PURE__ */ s(y.Provider, {
62
62
  value: i,
63
63
  children: e.children
64
64
  });
65
65
  }
66
- var x = (e) => {
67
- let t = n(v);
68
- return r(() => e ? y(t, e) : t, [t, e]);
69
- }, S = async (e) => {
66
+ var S = (e) => {
67
+ let t = n(y);
68
+ return r(() => e ? b(t, e) : t, [t, e]);
69
+ }, C = async (e) => {
70
70
  if (typeof navigator < "u" && navigator.clipboard?.writeText) try {
71
71
  return await navigator.clipboard.writeText(e), "native";
72
72
  } catch {}
@@ -82,7 +82,7 @@ var x = (e) => {
82
82
  } finally {
83
83
  document.body.removeChild(t);
84
84
  }
85
- }, C = {
85
+ }, w = {
86
86
  background: "oklch(0.155 0.005 285)",
87
87
  backgroundElevated: "oklch(0.19 0.006 285)",
88
88
  foreground: "oklch(0.98 0.005 285)",
@@ -97,7 +97,7 @@ var x = (e) => {
97
97
  danger: "oklch(0.7 0.21 22)",
98
98
  dangerDim: "oklch(0.5 0.18 22 / 60%)",
99
99
  info: "oklch(0.7 0.18 240)"
100
- }, w = "ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif", T = "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace", E = `
100
+ }, T = "ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif", E = "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace", D = `
101
101
  [data-vweb-fb="root"] *,
102
102
  [data-vweb-fb="root"] *::before,
103
103
  [data-vweb-fb="root"] *::after {
@@ -116,19 +116,19 @@ var x = (e) => {
116
116
  [data-vweb-fb-btn]:hover { transform: translateY(-1px); }
117
117
  [data-vweb-fb-btn]:active { transform: translateY(0); }
118
118
  [data-vweb-fb-btn="primary"] {
119
- background-color: ${C.accent};
120
- color: ${C.background};
119
+ background-color: ${w.accent};
120
+ color: ${w.background};
121
121
  font-weight: 600;
122
- box-shadow: 0 4px 16px -2px ${C.accentGlow};
122
+ box-shadow: 0 4px 16px -2px ${w.accentGlow};
123
123
  }
124
- [data-vweb-fb-btn="primary"]:hover { background-color: ${C.accentDim}; }
124
+ [data-vweb-fb-btn="primary"]:hover { background-color: ${w.accentDim}; }
125
125
  [data-vweb-fb-btn="secondary"] {
126
- border-color: ${C.borderStrong};
127
- color: ${C.foreground};
126
+ border-color: ${w.borderStrong};
127
+ color: ${w.foreground};
128
128
  }
129
129
  [data-vweb-fb-btn="secondary"]:hover {
130
- background-color: ${C.backgroundElevated};
131
- border-color: ${C.accent};
130
+ background-color: ${w.backgroundElevated};
131
+ border-color: ${w.accent};
132
132
  }
133
133
  [data-vweb-fb-summary] {
134
134
  cursor: pointer;
@@ -138,7 +138,7 @@ var x = (e) => {
138
138
  align-items: center;
139
139
  gap: 8px;
140
140
  padding: 6px 0;
141
- color: ${C.foregroundMuted};
141
+ color: ${w.foregroundMuted};
142
142
  font-size: 12px;
143
143
  font-weight: 500;
144
144
  letter-spacing: 0.02em;
@@ -150,12 +150,12 @@ var x = (e) => {
150
150
  display: inline-block;
151
151
  font-size: 10px;
152
152
  transition: transform 120ms ease;
153
- color: ${C.foregroundSubtle};
153
+ color: ${w.foregroundSubtle};
154
154
  }
155
155
  [data-vweb-fb="root"] details[open] > [data-vweb-fb-summary]::before {
156
156
  transform: rotate(90deg);
157
157
  }
158
- [data-vweb-fb-summary]:hover { color: ${C.foreground}; }
158
+ [data-vweb-fb-summary]:hover { color: ${w.foreground}; }
159
159
  @keyframes vwebFbFadeIn {
160
160
  from { opacity: 0; }
161
161
  to { opacity: 1; }
@@ -176,7 +176,7 @@ var x = (e) => {
176
176
  animation: none;
177
177
  }
178
178
  }
179
- `, D = () => /* @__PURE__ */ s("style", { dangerouslySetInnerHTML: { __html: E } }), O = (e) => {
179
+ `, O = () => /* @__PURE__ */ s("style", { dangerouslySetInnerHTML: { __html: D } }), k = (e) => {
180
180
  if (e instanceof Error) return {
181
181
  name: e.name || "Error",
182
182
  message: e.message || "(no message)",
@@ -191,7 +191,7 @@ var x = (e) => {
191
191
  let t = e;
192
192
  return {
193
193
  name: typeof t.name == "string" ? t.name : "Error",
194
- message: typeof t.message == "string" ? t.message : k(e),
194
+ message: typeof t.message == "string" ? t.message : A(e),
195
195
  stack: typeof t.stack == "string" ? t.stack : void 0
196
196
  };
197
197
  }
@@ -200,23 +200,23 @@ var x = (e) => {
200
200
  message: String(e),
201
201
  stack: void 0
202
202
  };
203
- }, k = (e) => {
203
+ }, A = (e) => {
204
204
  try {
205
205
  return JSON.stringify(e, null, 2);
206
206
  } catch {
207
207
  return String(e);
208
208
  }
209
- }, A = (e, t) => {
209
+ }, j = (e, t) => {
210
210
  let n = e.indexOf("\n");
211
211
  return n === -1 ? e === t ? "" : e : e.slice(0, n).trim() === t.trim() ? e.slice(n + 1).replace(/^\n+/, "") : e;
212
- }, j = (e, t) => {
212
+ }, M = (e, t) => {
213
213
  if (!e) return [];
214
- let n = A(e, t);
214
+ let n = j(e, t);
215
215
  return n.length === 0 ? [] : n.split("\n");
216
- }, M = ({ tone: e, children: t }) => {
216
+ }, N = ({ tone: e, children: t }) => {
217
217
  let n = {
218
- danger: C.danger,
219
- info: C.info
218
+ danger: w.danger,
219
+ info: w.info
220
220
  }[e], r = `radial-gradient(ellipse 900px 700px at 50% 50%, color-mix(in oklch, ${n} 12%, transparent) 0%, color-mix(in oklch, ${n} 4%, transparent) 30%, oklch(0.08 0.005 285) 80%)`;
221
221
  return /* @__PURE__ */ c("div", {
222
222
  "data-vweb-fb": "root",
@@ -224,13 +224,13 @@ var x = (e) => {
224
224
  position: "fixed",
225
225
  inset: 0,
226
226
  zIndex: 2147483646,
227
- color: C.foreground,
228
- fontFamily: w,
227
+ color: w.foreground,
228
+ fontFamily: T,
229
229
  fontSize: 14,
230
230
  lineHeight: 1.5
231
231
  },
232
232
  children: [
233
- /* @__PURE__ */ s(D, {}),
233
+ /* @__PURE__ */ s(O, {}),
234
234
  /* @__PURE__ */ s("div", {
235
235
  "data-vweb-fb": "backdrop",
236
236
  style: {
@@ -256,11 +256,11 @@ var x = (e) => {
256
256
  style: {
257
257
  width: "100%",
258
258
  maxWidth: 720,
259
- background: C.card,
260
- border: `1px solid ${C.border}`,
259
+ background: w.card,
260
+ border: `1px solid ${w.border}`,
261
261
  borderRadius: 14,
262
262
  overflow: "hidden",
263
- boxShadow: `0 32px 80px -16px oklch(0 0 0 / 75%), 0 8px 24px oklch(0 0 0 / 50%), 0 0 0 1px ${C.border}, 0 0 60px -10px color-mix(in oklch, ${n} 25%, transparent)`
263
+ boxShadow: `0 32px 80px -16px oklch(0 0 0 / 75%), 0 8px 24px oklch(0 0 0 / 50%), 0 0 0 1px ${w.border}, 0 0 60px -10px color-mix(in oklch, ${n} 25%, transparent)`
264
264
  },
265
265
  children: [/* @__PURE__ */ s("div", { style: {
266
266
  height: 2,
@@ -270,10 +270,10 @@ var x = (e) => {
270
270
  })
271
271
  ]
272
272
  });
273
- }, N = ({ error: e, reset: n, strings: o }) => {
274
- let l = x(o).error, u = r(() => O(e), [e]), d = `${u.name}: ${u.message}`, f = r(() => j(u.stack, d), [u.stack, d]), [p, m] = a("idle"), h = i(null), g = t(async () => {
275
- let e = u.stack ? A(u.stack, d) : "";
276
- if (await S([
273
+ }, P = ({ error: e, reset: n, strings: o }) => {
274
+ let l = S(o).error, u = r(() => k(e), [e]), d = `${u.name}: ${u.message}`, f = r(() => M(u.stack, d), [u.stack, d]), [p, m] = a("idle"), h = i(null), g = t(async () => {
275
+ let e = u.stack ? j(u.stack, d) : "";
276
+ if (await C([
277
277
  d,
278
278
  "",
279
279
  e.length > 0 ? e : "(no stack)"
@@ -291,7 +291,7 @@ var x = (e) => {
291
291
  }, [u, d]), _ = t(() => {
292
292
  typeof window < "u" && window.location.reload();
293
293
  }, []);
294
- return /* @__PURE__ */ c(M, {
294
+ return /* @__PURE__ */ c(N, {
295
295
  tone: "danger",
296
296
  children: [
297
297
  /* @__PURE__ */ c("div", {
@@ -308,20 +308,20 @@ var x = (e) => {
308
308
  gap: 8,
309
309
  padding: "4px 10px",
310
310
  borderRadius: 999,
311
- background: `${C.danger} / 15%`,
312
- backgroundColor: `color-mix(in oklch, ${C.danger} 18%, transparent)`,
313
- color: C.danger,
311
+ background: `${w.danger} / 15%`,
312
+ backgroundColor: `color-mix(in oklch, ${w.danger} 18%, transparent)`,
313
+ color: w.danger,
314
314
  fontSize: 11,
315
315
  fontWeight: 600,
316
316
  letterSpacing: "0.06em",
317
317
  textTransform: "uppercase",
318
- border: `1px solid color-mix(in oklch, ${C.danger} 30%, transparent)`
318
+ border: `1px solid color-mix(in oklch, ${w.danger} 30%, transparent)`
319
319
  },
320
320
  children: ["▲ ", u.name]
321
321
  }), /* @__PURE__ */ s("div", {
322
322
  style: {
323
323
  fontSize: 11,
324
- color: C.foregroundSubtle,
324
+ color: w.foregroundSubtle,
325
325
  letterSpacing: "0.04em"
326
326
  },
327
327
  children: l.brandTag
@@ -333,7 +333,7 @@ var x = (e) => {
333
333
  fontSize: 20,
334
334
  fontWeight: 600,
335
335
  lineHeight: 1.35,
336
- color: C.foreground,
336
+ color: w.foreground,
337
337
  wordBreak: "break-word"
338
338
  },
339
339
  children: u.message
@@ -348,13 +348,13 @@ var x = (e) => {
348
348
  style: {
349
349
  margin: "8px 0 0",
350
350
  padding: 12,
351
- background: C.background,
352
- border: `1px solid ${C.border}`,
351
+ background: w.background,
352
+ border: `1px solid ${w.border}`,
353
353
  borderRadius: 8,
354
- fontFamily: T,
354
+ fontFamily: E,
355
355
  fontSize: 12,
356
356
  lineHeight: 1.6,
357
- color: C.foregroundMuted,
357
+ color: w.foregroundMuted,
358
358
  overflowX: "auto",
359
359
  whiteSpace: "pre",
360
360
  maxHeight: 320,
@@ -366,15 +366,15 @@ var x = (e) => {
366
366
  let [, r, i, a] = n;
367
367
  return /* @__PURE__ */ c("div", { children: [
368
368
  /* @__PURE__ */ s("span", {
369
- style: { color: C.foregroundSubtle },
369
+ style: { color: w.foregroundSubtle },
370
370
  children: r
371
371
  }),
372
372
  /* @__PURE__ */ s("span", {
373
- style: { color: C.foreground },
373
+ style: { color: w.foreground },
374
374
  children: i
375
375
  }),
376
376
  a ? /* @__PURE__ */ c("span", {
377
- style: { color: C.foregroundSubtle },
377
+ style: { color: w.foregroundSubtle },
378
378
  children: [" ", a]
379
379
  }) : null
380
380
  ] }, t);
@@ -410,8 +410,8 @@ var x = (e) => {
410
410
  borderColor: "oklch(0.72 0.15 162 / 50%)",
411
411
  color: "oklch(0.72 0.15 162)"
412
412
  } : p === "failed" ? {
413
- borderColor: `${C.danger} / 50%`,
414
- color: C.danger
413
+ borderColor: `${w.danger} / 50%`,
414
+ color: w.danger
415
415
  } : void 0,
416
416
  children: p === "copied" ? l.copied : p === "failed" ? l.copyFailed : l.copy
417
417
  })
@@ -423,13 +423,13 @@ var x = (e) => {
423
423
  style: {
424
424
  margin: "12px 24px 0",
425
425
  padding: 12,
426
- background: C.background,
427
- border: `1px dashed ${C.danger}`,
426
+ background: w.background,
427
+ border: `1px dashed ${w.danger}`,
428
428
  borderRadius: 8,
429
- fontFamily: T,
429
+ fontFamily: E,
430
430
  fontSize: 12,
431
431
  lineHeight: 1.5,
432
- color: C.foreground,
432
+ color: w.foreground,
433
433
  maxHeight: 200,
434
434
  overflow: "auto",
435
435
  whiteSpace: "pre-wrap",
@@ -437,7 +437,7 @@ var x = (e) => {
437
437
  userSelect: "text"
438
438
  },
439
439
  children: (() => {
440
- let e = u.stack ? A(u.stack, d) : "";
440
+ let e = u.stack ? j(u.stack, d) : "";
441
441
  return `${d}\n\n${e.length > 0 ? e : "(no stack)"}`;
442
442
  })()
443
443
  }) : null,
@@ -446,59 +446,59 @@ var x = (e) => {
446
446
  margin: "20px 24px",
447
447
  padding: "12px 14px",
448
448
  borderRadius: 8,
449
- background: C.backgroundElevated,
450
- border: `1px solid ${C.border}`,
451
- color: C.foregroundMuted,
449
+ background: w.backgroundElevated,
450
+ border: `1px solid ${w.border}`,
451
+ color: w.foregroundMuted,
452
452
  fontSize: 12,
453
453
  lineHeight: 1.6
454
454
  },
455
455
  children: [/* @__PURE__ */ s("div", {
456
456
  style: {
457
457
  marginBottom: 4,
458
- color: C.foreground,
458
+ color: w.foreground,
459
459
  fontWeight: 500
460
460
  },
461
461
  children: l.serverContextHeading
462
462
  }), l.serverContextHint(/* @__PURE__ */ s("code", {
463
463
  style: {
464
- fontFamily: T,
464
+ fontFamily: E,
465
465
  fontSize: 12,
466
466
  padding: "2px 6px",
467
467
  borderRadius: 4,
468
- background: C.background,
469
- border: `1px solid ${C.border}`,
470
- color: C.accent
468
+ background: w.background,
469
+ border: `1px solid ${w.border}`,
470
+ color: w.accent
471
471
  },
472
472
  children: "voltro logs --since 30s"
473
473
  }))]
474
474
  })
475
475
  ]
476
476
  });
477
- }, P = (e) => {
478
- let t = x(e.strings).notFound, n = /* @__PURE__ */ s("code", {
477
+ }, F = (e) => {
478
+ let t = S(e.strings).notFound, n = /* @__PURE__ */ s("code", {
479
479
  style: {
480
- fontFamily: T,
480
+ fontFamily: E,
481
481
  fontSize: 13,
482
482
  padding: "2px 6px",
483
483
  borderRadius: 4,
484
- background: C.background,
485
- border: `1px solid ${C.border}`,
486
- color: C.foreground
484
+ background: w.background,
485
+ border: `1px solid ${w.border}`,
486
+ color: w.foreground
487
487
  },
488
488
  children: typeof window < "u" ? window.location.pathname : "(unknown)"
489
489
  }), r = /* @__PURE__ */ s("code", {
490
490
  style: {
491
- fontFamily: T,
491
+ fontFamily: E,
492
492
  fontSize: 13,
493
493
  padding: "2px 6px",
494
494
  borderRadius: 4,
495
- background: C.background,
496
- border: `1px solid ${C.border}`,
497
- color: C.foregroundMuted
495
+ background: w.background,
496
+ border: `1px solid ${w.border}`,
497
+ color: w.foregroundMuted
498
498
  },
499
499
  children: "*.page.tsx"
500
500
  });
501
- return /* @__PURE__ */ c(M, {
501
+ return /* @__PURE__ */ c(N, {
502
502
  tone: "info",
503
503
  children: [
504
504
  /* @__PURE__ */ s("div", {
@@ -508,13 +508,13 @@ var x = (e) => {
508
508
  display: "inline-flex",
509
509
  padding: "4px 10px",
510
510
  borderRadius: 999,
511
- backgroundColor: `color-mix(in oklch, ${C.info} 18%, transparent)`,
512
- color: C.info,
511
+ backgroundColor: `color-mix(in oklch, ${w.info} 18%, transparent)`,
512
+ color: w.info,
513
513
  fontSize: 11,
514
514
  fontWeight: 600,
515
515
  letterSpacing: "0.06em",
516
516
  textTransform: "uppercase",
517
- border: `1px solid color-mix(in oklch, ${C.info} 30%, transparent)`
517
+ border: `1px solid color-mix(in oklch, ${w.info} 30%, transparent)`
518
518
  },
519
519
  children: t.badge
520
520
  })
@@ -524,14 +524,14 @@ var x = (e) => {
524
524
  margin: "16px 24px 4px",
525
525
  fontSize: 22,
526
526
  fontWeight: 600,
527
- color: C.foreground
527
+ color: w.foreground
528
528
  },
529
529
  children: t.heading
530
530
  }),
531
531
  /* @__PURE__ */ s("p", {
532
532
  style: {
533
533
  margin: "0 24px 24px",
534
- color: C.foregroundMuted,
534
+ color: w.foregroundMuted,
535
535
  fontSize: 14,
536
536
  lineHeight: 1.6
537
537
  },
@@ -541,4 +541,4 @@ var x = (e) => {
541
541
  });
542
542
  };
543
543
  //#endregion
544
- export { _ as a, m as c, b as i, g as l, P as n, x as o, S as r, h as s, N as t };
544
+ export { v as a, h as c, x as i, m as l, F as n, S as o, C as r, _ as s, P as t, g as u };