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

78 lines
1.8 KiB
JavaScript
Raw Normal View History

2016-06-22 19:58:23 +00:00
import * as ActionTypes from '../../../constants';
2016-05-05 21:48:26 +00:00
const defaultSketch = `function setup() {
2016-06-23 22:29:55 +00:00
createCanvas(400, 400);
2016-05-09 22:28:38 +00:00
}
function draw() {
2016-06-23 22:29:55 +00:00
background(220);
}`;
const defaultHTML =
2016-07-12 01:54:08 +00:00
`<!DOCTYPE html>
<html>
<head>
2016-07-12 15:13:09 +00:00
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.2/p5.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.2/addons/p5.dom.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.2/addons/p5.sound.min.js"></script>
2016-07-12 01:54:08 +00:00
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<script src="sketch.js"></script>
</body>
</html>
`;
2016-07-12 01:54:08 +00:00
const defaultCSS =
`html, body {
overflow: hidden;
margin: 0;
padding: 0;
}
`;
2016-07-08 18:57:22 +00:00
// if the project has never been saved,
const initialState = [
{
name: 'sketch.js',
2016-07-08 18:57:22 +00:00
content: defaultSketch,
id: '1'
},
{
name: 'index.html',
2016-07-08 18:57:22 +00:00
content: defaultHTML,
id: '2'
2016-07-12 01:54:08 +00:00
},
{
name: 'style.css',
content: defaultCSS,
id: '3'
}];
2016-05-05 21:48:26 +00:00
const files = (state = initialState, action) => {
2016-06-23 22:29:55 +00:00
switch (action.type) {
case ActionTypes.UPDATE_FILE_CONTENT:
return state.map(file => {
if (file.name !== action.name) {
return file;
}
return Object.assign({}, file, { content: action.content });
});
2016-06-23 22:29:55 +00:00
case ActionTypes.NEW_PROJECT:
return [...action.files];
2016-06-29 16:52:16 +00:00
case ActionTypes.SET_PROJECT:
return [...action.files];
2016-06-23 22:29:55 +00:00
default:
return state;
}
};
2016-05-05 21:48:26 +00:00
2016-07-08 18:57:22 +00:00
export const getFile = (state, id) => state.filter(file => file.id === id)[0];
2016-07-12 01:54:08 +00:00
export const getHTMLFile = (state) => state.filter(file => file.name.match(/.*\.html$/))[0];
export const getJSFiles = (state) => state.filter(file => file.name.match(/.*\.js$/));
export const getCSSFiles = (state) => state.filter(file => file.name.match(/.*\.css$/));
2016-07-08 18:57:22 +00:00
export default files;