update preview during live updates as well

Author: christianalfoni

packages/app/src/app/overmind/namespaces/live/internalActions.ts

@@ -93,7 +93,7 @@ export const initialize: AsyncAction<string, Sandbox> = async (
 };
 
 export const initializeModuleState: Action<any> = (
-  { state, effects },
+  { state, actions, effects },
   moduleState
 ) => {
   Object.keys(moduleState).forEach(moduleShortid => {
@@ -114,6 +114,8 @@ export const initializeModuleState: Action<any> = (
       }
     }
   });
+
+  actions.editor.internal.updatePreviewCode();
 };
 
 export const getSelectionsForModule: Action<Module, EditorSelection[]> = (

packages/app/src/app/overmind/namespaces/live/liveMessageOperators.ts

@@ -132,6 +132,7 @@ export const onModuleSaved: Operator<
   });
 
   effects.vscode.fs.writeFile(state.editor.modulesByPath, module);
+  actions.editor.internal.updatePreviewCode();
 });
 
 export const onModuleCreated: Operator<
@@ -151,7 +152,7 @@ export const onModuleMassCreated: Operator<
     modules: Module[];
     directories: Directory[];
   }>
-> = mutate(({ state, effects }, { _isOwnMessage, data }) => {
+> = mutate(({ state, actions, effects }, { _isOwnMessage, data }) => {
   if (_isOwnMessage) {
     return;
   }
@@ -165,14 +166,16 @@ export const onModuleMassCreated: Operator<
   state.editor.modulesByPath = effects.vscode.fs.create(
     state.editor.currentSandbox
   );
+
+  actions.editor.internal.updatePreviewCode();
 });
 
 export const onModuleUpdated: Operator<
   LiveMessage<{
     moduleShortid: string;
     module: Module;
   }>
-> = mutate(({ state, effects }, { _isOwnMessage, data }) => {
+> = mutate(({ state, actions, effects }, { _isOwnMessage, data }) => {
   if (_isOwnMessage) {
     return;
   }
@@ -190,6 +193,8 @@ export const onModuleUpdated: Operator<
     state.editor.modulesByPath,
     state.editor.sandboxes[sandbox.id].modules[moduleIndex]
   );
+
+  actions.editor.internal.updatePreviewCode();
 });
 
 export const onModuleDeleted: Operator<