datadog-frontend-toolkit 1.0.49 → 1.0.50
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/cjs/resources/templates/monitors.js +6 -6
- package/dist/cjs/resources/templates/monitors.js.map +1 -1
- package/dist/esm/resources/templates/monitors.js +6 -6
- package/dist/esm/resources/templates/monitors.js.map +1 -1
- package/dist/resources/templates/monitors.js +6 -6
- package/dist/resources/templates/monitors.js.map +1 -1
- package/package.json +1 -1
|
@@ -56,7 +56,7 @@ function buildMonitorTemplates(service, env, channels = [], team) {
|
|
|
56
56
|
name: `${service} (${env}) - High Frontend Error Rate`,
|
|
57
57
|
type: 'rum alert',
|
|
58
58
|
query: `rum("service:${service} env:${env} @type:error").rollup("count").last("5m") > 50`,
|
|
59
|
-
message: `## High Frontend Error Rate\n\n**Service:** ${service}\n**Environment:** ${env}\n\nThe frontend error rate has exceeded the threshold of 50 errors in 5 minutes.\n\nPlease investigate the error source in the [RUM Error Tracking](https://app.datadoghq.com/rum/error-tracking?query=service%3A${service}%20env%3A${env}).${notify}`,
|
|
59
|
+
message: `## High Frontend Error Rate\n\n**Service:** ${service}\n**Environment:** ${env}\n\nThe frontend error rate has exceeded the threshold of 50 errors in 5 minutes.\n\n### Common Causes\n- **Failed API calls** — backend returning 4xx/5xx responses that the frontend doesn't handle gracefully\n- **Broken deployment** — a recent release introduced a regression (check recent deploys)\n- **Third-party script failure** — analytics, ads, or chat widgets throwing uncaught errors\n- **Network issues** — users on unstable connections causing fetch/XHR failures\n- **Missing resources** — 404s on assets (JS, CSS, images) after a deployment or CDN purge\n\nPlease investigate the error source in the [RUM Error Tracking](https://app.datadoghq.com/rum/error-tracking?query=service%3A${service}%20env%3A${env}).${notify}`,
|
|
60
60
|
tags,
|
|
61
61
|
options: {
|
|
62
62
|
thresholds: { critical: 50, warning: 25 },
|
|
@@ -71,7 +71,7 @@ function buildMonitorTemplates(service, env, channels = [], team) {
|
|
|
71
71
|
name: `${service} (${env}) - Poor LCP Performance`,
|
|
72
72
|
type: 'rum alert',
|
|
73
73
|
query: `rum("service:${service} env:${env} @type:view").rollup("avg", "@view.largest_contentful_paint").last("4h") > 3000000000`,
|
|
74
|
-
message: `## Poor LCP Performance\n\n**Service:** ${service}\n**Environment:** ${env}\n\nThe average Largest Contentful Paint has exceeded 3 seconds.\n\nThis directly impacts user experience and Core Web Vitals scores.${notify}`,
|
|
74
|
+
message: `## Poor LCP Performance\n\n**Service:** ${service}\n**Environment:** ${env}\n\nThe average Largest Contentful Paint has exceeded 3 seconds.\n\n### Common Causes\n- **Slow server response time (TTFB)** — backend or CDN taking too long to deliver the initial HTML\n- **Render-blocking resources** — large CSS/JS bundles that delay rendering\n- **Unoptimized images** — the largest visible element (hero image, banner) is too heavy or not lazy-loaded\n- **Web font loading** — custom fonts blocking text rendering until downloaded\n- **Client-side rendering** — heavy JS frameworks that delay meaningful paint until hydration completes\n- **Slow API calls** — if the largest element depends on data fetched after page load\n\nThis directly impacts user experience and Core Web Vitals scores.${notify}`,
|
|
75
75
|
tags,
|
|
76
76
|
options: {
|
|
77
77
|
thresholds: { critical: 3000000000, warning: 2000000000 },
|
|
@@ -85,7 +85,7 @@ function buildMonitorTemplates(service, env, channels = [], team) {
|
|
|
85
85
|
name: `${service} (${env}) - High CLS Score`,
|
|
86
86
|
type: 'rum alert',
|
|
87
87
|
query: `rum("service:${service} env:${env} @type:view").rollup("avg", "@view.cumulative_layout_shift").last("4h") > 0.2`,
|
|
88
|
-
message: `## High Cumulative Layout Shift\n\n**Service:** ${service}\n**Environment:** ${env}\n\nThe average CLS has exceeded 0.2.\n\nLayout shifts are causing a poor user experience.${notify}`,
|
|
88
|
+
message: `## High Cumulative Layout Shift\n\n**Service:** ${service}\n**Environment:** ${env}\n\nThe average CLS has exceeded 0.2.\n\n### Common Causes\n- **Images/videos without dimensions** — missing \`width\`/\`height\` or \`aspect-ratio\` causes content to shift when media loads\n- **Dynamically injected content** — banners, alerts, or toasts inserted above visible content push everything down\n- **Web fonts (FOUT/FOIT)** — text resizes when a custom font replaces the fallback font\n- **Late-loading components** — async data that inserts UI elements (tables, lists, cards) after the initial render\n- **Ads or third-party embeds** — iframes that resize after loading\n- **CSS animations** — transitions that change element size or position affecting layout flow\n\nLayout shifts are causing a poor user experience.${notify}`,
|
|
89
89
|
tags,
|
|
90
90
|
options: {
|
|
91
91
|
thresholds: { critical: 0.2, warning: 0.1 },
|
|
@@ -99,7 +99,7 @@ function buildMonitorTemplates(service, env, channels = [], team) {
|
|
|
99
99
|
name: `${service} (${env}) - JS Error Spike`,
|
|
100
100
|
type: 'rum alert',
|
|
101
101
|
query: `rum("service:${service} env:${env} @type:error @error.source:source").rollup("count").last("5m") > 100`,
|
|
102
|
-
message: `## JavaScript Error Spike\n\n**Service:** ${service}\n**Environment:** ${env}\n\nA spike in JavaScript errors has been detected (>100 in 5 minutes).\n\nThis may indicate a deployment issue or third-party script failure.${notify}`,
|
|
102
|
+
message: `## JavaScript Error Spike\n\n**Service:** ${service}\n**Environment:** ${env}\n\nA spike in JavaScript errors has been detected (>100 in 5 minutes).\n\n### Common Causes\n- **Bad deployment** — a new release introduced a bug (check the latest deploy timestamp)\n- **Third-party script failure** — an external SDK (analytics, chat, payments) broke or is unreachable\n- **API contract change** — backend response shape changed and frontend code throws on unexpected data\n- **Browser compatibility** — new code uses an API not supported in older browsers\n- **CSP violations** — Content Security Policy blocking inline scripts or external resources\n- **Null/undefined references** — missing data guards in component rendering\n\nThis may indicate a deployment issue or third-party script failure.${notify}`,
|
|
103
103
|
tags,
|
|
104
104
|
options: {
|
|
105
105
|
thresholds: { critical: 100, warning: 50 },
|
|
@@ -113,7 +113,7 @@ function buildMonitorTemplates(service, env, channels = [], team) {
|
|
|
113
113
|
name: `${service} (${env}) - Error Log Anomaly`,
|
|
114
114
|
type: 'log alert',
|
|
115
115
|
query: `logs("service:${service} env:${env} status:error").index("*").rollup("count").last("15m") > 200`,
|
|
116
|
-
message: `## Error Log Anomaly\n\n**Service:** ${service}\n**Environment:** ${env}\n\nAn unusual number of error logs have been detected.\n\nCheck [Log Explorer](https://app.datadoghq.com/logs?query=service%3A${service}%20env%3A${env}%20status%3Aerror) for details.${notify}`,
|
|
116
|
+
message: `## Error Log Anomaly\n\n**Service:** ${service}\n**Environment:** ${env}\n\nAn unusual number of error logs have been detected.\n\n### Common Causes\n- **Upstream service failure** — a backend dependency is down or returning errors\n- **Configuration change** — environment variables, feature flags, or config files changed incorrectly\n- **Database issues** — connection pool exhaustion, query timeouts, or migration failures\n- **Infrastructure problems** — container restarts, memory pressure, or disk space exhaustion\n- **Authentication/authorization failures** — expired tokens, revoked keys, or permission changes\n- **Rate limiting** — hitting API rate limits from third-party services\n\nCheck [Log Explorer](https://app.datadoghq.com/logs?query=service%3A${service}%20env%3A${env}%20status%3Aerror) for details.${notify}`,
|
|
117
117
|
tags,
|
|
118
118
|
options: {
|
|
119
119
|
thresholds: { critical: 200, warning: 100 },
|
|
@@ -127,7 +127,7 @@ function buildMonitorTemplates(service, env, channels = [], team) {
|
|
|
127
127
|
name: `${service} (${env}) - Slow Page Load`,
|
|
128
128
|
type: 'rum alert',
|
|
129
129
|
query: `rum("service:${service} env:${env} @type:view").rollup("avg", "@view.loading_time").last("4h") > 5000000000`,
|
|
130
|
-
message: `## Slow Page Load Time\n\n**Service:** ${service}\n**Environment:** ${env}\n\nThe average page loading time has exceeded 5 seconds.\n\nThis impacts user experience and may indicate backend latency or heavy frontend rendering.${notify}`,
|
|
130
|
+
message: `## Slow Page Load Time\n\n**Service:** ${service}\n**Environment:** ${env}\n\nThe average page loading time has exceeded 5 seconds.\n\n### Common Causes\n- **Slow API responses** — backend endpoints taking too long, blocking the view from being considered loaded\n- **Heavy JavaScript bundles** — large unoptimized bundles delaying parsing and execution\n- **Excessive API calls on mount** — too many parallel or sequential requests during component initialization\n- **Unoptimized database queries** — N+1 queries or missing indexes on the backend\n- **Missing code splitting** — loading the entire app bundle instead of lazy-loading routes\n- **Large DOM size** — rendering thousands of elements (e.g., long lists without virtualization)\n\nThis impacts user experience and may indicate backend latency or heavy frontend rendering.${notify}`,
|
|
131
131
|
tags,
|
|
132
132
|
options: {
|
|
133
133
|
thresholds: { critical: 5000000000, warning: 3000000000 },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"monitors.js","sourceRoot":"","sources":["../../../../src/resources/templates/monitors.ts"],"names":[],"mappings":";;AAwDA,sDA0GC;AAhKD;;;GAGG;AAEH,SAAS,uBAAuB,CAAC,QAA+B;IAC9D,OAAO,QAAQ;SACZ,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE;QACV,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC;YAChB,KAAK,OAAO;gBACV,OAAO,IAAI,EAAE,CAAC,MAAM,EAAE,CAAC;YACzB,KAAK,OAAO;gBACV,OAAO,UAAU,EAAE,CAAC,MAAM,EAAE,CAAC;YAC/B,KAAK,WAAW;gBACd,OAAO,cAAc,EAAE,CAAC,MAAM,EAAE,CAAC;YACnC,KAAK,UAAU;gBACb,OAAO,aAAa,EAAE,CAAC,MAAM,EAAE,CAAC;YAClC,KAAK,SAAS;gBACZ,OAAO,YAAY,EAAE,CAAC,MAAM,EAAE,CAAC;YACjC;gBACE,OAAO,IAAI,EAAE,CAAC,MAAM,EAAE,CAAC;QAC3B,CAAC;IACH,CAAC,CAAC;SACD,IAAI,CAAC,GAAG,CAAC,CAAC;AACf,CAAC;AAWD,MAAM,WAAW,GAA2B;IAC1C,IAAI,EAAE,YAAY;IAClB,GAAG,EAAE,YAAY;IACjB,GAAG,EAAE,SAAS;IACd,KAAK,EAAE,SAAS;IAChB,GAAG,EAAE,aAAa;IAClB,OAAO,EAAE,aAAa;IACtB,GAAG,EAAE,SAAS;IACd,EAAE,EAAE,SAAS;IACb,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,MAAM,EAAE,gBAAgB;CACzB,CAAC;AAEF,SAAS,aAAa,CAAC,GAAW;IAChC,MAAM,KAAK,GAAG,GAAG,CAAC,WAAW,EAAE,CAAC;IAChC,OAAO,WAAW,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC;AACrC,CAAC;AAED,SAAgB,qBAAqB,CACnC,OAAe,EACf,GAAW,EACX,WAAkC,EAAE,EACpC,IAAa;IAEb,MAAM,IAAI,GAAG;QACX,OAAO,aAAa,CAAC,GAAG,CAAC,EAAE;QAC3B,kBAAkB;QAClB,kCAAkC;QAClC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;KAClC,CAAC;IACF,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,eAAe,uBAAuB,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAE7F,OAAO;QACL,0BAA0B;QAC1B;YACE,IAAI,EAAE,GAAG,OAAO,KAAK,GAAG,8BAA8B;YACtD,IAAI,EAAE,WAAW;YACjB,KAAK,EAAE,gBAAgB,OAAO,QAAQ,GAAG,gDAAgD;YACzF,OAAO,EAAE,+CAA+C,OAAO,sBAAsB,GAAG,
|
|
1
|
+
{"version":3,"file":"monitors.js","sourceRoot":"","sources":["../../../../src/resources/templates/monitors.ts"],"names":[],"mappings":"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"}
|
|
@@ -53,7 +53,7 @@ export function buildMonitorTemplates(service, env, channels = [], team) {
|
|
|
53
53
|
name: `${service} (${env}) - High Frontend Error Rate`,
|
|
54
54
|
type: 'rum alert',
|
|
55
55
|
query: `rum("service:${service} env:${env} @type:error").rollup("count").last("5m") > 50`,
|
|
56
|
-
message: `## High Frontend Error Rate\n\n**Service:** ${service}\n**Environment:** ${env}\n\nThe frontend error rate has exceeded the threshold of 50 errors in 5 minutes.\n\nPlease investigate the error source in the [RUM Error Tracking](https://app.datadoghq.com/rum/error-tracking?query=service%3A${service}%20env%3A${env}).${notify}`,
|
|
56
|
+
message: `## High Frontend Error Rate\n\n**Service:** ${service}\n**Environment:** ${env}\n\nThe frontend error rate has exceeded the threshold of 50 errors in 5 minutes.\n\n### Common Causes\n- **Failed API calls** — backend returning 4xx/5xx responses that the frontend doesn't handle gracefully\n- **Broken deployment** — a recent release introduced a regression (check recent deploys)\n- **Third-party script failure** — analytics, ads, or chat widgets throwing uncaught errors\n- **Network issues** — users on unstable connections causing fetch/XHR failures\n- **Missing resources** — 404s on assets (JS, CSS, images) after a deployment or CDN purge\n\nPlease investigate the error source in the [RUM Error Tracking](https://app.datadoghq.com/rum/error-tracking?query=service%3A${service}%20env%3A${env}).${notify}`,
|
|
57
57
|
tags,
|
|
58
58
|
options: {
|
|
59
59
|
thresholds: { critical: 50, warning: 25 },
|
|
@@ -68,7 +68,7 @@ export function buildMonitorTemplates(service, env, channels = [], team) {
|
|
|
68
68
|
name: `${service} (${env}) - Poor LCP Performance`,
|
|
69
69
|
type: 'rum alert',
|
|
70
70
|
query: `rum("service:${service} env:${env} @type:view").rollup("avg", "@view.largest_contentful_paint").last("4h") > 3000000000`,
|
|
71
|
-
message: `## Poor LCP Performance\n\n**Service:** ${service}\n**Environment:** ${env}\n\nThe average Largest Contentful Paint has exceeded 3 seconds.\n\nThis directly impacts user experience and Core Web Vitals scores.${notify}`,
|
|
71
|
+
message: `## Poor LCP Performance\n\n**Service:** ${service}\n**Environment:** ${env}\n\nThe average Largest Contentful Paint has exceeded 3 seconds.\n\n### Common Causes\n- **Slow server response time (TTFB)** — backend or CDN taking too long to deliver the initial HTML\n- **Render-blocking resources** — large CSS/JS bundles that delay rendering\n- **Unoptimized images** — the largest visible element (hero image, banner) is too heavy or not lazy-loaded\n- **Web font loading** — custom fonts blocking text rendering until downloaded\n- **Client-side rendering** — heavy JS frameworks that delay meaningful paint until hydration completes\n- **Slow API calls** — if the largest element depends on data fetched after page load\n\nThis directly impacts user experience and Core Web Vitals scores.${notify}`,
|
|
72
72
|
tags,
|
|
73
73
|
options: {
|
|
74
74
|
thresholds: { critical: 3000000000, warning: 2000000000 },
|
|
@@ -82,7 +82,7 @@ export function buildMonitorTemplates(service, env, channels = [], team) {
|
|
|
82
82
|
name: `${service} (${env}) - High CLS Score`,
|
|
83
83
|
type: 'rum alert',
|
|
84
84
|
query: `rum("service:${service} env:${env} @type:view").rollup("avg", "@view.cumulative_layout_shift").last("4h") > 0.2`,
|
|
85
|
-
message: `## High Cumulative Layout Shift\n\n**Service:** ${service}\n**Environment:** ${env}\n\nThe average CLS has exceeded 0.2.\n\nLayout shifts are causing a poor user experience.${notify}`,
|
|
85
|
+
message: `## High Cumulative Layout Shift\n\n**Service:** ${service}\n**Environment:** ${env}\n\nThe average CLS has exceeded 0.2.\n\n### Common Causes\n- **Images/videos without dimensions** — missing \`width\`/\`height\` or \`aspect-ratio\` causes content to shift when media loads\n- **Dynamically injected content** — banners, alerts, or toasts inserted above visible content push everything down\n- **Web fonts (FOUT/FOIT)** — text resizes when a custom font replaces the fallback font\n- **Late-loading components** — async data that inserts UI elements (tables, lists, cards) after the initial render\n- **Ads or third-party embeds** — iframes that resize after loading\n- **CSS animations** — transitions that change element size or position affecting layout flow\n\nLayout shifts are causing a poor user experience.${notify}`,
|
|
86
86
|
tags,
|
|
87
87
|
options: {
|
|
88
88
|
thresholds: { critical: 0.2, warning: 0.1 },
|
|
@@ -96,7 +96,7 @@ export function buildMonitorTemplates(service, env, channels = [], team) {
|
|
|
96
96
|
name: `${service} (${env}) - JS Error Spike`,
|
|
97
97
|
type: 'rum alert',
|
|
98
98
|
query: `rum("service:${service} env:${env} @type:error @error.source:source").rollup("count").last("5m") > 100`,
|
|
99
|
-
message: `## JavaScript Error Spike\n\n**Service:** ${service}\n**Environment:** ${env}\n\nA spike in JavaScript errors has been detected (>100 in 5 minutes).\n\nThis may indicate a deployment issue or third-party script failure.${notify}`,
|
|
99
|
+
message: `## JavaScript Error Spike\n\n**Service:** ${service}\n**Environment:** ${env}\n\nA spike in JavaScript errors has been detected (>100 in 5 minutes).\n\n### Common Causes\n- **Bad deployment** — a new release introduced a bug (check the latest deploy timestamp)\n- **Third-party script failure** — an external SDK (analytics, chat, payments) broke or is unreachable\n- **API contract change** — backend response shape changed and frontend code throws on unexpected data\n- **Browser compatibility** — new code uses an API not supported in older browsers\n- **CSP violations** — Content Security Policy blocking inline scripts or external resources\n- **Null/undefined references** — missing data guards in component rendering\n\nThis may indicate a deployment issue or third-party script failure.${notify}`,
|
|
100
100
|
tags,
|
|
101
101
|
options: {
|
|
102
102
|
thresholds: { critical: 100, warning: 50 },
|
|
@@ -110,7 +110,7 @@ export function buildMonitorTemplates(service, env, channels = [], team) {
|
|
|
110
110
|
name: `${service} (${env}) - Error Log Anomaly`,
|
|
111
111
|
type: 'log alert',
|
|
112
112
|
query: `logs("service:${service} env:${env} status:error").index("*").rollup("count").last("15m") > 200`,
|
|
113
|
-
message: `## Error Log Anomaly\n\n**Service:** ${service}\n**Environment:** ${env}\n\nAn unusual number of error logs have been detected.\n\nCheck [Log Explorer](https://app.datadoghq.com/logs?query=service%3A${service}%20env%3A${env}%20status%3Aerror) for details.${notify}`,
|
|
113
|
+
message: `## Error Log Anomaly\n\n**Service:** ${service}\n**Environment:** ${env}\n\nAn unusual number of error logs have been detected.\n\n### Common Causes\n- **Upstream service failure** — a backend dependency is down or returning errors\n- **Configuration change** — environment variables, feature flags, or config files changed incorrectly\n- **Database issues** — connection pool exhaustion, query timeouts, or migration failures\n- **Infrastructure problems** — container restarts, memory pressure, or disk space exhaustion\n- **Authentication/authorization failures** — expired tokens, revoked keys, or permission changes\n- **Rate limiting** — hitting API rate limits from third-party services\n\nCheck [Log Explorer](https://app.datadoghq.com/logs?query=service%3A${service}%20env%3A${env}%20status%3Aerror) for details.${notify}`,
|
|
114
114
|
tags,
|
|
115
115
|
options: {
|
|
116
116
|
thresholds: { critical: 200, warning: 100 },
|
|
@@ -124,7 +124,7 @@ export function buildMonitorTemplates(service, env, channels = [], team) {
|
|
|
124
124
|
name: `${service} (${env}) - Slow Page Load`,
|
|
125
125
|
type: 'rum alert',
|
|
126
126
|
query: `rum("service:${service} env:${env} @type:view").rollup("avg", "@view.loading_time").last("4h") > 5000000000`,
|
|
127
|
-
message: `## Slow Page Load Time\n\n**Service:** ${service}\n**Environment:** ${env}\n\nThe average page loading time has exceeded 5 seconds.\n\nThis impacts user experience and may indicate backend latency or heavy frontend rendering.${notify}`,
|
|
127
|
+
message: `## Slow Page Load Time\n\n**Service:** ${service}\n**Environment:** ${env}\n\nThe average page loading time has exceeded 5 seconds.\n\n### Common Causes\n- **Slow API responses** — backend endpoints taking too long, blocking the view from being considered loaded\n- **Heavy JavaScript bundles** — large unoptimized bundles delaying parsing and execution\n- **Excessive API calls on mount** — too many parallel or sequential requests during component initialization\n- **Unoptimized database queries** — N+1 queries or missing indexes on the backend\n- **Missing code splitting** — loading the entire app bundle instead of lazy-loading routes\n- **Large DOM size** — rendering thousands of elements (e.g., long lists without virtualization)\n\nThis impacts user experience and may indicate backend latency or heavy frontend rendering.${notify}`,
|
|
128
128
|
tags,
|
|
129
129
|
options: {
|
|
130
130
|
thresholds: { critical: 5000000000, warning: 3000000000 },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"monitors.js","sourceRoot":"","sources":["../../../../src/resources/templates/monitors.ts"],"names":[],"mappings":"AAEA;;;GAGG;AAEH,SAAS,uBAAuB,CAAC,QAA+B;IAC9D,OAAO,QAAQ;SACZ,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE;QACV,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC;YAChB,KAAK,OAAO;gBACV,OAAO,IAAI,EAAE,CAAC,MAAM,EAAE,CAAC;YACzB,KAAK,OAAO;gBACV,OAAO,UAAU,EAAE,CAAC,MAAM,EAAE,CAAC;YAC/B,KAAK,WAAW;gBACd,OAAO,cAAc,EAAE,CAAC,MAAM,EAAE,CAAC;YACnC,KAAK,UAAU;gBACb,OAAO,aAAa,EAAE,CAAC,MAAM,EAAE,CAAC;YAClC,KAAK,SAAS;gBACZ,OAAO,YAAY,EAAE,CAAC,MAAM,EAAE,CAAC;YACjC;gBACE,OAAO,IAAI,EAAE,CAAC,MAAM,EAAE,CAAC;QAC3B,CAAC;IACH,CAAC,CAAC;SACD,IAAI,CAAC,GAAG,CAAC,CAAC;AACf,CAAC;AAWD,MAAM,WAAW,GAA2B;IAC1C,IAAI,EAAE,YAAY;IAClB,GAAG,EAAE,YAAY;IACjB,GAAG,EAAE,SAAS;IACd,KAAK,EAAE,SAAS;IAChB,GAAG,EAAE,aAAa;IAClB,OAAO,EAAE,aAAa;IACtB,GAAG,EAAE,SAAS;IACd,EAAE,EAAE,SAAS;IACb,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,MAAM,EAAE,gBAAgB;CACzB,CAAC;AAEF,SAAS,aAAa,CAAC,GAAW;IAChC,MAAM,KAAK,GAAG,GAAG,CAAC,WAAW,EAAE,CAAC;IAChC,OAAO,WAAW,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC;AACrC,CAAC;AAED,MAAM,UAAU,qBAAqB,CACnC,OAAe,EACf,GAAW,EACX,WAAkC,EAAE,EACpC,IAAa;IAEb,MAAM,IAAI,GAAG;QACX,OAAO,aAAa,CAAC,GAAG,CAAC,EAAE;QAC3B,kBAAkB;QAClB,kCAAkC;QAClC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;KAClC,CAAC;IACF,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,eAAe,uBAAuB,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAE7F,OAAO;QACL,0BAA0B;QAC1B;YACE,IAAI,EAAE,GAAG,OAAO,KAAK,GAAG,8BAA8B;YACtD,IAAI,EAAE,WAAW;YACjB,KAAK,EAAE,gBAAgB,OAAO,QAAQ,GAAG,gDAAgD;YACzF,OAAO,EAAE,+CAA+C,OAAO,sBAAsB,GAAG,
|
|
1
|
+
{"version":3,"file":"monitors.js","sourceRoot":"","sources":["../../../../src/resources/templates/monitors.ts"],"names":[],"mappings":"AAEA;;;GAGG;AAEH,SAAS,uBAAuB,CAAC,QAA+B;IAC9D,OAAO,QAAQ;SACZ,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE;QACV,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC;YAChB,KAAK,OAAO;gBACV,OAAO,IAAI,EAAE,CAAC,MAAM,EAAE,CAAC;YACzB,KAAK,OAAO;gBACV,OAAO,UAAU,EAAE,CAAC,MAAM,EAAE,CAAC;YAC/B,KAAK,WAAW;gBACd,OAAO,cAAc,EAAE,CAAC,MAAM,EAAE,CAAC;YACnC,KAAK,UAAU;gBACb,OAAO,aAAa,EAAE,CAAC,MAAM,EAAE,CAAC;YAClC,KAAK,SAAS;gBACZ,OAAO,YAAY,EAAE,CAAC,MAAM,EAAE,CAAC;YACjC;gBACE,OAAO,IAAI,EAAE,CAAC,MAAM,EAAE,CAAC;QAC3B,CAAC;IACH,CAAC,CAAC;SACD,IAAI,CAAC,GAAG,CAAC,CAAC;AACf,CAAC;AAWD,MAAM,WAAW,GAA2B;IAC1C,IAAI,EAAE,YAAY;IAClB,GAAG,EAAE,YAAY;IACjB,GAAG,EAAE,SAAS;IACd,KAAK,EAAE,SAAS;IAChB,GAAG,EAAE,aAAa;IAClB,OAAO,EAAE,aAAa;IACtB,GAAG,EAAE,SAAS;IACd,EAAE,EAAE,SAAS;IACb,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,MAAM,EAAE,gBAAgB;CACzB,CAAC;AAEF,SAAS,aAAa,CAAC,GAAW;IAChC,MAAM,KAAK,GAAG,GAAG,CAAC,WAAW,EAAE,CAAC;IAChC,OAAO,WAAW,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC;AACrC,CAAC;AAED,MAAM,UAAU,qBAAqB,CACnC,OAAe,EACf,GAAW,EACX,WAAkC,EAAE,EACpC,IAAa;IAEb,MAAM,IAAI,GAAG;QACX,OAAO,aAAa,CAAC,GAAG,CAAC,EAAE;QAC3B,kBAAkB;QAClB,kCAAkC;QAClC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;KAClC,CAAC;IACF,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,eAAe,uBAAuB,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAE7F,OAAO;QACL,0BAA0B;QAC1B;YACE,IAAI,EAAE,GAAG,OAAO,KAAK,GAAG,8BAA8B;YACtD,IAAI,EAAE,WAAW;YACjB,KAAK,EAAE,gBAAgB,OAAO,QAAQ,GAAG,gDAAgD;YACzF,OAAO,EAAE,+CAA+C,OAAO,sBAAsB,GAAG,yrBAAyrB,OAAO,YAAY,GAAG,KAAK,MAAM,EAAE;YACpzB,IAAI;YACJ,OAAO,EAAE;gBACP,UAAU,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;gBACzC,cAAc,EAAE,KAAK;gBACrB,iBAAiB,EAAE,EAAE;gBACrB,kBAAkB,EAAE,iCAAiC,OAAO,KAAK,GAAG,GAAG;gBACvE,YAAY,EAAE,IAAI;aACnB;SACF;QAED,mBAAmB;QACnB;YACE,IAAI,EAAE,GAAG,OAAO,KAAK,GAAG,0BAA0B;YAClD,IAAI,EAAE,WAAW;YACjB,KAAK,EAAE,gBAAgB,OAAO,QAAQ,GAAG,uFAAuF;YAChI,OAAO,EAAE,2CAA2C,OAAO,sBAAsB,GAAG,4sBAA4sB,MAAM,EAAE;YACxyB,IAAI;YACJ,OAAO,EAAE;gBACP,UAAU,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE;gBACzD,cAAc,EAAE,KAAK;gBACrB,iBAAiB,EAAE,EAAE;gBACrB,YAAY,EAAE,IAAI;aACnB;SACF;QAED,mBAAmB;QACnB;YACE,IAAI,EAAE,GAAG,OAAO,KAAK,GAAG,oBAAoB;YAC5C,IAAI,EAAE,WAAW;YACjB,KAAK,EAAE,gBAAgB,OAAO,QAAQ,GAAG,+EAA+E;YACxH,OAAO,EAAE,mDAAmD,OAAO,sBAAsB,GAAG,8tBAA8tB,MAAM,EAAE;YACl0B,IAAI;YACJ,OAAO,EAAE;gBACP,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE;gBAC3C,cAAc,EAAE,KAAK;gBACrB,iBAAiB,EAAE,EAAE;gBACrB,YAAY,EAAE,IAAI;aACnB;SACF;QAED,yBAAyB;QACzB;YACE,IAAI,EAAE,GAAG,OAAO,KAAK,GAAG,oBAAoB;YAC5C,IAAI,EAAE,WAAW;YACjB,KAAK,EAAE,gBAAgB,OAAO,QAAQ,GAAG,sEAAsE;YAC/G,OAAO,EAAE,6CAA6C,OAAO,sBAAsB,GAAG,itBAAitB,MAAM,EAAE;YAC/yB,IAAI;YACJ,OAAO,EAAE;gBACP,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE;gBAC1C,cAAc,EAAE,KAAK;gBACrB,iBAAiB,EAAE,EAAE;gBACrB,YAAY,EAAE,IAAI;aACnB;SACF;QAED,oBAAoB;QACpB;YACE,IAAI,EAAE,GAAG,OAAO,KAAK,GAAG,uBAAuB;YAC/C,IAAI,EAAE,WAAW;YACjB,KAAK,EAAE,iBAAiB,OAAO,QAAQ,GAAG,8DAA8D;YACxG,OAAO,EAAE,wCAAwC,OAAO,sBAAsB,GAAG,wrBAAwrB,OAAO,YAAY,GAAG,kCAAkC,MAAM,EAAE;YACz0B,IAAI;YACJ,OAAO,EAAE;gBACP,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE;gBAC3C,cAAc,EAAE,KAAK;gBACrB,iBAAiB,EAAE,EAAE;gBACrB,YAAY,EAAE,IAAI;aACnB;SACF;QAED,yBAAyB;QACzB;YACE,IAAI,EAAE,GAAG,OAAO,KAAK,GAAG,oBAAoB;YAC5C,IAAI,EAAE,WAAW;YACjB,KAAK,EAAE,gBAAgB,OAAO,QAAQ,GAAG,2EAA2E;YACpH,OAAO,EAAE,0CAA0C,OAAO,sBAAsB,GAAG,0vBAA0vB,MAAM,EAAE;YACr1B,IAAI;YACJ,OAAO,EAAE;gBACP,UAAU,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE;gBACzD,cAAc,EAAE,KAAK;gBACrB,iBAAiB,EAAE,EAAE;gBACrB,YAAY,EAAE,IAAI;aACnB;SACF;KACF,CAAC;AACJ,CAAC"}
|
|
@@ -56,7 +56,7 @@ function buildMonitorTemplates(service, env, channels = [], team) {
|
|
|
56
56
|
name: `${service} (${env}) - High Frontend Error Rate`,
|
|
57
57
|
type: 'rum alert',
|
|
58
58
|
query: `rum("service:${service} env:${env} @type:error").rollup("count").last("5m") > 50`,
|
|
59
|
-
message: `## High Frontend Error Rate\n\n**Service:** ${service}\n**Environment:** ${env}\n\nThe frontend error rate has exceeded the threshold of 50 errors in 5 minutes.\n\nPlease investigate the error source in the [RUM Error Tracking](https://app.datadoghq.com/rum/error-tracking?query=service%3A${service}%20env%3A${env}).${notify}`,
|
|
59
|
+
message: `## High Frontend Error Rate\n\n**Service:** ${service}\n**Environment:** ${env}\n\nThe frontend error rate has exceeded the threshold of 50 errors in 5 minutes.\n\n### Common Causes\n- **Failed API calls** — backend returning 4xx/5xx responses that the frontend doesn't handle gracefully\n- **Broken deployment** — a recent release introduced a regression (check recent deploys)\n- **Third-party script failure** — analytics, ads, or chat widgets throwing uncaught errors\n- **Network issues** — users on unstable connections causing fetch/XHR failures\n- **Missing resources** — 404s on assets (JS, CSS, images) after a deployment or CDN purge\n\nPlease investigate the error source in the [RUM Error Tracking](https://app.datadoghq.com/rum/error-tracking?query=service%3A${service}%20env%3A${env}).${notify}`,
|
|
60
60
|
tags,
|
|
61
61
|
options: {
|
|
62
62
|
thresholds: { critical: 50, warning: 25 },
|
|
@@ -71,7 +71,7 @@ function buildMonitorTemplates(service, env, channels = [], team) {
|
|
|
71
71
|
name: `${service} (${env}) - Poor LCP Performance`,
|
|
72
72
|
type: 'rum alert',
|
|
73
73
|
query: `rum("service:${service} env:${env} @type:view").rollup("avg", "@view.largest_contentful_paint").last("4h") > 3000000000`,
|
|
74
|
-
message: `## Poor LCP Performance\n\n**Service:** ${service}\n**Environment:** ${env}\n\nThe average Largest Contentful Paint has exceeded 3 seconds.\n\nThis directly impacts user experience and Core Web Vitals scores.${notify}`,
|
|
74
|
+
message: `## Poor LCP Performance\n\n**Service:** ${service}\n**Environment:** ${env}\n\nThe average Largest Contentful Paint has exceeded 3 seconds.\n\n### Common Causes\n- **Slow server response time (TTFB)** — backend or CDN taking too long to deliver the initial HTML\n- **Render-blocking resources** — large CSS/JS bundles that delay rendering\n- **Unoptimized images** — the largest visible element (hero image, banner) is too heavy or not lazy-loaded\n- **Web font loading** — custom fonts blocking text rendering until downloaded\n- **Client-side rendering** — heavy JS frameworks that delay meaningful paint until hydration completes\n- **Slow API calls** — if the largest element depends on data fetched after page load\n\nThis directly impacts user experience and Core Web Vitals scores.${notify}`,
|
|
75
75
|
tags,
|
|
76
76
|
options: {
|
|
77
77
|
thresholds: { critical: 3000000000, warning: 2000000000 },
|
|
@@ -85,7 +85,7 @@ function buildMonitorTemplates(service, env, channels = [], team) {
|
|
|
85
85
|
name: `${service} (${env}) - High CLS Score`,
|
|
86
86
|
type: 'rum alert',
|
|
87
87
|
query: `rum("service:${service} env:${env} @type:view").rollup("avg", "@view.cumulative_layout_shift").last("4h") > 0.2`,
|
|
88
|
-
message: `## High Cumulative Layout Shift\n\n**Service:** ${service}\n**Environment:** ${env}\n\nThe average CLS has exceeded 0.2.\n\nLayout shifts are causing a poor user experience.${notify}`,
|
|
88
|
+
message: `## High Cumulative Layout Shift\n\n**Service:** ${service}\n**Environment:** ${env}\n\nThe average CLS has exceeded 0.2.\n\n### Common Causes\n- **Images/videos without dimensions** — missing \`width\`/\`height\` or \`aspect-ratio\` causes content to shift when media loads\n- **Dynamically injected content** — banners, alerts, or toasts inserted above visible content push everything down\n- **Web fonts (FOUT/FOIT)** — text resizes when a custom font replaces the fallback font\n- **Late-loading components** — async data that inserts UI elements (tables, lists, cards) after the initial render\n- **Ads or third-party embeds** — iframes that resize after loading\n- **CSS animations** — transitions that change element size or position affecting layout flow\n\nLayout shifts are causing a poor user experience.${notify}`,
|
|
89
89
|
tags,
|
|
90
90
|
options: {
|
|
91
91
|
thresholds: { critical: 0.2, warning: 0.1 },
|
|
@@ -99,7 +99,7 @@ function buildMonitorTemplates(service, env, channels = [], team) {
|
|
|
99
99
|
name: `${service} (${env}) - JS Error Spike`,
|
|
100
100
|
type: 'rum alert',
|
|
101
101
|
query: `rum("service:${service} env:${env} @type:error @error.source:source").rollup("count").last("5m") > 100`,
|
|
102
|
-
message: `## JavaScript Error Spike\n\n**Service:** ${service}\n**Environment:** ${env}\n\nA spike in JavaScript errors has been detected (>100 in 5 minutes).\n\nThis may indicate a deployment issue or third-party script failure.${notify}`,
|
|
102
|
+
message: `## JavaScript Error Spike\n\n**Service:** ${service}\n**Environment:** ${env}\n\nA spike in JavaScript errors has been detected (>100 in 5 minutes).\n\n### Common Causes\n- **Bad deployment** — a new release introduced a bug (check the latest deploy timestamp)\n- **Third-party script failure** — an external SDK (analytics, chat, payments) broke or is unreachable\n- **API contract change** — backend response shape changed and frontend code throws on unexpected data\n- **Browser compatibility** — new code uses an API not supported in older browsers\n- **CSP violations** — Content Security Policy blocking inline scripts or external resources\n- **Null/undefined references** — missing data guards in component rendering\n\nThis may indicate a deployment issue or third-party script failure.${notify}`,
|
|
103
103
|
tags,
|
|
104
104
|
options: {
|
|
105
105
|
thresholds: { critical: 100, warning: 50 },
|
|
@@ -113,7 +113,7 @@ function buildMonitorTemplates(service, env, channels = [], team) {
|
|
|
113
113
|
name: `${service} (${env}) - Error Log Anomaly`,
|
|
114
114
|
type: 'log alert',
|
|
115
115
|
query: `logs("service:${service} env:${env} status:error").index("*").rollup("count").last("15m") > 200`,
|
|
116
|
-
message: `## Error Log Anomaly\n\n**Service:** ${service}\n**Environment:** ${env}\n\nAn unusual number of error logs have been detected.\n\nCheck [Log Explorer](https://app.datadoghq.com/logs?query=service%3A${service}%20env%3A${env}%20status%3Aerror) for details.${notify}`,
|
|
116
|
+
message: `## Error Log Anomaly\n\n**Service:** ${service}\n**Environment:** ${env}\n\nAn unusual number of error logs have been detected.\n\n### Common Causes\n- **Upstream service failure** — a backend dependency is down or returning errors\n- **Configuration change** — environment variables, feature flags, or config files changed incorrectly\n- **Database issues** — connection pool exhaustion, query timeouts, or migration failures\n- **Infrastructure problems** — container restarts, memory pressure, or disk space exhaustion\n- **Authentication/authorization failures** — expired tokens, revoked keys, or permission changes\n- **Rate limiting** — hitting API rate limits from third-party services\n\nCheck [Log Explorer](https://app.datadoghq.com/logs?query=service%3A${service}%20env%3A${env}%20status%3Aerror) for details.${notify}`,
|
|
117
117
|
tags,
|
|
118
118
|
options: {
|
|
119
119
|
thresholds: { critical: 200, warning: 100 },
|
|
@@ -127,7 +127,7 @@ function buildMonitorTemplates(service, env, channels = [], team) {
|
|
|
127
127
|
name: `${service} (${env}) - Slow Page Load`,
|
|
128
128
|
type: 'rum alert',
|
|
129
129
|
query: `rum("service:${service} env:${env} @type:view").rollup("avg", "@view.loading_time").last("4h") > 5000000000`,
|
|
130
|
-
message: `## Slow Page Load Time\n\n**Service:** ${service}\n**Environment:** ${env}\n\nThe average page loading time has exceeded 5 seconds.\n\nThis impacts user experience and may indicate backend latency or heavy frontend rendering.${notify}`,
|
|
130
|
+
message: `## Slow Page Load Time\n\n**Service:** ${service}\n**Environment:** ${env}\n\nThe average page loading time has exceeded 5 seconds.\n\n### Common Causes\n- **Slow API responses** — backend endpoints taking too long, blocking the view from being considered loaded\n- **Heavy JavaScript bundles** — large unoptimized bundles delaying parsing and execution\n- **Excessive API calls on mount** — too many parallel or sequential requests during component initialization\n- **Unoptimized database queries** — N+1 queries or missing indexes on the backend\n- **Missing code splitting** — loading the entire app bundle instead of lazy-loading routes\n- **Large DOM size** — rendering thousands of elements (e.g., long lists without virtualization)\n\nThis impacts user experience and may indicate backend latency or heavy frontend rendering.${notify}`,
|
|
131
131
|
tags,
|
|
132
132
|
options: {
|
|
133
133
|
thresholds: { critical: 5000000000, warning: 3000000000 },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"monitors.js","sourceRoot":"","sources":["../../../src/resources/templates/monitors.ts"],"names":[],"mappings":";;AAwDA,sDA0GC;AAhKD;;;GAGG;AAEH,SAAS,uBAAuB,CAAC,QAA+B;IAC9D,OAAO,QAAQ;SACZ,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE;QACV,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC;YAChB,KAAK,OAAO;gBACV,OAAO,IAAI,EAAE,CAAC,MAAM,EAAE,CAAC;YACzB,KAAK,OAAO;gBACV,OAAO,UAAU,EAAE,CAAC,MAAM,EAAE,CAAC;YAC/B,KAAK,WAAW;gBACd,OAAO,cAAc,EAAE,CAAC,MAAM,EAAE,CAAC;YACnC,KAAK,UAAU;gBACb,OAAO,aAAa,EAAE,CAAC,MAAM,EAAE,CAAC;YAClC,KAAK,SAAS;gBACZ,OAAO,YAAY,EAAE,CAAC,MAAM,EAAE,CAAC;YACjC;gBACE,OAAO,IAAI,EAAE,CAAC,MAAM,EAAE,CAAC;QAC3B,CAAC;IACH,CAAC,CAAC;SACD,IAAI,CAAC,GAAG,CAAC,CAAC;AACf,CAAC;AAWD,MAAM,WAAW,GAA2B;IAC1C,IAAI,EAAE,YAAY;IAClB,GAAG,EAAE,YAAY;IACjB,GAAG,EAAE,SAAS;IACd,KAAK,EAAE,SAAS;IAChB,GAAG,EAAE,aAAa;IAClB,OAAO,EAAE,aAAa;IACtB,GAAG,EAAE,SAAS;IACd,EAAE,EAAE,SAAS;IACb,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,MAAM,EAAE,gBAAgB;CACzB,CAAC;AAEF,SAAS,aAAa,CAAC,GAAW;IAChC,MAAM,KAAK,GAAG,GAAG,CAAC,WAAW,EAAE,CAAC;IAChC,OAAO,WAAW,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC;AACrC,CAAC;AAED,SAAgB,qBAAqB,CACnC,OAAe,EACf,GAAW,EACX,WAAkC,EAAE,EACpC,IAAa;IAEb,MAAM,IAAI,GAAG;QACX,OAAO,aAAa,CAAC,GAAG,CAAC,EAAE;QAC3B,kBAAkB;QAClB,kCAAkC;QAClC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;KAClC,CAAC;IACF,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,eAAe,uBAAuB,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAE7F,OAAO;QACL,0BAA0B;QAC1B;YACE,IAAI,EAAE,GAAG,OAAO,KAAK,GAAG,8BAA8B;YACtD,IAAI,EAAE,WAAW;YACjB,KAAK,EAAE,gBAAgB,OAAO,QAAQ,GAAG,gDAAgD;YACzF,OAAO,EAAE,+CAA+C,OAAO,sBAAsB,GAAG,
|
|
1
|
+
{"version":3,"file":"monitors.js","sourceRoot":"","sources":["../../../src/resources/templates/monitors.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "datadog-frontend-toolkit",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.50",
|
|
4
4
|
"description": "Enterprise-grade, framework-agnostic frontend observability toolkit for Datadog. Auto-instruments RUM, Logs, Error Tracking, Performance Monitoring, and provisions Dashboards, Monitors & SLOs.",
|
|
5
5
|
"main": "dist/cjs/index.js",
|
|
6
6
|
"module": "dist/esm/index.js",
|