r
/
p5.js-web-editor
1
0
Fork 0
Code Issues 1 Pull Requests Releases 1 Wiki Activity
p5.js-web-editor/client/modules/IDE/reducers/files.js

222 lines
5.9 KiB
JavaScript
Raw Normal View History

restructure redux files
2016-06-22 21:58:23 +02:00
import * as ActionTypes from '../../../constants';
do a lot of things that aren't really working
2016-08-24 05:01:20 +02:00
import objectID from 'bson-objectid';
add full redux/react flow to editor
2016-05-05 23:48:26 +02:00
start to add multiple file functionality
2016-07-06 21:09:05 +02:00
const defaultSketch = `function setup() {
fix a ton of eslint errors
2016-06-24 00:29:55 +02:00
createCanvas(400, 400);
render p5 sketch, live, simplest case
2016-05-10 00:28:38 +02:00
}
function draw() {
fix a ton of eslint errors
2016-06-24 00:29:55 +02:00
background(220);
start to add multiple file functionality
2016-07-06 21:09:05 +02:00
}`;
const defaultHTML =
add css files to sketch
2016-07-12 03:54:08 +02:00
`<!DOCTYPE html>
start to add multiple file functionality
2016-07-06 21:09:05 +02:00
<html>
<head>
add sound and dom by default
2016-07-12 17:13:09 +02: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>
add css files to sketch
2016-07-12 03:54:08 +02:00
<link rel="stylesheet" type="text/css" href="style.css">
start to add multiple file functionality
2016-07-06 21:09:05 +02:00
</head>
<body>
<script src="sketch.js"></script>
</body>
</html>
`;
add css files to sketch
2016-07-12 03:54:08 +02:00
const defaultCSS =
`html, body {
overflow: hidden;
margin: 0;
padding: 0;
}
`;
start to add selected file stuff
2016-07-08 20:57:22 +02:00
do a lot of things that aren't really working
2016-08-24 05:01:20 +02:00
function initialState() {
const a = objectID().toHexString();
const b = objectID().toHexString();
const c = objectID().toHexString();
fix really really annoying bug
2016-08-24 19:09:48 +02:00
const r = objectID().toHexString();
do a lot of things that aren't really working
2016-08-24 05:01:20 +02:00
return [
{
name: 'root',
fix really really annoying bug
2016-08-24 19:09:48 +02:00
id: r,
_id: r,
add file icons and file types default to file
2016-08-25 23:32:27 +02:00
children: [a, b, c],
add new folder modal
2016-08-30 05:23:10 +02:00
fileType: 'folder'
do a lot of things that aren't really working
2016-08-24 05:01:20 +02:00
},
{
name: 'sketch.js',
content: defaultSketch,
fix really really annoying bug
2016-08-24 19:09:48 +02:00
id: a,
_id: a,
add file icons and file types default to file
2016-08-25 23:32:27 +02:00
isSelected: true,
add new folder modal
2016-08-30 05:23:10 +02:00
fileType: 'file'
do a lot of things that aren't really working
2016-08-24 05:01:20 +02:00
},
{
name: 'index.html',
content: defaultHTML,
fix really really annoying bug
2016-08-24 19:09:48 +02:00
id: b,
add file icons and file types default to file
2016-08-25 23:32:27 +02:00
_id: b,
add new folder modal
2016-08-30 05:23:10 +02:00
fileType: 'file'
do a lot of things that aren't really working
2016-08-24 05:01:20 +02:00
},
{
name: 'style.css',
content: defaultCSS,
fix really really annoying bug
2016-08-24 19:09:48 +02:00
id: c,
add file icons and file types default to file
2016-08-25 23:32:27 +02:00
_id: c,
add new folder modal
2016-08-30 05:23:10 +02:00
fileType: 'file'
do a lot of things that aren't really working
2016-08-24 05:01:20 +02:00
}];
}
start to add multiple file functionality
2016-07-06 21:09:05 +02:00
start to add methods for deleting file recursively
2016-09-02 18:01:23 +02:00
function getAllDescendantIds(state, nodeId) {
return state.find(file => file.id === nodeId).children
.reduce((acc, childId) => (
[...acc, childId, ...getAllDescendantIds(state, childId)]
), []);
}
function deleteMany(state, ids) {
const newState = [...state];
ids.forEach(id => {
let fileIndex;
newState.find((file, index) => {
if (file.id === id) {
fileIndex = index;
}
return file.id === id;
});
newState.splice(fileIndex, 1);
});
return newState;
}
do a lot of things that aren't really working
2016-08-24 05:01:20 +02:00
const files = (state, action) => {
if (state === undefined) {
state = initialState(); // eslint-disable-line
}
fix a ton of eslint errors
2016-06-24 00:29:55 +02:00
switch (action.type) {
fix updating file to return all file keys
2016-07-07 19:50:52 +02:00
case ActionTypes.UPDATE_FILE_CONTENT:
start to add multiple file functionality
2016-07-06 21:09:05 +02:00
return state.map(file => {
if (file.name !== action.name) {
return file;
}
fix updating file to return all file keys
2016-07-07 19:50:52 +02:00
return Object.assign({}, file, { content: action.content });
start to add multiple file functionality
2016-07-06 21:09:05 +02:00
});
add function to create all blob urls
2016-07-20 00:26:46 +02:00
case ActionTypes.SET_BLOB_URL:
return state.map(file => {
if (file.name !== action.name) {
return file;
}
return Object.assign({}, file, { blobURL: action.blobURL });
});
fix a ton of eslint errors
2016-06-24 00:29:55 +02:00
case ActionTypes.NEW_PROJECT:
fix default file on server, change file to files in lots of places
2016-07-06 23:29:07 +02:00
return [...action.files];
fix bugs with saving/fetching projects
2016-06-29 18:52:16 +02:00
case ActionTypes.SET_PROJECT:
fix default file on server, change file to files in lots of places
2016-07-06 23:29:07 +02:00
return [...action.files];
when clicking new project, don't save new project
2016-08-12 18:45:26 +02:00
case ActionTypes.RESET_PROJECT:
fix new project action
2016-08-24 21:36:37 +02:00
return initialState();
add file works on unsaved project
2016-08-24 01:40:47 +02:00
case ActionTypes.CREATE_FILE: // eslint-disable-line
delete files, only client side
2016-08-24 22:06:28 +02:00
{
const newState = state.map((file) => {
if (file.id === action.parentId) {
const newFile = Object.assign({}, file);
newFile.children = [...newFile.children, action.id];
return newFile;
}
return file;
});
add new folder modal
2016-08-30 05:23:10 +02:00
return [...newState,
{ name: action.name,
id: action.id,
_id: action._id,
content: action.content,
url: action.url,
nested css styling fixes
2016-08-30 20:39:37 +02:00
children: action.children,
add new folder modal
2016-08-30 05:23:10 +02:00
fileType: action.fileType || 'file' }];
delete files, only client side
2016-08-24 22:06:28 +02:00
}
add file deletion
2016-08-03 21:11:59 +02:00
case ActionTypes.SHOW_FILE_OPTIONS:
return state.map(file => {
if (file.id !== action.id) {
return file;
}
return Object.assign({}, file, { isOptionsOpen: true });
});
case ActionTypes.HIDE_FILE_OPTIONS:
return state.map(file => {
if (file.id !== action.id) {
return file;
}
return Object.assign({}, file, { isOptionsOpen: false });
});
case ActionTypes.UPDATE_FILE_NAME:
return state.map(file => {
if (file.id !== action.id) {
return file;
}
return Object.assign({}, file, { name: action.name });
});
case ActionTypes.DELETE_FILE:
delete files, only client side
2016-08-24 22:06:28 +02:00
{
const newState = state.map((file) => {
if (file.id === action.parentId) {
const newChildren = file.children.filter(child => child !== action.id);
return { ...file, children: newChildren };
}
return file;
});
return newState.filter(file => file.id !== action.id);
}
add file renaming
2016-08-03 23:10:03 +02:00
case ActionTypes.SHOW_EDIT_FILE_NAME:
return state.map(file => {
if (file.id !== action.id) {
return file;
}
return Object.assign({}, file, { isEditingName: true });
});
case ActionTypes.HIDE_EDIT_FILE_NAME:
return state.map(file => {
if (file.id !== action.id) {
return file;
}
return Object.assign({}, file, { isEditingName: false });
});
fix really really annoying bug
2016-08-24 19:09:48 +02:00
case ActionTypes.SET_SELECTED_FILE:
return state.map(file => {
if (file.id === action.selectedFile) {
return Object.assign({}, file, { isSelected: true });
}
return Object.assign({}, file, { isSelected: false });
});
add hide/showing files, carrot doesn't work
2016-08-31 00:46:59 +02:00
case ActionTypes.SHOW_FOLDER_CHILDREN:
return state.map(file => {
if (file.id === action.id) {
return Object.assign({}, file, { isFolderClosed: false });
}
return file;
});
case ActionTypes.HIDE_FOLDER_CHILDREN:
return state.map(file => {
if (file.id === action.id) {
return Object.assign({}, file, { isFolderClosed: true });
}
return file;
});
fix a ton of eslint errors
2016-06-24 00:29:55 +02:00
default:
return state;
}
};
add full redux/react flow to editor
2016-05-05 23:48:26 +02:00
fix a few regexes for preview frame
2016-08-25 18:39:36 +02:00
export const getHTMLFile = (state) => state.filter(file => file.name.match(/.*\.html$/i))[0];
export const getJSFiles = (state) => state.filter(file => file.name.match(/.*\.js$/i));
export const getCSSFiles = (state) => state.filter(file => file.name.match(/.*\.css$/i));
fix file state changing bug
2016-07-20 03:36:21 +02:00
export const getLinkedFiles = (state) => state.filter(file => file.url);
start to add selected file stuff
2016-07-08 20:57:22 +02:00
start to add multiple file functionality
2016-07-06 21:09:05 +02:00
export default files;