@ytspar/devbar 1.13.0 → 1.14.0-canary.180c708
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/README.md +24 -0
- package/dist/browser/devbar.auto.js +73 -73
- package/dist/browser/devbar.js +136 -135
- package/dist/index.d.ts +5 -4
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +6 -5
- package/dist/index.js.map +1 -1
- package/dist/modules/rendering/common.d.ts +1 -1
- package/dist/modules/rendering/common.d.ts.map +1 -1
- package/dist/modules/rendering/common.js +36 -12
- package/dist/modules/rendering/common.js.map +1 -1
- package/dist/modules/rendering/compact.js +1 -1
- package/dist/modules/rendering/compact.js.map +1 -1
- package/dist/modules/rendering/expanded.d.ts.map +1 -1
- package/dist/modules/rendering/expanded.js +4 -4
- package/dist/modules/rendering/expanded.js.map +1 -1
- package/dist/plugins/releaseInfo.d.ts +50 -0
- package/dist/plugins/releaseInfo.d.ts.map +1 -0
- package/dist/plugins/releaseInfo.js +78 -0
- package/dist/plugins/releaseInfo.js.map +1 -0
- package/dist/types.d.ts +7 -0
- package/dist/types.d.ts.map +1 -1
- package/package.json +7 -2
package/README.md
CHANGED
|
@@ -190,6 +190,7 @@ import { GlobalDevBar } from '@ytspar/devbar';
|
|
|
190
190
|
GlobalDevBar.registerControl({
|
|
191
191
|
id: 'my-control',
|
|
192
192
|
label: 'Reset State',
|
|
193
|
+
tooltip: 'Clears localStorage and reloads the current page',
|
|
193
194
|
onClick: () => {
|
|
194
195
|
localStorage.clear();
|
|
195
196
|
location.reload();
|
|
@@ -201,6 +202,29 @@ GlobalDevBar.registerControl({
|
|
|
201
202
|
GlobalDevBar.unregisterControl('my-control');
|
|
202
203
|
```
|
|
203
204
|
|
|
205
|
+
### Release Info Plugin
|
|
206
|
+
|
|
207
|
+
Show release metadata without taking over the toolbar:
|
|
208
|
+
|
|
209
|
+
```typescript
|
|
210
|
+
import { releaseInfoPlugin } from '@ytspar/devbar/plugins/release-info';
|
|
211
|
+
|
|
212
|
+
const cleanupRelease = releaseInfoPlugin({
|
|
213
|
+
version: '1.4.2',
|
|
214
|
+
releasedAt: '2026-05-06T06:21:23Z',
|
|
215
|
+
changelog: [
|
|
216
|
+
'Show DevBar on staging deploys',
|
|
217
|
+
'Expose release timestamp, version, and changelog metadata',
|
|
218
|
+
],
|
|
219
|
+
});
|
|
220
|
+
|
|
221
|
+
// Unregister when done
|
|
222
|
+
cleanupRelease();
|
|
223
|
+
```
|
|
224
|
+
|
|
225
|
+
The badge displays the version and formatted release timestamp. Hovering the
|
|
226
|
+
badge shows the exact release time and changelog lines.
|
|
227
|
+
|
|
204
228
|
### Cleanup
|
|
205
229
|
|
|
206
230
|
```typescript
|