コンピュータにルビーのコードを保存するの機能を実装しました

src/components/menu-bar/menu-bar.jsx

@@ -17,6 +17,7 @@ import ProjectTitleInput from './project-title-input.jsx';
 import AccountNav from '../../containers/account-nav.jsx';
 import LoginDropdown from './login-dropdown.jsx';
 import SB3Downloader from '../../containers/sb3-downloader.jsx';
+import RubyDownloader from '../../containers/ruby-downloader.jsx';
 import DeletionRestorer from '../../containers/deletion-restorer.jsx';
 import TurboMode from '../../containers/turbo-mode.jsx';
 
@@ -373,18 +374,17 @@ class MenuBar extends React.Component {
                                             />
                                         </MenuItem>
                                     )}</SB3Downloader>
-                                    <MenuItemTooltip
-                                        id="download_ruby_code"
-                                        isRtl={this.props.isRtl}
-                                    >
-                                        <MenuItem>
+                                    <RubyDownloader>{downloadProject => (
+                                        <MenuItem
+                                            onClick={this.handleCloseFileMenuAndThen(downloadProject)}
+                                        >
                                             <FormattedMessage
-                                                defaultMessage="Download Ruby code to your computer"
+                                                defaultMessage="Save Ruby code to your computer"
                                                 description="Menu bar item for downloading Ruby code to your computer"
                                                 id="gui.smalruby3.menuBar.downloadRubyCodeToComputer"
                                             />
                                         </MenuItem>
-                                    </MenuItemTooltip>
+                                    )}</RubyDownloader>
                                 </MenuSection>
                             </MenuBarMenu>
                         </div>

src/containers/ruby-downloader.jsx

@@ -0,0 +1,74 @@
+import bindAll from 'lodash.bindall';
+import PropTypes from 'prop-types';
+import React from 'react';
+import {connect} from 'react-redux';
+import {projectTitleInitialState} from '../reducers/project-title';
+
+class RubyDownloader extends React.Component {
+    constructor (props) {
+        super(props);
+        bindAll(this, [
+            'downloadProject'
+        ]);
+    }
+    saveRuby () {
+        const code = `require "smalruby3"\n\n${this.props.rubyCode}`;
+        return new Blob([code], {
+            type: 'text/x-ruby-script'
+        });
+    }
+    downloadProject () {
+        const downloadLink = document.createElement('a');
+        document.body.appendChild(downloadLink);
+
+        const content = this.saveRuby();
+        if (this.props.onSaveFinished) {
+            this.props.onSaveFinished();
+        }
+        // Use special ms version if available to get it working on Edge.
+        if (navigator.msSaveOrOpenBlob) {
+            navigator.msSaveOrOpenBlob(content, this.props.projectFilename);
+            return;
+        }
+
+        const url = window.URL.createObjectURL(content);
+        downloadLink.href = url;
+        downloadLink.download = this.props.projectFilename;
+        downloadLink.click();
+        window.URL.revokeObjectURL(url);
+        document.body.removeChild(downloadLink);
+    }
+    render () {
+        const {
+            children
+        } = this.props;
+        return children(
+            this.downloadProject
+        );
+    }
+}
+
+const getProjectFilename = (curTitle, defaultTitle) => {
+    let filenameTitle = curTitle;
+    if (!filenameTitle || filenameTitle.length === 0) {
+        filenameTitle = defaultTitle;
+    }
+    return `${filenameTitle.substring(0, 100)}.rb`;
+};
+
+RubyDownloader.propTypes = {
+    children: PropTypes.func,
+    onSaveFinished: PropTypes.func,
+    projectFilename: PropTypes.string,
+    rubyCode: PropTypes.string
+};
+
+const mapStateToProps = state => ({
+    projectFilename: getProjectFilename(state.scratchGui.projectTitle, projectTitleInitialState),
+    rubyCode: state.scratchGui.rubyCode.code
+});
+
+export default connect(
+    mapStateToProps,
+    () => ({}) // omit dispatch prop
+)(RubyDownloader);