Demo change code from preview

Author: CompuIves

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

@@ -743,6 +743,24 @@ export const previewActionReceived: Action<any> = (
       });
       break;
     }
+
+    case 'source.module.set-code': {
+      const sandbox = state.editor.currentSandbox;
+      const module = effects.utils.resolveModule(
+        action.path.replace(/^\//, ''),
+        sandbox.modules,
+        sandbox.directories
+      );
+
+      if (module) {
+        actions.editor.codeChanged({
+          moduleShortid: module.shortid,
+          code: action.code,
+        });
+        effects.vscode.setModuleCode(module);
+      }
+      break;
+    }
   }
 };
 

packages/codesandbox-api/src/actions/glyph.ts

@@ -1,4 +1,4 @@
-import { Action } from './';
+import { Action } from '.';
 
 export interface GlyphOptions {
   line: number;

packages/codesandbox-api/src/actions/source/dependencies.ts

@@ -1,6 +1,10 @@
-import { Action } from '../';
+import { Action } from '..';
 
-export function add(dependencyName: string) {
+export interface AddDependencyAction extends Action {
+  dependency: string;
+}
+
+export function add(dependencyName: string): AddDependencyAction {
   return {
     type: 'action',
     action: 'source.dependencies.add',

packages/codesandbox-api/src/actions/source/modules.ts

@@ -1,10 +1,29 @@
-import { Action } from '../';
+import { Action } from '..';
 
-export function rename(path: string, title: string) {
+export interface ModuleRenameAction extends Action {
+  path: string;
+  title: string;
+}
+
+export interface ModuleSetCode extends Action {
+  path: string;
+  code: string;
+}
+
+export function rename(path: string, title: string): ModuleRenameAction {
   return {
     type: 'action',
     action: 'source.module.rename',
     path,
     title,
   };
 }
+
+export function setCode(path: string, code: string): ModuleSetCode {
+  return {
+    type: 'action',
+    action: 'source.module.set-code',
+    path,
+    code,
+  };
+}