reactoradar 1.2.3

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 (38) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +366 -0
  3. package/app.js +2450 -0
  4. package/assets/icon.svg +54 -0
  5. package/bin/cli.js +79 -0
  6. package/bin/open-debugger.sh +9 -0
  7. package/bin/setup.js +473 -0
  8. package/index.html +82 -0
  9. package/main.js +528 -0
  10. package/package.json +76 -0
  11. package/preload.js +31 -0
  12. package/sdk/RNDebugSDK.js +540 -0
  13. package/src/main/main.js +396 -0
  14. package/src/main/preload.js +28 -0
  15. package/src/renderer/app.js +221 -0
  16. package/src/renderer/components/object-tree.js +245 -0
  17. package/src/renderer/index.html +111 -0
  18. package/src/renderer/panels/console.js +248 -0
  19. package/src/renderer/panels/memory.js +60 -0
  20. package/src/renderer/panels/network.js +559 -0
  21. package/src/renderer/panels/performance.js +144 -0
  22. package/src/renderer/panels/react.js +31 -0
  23. package/src/renderer/panels/redux.js +159 -0
  24. package/src/renderer/panels/settings.js +93 -0
  25. package/src/renderer/panels/sources.js +189 -0
  26. package/src/renderer/panels/storage.js +134 -0
  27. package/src/renderer/state.js +132 -0
  28. package/src/renderer/styles/components.css +145 -0
  29. package/src/renderer/styles/console.css +73 -0
  30. package/src/renderer/styles/main.css +229 -0
  31. package/src/renderer/styles/network.css +242 -0
  32. package/src/renderer/styles/performance.css +45 -0
  33. package/src/renderer/styles/redux.css +77 -0
  34. package/src/renderer/styles/settings.css +63 -0
  35. package/src/renderer/styles/sources.css +48 -0
  36. package/src/renderer/styles/storage.css +28 -0
  37. package/src/renderer/styles/theme-light.css +57 -0
  38. package/styles.css +1308 -0
package/src/renderer/styles/storage.css ADDED
@@ -0,0 +1,28 @@
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 ADDED
@@ -0,0 +1,57 @@
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
+ }