p5.js-web-editor/client/modules/IDE/reducers/files.js

import * as ActionTypes from '../../../constants';

const initialState = {
	name: "sketch.js",
	content: `function setup() { 
	createCanvas(400, 400);
} 

function draw() { 
	background(220);
}`
}

const file = (state = initialState, action) => {
	switch (action.type) {
		case ActionTypes.CHANGE_SELECTED_FILE:
			return {
				name: action.name,
				content: action.content
			}
		case ActionTypes.NEW_PROJECT:
			return {
				name: action.file.name,
				content: action.file.conent
			}
		default:
			return state
	}
}

export default file;

//i'll add this in when there are multiple files
// const files = (state = [], action) => {
// 	switch (action.type) {
// 		case ActionTypes.CHANGE_SELECTED_FILE:
// 			//find the file with the name
// 			//update it
// 			//put in into the new array of files
// 		default:
// 			return state
// 	}
// }

// export default files