@uptime.link/statuspage 1.2.0 → 1.3.0
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/dist_bundle/bundle.js +14 -25
- package/dist_bundle/bundle.js.map +2 -2
- package/dist_ts_web/00_commitinfo_data.js +1 -1
- package/dist_ts_web/elements/upl-statuspage-incidents.js +1 -1
- package/dist_ts_web/elements/upl-statuspage-statsgrid.d.ts +3 -0
- package/dist_ts_web/elements/upl-statuspage-statsgrid.js +36 -24
- package/dist_watch/bundle.js +32 -26
- package/dist_watch/bundle.js.map +2 -2
- package/package.json +1 -1
- package/ts_web/00_commitinfo_data.ts +1 -1
- package/ts_web/elements/upl-statuspage-incidents.ts +4 -3
- package/ts_web/elements/upl-statuspage-statsgrid.ts +32 -24
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
export const commitinfo = {
|
|
5
5
|
name: '@uptime.link/statuspage',
|
|
6
|
-
version: '1.
|
|
6
|
+
version: '1.3.0',
|
|
7
7
|
description: 'A catalog of web components for the UptimeLink dashboard.'
|
|
8
8
|
};
|
|
9
9
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfd2ViLzAwX2NvbW1pdGluZm9fZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRztJQUN4QixJQUFJLEVBQUUseUJBQXlCO0lBQy9CLE9BQU8sRUFBRSxPQUFPO0lBQ2hCLFdBQVcsRUFBRSwyREFBMkQ7Q0FDekUsQ0FBQSJ9
|
|
@@ -182,38 +182,27 @@ let UplStatuspageStatsgrid = (() => {
|
|
|
182
182
|
transition: all ${unsafeCSS(sharedStyles.durations.fast)} ${unsafeCSS(sharedStyles.easings.default)};
|
|
183
183
|
}
|
|
184
184
|
|
|
185
|
-
|
|
185
|
+
/* Dynamic status-based accent colors for all stat cards */
|
|
186
|
+
.stat-card.operational::before {
|
|
186
187
|
background: ${sharedStyles.colors.status.operational};
|
|
187
188
|
}
|
|
188
189
|
|
|
189
|
-
.stat-card.
|
|
190
|
+
.stat-card.degraded::before {
|
|
190
191
|
background: ${sharedStyles.colors.status.degraded};
|
|
191
192
|
}
|
|
192
193
|
|
|
193
|
-
.stat-card.
|
|
194
|
+
.stat-card.partial_outage::before {
|
|
194
195
|
background: ${sharedStyles.colors.status.partial};
|
|
195
196
|
}
|
|
196
197
|
|
|
197
|
-
.stat-card.
|
|
198
|
+
.stat-card.major_outage::before {
|
|
198
199
|
background: ${sharedStyles.colors.status.major};
|
|
199
200
|
}
|
|
200
201
|
|
|
201
|
-
.stat-card.
|
|
202
|
+
.stat-card.maintenance::before {
|
|
202
203
|
background: ${sharedStyles.colors.status.maintenance};
|
|
203
204
|
}
|
|
204
205
|
|
|
205
|
-
.stat-card.uptime-card::before {
|
|
206
|
-
background: ${sharedStyles.colors.status.operational};
|
|
207
|
-
}
|
|
208
|
-
|
|
209
|
-
.stat-card.response-card::before {
|
|
210
|
-
background: ${sharedStyles.colors.status.maintenance};
|
|
211
|
-
}
|
|
212
|
-
|
|
213
|
-
.stat-card.incident-card::before {
|
|
214
|
-
background: ${sharedStyles.colors.status.partial};
|
|
215
|
-
}
|
|
216
|
-
|
|
217
206
|
.stat-card:hover {
|
|
218
207
|
border-color: ${sharedStyles.colors.border.muted};
|
|
219
208
|
box-shadow: ${unsafeCSS(sharedStyles.shadows.md)};
|
|
@@ -458,7 +447,7 @@ let UplStatuspageStatsgrid = (() => {
|
|
|
458
447
|
</div>
|
|
459
448
|
` : html `
|
|
460
449
|
<div class="stats-grid">
|
|
461
|
-
<div class="stat-card
|
|
450
|
+
<div class="stat-card ${this.currentStatus}">
|
|
462
451
|
<div class="stat-label">
|
|
463
452
|
<span class="status-indicator ${this.currentStatus}"></span>
|
|
464
453
|
Current Status
|
|
@@ -468,7 +457,7 @@ let UplStatuspageStatsgrid = (() => {
|
|
|
468
457
|
</div>
|
|
469
458
|
</div>
|
|
470
459
|
|
|
471
|
-
<div class="stat-card
|
|
460
|
+
<div class="stat-card ${this.getUptimeCardStatus()}">
|
|
472
461
|
<div class="stat-label">
|
|
473
462
|
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
474
463
|
<polyline points="22 12 18 12 15 21 9 3 6 12 2 12"></polyline>
|
|
@@ -483,7 +472,7 @@ let UplStatuspageStatsgrid = (() => {
|
|
|
483
472
|
</div>
|
|
484
473
|
</div>
|
|
485
474
|
|
|
486
|
-
<div class="stat-card
|
|
475
|
+
<div class="stat-card ${this.getResponseCardStatus()}">
|
|
487
476
|
<div class="stat-label">
|
|
488
477
|
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
489
478
|
<circle cx="12" cy="12" r="10"></circle>
|
|
@@ -497,7 +486,7 @@ let UplStatuspageStatsgrid = (() => {
|
|
|
497
486
|
${this.renderResponseChange()}
|
|
498
487
|
</div>
|
|
499
488
|
|
|
500
|
-
<div class="stat-card
|
|
489
|
+
<div class="stat-card ${this.getIncidentCardStatus()}">
|
|
501
490
|
<div class="stat-label">
|
|
502
491
|
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
503
492
|
<path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path>
|
|
@@ -509,8 +498,8 @@ let UplStatuspageStatsgrid = (() => {
|
|
|
509
498
|
<div class="stat-value">
|
|
510
499
|
${this.totalIncidents}
|
|
511
500
|
</div>
|
|
512
|
-
<div class="stat-change
|
|
513
|
-
${this.affectedServices} of ${this.totalServices} services
|
|
501
|
+
<div class="stat-change ${this.affectedServices === 0 ? 'positive' : 'negative'}">
|
|
502
|
+
${this.affectedServices === 0 ? 'All services ok.' : `${this.affectedServices} of ${this.totalServices} services affected`}
|
|
514
503
|
</div>
|
|
515
504
|
</div>
|
|
516
505
|
</div>
|
|
@@ -539,6 +528,29 @@ let UplStatuspageStatsgrid = (() => {
|
|
|
539
528
|
</div>
|
|
540
529
|
`;
|
|
541
530
|
}
|
|
531
|
+
getUptimeCardStatus() {
|
|
532
|
+
if (this.uptime >= 99.9)
|
|
533
|
+
return 'operational';
|
|
534
|
+
if (this.uptime >= 99.0)
|
|
535
|
+
return 'degraded';
|
|
536
|
+
return 'partial_outage';
|
|
537
|
+
}
|
|
538
|
+
getResponseCardStatus() {
|
|
539
|
+
if (this.avgResponseTime < 200)
|
|
540
|
+
return 'operational';
|
|
541
|
+
if (this.avgResponseTime < 500)
|
|
542
|
+
return 'degraded';
|
|
543
|
+
return 'partial_outage';
|
|
544
|
+
}
|
|
545
|
+
getIncidentCardStatus() {
|
|
546
|
+
if (this.affectedServices === 0)
|
|
547
|
+
return 'operational';
|
|
548
|
+
if (this.currentStatus === 'major_outage')
|
|
549
|
+
return 'major_outage';
|
|
550
|
+
if (this.currentStatus === 'partial_outage')
|
|
551
|
+
return 'partial_outage';
|
|
552
|
+
return 'degraded';
|
|
553
|
+
}
|
|
542
554
|
static {
|
|
543
555
|
__runInitializers(_classThis, _classExtraInitializers);
|
|
544
556
|
}
|
|
@@ -546,4 +558,4 @@ let UplStatuspageStatsgrid = (() => {
|
|
|
546
558
|
return UplStatuspageStatsgrid = _classThis;
|
|
547
559
|
})();
|
|
548
560
|
export { UplStatuspageStatsgrid };
|
|
549
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
561
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsLXN0YXR1c3BhZ2Utc3RhdHNncmlkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL3VwbC1zdGF0dXNwYWdlLXN0YXRzZ3JpZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUNMLFdBQVcsRUFDWCxRQUFRLEVBQ1IsSUFBSSxFQUNKLGFBQWEsRUFFYixHQUFHLEVBQ0gsVUFBVSxFQUNWLFNBQVMsR0FDVixNQUFNLDZCQUE2QixDQUFDO0FBQ3JDLE9BQU8sS0FBSyxRQUFRLE1BQU0sOEJBQThCLENBQUM7QUFDekQsT0FBTyxLQUFLLFlBQVksTUFBTSw0QkFBNEIsQ0FBQztBQUUzRCxPQUFPLHVDQUF1QyxDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztJQVNqRCxzQkFBc0I7NEJBRGxDLGFBQWEsQ0FBQywwQkFBMEIsQ0FBQzs7OztzQkFDRSxXQUFXOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O3NDQUFuQixTQUFRLFdBQVc7Ozs7a0NBR3BELFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQzsyQ0FHMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDOzBDQUcxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7NENBRzFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQzt5Q0FHMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO3lDQUcxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7bUNBRzFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsQ0FBQztzQ0FHM0IsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFB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
|
package/dist_watch/bundle.js
CHANGED
|
@@ -51095,9 +51095,10 @@ __publicField(UplStatuspageIncidents, "styles", [
|
|
|
51095
51095
|
.timeline::before {
|
|
51096
51096
|
content: '';
|
|
51097
51097
|
position: absolute;
|
|
51098
|
-
left:
|
|
51099
|
-
top:
|
|
51100
|
-
bottom:
|
|
51098
|
+
left: 7px;
|
|
51099
|
+
top: 10px;
|
|
51100
|
+
bottom: calc(100% - 10px);
|
|
51101
|
+
height: auto;
|
|
51101
51102
|
width: 2px;
|
|
51102
51103
|
background: ${cssManager.bdTheme(
|
|
51103
51104
|
"linear-gradient(to bottom, #e5e7eb 0%, #d1d5db 50%, #e5e7eb 100%)",
|
|
@@ -54783,7 +54784,7 @@ var UplStatuspageStatsgrid = class extends (_a10 = DeesElement, _uptime_dec = [n
|
|
|
54783
54784
|
</div>
|
|
54784
54785
|
` : x`
|
|
54785
54786
|
<div class="stats-grid">
|
|
54786
|
-
<div class="stat-card
|
|
54787
|
+
<div class="stat-card ${this.currentStatus}">
|
|
54787
54788
|
<div class="stat-label">
|
|
54788
54789
|
<span class="status-indicator ${this.currentStatus}"></span>
|
|
54789
54790
|
Current Status
|
|
@@ -54793,7 +54794,7 @@ var UplStatuspageStatsgrid = class extends (_a10 = DeesElement, _uptime_dec = [n
|
|
|
54793
54794
|
</div>
|
|
54794
54795
|
</div>
|
|
54795
54796
|
|
|
54796
|
-
<div class="stat-card
|
|
54797
|
+
<div class="stat-card ${this.getUptimeCardStatus()}">
|
|
54797
54798
|
<div class="stat-label">
|
|
54798
54799
|
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
54799
54800
|
<polyline points="22 12 18 12 15 21 9 3 6 12 2 12"></polyline>
|
|
@@ -54808,7 +54809,7 @@ var UplStatuspageStatsgrid = class extends (_a10 = DeesElement, _uptime_dec = [n
|
|
|
54808
54809
|
</div>
|
|
54809
54810
|
</div>
|
|
54810
54811
|
|
|
54811
|
-
<div class="stat-card
|
|
54812
|
+
<div class="stat-card ${this.getResponseCardStatus()}">
|
|
54812
54813
|
<div class="stat-label">
|
|
54813
54814
|
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
54814
54815
|
<circle cx="12" cy="12" r="10"></circle>
|
|
@@ -54822,7 +54823,7 @@ var UplStatuspageStatsgrid = class extends (_a10 = DeesElement, _uptime_dec = [n
|
|
|
54822
54823
|
${this.renderResponseChange()}
|
|
54823
54824
|
</div>
|
|
54824
54825
|
|
|
54825
|
-
<div class="stat-card
|
|
54826
|
+
<div class="stat-card ${this.getIncidentCardStatus()}">
|
|
54826
54827
|
<div class="stat-label">
|
|
54827
54828
|
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
54828
54829
|
<path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path>
|
|
@@ -54834,8 +54835,8 @@ var UplStatuspageStatsgrid = class extends (_a10 = DeesElement, _uptime_dec = [n
|
|
|
54834
54835
|
<div class="stat-value">
|
|
54835
54836
|
${this.totalIncidents}
|
|
54836
54837
|
</div>
|
|
54837
|
-
<div class="stat-change
|
|
54838
|
-
${this.affectedServices} of ${this.totalServices} services
|
|
54838
|
+
<div class="stat-change ${this.affectedServices === 0 ? "positive" : "negative"}">
|
|
54839
|
+
${this.affectedServices === 0 ? "All services ok." : `${this.affectedServices} of ${this.totalServices} services affected`}
|
|
54839
54840
|
</div>
|
|
54840
54841
|
</div>
|
|
54841
54842
|
</div>
|
|
@@ -54863,6 +54864,22 @@ var UplStatuspageStatsgrid = class extends (_a10 = DeesElement, _uptime_dec = [n
|
|
|
54863
54864
|
</div>
|
|
54864
54865
|
`;
|
|
54865
54866
|
}
|
|
54867
|
+
getUptimeCardStatus() {
|
|
54868
|
+
if (this.uptime >= 99.9) return "operational";
|
|
54869
|
+
if (this.uptime >= 99) return "degraded";
|
|
54870
|
+
return "partial_outage";
|
|
54871
|
+
}
|
|
54872
|
+
getResponseCardStatus() {
|
|
54873
|
+
if (this.avgResponseTime < 200) return "operational";
|
|
54874
|
+
if (this.avgResponseTime < 500) return "degraded";
|
|
54875
|
+
return "partial_outage";
|
|
54876
|
+
}
|
|
54877
|
+
getIncidentCardStatus() {
|
|
54878
|
+
if (this.affectedServices === 0) return "operational";
|
|
54879
|
+
if (this.currentStatus === "major_outage") return "major_outage";
|
|
54880
|
+
if (this.currentStatus === "partial_outage") return "partial_outage";
|
|
54881
|
+
return "degraded";
|
|
54882
|
+
}
|
|
54866
54883
|
};
|
|
54867
54884
|
_init10 = __decoratorStart(_a10);
|
|
54868
54885
|
_uptime = new WeakMap();
|
|
@@ -54945,38 +54962,27 @@ __publicField(UplStatuspageStatsgrid, "styles", [
|
|
|
54945
54962
|
transition: all ${r(durations.fast)} ${r(easings.default)};
|
|
54946
54963
|
}
|
|
54947
54964
|
|
|
54948
|
-
|
|
54965
|
+
/* Dynamic status-based accent colors for all stat cards */
|
|
54966
|
+
.stat-card.operational::before {
|
|
54949
54967
|
background: ${colors.status.operational};
|
|
54950
54968
|
}
|
|
54951
54969
|
|
|
54952
|
-
.stat-card.
|
|
54970
|
+
.stat-card.degraded::before {
|
|
54953
54971
|
background: ${colors.status.degraded};
|
|
54954
54972
|
}
|
|
54955
54973
|
|
|
54956
|
-
.stat-card.
|
|
54974
|
+
.stat-card.partial_outage::before {
|
|
54957
54975
|
background: ${colors.status.partial};
|
|
54958
54976
|
}
|
|
54959
54977
|
|
|
54960
|
-
.stat-card.
|
|
54978
|
+
.stat-card.major_outage::before {
|
|
54961
54979
|
background: ${colors.status.major};
|
|
54962
54980
|
}
|
|
54963
54981
|
|
|
54964
|
-
.stat-card.
|
|
54982
|
+
.stat-card.maintenance::before {
|
|
54965
54983
|
background: ${colors.status.maintenance};
|
|
54966
54984
|
}
|
|
54967
54985
|
|
|
54968
|
-
.stat-card.uptime-card::before {
|
|
54969
|
-
background: ${colors.status.operational};
|
|
54970
|
-
}
|
|
54971
|
-
|
|
54972
|
-
.stat-card.response-card::before {
|
|
54973
|
-
background: ${colors.status.maintenance};
|
|
54974
|
-
}
|
|
54975
|
-
|
|
54976
|
-
.stat-card.incident-card::before {
|
|
54977
|
-
background: ${colors.status.partial};
|
|
54978
|
-
}
|
|
54979
|
-
|
|
54980
54986
|
.stat-card:hover {
|
|
54981
54987
|
border-color: ${colors.border.muted};
|
|
54982
54988
|
box-shadow: ${r(shadows.md)};
|