rollbar 2.26.4 → 3.0.0-alpha.2

package/test/browser.url.test.js

@@ -3,7 +3,7 @@
 /* globals it */
 /* globals sinon */
 
-var url = require('../src/browser/url');
+import * as url from '../src/browser/url.js';
 
 describe('parse', function () {
   it('should return an object full of nulls for a blank url', function () {

package/test/fixtures/replay/index.js

@@ -0,0 +1,20 @@
+/**
+ * Export all rrweb fixture events and payloads in a single module
+ */
+
+import { rrwebEvents } from './rrwebEvents.fixtures.js';
+import { syntheticEvents } from './rrwebSyntheticEvents.fixtures.js';
+import * as payloads from './payloads.fixtures.js';
+
+// Event collections
+export const realEvents = rrwebEvents;
+export const allEvents = {
+  ...rrwebEvents,
+  ...syntheticEvents,
+};
+
+// Payload fixtures
+export const standardPayload = payloads.standardPayload;
+export const checkpointPayload = payloads.checkpointPayload;
+export const singleCheckpointPayload = payloads.singleCheckpointPayload;
+export const createPayloadWithReplayId = payloads.createPayloadWithReplayId;

package/test/fixtures/replay/payloads.fixtures.js

@@ -0,0 +1,229 @@
+/**
+ * Fixtures for OTLP-formatted payloads used in tests
+ */
+import { EventType } from '@rrweb/types';
+
+/**
+ * Standard payload with one event of each type (Meta and FullSnapshot)
+ */
+export const standardPayload = {
+  resourceSpans: [
+    {
+      resource: {
+        attributes: [
+          {
+            key: 'service.name',
+            value: { stringValue: 'test_service' },
+          },
+          {
+            key: 'rollbar.environment',
+            value: { stringValue: 'testenv' },
+          },
+        ],
+      },
+      scopeSpans: [
+        {
+          scope: { name: 'rollbar.js', version: '1.0.0', attributes: [] },
+          spans: [
+            {
+              name: 'rrweb-replay-recording',
+              traceId: 'abcdef1234567890abcdef1234567890',
+              spanId: '1234567890abcdef',
+              parentSpanId: '',
+              kind: 1,
+              startTimeUnixNano: '1600000000000000000',
+              endTimeUnixNano: '1600000100000000000',
+              attributes: [
+                {
+                  key: 'rollbar.replay.id',
+                  value: { stringValue: 'test-replay-id' },
+                },
+              ],
+              events: [
+                {
+                  name: 'rrweb-replay-events',
+                  timeUnixNano: '1600000050000000000',
+                  attributes: [
+                    {
+                      key: 'eventType',
+                      value: { stringValue: String(EventType.Meta) },
+                    },
+                    { key: 'json', value: { stringValue: '{}' } },
+                  ],
+                },
+                {
+                  name: 'rrweb-replay-events',
+                  timeUnixNano: '1600000060000000000',
+                  attributes: [
+                    {
+                      key: 'eventType',
+                      value: { stringValue: String(EventType.FullSnapshot) },
+                    },
+                    { key: 'json', value: { stringValue: '{}' } },
+                  ],
+                },
+              ],
+            },
+          ],
+        },
+      ],
+    },
+  ],
+};
+
+/**
+ * Checkpoint payload with multiple Meta and FullSnapshot events
+ * representing checkpoints in the recording
+ */
+export const checkpointPayload = {
+  resourceSpans: [
+    {
+      resource: { attributes: [] },
+      scopeSpans: [
+        {
+          scope: { name: 'rollbar.js', version: '1.0.0', attributes: [] },
+          spans: [
+            {
+              name: 'rrweb-replay-recording',
+              traceId: 'abcdef1234567890abcdef1234567890',
+              spanId: '1234567890abcdef',
+              parentSpanId: '',
+              kind: 1,
+              startTimeUnixNano: '1600000000000000000',
+              endTimeUnixNano: '1600000400000000000',
+              attributes: [
+                {
+                  key: 'rollbar.replay.id',
+                  value: { stringValue: 'test-replay-id' },
+                },
+              ],
+              events: [
+                {
+                  name: 'rrweb-replay-events',
+                  timeUnixNano: '1600000050000000000',
+                  attributes: [
+                    {
+                      key: 'eventType',
+                      value: { stringValue: String(EventType.Meta) },
+                    },
+                    { key: 'json', value: { stringValue: '{}' } },
+                  ],
+                },
+                {
+                  name: 'rrweb-replay-events',
+                  timeUnixNano: '1600000060000000000',
+                  attributes: [
+                    {
+                      key: 'eventType',
+                      value: { stringValue: String(EventType.FullSnapshot) },
+                    },
+                    { key: 'json', value: { stringValue: '{}' } },
+                  ],
+                },
+                {
+                  name: 'rrweb-replay-events',
+                  timeUnixNano: '1600000250000000000',
+                  attributes: [
+                    {
+                      key: 'eventType',
+                      value: { stringValue: String(EventType.Meta) },
+                    },
+                    { key: 'json', value: { stringValue: '{}' } },
+                  ],
+                },
+                {
+                  name: 'rrweb-replay-events',
+                  timeUnixNano: '1600000260000000000',
+                  attributes: [
+                    {
+                      key: 'eventType',
+                      value: { stringValue: String(EventType.FullSnapshot) },
+                    },
+                    { key: 'json', value: { stringValue: '{}' } },
+                  ],
+                },
+              ],
+            },
+          ],
+        },
+      ],
+    },
+  ],
+};
+
+/**
+ * Single checkpoint payload with just one set of Meta and FullSnapshot events
+ */
+export const singleCheckpointPayload = {
+  resourceSpans: [
+    {
+      resource: { attributes: [] },
+      scopeSpans: [
+        {
+          scope: { name: 'rollbar.js', version: '1.0.0', attributes: [] },
+          spans: [
+            {
+              name: 'rrweb-replay-recording',
+              traceId: 'abcdef1234567890abcdef1234567890',
+              spanId: '1234567890abcdef',
+              parentSpanId: '',
+              kind: 1,
+              startTimeUnixNano: '1600000000000000000',
+              endTimeUnixNano: '1600000100000000000',
+              attributes: [
+                {
+                  key: 'rollbar.replay.id',
+                  value: { stringValue: 'test-replay-id' },
+                },
+              ],
+              events: [
+                {
+                  name: 'rrweb-replay-events',
+                  timeUnixNano: '1600000050000000000',
+                  attributes: [
+                    {
+                      key: 'eventType',
+                      value: { stringValue: String(EventType.Meta) },
+                    },
+                    { key: 'json', value: { stringValue: '{}' } },
+                  ],
+                },
+                {
+                  name: 'rrweb-replay-events',
+                  timeUnixNano: '1600000060000000000',
+                  attributes: [
+                    {
+                      key: 'eventType',
+                      value: { stringValue: String(EventType.FullSnapshot) },
+                    },
+                    { key: 'json', value: { stringValue: '{}' } },
+                  ],
+                },
+              ],
+            },
+          ],
+        },
+      ],
+    },
+  ],
+};
+
+/**
+ * Creates a deep clone of the standardPayload and updates the replay ID
+ * @param {string} replayId - The replay ID to set in the payload
+ * @returns {Object} A new payload object with the specified replay ID
+ */
+export function createPayloadWithReplayId(replayId) {
+  const payload = JSON.parse(JSON.stringify(standardPayload));
+
+  const idAttr =
+    payload.resourceSpans[0].scopeSpans[0].spans[0].attributes.find(
+      (attr) => attr.key === 'rollbar.replay.id',
+    );
+
+  if (idAttr) {
+    idAttr.value.stringValue = replayId;
+  }
+
+  return payload;
+}

package/test/fixtures/replay/rrwebEvents.fixtures.js

@@ -0,0 +1,251 @@
+/**
+ * Fixture with a representative sample of rrweb events
+ * Extracted from real session recordings and categorized by type
+ */
+
+import {
+  EventType,
+  IncrementalSource,
+  MouseInteractions,
+  NodeType,
+  PointerTypes,
+} from '@rrweb/types';
+
+/**
+ * A collection of unique rrweb events for testing
+ * Extracted from real recordings
+ */
+export const rrwebEvents = {
+  fullSnapshot: {
+    type: EventType.FullSnapshot,
+    data: {
+      node: {
+        type: NodeType.Document,
+        childNodes: [
+          {
+            type: NodeType.DocumentType,
+            name: 'html',
+            publicId: '',
+            systemId: '',
+            id: 2,
+          },
+          {
+            type: NodeType.Element,
+            tagName: 'html',
+            attributes: { lang: 'en' },
+            childNodes: [
+              {
+                type: NodeType.Element,
+                tagName: 'head',
+                attributes: {},
+                childNodes: [],
+                id: 4,
+              },
+              {
+                type: NodeType.Element,
+                tagName: 'body',
+                attributes: {},
+                childNodes: [],
+                id: 5,
+              },
+            ],
+            id: 3,
+          },
+        ],
+        id: 1,
+      },
+      initialOffset: {
+        top: 0,
+        left: 0,
+      },
+    },
+    timestamp: 1744983335278,
+  },
+
+  mouseMove: {
+    type: EventType.IncrementalSnapshot,
+    data: {
+      source: IncrementalSource.MouseMove,
+      positions: [
+        {
+          x: 178,
+          y: 327,
+          id: 17,
+          timeOffset: 0,
+        },
+        {
+          x: 180,
+          y: 331,
+          id: 17,
+          timeOffset: 100,
+        },
+      ],
+    },
+    timestamp: 1744983335279,
+  },
+
+  mouseInteractionClick: {
+    type: EventType.IncrementalSnapshot,
+    data: {
+      source: IncrementalSource.MouseInteraction,
+      type: MouseInteractions.Click,
+      id: 17,
+      x: 180,
+      y: 331,
+      pointerType: PointerTypes.Mouse,
+    },
+    timestamp: 1744983335280,
+  },
+
+  mouseInteractionDown: {
+    type: EventType.IncrementalSnapshot,
+    data: {
+      source: IncrementalSource.MouseInteraction,
+      type: MouseInteractions.MouseDown,
+      id: 17,
+      x: 180,
+      y: 331,
+      pointerType: PointerTypes.Mouse,
+    },
+    timestamp: 1744983335281,
+  },
+
+  mouseInteractionUp: {
+    type: EventType.IncrementalSnapshot,
+    data: {
+      source: IncrementalSource.MouseInteraction,
+      type: MouseInteractions.MouseUp,
+      id: 17,
+      x: 180,
+      y: 331,
+      pointerType: PointerTypes.Mouse,
+    },
+    timestamp: 1744983335282,
+  },
+
+  scroll: {
+    type: EventType.IncrementalSnapshot,
+    data: {
+      source: IncrementalSource.Scroll,
+      id: 1,
+      x: 0,
+      y: 274,
+    },
+    timestamp: 1744983335283,
+  },
+
+  viewportResize: {
+    type: EventType.IncrementalSnapshot,
+    data: {
+      source: IncrementalSource.ViewportResize,
+      width: 1721,
+      height: 488,
+    },
+    timestamp: 1744983335284,
+  },
+
+  input: {
+    type: EventType.IncrementalSnapshot,
+    data: {
+      source: IncrementalSource.Input,
+      id: 100,
+      text: 'user input text',
+      isChecked: false,
+      userTriggered: true,
+    },
+    timestamp: 1744983335285,
+  },
+
+  mutation: {
+    type: EventType.IncrementalSnapshot,
+    data: {
+      source: IncrementalSource.Mutation,
+      texts: [],
+      attributes: [
+        {
+          id: 73,
+          attributes: {
+            class: 'active',
+          },
+        },
+      ],
+      removes: [],
+      adds: [
+        {
+          parentId: 5,
+          nextId: null,
+          node: {
+            type: NodeType.Element,
+            tagName: 'div',
+            attributes: {
+              id: 'new-element',
+            },
+            childNodes: [],
+            id: 101,
+          },
+        },
+      ],
+    },
+    timestamp: 1744983335286,
+  },
+
+  selection: {
+    type: EventType.IncrementalSnapshot,
+    data: {
+      source: IncrementalSource.Selection,
+      ranges: [
+        {
+          start: 20,
+          startOffset: 0,
+          end: 20,
+          endOffset: 4,
+        },
+      ],
+    },
+    timestamp: 1744983335287,
+  },
+
+  meta: {
+    type: EventType.Meta,
+    data: {
+      href: 'http://localhost:3001/',
+      width: 1721,
+      height: 470,
+    },
+    timestamp: 1744983335288,
+  },
+
+  custom: {
+    type: EventType.Custom,
+    data: {
+      tag: 'custom-event',
+      payload: {
+        key: 'value',
+      },
+    },
+    timestamp: 1744983335289,
+  },
+
+  plugin: {
+    type: EventType.Plugin,
+    data: {
+      plugin: 'rrweb/console@1',
+      payload: {
+        level: 'log',
+        args: ['Console log message'],
+      },
+    },
+    timestamp: 1744983335290,
+  },
+
+  invalid: {
+    type: 999,
+    data: {},
+    timestamp: 1744983335291,
+  },
+
+  incomplete: {
+    type: EventType.IncrementalSnapshot,
+    // Missing data and timestamp
+  },
+};