reactoradar 1.6.4 → 1.6.6

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 (31) hide show
  1. package/app.js +74 -4236
  2. package/index.html +12 -0
  3. package/main.js +86 -9
  4. package/package.json +1 -1
  5. package/preload.js +2 -1
  6. package/styles.css +130 -7
  7. package/src/main/main.js +0 -396
  8. package/src/main/preload.js +0 -28
  9. package/src/renderer/app.js +0 -221
  10. package/src/renderer/components/object-tree.js +0 -245
  11. package/src/renderer/index.html +0 -111
  12. package/src/renderer/panels/console.js +0 -248
  13. package/src/renderer/panels/memory.js +0 -60
  14. package/src/renderer/panels/network.js +0 -559
  15. package/src/renderer/panels/performance.js +0 -144
  16. package/src/renderer/panels/react.js +0 -31
  17. package/src/renderer/panels/redux.js +0 -159
  18. package/src/renderer/panels/settings.js +0 -93
  19. package/src/renderer/panels/sources.js +0 -189
  20. package/src/renderer/panels/storage.js +0 -134
  21. package/src/renderer/state.js +0 -132
  22. package/src/renderer/styles/components.css +0 -145
  23. package/src/renderer/styles/console.css +0 -73
  24. package/src/renderer/styles/main.css +0 -229
  25. package/src/renderer/styles/network.css +0 -242
  26. package/src/renderer/styles/performance.css +0 -45
  27. package/src/renderer/styles/redux.css +0 -77
  28. package/src/renderer/styles/settings.css +0 -63
  29. package/src/renderer/styles/sources.css +0 -48
  30. package/src/renderer/styles/storage.css +0 -28
  31. package/src/renderer/styles/theme-light.css +0 -57
