react-dev-profiler 1.0.1 → 1.0.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.
Files changed (7) hide show
  1. package/dist/index.cjs +189 -31
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.js +189 -31
  4. package/dist/index.js.map +1 -1
  5. package/package.json +1 -1
  6. package/dist/index.css +0 -179
  7. package/dist/index.css.map +0 -1
package/dist/index.css DELETED
@@ -1,179 +0,0 @@
1
- /* src/DevProfiler.module.css */
2
- .wrapper {
3
- height: 100%;
4
- width: 100%;
5
- }
6
- .panel {
7
- position: fixed;
8
- z-index: 99999;
9
- background: rgba(8, 8, 8, 0.95);
10
- border: 1px solid #222;
11
- border-radius: 10px;
12
- padding: 10px 14px;
13
- min-width: 220px;
14
- box-shadow: 0 8px 32px rgba(0, 0, 0, 0.7);
15
- font-family:
16
- "SF Mono",
17
- "Fira Code",
18
- monospace;
19
- backdrop-filter: blur(12px);
20
- user-select: none;
21
- }
22
- .panelHeader {
23
- display: flex;
24
- justify-content: space-between;
25
- align-items: center;
26
- margin-bottom: 8px;
27
- cursor: grab;
28
- touch-action: none;
29
- }
30
- .panelHeader:active {
31
- cursor: grabbing;
32
- }
33
- .panelTitle {
34
- color: #666;
35
- font-size: 9px;
36
- font-weight: 700;
37
- letter-spacing: 1.5px;
38
- text-transform: uppercase;
39
- display: flex;
40
- align-items: center;
41
- gap: 6px;
42
- }
43
- .instanceBadge {
44
- background: #222;
45
- color: #888;
46
- font-size: 8px;
47
- padding: 1px 5px;
48
- border-radius: 4px;
49
- letter-spacing: 0.5px;
50
- text-transform: none;
51
- }
52
- .headerActions {
53
- display: flex;
54
- align-items: center;
55
- gap: 8px;
56
- }
57
- .exportBtn {
58
- background: none;
59
- border: none;
60
- color: #444;
61
- cursor: pointer;
62
- padding: 0;
63
- line-height: 1;
64
- display: flex;
65
- align-items: center;
66
- transition: color 0.15s;
67
- }
68
- .exportBtn:hover {
69
- color: #4ade80;
70
- }
71
- .exportBtnActive {
72
- color: #4ade80;
73
- }
74
- .resetBtn {
75
- background: none;
76
- border: none;
77
- color: #444;
78
- cursor: pointer;
79
- padding: 0;
80
- line-height: 1;
81
- display: flex;
82
- align-items: center;
83
- }
84
- .resetBtn:hover {
85
- color: #4ade80;
86
- }
87
- .closeBtn {
88
- background: none;
89
- border: none;
90
- color: #444;
91
- cursor: pointer;
92
- font-size: 13px;
93
- padding: 0;
94
- line-height: 1;
95
- }
96
- .closeBtn:hover {
97
- color: #888;
98
- }
99
- .body {
100
- display: flex;
101
- flex-direction: column;
102
- gap: 5px;
103
- }
104
- .section {
105
- color: #444;
106
- font-size: 8px;
107
- font-weight: 600;
108
- letter-spacing: 1px;
109
- text-transform: uppercase;
110
- margin-top: 2px;
111
- }
112
- .separator {
113
- height: 1px;
114
- background: #1a1a1a;
115
- margin: 2px 0;
116
- }
117
- .row {
118
- display: flex;
119
- justify-content: space-between;
120
- align-items: center;
121
- padding: 1px 0;
122
- }
123
- .rowLabel {
124
- color: #555;
125
- font-size: 10px;
126
- }
127
- .rowValue {
128
- font-size: 11px;
129
- font-weight: 600;
130
- }
131
- .miniRow {
132
- display: flex;
133
- justify-content: space-between;
134
- color: #444;
135
- font-size: 9px;
136
- margin-top: -2px;
137
- margin-bottom: 2px;
138
- }
139
- .graphWrap {
140
- margin-top: 4px;
141
- }
142
- .toggleBtn {
143
- position: fixed;
144
- z-index: 99998;
145
- min-width: 28px;
146
- height: 24px;
147
- border-radius: 7px;
148
- border: 1px solid #2a2a2a;
149
- background: rgba(20, 20, 20, 0.9);
150
- cursor: pointer;
151
- display: flex;
152
- align-items: center;
153
- justify-content: center;
154
- padding: 0 6px;
155
- backdrop-filter: blur(8px);
156
- }
157
- .toggleBtn:hover {
158
- border-color: #333;
159
- }
160
- .toggleFps {
161
- font-family:
162
- "SF Mono",
163
- "Fira Code",
164
- monospace;
165
- font-size: 10px;
166
- font-weight: 700;
167
- letter-spacing: -0.5px;
168
- }
169
- .footer {
170
- margin-top: 8px;
171
- color: #333;
172
- font-size: 8px;
173
- text-align: center;
174
- }
175
- .flash {
176
- outline: 2px solid rgba(99, 102, 241, 0.8);
177
- outline-offset: -2px;
178
- }
179
- /*# sourceMappingURL=index.css.map */
package/dist/index.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/DevProfiler.module.css"],"sourcesContent":["/**\n * react-dev-profiler — Styles\n * Dark, minimal overlay theme with glassmorphism.\n * Author: Frederic Denis (billywild87)\n */\n\n/* Wrapper — takes up the full space of the profiled subtree */\n.wrapper {\n height: 100%;\n width: 100%;\n}\n\n/* Panel — floating overlay anchored near the profiled element */\n.panel {\n position: fixed;\n z-index: 99999;\n background: rgba(8, 8, 8, 0.95);\n border: 1px solid #222;\n border-radius: 10px;\n padding: 10px 14px;\n min-width: 220px;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.7);\n font-family: 'SF Mono', 'Fira Code', monospace;\n backdrop-filter: blur(12px);\n user-select: none;\n}\n\n/* Draggable header */\n.panelHeader {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 8px;\n cursor: grab;\n touch-action: none;\n}\n\n.panelHeader:active {\n cursor: grabbing;\n}\n\n.panelTitle {\n color: #666;\n font-size: 9px;\n font-weight: 700;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n display: flex;\n align-items: center;\n gap: 6px;\n}\n\n.instanceBadge {\n background: #222;\n color: #888;\n font-size: 8px;\n padding: 1px 5px;\n border-radius: 4px;\n letter-spacing: 0.5px;\n text-transform: none;\n}\n\n.headerActions {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n/* Export button */\n.exportBtn {\n background: none;\n border: none;\n color: #444;\n cursor: pointer;\n padding: 0;\n line-height: 1;\n display: flex;\n align-items: center;\n transition: color 0.15s;\n}\n\n.exportBtn:hover {\n color: #4ade80;\n}\n\n.exportBtnActive {\n color: #4ade80;\n}\n\n/* Reset button */\n.resetBtn {\n background: none;\n border: none;\n color: #444;\n cursor: pointer;\n padding: 0;\n line-height: 1;\n display: flex;\n align-items: center;\n}\n\n.resetBtn:hover {\n color: #4ade80;\n}\n\n.closeBtn {\n background: none;\n border: none;\n color: #444;\n cursor: pointer;\n font-size: 13px;\n padding: 0;\n line-height: 1;\n}\n\n.closeBtn:hover {\n color: #888;\n}\n\n.body {\n display: flex;\n flex-direction: column;\n gap: 5px;\n}\n\n/* Stat rows */\n.section {\n color: #444;\n font-size: 8px;\n font-weight: 600;\n letter-spacing: 1px;\n text-transform: uppercase;\n margin-top: 2px;\n}\n\n.separator {\n height: 1px;\n background: #1a1a1a;\n margin: 2px 0;\n}\n\n.row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1px 0;\n}\n\n.rowLabel {\n color: #555;\n font-size: 10px;\n}\n\n.rowValue {\n font-size: 11px;\n font-weight: 600;\n}\n\n.miniRow {\n display: flex;\n justify-content: space-between;\n color: #444;\n font-size: 9px;\n margin-top: -2px;\n margin-bottom: 2px;\n}\n\n/* Frame time graph */\n.graphWrap {\n margin-top: 4px;\n}\n\n/* Toggle button — small floating FPS pill */\n.toggleBtn {\n position: fixed;\n z-index: 99998;\n min-width: 28px;\n height: 24px;\n border-radius: 7px;\n border: 1px solid #2a2a2a;\n background: rgba(20, 20, 20, 0.9);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 6px;\n backdrop-filter: blur(8px);\n}\n\n.toggleBtn:hover {\n border-color: #333;\n}\n\n.toggleFps {\n font-family: 'SF Mono', 'Fira Code', monospace;\n font-size: 10px;\n font-weight: 700;\n letter-spacing: -0.5px;\n}\n\n/* Footer hint */\n.footer {\n margin-top: 8px;\n color: #333;\n font-size: 8px;\n text-align: center;\n}\n\n/* DOM mutation flash — brief outline pulse */\n.flash {\n outline: 2px solid rgba(99, 102, 241, 0.8);\n outline-offset: -2px;\n}\n"],"mappings":";AAOA,CAAC;AACG,UAAQ;AACR,SAAO;AACX;AAGA,CAAC;AACG,YAAU;AACV,WAAS;AACT,cAAY,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC1B,UAAQ,IAAI,MAAM;AAClB,iBAAe;AACf,WAAS,KAAK;AACd,aAAW;AACX,cAAY,EAAE,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACrC;AAAA,IAAa,SAAS;AAAA,IAAE,WAAW;AAAA,IAAE;AACrC,mBAAiB,KAAK;AACtB,eAAa;AACjB;AAGA,CAAC;AACG,WAAS;AACT,mBAAiB;AACjB,eAAa;AACb,iBAAe;AACf,UAAQ;AACR,gBAAc;AAClB;AAEA,CATC,WASW;AACR,UAAQ;AACZ;AAEA,CAAC;AACG,SAAO;AACP,aAAW;AACX,eAAa;AACb,kBAAgB;AAChB,kBAAgB;AAChB,WAAS;AACT,eAAa;AACb,OAAK;AACT;AAEA,CAAC;AACG,cAAY;AACZ,SAAO;AACP,aAAW;AACX,WAAS,IAAI;AACb,iBAAe;AACf,kBAAgB;AAChB,kBAAgB;AACpB;AAEA,CAAC;AACG,WAAS;AACT,eAAa;AACb,OAAK;AACT;AAGA,CAAC;AACG,cAAY;AACZ,UAAQ;AACR,SAAO;AACP,UAAQ;AACR,WAAS;AACT,eAAa;AACb,WAAS;AACT,eAAa;AACb,cAAY,MAAM;AACtB;AAEA,CAZC,SAYS;AACN,SAAO;AACX;AAEA,CAAC;AACG,SAAO;AACX;AAGA,CAAC;AACG,cAAY;AACZ,UAAQ;AACR,SAAO;AACP,UAAQ;AACR,WAAS;AACT,eAAa;AACb,WAAS;AACT,eAAa;AACjB;AAEA,CAXC,QAWQ;AACL,SAAO;AACX;AAEA,CAAC;AACG,cAAY;AACZ,UAAQ;AACR,SAAO;AACP,UAAQ;AACR,aAAW;AACX,WAAS;AACT,eAAa;AACjB;AAEA,CAVC,QAUQ;AACL,SAAO;AACX;AAEA,CAAC;AACG,WAAS;AACT,kBAAgB;AAChB,OAAK;AACT;AAGA,CAAC;AACG,SAAO;AACP,aAAW;AACX,eAAa;AACb,kBAAgB;AAChB,kBAAgB;AAChB,cAAY;AAChB;AAEA,CAAC;AACG,UAAQ;AACR,cAAY;AACZ,UAAQ,IAAI;AAChB;AAEA,CAAC;AACG,WAAS;AACT,mBAAiB;AACjB,eAAa;AACb,WAAS,IAAI;AACjB;AAEA,CAAC;AACG,SAAO;AACP,aAAW;AACf;AAEA,CAAC;AACG,aAAW;AACX,eAAa;AACjB;AAEA,CAAC;AACG,WAAS;AACT,mBAAiB;AACjB,SAAO;AACP,aAAW;AACX,cAAY;AACZ,iBAAe;AACnB;AAGA,CAAC;AACG,cAAY;AAChB;AAGA,CAAC;AACG,YAAU;AACV,WAAS;AACT,aAAW;AACX,UAAQ;AACR,iBAAe;AACf,UAAQ,IAAI,MAAM;AAClB,cAAY,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AAC7B,UAAQ;AACR,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,WAAS,EAAE;AACX,mBAAiB,KAAK;AAC1B;AAEA,CAhBC,SAgBS;AACN,gBAAc;AAClB;AAEA,CAAC;AACG;AAAA,IAAa,SAAS;AAAA,IAAE,WAAW;AAAA,IAAE;AACrC,aAAW;AACX,eAAa;AACb,kBAAgB;AACpB;AAGA,CAAC;AACG,cAAY;AACZ,SAAO;AACP,aAAW;AACX,cAAY;AAChB;AAGA,CAAC;AACG,WAAS,IAAI,MAAM,KAAK,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE;AACtC,kBAAgB;AACpB;","names":[]}