Load project into editor when app starts + autosave

src/lib/hash-parser-hoc.jsx

@@ -23,6 +23,10 @@ const HashParserHOC = function (WrappedComponent) {
         }
         componentDidMount () {
             window.addEventListener('hashchange', this.handleHashChange);
+            // FIXME: replace mock projectId with real one
+            window.addEventListener('load', () => {
+                window.location.hash = '/project/1'
+            });
             this.handleHashChange();
         }
         componentDidUpdate (prevProps) {
@@ -37,7 +41,7 @@ const HashParserHOC = function (WrappedComponent) {
             window.removeEventListener('hashchange', this.handleHashChange);
         }
         handleHashChange () {
-            const hashMatch = window.location.hash.match(/#(\d+)/);
+            const hashMatch = window.location.hash.match(/\/(\d+)$/);
             const hashProjectId = hashMatch === null ? defaultProjectId : hashMatch[1];
             this.props.setProjectId(hashProjectId.toString());
         }

src/lib/project-fetcher-hoc.jsx

@@ -131,7 +131,7 @@ const ProjectFetcherHOC = function (WrappedComponent) {
     };
     ProjectFetcherComponent.defaultProps = {
         assetHost: 'https://assets.scratch.mit.edu',
-        projectHost: 'https://projects.scratch.mit.edu'
+        projectHost: 'http://localhost:3000/ccm/scratch-api/projects'
     };
 
     const mapStateToProps = state => ({

src/lib/project-saver-hoc.jsx

@@ -226,25 +226,7 @@ const ProjectSaverHOC = function (WrappedComponent) {
             // serialized project refers to a newer asset than what
             // we just finished saving).
             const savedVMState = this.props.vm.toJSON();
-            return Promise.all(this.props.vm.assets
-                .filter(asset => !asset.clean)
-                .map(
-                    asset => storage.store(
-                        asset.assetType,
-                        asset.dataFormat,
-                        asset.data,
-                        asset.assetId
-                    ).then(response => {
-                        // Asset servers respond with {status: ok} for successful POSTs
-                        if (response.status !== 'ok') {
-                            // Errors include a `code` property, e.g. "Forbidden"
-                            return Promise.reject(response.code);
-                        }
-                        asset.clean = true;
-                    })
-                )
-            )
-                .then(() => this.props.onUpdateProjectData(projectId, savedVMState, requestParams))
+            return this.props.onUpdateProjectData(projectId, savedVMState, requestParams)
                 .then(response => {
                     this.props.onSetProjectUnchanged();
                     const id = response.id.toString();

src/lib/save-project-to-server.js

@@ -21,7 +21,7 @@ export default function (projectId, vmState, params) {
         headers: {
             'Content-Type': 'application/json'
         },
-        withCredentials: true
+        withCredentials: false // FIXME: check if this should be true
     };
     const creatingProject = projectId === null || typeof projectId === 'undefined';
     const queryParams = {};

src/playground/render-gui.jsx

@@ -78,7 +78,7 @@ export default appTarget => {
                 backpackVisible
                 showComingSoon
                 backpackHost={backpackHost}
-                canSave={false}
+                canSave={true}
                 onClickLogo={onClickLogo}
             />,
         appTarget);