package/src/renderer/styles/sources.css DELETED
@@ -1,48 +0,0 @@
1
- /* ─────────────────────────────────────────────────────────────────────────────
2
- SOURCES PANEL
3
- ───────────────────────────────────────────────────────────────────────────── */
4
- .sources-layout { display: grid; grid-template-columns: 240px 1fr; height: 100%; }
5
- .sources-sidebar { display: flex; flex-direction: column; border-right: 1px solid var(--border); overflow: hidden; }
6
- .sources-file-list { flex: 1; overflow-y: auto; }
7
- .sources-file-list::-webkit-scrollbar { width: 3px; }
8
- .sources-file-list::-webkit-scrollbar-thumb { background: var(--border2); }
9
- .source-file-row {
10
- padding: 8px 12px;
11
- border-bottom: 1px solid var(--border);
12
- cursor: pointer;
13
- transition: background 0.08s;
14
- }
15
- .source-file-row:hover { background: var(--bg3); }
16
- .source-file-row.selected { background: var(--bg4); border-left: 2px solid var(--accent); }
17
- .sources-editor { display: flex; flex-direction: column; overflow: hidden; }
18
- .sources-code {
19
- flex: 1;
20
- overflow: auto;
21
- font-size: 11px;
22
- line-height: 1.6;
23
- user-select: text;
24
- -webkit-user-select: text;
25
- }
26
- .source-pre { margin: 0; padding: 0; }
27
- .source-line {
28
- display: flex;
29
- padding: 0 8px;
30
- min-height: 18px;
31
- }
32
- .source-line:hover { background: var(--bg3); }
33
- .source-line-num {
34
- display: inline-block;
35
- width: 44px;
36
- flex-shrink: 0;
37
- text-align: right;
38
- padding-right: 12px;
39
- color: var(--text-dim);
40
- opacity: 0.5;
41
- user-select: none;
42
- -webkit-user-select: none;
43
- }
44
- .source-line-code {
45
- flex: 1;
46
- white-space: pre;
47
- tab-size: 2;
48
- }
package/src/renderer/styles/storage.css DELETED
@@ -1,28 +0,0 @@
1
- /* ─────────────────────────────────────────────────────────────────────────────
2
- ASYNC STORAGE PANEL
3
- ───────────────────────────────────────────────────────────────────────────── */
4
- .storage-layout { display: grid; grid-template-columns: 240px 1fr; height: 100%; }
5
- .storage-keys { display: flex; flex-direction: column; border-right: 1px solid var(--border); overflow: hidden; }
6
- .storage-keys-list { flex: 1; overflow-y: auto; }
7
- .storage-keys-list::-webkit-scrollbar { width: 3px; }
8
- .storage-keys-list::-webkit-scrollbar-thumb { background: var(--border2); }
9
-
10
- .storage-key-row {
11
- display: flex;
12
- align-items: center;
13
- padding: 8px 12px;
14
- border-bottom: 1px solid var(--border);
15
- cursor: pointer;
16
- transition: background 0.08s;
17
- gap: 8px;
18
- }
19
- .storage-key-row:hover { background: var(--bg3); }
20
- .storage-key-row.selected { background: var(--bg4); border-left: 2px solid var(--accent2); }
21
- .key-name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; color: var(--text-bright); }
22
- .key-size { font-size: 10px; color: var(--text-dim); }
23
-
24
- .storage-value-view { display: flex; flex-direction: column; overflow: hidden; }
25
- .storage-value-toolbar { display: flex; align-items: center; gap: 8px; padding: 8px 12px; border-bottom: 1px solid var(--border); background: var(--bg2); }
26
- .storage-value-body { flex: 1; overflow-y: auto; padding: 12px; font-size: 11px; line-height: 1.6; white-space: pre-wrap; word-break: break-all; user-select: text; -webkit-user-select: text; cursor: text; }
27
- .storage-value-body::-webkit-scrollbar { width: 3px; }
28
- .storage-value-body::-webkit-scrollbar-thumb { background: var(--border2); }
package/src/renderer/styles/theme-light.css DELETED
@@ -1,57 +0,0 @@
1
- /* ── LIGHT THEME OVERRIDES ───────────────────────────────────────────────────── */
2
- [data-theme="light"] {
3
- --bg: #f5f6f8;
4
- --bg2: #ebedf2;
5
- --bg3: #e0e3ea;
6
- --bg4: #d4d8e2;
7
- --border: #cdd1dc;
8
- --border2: #bcc1d0;
9
- --text: #2c3040;
10
- --text-dim: #8890a4;
11
- --text-mid: #5a6378;
12
- --text-bright: #1a1e2e;
13
- --accent: #0969da;
14
- --accent2: #7c3aed;
15
- --green: #1a7f37;
16
- --yellow: #9a6700;
17
- --red: #cf222e;
18
- --orange: #bc4c00;
19
- }
20
-
21
- [data-theme="light"] .tb-btn.primary {
22
- background: rgba(9,105,218,.08);
23
- }
24
- [data-theme="light"] .tb-btn.primary:hover {
25
- background: rgba(9,105,218,.16);
26
- }
27
- [data-theme="light"] .filter-input:focus {
28
- box-shadow: 0 0 0 2px rgba(9,105,218,.15);
29
- }
30
- [data-theme="light"] .log-row.warn {
31
- background: rgba(154,103,0,.05);
32
- border-bottom-color: rgba(154,103,0,.1);
33
- }
34
- [data-theme="light"] .log-row.error {
35
- background: rgba(207,34,46,.05);
36
- border-bottom-color: rgba(207,34,46,.1);
37
- }
38
- [data-theme="light"] .lvl-log { background: rgba(44,48,64,.06); }
39
- [data-theme="light"] .lvl-info { background: rgba(9,105,218,.1); }
40
- [data-theme="light"] .lvl-warn { background: rgba(154,103,0,.1); }
41
- [data-theme="light"] .lvl-error { background: rgba(207,34,46,.1); }
42
- [data-theme="light"] .lvl-debug { background: rgba(124,58,237,.1); }
43
- [data-theme="light"] .m-GET { background: rgba(26,127,55,.1); }
44
- [data-theme="light"] .m-POST { background: rgba(9,105,218,.1); }
45
- [data-theme="light"] .m-PUT { background: rgba(124,58,237,.1); }
46
- [data-theme="light"] .m-PATCH { background: rgba(188,76,0,.1); }
47
- [data-theme="light"] .m-DELETE { background: rgba(207,34,46,.1); }
48
- [data-theme="light"] .react-devtools-iframe { background: #e0e3ea; }
49
- [data-theme="light"] .btn-launch {
50
- background: rgba(9,105,218,.08);
51
- }
52
- [data-theme="light"] .btn-launch:hover {
53
- background: rgba(9,105,218,.15);
54
- }
55
- [data-theme="light"] mark {
56
- background: rgba(9,105,218,.15);
57
- }