Add more breadcrumbs for debugging live

Author: CompuIves

packages/app/src/app/overmind/namespaces/editor/actions.ts

@@ -33,6 +33,7 @@ import history from 'app/utils/history';
 import { Selection, TextOperation } from 'ot';
 import { json } from 'overmind';
 
+import { logBreadcrumb } from '@codesandbox/common/lib/utils/analytics/sentry';
 import eventToTransform from '../../utils/event-to-transform';
 import { SERVER } from '../../utils/items';
 import * as internalActions from './internalActions';
@@ -361,6 +362,13 @@ export const codeChanged: Action<{
   if (state.live.isLive && module.code !== code) {
     let operation: TextOperation;
     if (event) {
+      logBreadcrumb({
+        category: 'ot',
+        message: `Change Event ${JSON.stringify({
+          moduleShortid: this.moduleShortid,
+          event,
+        })}`,
+      });
       operation = eventToTransform(event, module.code).operation;
     } else {
       operation = getTextOperation(module.code, code);

packages/common/src/utils/analytics/sentry.ts

@@ -54,7 +54,7 @@ export async function initialize(dsn: string) {
         "undefined is not an object (evaluating 'window.__pad.performLoop')", // Only happens on Safari, but spams our servers. Doesn't break anything
       ],
       whitelistUrls: [/https?:\/\/((uploads|www)\.)?codesandbox\.io/],
-      maxBreadcrumbs: 90,
+      maxBreadcrumbs: 100,
       /**
        * Don't send messages from the sandbox, so don't send from eg.
        * new.codesandbox.io or new.csb.app