@rubanrubi/hardhat-dashboard 0.1.1 → 0.2.2
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.
- package/CHANGELOG.md +61 -0
- package/dist/types/rpc.d.ts +2 -0
- package/dist/types/rpc.js.map +1 -1
- package/dist/ui/app.js +445 -121
- package/dist/ui/app.js.map +4 -4
- package/dist/ui/styles.css +203 -0
- package/package.json +2 -1
package/dist/ui/styles.css
CHANGED
|
@@ -96,6 +96,7 @@ body::before {
|
|
|
96
96
|
margin-top: 20px;
|
|
97
97
|
display: flex;
|
|
98
98
|
flex-wrap: wrap;
|
|
99
|
+
align-items: center;
|
|
99
100
|
gap: 10px;
|
|
100
101
|
}
|
|
101
102
|
|
|
@@ -116,6 +117,71 @@ body::before {
|
|
|
116
117
|
color: var(--text);
|
|
117
118
|
}
|
|
118
119
|
|
|
120
|
+
.wallet-info-pill {
|
|
121
|
+
display: inline-flex;
|
|
122
|
+
flex-direction: row;
|
|
123
|
+
align-items: center;
|
|
124
|
+
gap: 8px;
|
|
125
|
+
padding: 10px 14px;
|
|
126
|
+
border-radius: 999px;
|
|
127
|
+
border: 1px solid var(--border);
|
|
128
|
+
background: rgba(255, 255, 255, 0.04);
|
|
129
|
+
color: var(--text-dim);
|
|
130
|
+
font-size: 0.88rem;
|
|
131
|
+
flex-wrap: wrap;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
.wallet-dot {
|
|
135
|
+
width: 7px;
|
|
136
|
+
height: 7px;
|
|
137
|
+
border-radius: 50%;
|
|
138
|
+
background: var(--accent-strong);
|
|
139
|
+
flex-shrink: 0;
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
.wallet-sep {
|
|
143
|
+
color: rgba(154, 182, 255, 0.35);
|
|
144
|
+
font-size: 0.9rem;
|
|
145
|
+
user-select: none;
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
.wallet-network-name {
|
|
149
|
+
color: var(--text);
|
|
150
|
+
font-size: 0.88rem;
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
.wallet-address {
|
|
154
|
+
color: var(--text-dim);
|
|
155
|
+
font-family: 'IBM Plex Mono', monospace;
|
|
156
|
+
font-size: 0.82rem;
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
.copy-btn {
|
|
160
|
+
padding: 2px 8px;
|
|
161
|
+
border-radius: 6px;
|
|
162
|
+
background: rgba(255, 255, 255, 0.07);
|
|
163
|
+
border: 1px solid var(--border);
|
|
164
|
+
color: var(--text-dim);
|
|
165
|
+
font-size: 0.75rem;
|
|
166
|
+
font-weight: 500;
|
|
167
|
+
cursor: pointer;
|
|
168
|
+
transition: background 120ms ease, color 120ms ease;
|
|
169
|
+
line-height: 1.6;
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
.copy-btn:hover {
|
|
173
|
+
background: rgba(84, 198, 235, 0.15);
|
|
174
|
+
color: var(--accent);
|
|
175
|
+
transform: none;
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
.wallet-balance {
|
|
179
|
+
color: var(--accent-strong);
|
|
180
|
+
font-size: 0.84rem;
|
|
181
|
+
font-weight: 600;
|
|
182
|
+
font-family: 'IBM Plex Mono', monospace;
|
|
183
|
+
}
|
|
184
|
+
|
|
119
185
|
.status-card {
|
|
120
186
|
padding: 24px;
|
|
121
187
|
border-radius: 24px;
|
|
@@ -284,6 +350,27 @@ button:disabled {
|
|
|
284
350
|
color: var(--accent-strong);
|
|
285
351
|
}
|
|
286
352
|
|
|
353
|
+
.decoded-call.unmatched {
|
|
354
|
+
background: rgba(255, 209, 102, 0.06);
|
|
355
|
+
border-color: rgba(255, 209, 102, 0.2);
|
|
356
|
+
}
|
|
357
|
+
|
|
358
|
+
.decoded-call.unmatched strong {
|
|
359
|
+
color: var(--warning);
|
|
360
|
+
}
|
|
361
|
+
|
|
362
|
+
.decoded-sig {
|
|
363
|
+
color: var(--text-dim);
|
|
364
|
+
font-size: 0.85rem;
|
|
365
|
+
font-family: 'IBM Plex Mono', monospace;
|
|
366
|
+
}
|
|
367
|
+
|
|
368
|
+
.decoded-args {
|
|
369
|
+
margin: 8px 0 0;
|
|
370
|
+
padding-left: 18px;
|
|
371
|
+
color: var(--text-dim);
|
|
372
|
+
}
|
|
373
|
+
|
|
287
374
|
.decoded-call ul {
|
|
288
375
|
margin: 8px 0 0;
|
|
289
376
|
padding-left: 18px;
|
|
@@ -302,6 +389,116 @@ button:disabled {
|
|
|
302
389
|
overflow: auto;
|
|
303
390
|
}
|
|
304
391
|
|
|
392
|
+
.tx-summary {
|
|
393
|
+
display: grid;
|
|
394
|
+
gap: 6px;
|
|
395
|
+
margin: 12px 0;
|
|
396
|
+
padding: 12px 14px;
|
|
397
|
+
border-radius: 12px;
|
|
398
|
+
background: rgba(255, 255, 255, 0.03);
|
|
399
|
+
border: 1px solid var(--border);
|
|
400
|
+
}
|
|
401
|
+
|
|
402
|
+
.tx-summary-row {
|
|
403
|
+
display: flex;
|
|
404
|
+
align-items: baseline;
|
|
405
|
+
gap: 10px;
|
|
406
|
+
}
|
|
407
|
+
|
|
408
|
+
.tx-field-label {
|
|
409
|
+
color: var(--text-dim);
|
|
410
|
+
font-size: 0.78rem;
|
|
411
|
+
text-transform: uppercase;
|
|
412
|
+
letter-spacing: 0.06em;
|
|
413
|
+
min-width: 48px;
|
|
414
|
+
flex-shrink: 0;
|
|
415
|
+
}
|
|
416
|
+
|
|
417
|
+
.tx-field-value {
|
|
418
|
+
color: var(--text);
|
|
419
|
+
font-size: 0.88rem;
|
|
420
|
+
}
|
|
421
|
+
|
|
422
|
+
.tx-field-value.mono {
|
|
423
|
+
font-family: 'IBM Plex Mono', monospace;
|
|
424
|
+
font-size: 0.83rem;
|
|
425
|
+
}
|
|
426
|
+
|
|
427
|
+
.tx-field-value.value-accent {
|
|
428
|
+
color: var(--accent-strong);
|
|
429
|
+
font-weight: 600;
|
|
430
|
+
}
|
|
431
|
+
|
|
432
|
+
.tx-message-box {
|
|
433
|
+
margin: 12px 0;
|
|
434
|
+
padding: 12px 14px;
|
|
435
|
+
border-radius: 12px;
|
|
436
|
+
background: rgba(84, 198, 235, 0.05);
|
|
437
|
+
border: 1px solid rgba(84, 198, 235, 0.18);
|
|
438
|
+
}
|
|
439
|
+
|
|
440
|
+
.tx-message-content {
|
|
441
|
+
margin-top: 6px;
|
|
442
|
+
color: var(--text);
|
|
443
|
+
font-size: 0.88rem;
|
|
444
|
+
line-height: 1.5;
|
|
445
|
+
word-break: break-all;
|
|
446
|
+
}
|
|
447
|
+
|
|
448
|
+
.tx-message-content.mono {
|
|
449
|
+
font-family: 'IBM Plex Mono', monospace;
|
|
450
|
+
font-size: 0.82rem;
|
|
451
|
+
}
|
|
452
|
+
|
|
453
|
+
.tx-typed-section {
|
|
454
|
+
margin-bottom: 8px;
|
|
455
|
+
}
|
|
456
|
+
|
|
457
|
+
.tx-typed-pre {
|
|
458
|
+
margin: 4px 0 0;
|
|
459
|
+
padding: 8px 10px;
|
|
460
|
+
border-radius: 8px;
|
|
461
|
+
background: rgba(0, 0, 0, 0.2);
|
|
462
|
+
color: #d8e6ff;
|
|
463
|
+
font-size: 0.78rem;
|
|
464
|
+
line-height: 1.5;
|
|
465
|
+
overflow: auto;
|
|
466
|
+
}
|
|
467
|
+
|
|
468
|
+
.history-action {
|
|
469
|
+
margin: 8px 0;
|
|
470
|
+
color: var(--accent-strong);
|
|
471
|
+
font-size: 0.9rem;
|
|
472
|
+
font-weight: 600;
|
|
473
|
+
}
|
|
474
|
+
|
|
475
|
+
.history-hash {
|
|
476
|
+
display: flex;
|
|
477
|
+
align-items: center;
|
|
478
|
+
gap: 8px;
|
|
479
|
+
margin-top: 8px;
|
|
480
|
+
}
|
|
481
|
+
|
|
482
|
+
.history-hash-value {
|
|
483
|
+
font-family: 'IBM Plex Mono', monospace;
|
|
484
|
+
font-size: 0.8rem;
|
|
485
|
+
color: var(--text-dim);
|
|
486
|
+
}
|
|
487
|
+
|
|
488
|
+
.history-error {
|
|
489
|
+
margin-top: 8px;
|
|
490
|
+
padding: 8px 10px;
|
|
491
|
+
border-radius: 10px;
|
|
492
|
+
background: rgba(255, 123, 114, 0.08);
|
|
493
|
+
border: 1px solid rgba(255, 123, 114, 0.2);
|
|
494
|
+
color: var(--danger);
|
|
495
|
+
font-size: 0.84rem;
|
|
496
|
+
}
|
|
497
|
+
|
|
498
|
+
.mono {
|
|
499
|
+
font-family: 'IBM Plex Mono', monospace;
|
|
500
|
+
}
|
|
501
|
+
|
|
305
502
|
.tag-row {
|
|
306
503
|
display: flex;
|
|
307
504
|
flex-wrap: wrap;
|
|
@@ -329,6 +526,12 @@ button:disabled {
|
|
|
329
526
|
background: rgba(255, 123, 114, 0.16);
|
|
330
527
|
}
|
|
331
528
|
|
|
529
|
+
.tag.deploy {
|
|
530
|
+
color: #c8f0ff;
|
|
531
|
+
background: rgba(84, 198, 235, 0.16);
|
|
532
|
+
border: 1px solid rgba(84, 198, 235, 0.25);
|
|
533
|
+
}
|
|
534
|
+
|
|
332
535
|
.warning-banner {
|
|
333
536
|
margin-bottom: 16px;
|
|
334
537
|
border-color: rgba(255, 209, 102, 0.22);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rubanrubi/hardhat-dashboard",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.2.2",
|
|
4
4
|
"description": "A Hardhat plugin that routes transaction signing through a local browser dashboard.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -8,6 +8,7 @@
|
|
|
8
8
|
"files": [
|
|
9
9
|
"dist",
|
|
10
10
|
"README.md",
|
|
11
|
+
"CHANGELOG.md",
|
|
11
12
|
"LICENSE"
|
|
12
13
|
],
|
|
13
14
|
"scripts": {
|