import { browserHistory } from 'react-router'; import axios from 'axios'; import objectID from 'bson-objectid'; import moment from 'moment'; import * as ActionTypes from '../../../constants'; import { showToast, setToastText } from './toast'; import { setUnsavedChanges, justOpenedProject, resetJustOpenedProject, setProjectSavedTime, resetProjectSavedTime, showErrorModal } from './ide'; const ROOT_URL = location.href.indexOf('localhost') > 0 ? 'http://localhost:8000/api' : '/api'; export function getProject(id) { return (dispatch, getState) => { const state = getState(); dispatch(justOpenedProject()); if (state.ide.justOpenedProject) { dispatch(resetProjectSavedTime()); } axios.get(`${ROOT_URL}/projects/${id}`, { withCredentials: true }) .then((response) => { dispatch({ type: ActionTypes.SET_PROJECT, project: response.data, files: response.data.files, owner: response.data.user }); dispatch(setUnsavedChanges(false)); }) .catch(response => dispatch({ type: ActionTypes.ERROR, error: response.data })); }; } export function setProjectName(name) { return { type: ActionTypes.SET_PROJECT_NAME, name }; } export function saveProject(autosave = false) { return (dispatch, getState) => { const state = getState(); if (state.user.id && state.project.owner && state.project.owner.id !== state.user.id) { return; } const formParams = Object.assign({}, state.project); formParams.files = [...state.files]; if (state.project.id) { axios.put(`${ROOT_URL}/projects/${state.project.id}`, formParams, { withCredentials: true }) .then(() => { dispatch(setUnsavedChanges(false)); dispatch(setProjectSavedTime(moment().format())); dispatch({ type: ActionTypes.PROJECT_SAVE_SUCCESS }); if (!autosave) { if (state.ide.justOpenedProject && state.preferences.autosave) { dispatch(showToast(5500)); dispatch(setToastText('Project saved.')); setTimeout(() => dispatch(setToastText('Autosave enabled.')), 1500); dispatch(resetJustOpenedProject()); } else { dispatch(showToast(1500)); dispatch(setToastText('Project saved.')); } } }) .catch((response) => { if (response.status === 403) { dispatch(showErrorModal('staleSession')); } else if (response.status === 409) { dispatch(showErrorModal('staleProject')); } else { dispatch({ type: ActionTypes.PROJECT_SAVE_FAIL, error: response.data }); } }); } else { axios.post(`${ROOT_URL}/projects`, formParams, { withCredentials: true }) .then((response) => { dispatch(setUnsavedChanges(false)); dispatch(setProjectSavedTime(moment().format())); browserHistory.push(`/${response.data.user.username}/sketches/${response.data.id}`); dispatch({ type: ActionTypes.NEW_PROJECT, project: response.data, owner: response.data.user, files: response.data.files }); if (!autosave) { if (state.preferences.autosave) { dispatch(showToast(5500)); dispatch(setToastText('Project saved.')); setTimeout(() => dispatch(setToastText('Autosave enabled.')), 1500); dispatch(resetJustOpenedProject()); } else { dispatch(showToast(1500)); dispatch(setToastText('Project saved.')); } } }) .catch((response) => { if (response.status === 403) { dispatch(showErrorModal('staleSession')); } else { dispatch({ type: ActionTypes.PROJECT_SAVE_FAIL, error: response.data }); } }); } }; } export function autosaveProject() { return (dispatch, getState) => { saveProject(true)(dispatch, getState); }; } export function createProject() { return (dispatch) => { axios.post(`${ROOT_URL}/projects`, {}, { withCredentials: true }) .then((response) => { browserHistory.push(`/${response.data.user.username}/sketches/${response.data.id}`); dispatch({ type: ActionTypes.NEW_PROJECT, project: response.data, owner: response.data.user, files: response.data.files }); dispatch(setUnsavedChanges(false)); }) .catch(response => dispatch({ type: ActionTypes.PROJECT_SAVE_FAIL, error: response.data })); }; } export function exportProjectAsZip(projectId) { const win = window.open(`${ROOT_URL}/projects/${projectId}/zip`, '_blank'); win.focus(); } export function resetProject() { return { type: ActionTypes.RESET_PROJECT }; } export function newProject() { setTimeout(() => { browserHistory.push('/'); }, 0); return resetProject(); } function generateNewIdsForChildren(file, files) { const newChildren = []; file.children.forEach((childId) => { const child = files.find(childFile => childFile.id === childId); const newId = objectID().toHexString(); child.id = newId; child._id = newId; newChildren.push(newId); generateNewIdsForChildren(child, files); }); file.children = newChildren; // eslint-disable-line } export function cloneProject() { return (dispatch, getState) => { dispatch(setUnsavedChanges(false)); const state = getState(); const newFiles = [...state.files]; const rootFile = newFiles.find(file => file.name === 'root'); const newRootFileId = objectID().toHexString(); rootFile.id = newRootFileId; rootFile._id = newRootFileId; generateNewIdsForChildren(rootFile, newFiles); // const newFiles = state.files; const formParams = Object.assign({}, { name: `${state.project.name} copy` }, { files: newFiles }); axios.post(`${ROOT_URL}/projects`, formParams, { withCredentials: true }) .then((response) => { browserHistory.push(`/${response.data.user.username}/sketches/${response.data.id}`); dispatch({ type: ActionTypes.NEW_PROJECT, project: response.data, owner: response.data.user, files: response.data.files }); }) .catch(response => dispatch({ type: ActionTypes.PROJECT_SAVE_FAIL, error: response.data })); }; } export function showEditProjectName() { return { type: ActionTypes.SHOW_EDIT_PROJECT_NAME }; } export function hideEditProjectName() { return { type: ActionTypes.HIDE_EDIT_PROJECT_NAME }; }