live fixes

Author: christianalfoni

packages/app/src/app/overmind/effects/live/index.ts

@@ -6,12 +6,12 @@ import {
   Sandbox,
 } from '@codesandbox/common/lib/types';
 import _debug from '@codesandbox/common/lib/utils/debug';
-import { getTextOperation } from '@codesandbox/common/lib/utils/diff';
 import { camelizeKeys } from 'humps';
 import { TextOperation } from 'ot';
 import { Socket } from 'phoenix';
 import uuid from 'uuid';
 
+import eventToTransform from '../../utils/event-to-transform';
 import { SandboxAPIResponse } from '../api/types';
 import { transformSandbox } from '../utils/sandbox';
 import clientsFactory from './clients';
@@ -183,12 +183,8 @@ export default {
       module: directory,
     });
   },
-  sendCodeUpdate(moduleShortid: string, currentCode: string, code: string) {
-    if (currentCode === code) {
-      return;
-    }
-
-    const operation = getTextOperation(currentCode, code);
+  sendCodeUpdate(moduleShortid: string, currentCode: string, event: any) {
+    const { operation } = eventToTransform(event, currentCode);
 
     if (!operation) {
       return;

packages/app/src/app/overmind/effects/vscode/ModelsHandler.ts

@@ -30,6 +30,7 @@ export type OnFileChangeData = {
   moduleShortid: string;
   title: string;
   code: string;
+  event: any;
   model: any;
 };
 
@@ -451,6 +452,7 @@ export class ModelsHandler {
           moduleShortid: module.shortid,
           title: module.title,
           code: model.getValue(),
+          event: e,
           model,
         });
       } catch (err) {

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

@@ -188,7 +188,8 @@ export const onOperationApplied: Action<{
 export const codeChanged: Action<{
   moduleShortid: string;
   code: string;
-}> = ({ effects, state, actions }, { code, moduleShortid }) => {
+  event?: any;
+}> = ({ effects, state, actions }, { code, event, moduleShortid }) => {
   effects.analytics.trackOnce('Change Code');
 
   const module = state.editor.currentSandbox.modules.find(
@@ -200,7 +201,7 @@ export const codeChanged: Action<{
   }
 
   if (state.live.isLive) {
-    effects.live.sendCodeUpdate(moduleShortid, module.code, code);
+    effects.live.sendCodeUpdate(moduleShortid, module.code, event);
   }
 
   actions.editor.internal.setModuleCode({

packages/app/src/app/overmind/utils/event-to-transform.ts

@@ -1,4 +1,5 @@
 import { TextOperation } from 'ot';
+
 import { lineAndColumnToIndex } from './common';
 
 export default function convertChangeEventToOperation(