Allow marking tabs not dirty in workspace (codesandbox#354)

Author: CompuIves

packages/app/src/app/pages/Sandbox/Editor/Workspace/Files/DirectoryEntry/DirectoryChildren.js

@@ -24,6 +24,7 @@ type Props = {
   parentShortid: string,
   sandboxTemplate: string,
   mainModuleId: string,
+  markTabsNotDirty: ?Function,
 };
 
 export default class DirectoryChildren extends React.PureComponent<Props> {
@@ -47,6 +48,7 @@ export default class DirectoryChildren extends React.PureComponent<Props> {
       deleteEntry,
       currentModuleId,
       isInProjectView,
+      markTabsNotDirty,
     } = this.props;
 
     return (
@@ -68,6 +70,7 @@ export default class DirectoryChildren extends React.PureComponent<Props> {
               directories={directories}
               currentModuleId={currentModuleId}
               isInProjectView={isInProjectView}
+              markTabsNotDirty={markTabsNotDirty}
             />
           ))}
         {modules.filter(x => x.directoryShortid === parentShortid).map(m => {
@@ -95,6 +98,7 @@ export default class DirectoryChildren extends React.PureComponent<Props> {
               isInProjectView={isInProjectView}
               isMainModule={mainModule}
               moduleHasError={hasError}
+              markTabsNotDirty={markTabsNotDirty}
             />
           );
         })}

packages/app/src/app/pages/Sandbox/Editor/Workspace/Files/DirectoryEntry/Entry/index.js

@@ -41,6 +41,7 @@ type Props = {
   isInProjectView: boolean, // eslint-disable-line
   moduleHasError: boolean,
   closeTree: ?() => void, // eslint-disable-line
+  markTabsNotDirty: Function,
 };
 
 type State = {
@@ -174,6 +175,7 @@ class Entry extends React.PureComponent<Props, State> {
       onCreateDirectoryClick,
       deleteEntry,
       onClick,
+      markTabsNotDirty,
       rename,
       isNotSynced,
       isMainModule,
@@ -186,6 +188,7 @@ class Entry extends React.PureComponent<Props, State> {
       <div>
         <EntryContainer
           onClick={setCurrentModule ? this.setCurrentModule : onClick}
+          onDoubleClick={markTabsNotDirty}
           depth={depth}
           nameValidationError={error}
           active={active}

packages/app/src/app/pages/Sandbox/Editor/Workspace/Files/DirectoryEntry/index.js

@@ -220,6 +220,10 @@ class DirectoryEntry extends React.PureComponent {
     sandboxActions.setCurrentModule(sandboxId, moduleId);
   };
 
+  markTabsNotDirty = () => {
+    this.props.sandboxActions.markTabsNotDirty(this.props.sandboxId);
+  };
+
   render() {
     const {
       id,
@@ -291,6 +295,7 @@ class DirectoryEntry extends React.PureComponent {
             setCurrentModule={this.setCurrentModule}
             currentModuleId={currentModuleId}
             isInProjectView={isInProjectView}
+            markTabsNotDirty={this.markTabsNotDirty}
           />
           {creating === 'module' && (
             <Entry