- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 | 2x - | module.exports = 'test-file-stub'; - |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| fileMock.js | -
-
- |
- 100% | -1/1 | -100% | -0/0 | -100% | -0/0 | -100% | -1/1 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 -105 -106 -107 -108 -109 -110 -111 -112 -113 -114 -115 -116 -117 -118 -119 -120 -121 -122 -123 -124 -125 -126 -127 -128 -129 -130 -131 -132 -133 -134 -135 -136 -137 -138 -139 -140 -141 -142 -143 -144 -145 -146 -147 -148 -149 -150 -151 -152 -153 -154 -155 -156 -157 -158 -159 -160 -161 -162 -163 -164 -165 -166 -167 -168 -169 -170 -171 -172 -173 -174 -175 -176 -177 -178 -179 -180 -181 -182 -183 -184 -185 -186 -187 -188 -189 -190 -191 -192 -193 -194 -195 -196 -197 -198 -199 -200 -201 -202 -203 -204 -205 -206 -207 -208 -209 -210 -211 -212 -213 -214 -215 -216 -217 -218 -219 -220 -221 -222 -223 -224 -225 -226 -227 -228 -229 -230 -231 -232 -233 -234 -235 -236 -237 -238 -239 -240 -241 -242 -243 -244 -245 -246 -247 -248 -249 -250 -251 -252 -253 -254 -255 -256 -257 -258 -259 -260 -261 -262 -263 -264 -265 -266 -267 -268 -269 -270 -271 -272 -273 -274 -275 -276 -277 -278 -279 -280 -281 -282 -283 -284 -285 -286 -287 -288 -289 -290 -291 -292 -293 -294 -295 -296 -297 -298 -299 -300 -301 -302 -303 -304 -305 -306 -307 -308 -309 -310 -311 -312 -313 -314 -315 -316 -317 -318 -319 -320 -321 -322 -323 -324 -325 -326 -327 -328 -329 -330 -331 -332 -333 -334 -335 -336 -337 -338 -339 -340 -341 -342 -343 -344 -345 -346 -347 -348 -349 -350 -351 -352 -353 -354 -355 -356 -357 -358 -359 -360 -361 -362 -363 -364 -365 -366 -367 -368 -369 -370 -371 -372 -373 -374 -375 -376 -377 -378 -379 -380 -381 -382 -383 -384 -385 -386 -387 -388 -389 -390 -391 -392 -393 -394 -395 -396 -397 -398 -399 -400 -401 -402 -403 -404 -405 -406 -407 -408 -409 -410 -411 -412 -413 -414 -415 -416 -417 -418 -419 -420 -421 -422 -423 -424 -425 -426 -427 -428 -429 -430 -431 -432 -433 -434 -435 -436 -437 -438 -439 -440 -441 -442 -443 -444 -445 -446 -447 -448 -449 -450 -451 -452 -453 -454 -455 -456 -457 -458 -459 -460 -461 -462 -463 -464 -465 -466 -467 -468 -469 -470 -471 -472 -473 -474 -475 -476 -477 -478 -479 -480 -481 -482 -483 -484 -485 -486 -487 -488 -489 -490 -491 -492 -493 -494 -495 -496 -497 -498 -499 -500 -501 -502 -503 -504 -505 -506 -507 -508 -509 -510 -511 -512 -513 -514 -515 -516 -517 -518 -519 -520 -521 -522 -523 -524 -525 -526 -527 -528 -529 -530 -531 -532 -533 -534 -535 -536 -537 -538 -539 -540 -541 -542 -543 -544 -545 -546 -547 -548 -549 -550 -551 -552 -553 -554 -555 -556 -557 -558 -559 -560 -561 -562 -563 -564 -565 -566 -567 -568 -569 -570 -571 -572 -573 -574 -575 -576 -577 -578 -579 -580 -581 -582 -583 -584 -585 -586 -587 -588 -589 -590 -591 -592 -593 -594 -595 -596 -597 -598 -599 -600 -601 -602 -603 -604 -605 -606 -607 -608 -609 -610 -611 -612 -613 -614 -615 -616 -617 -618 -619 -620 -621 -622 -623 -624 -625 -626 -627 -628 -629 -630 -631 -632 -633 -634 -635 -636 -637 -638 -639 -640 -641 -642 -643 -644 -645 -646 -647 -648 -649 -650 -651 -652 -653 -654 -655 -656 -657 -658 -659 -660 -661 -662 -663 -664 -665 -666 -667 -668 -669 -670 -671 -672 -673 -674 -675 -676 -677 -678 -679 -680 -681 -682 -683 -684 -685 -686 -687 -688 -689 -690 -691 -692 -693 -694 -695 -696 -697 -698 -699 -700 -701 -702 -703 -704 -705 -706 -707 -708 -709 -710 -711 -712 -713 -714 -715 -716 -717 -718 -719 -720 -721 -722 -723 -724 -725 -726 -727 -728 -729 -730 -731 -732 -733 -734 -735 -736 -737 -738 -739 -740 -741 -742 -743 -744 -745 -746 -747 -748 -749 -750 -751 -752 -753 -754 -755 -756 -757 -758 -759 -760 -761 -762 -763 -764 -765 -766 -767 -768 -769 -770 -771 -772 -773 -774 -775 -776 -777 -778 -779 -780 -781 -782 -783 | - - - - - - - - - - - - - - - -1x -1x - -1x - - - -2x -2x - - -2x -2x -2x -2x -2x -2x -2x -2x -2x -2x -2x -2x -2x -2x -2x -2x -2x -2x -2x -2x -2x -2x -2x -2x -2x -2x -2x -2x -2x -2x -2x -2x -2x - - - -2x -2x - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -2x - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -2x -2x - -2x - -2x - - - -2x - - - -2x - - - - -2x - - - - -2x - - - - - - - - - - - - - - - - - - - - - - -2x -1x - - - - - - - - - - - - - - - - - - -1x - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -1x - - - - - - - - - - - - - - - - - - - - - -1x - - - - - - - - - - | import PropTypes from 'prop-types';
-import React from 'react';
-import { connect } from 'react-redux';
-import { withRouter } from 'react-router';
-import { Link } from 'react-router';
-import InlineSVG from 'react-inlinesvg';
-import classNames from 'classnames';
-import * as IDEActions from '../modules/IDE/actions/ide';
-import * as toastActions from '../modules/IDE/actions/toast';
-import * as projectActions from '../modules/IDE/actions/project';
-import { setAllAccessibleOutput } from '../modules/IDE/actions/preferences';
-import { logoutUser } from '../modules/User/actions';
-
-import { metaKeyName, } from '../utils/metaKey';
-import caretLeft from '../images/left-arrow.svg';
-
-const triangleUrl = require('../images/down-filled-triangle.svg');
-const logoUrl = require('../images/p5js-logo-small.svg');
-
-const __process = (typeof global !== 'undefined' ? global : window).process;
-
-class Nav extends React.PureComponent {
- constructor(props) {
- super(props);
- this.state = {
- dropdownOpen: 'none'
- };
- this.handleFocus = this.handleFocus.bind(this);
- this.handleBlur = this.handleBlur.bind(this);
- this.clearHideTimeout = this.clearHideTimeout.bind(this);
- this.handleClick = this.handleClick.bind(this);
- this.handleClickOutside = this.handleClickOutside.bind(this);
- this.handleSave = this.handleSave.bind(this);
- this.handleNew = this.handleNew.bind(this);
- this.handleDuplicate = this.handleDuplicate.bind(this);
- this.handleShare = this.handleShare.bind(this);
- this.handleDownload = this.handleDownload.bind(this);
- this.handleFind = this.handleFind.bind(this);
- this.handleAddFile = this.handleAddFile.bind(this);
- this.handleAddFolder = this.handleAddFolder.bind(this);
- this.handleFindNext = this.handleFindNext.bind(this);
- this.handleRun = this.handleRun.bind(this);
- this.handleFindPrevious = this.handleFindPrevious.bind(this);
- this.handleStop = this.handleStop.bind(this);
- this.handleStartAccessible = this.handleStartAccessible.bind(this);
- this.handleStopAccessible = this.handleStopAccessible.bind(this);
- this.handleKeyboardShortcuts = this.handleKeyboardShortcuts.bind(this);
- this.handleLogout = this.handleLogout.bind(this);
- this.toggleDropdownForFile = this.toggleDropdown.bind(this, 'file');
- this.handleFocusForFile = this.handleFocus.bind(this, 'file');
- this.setDropdownForNone = this.setDropdown.bind(this, 'none');
- this.toggleDropdownForEdit = this.toggleDropdown.bind(this, 'edit');
- this.handleFocusForEdit = this.handleFocus.bind(this, 'edit');
- this.toggleDropdownForSketch = this.toggleDropdown.bind(this, 'sketch');
- this.handleFocusForSketch = this.handleFocus.bind(this, 'sketch');
- this.toggleDropdownForHelp = this.toggleDropdown.bind(this, 'help');
- this.handleFocusForHelp = this.handleFocus.bind(this, 'help');
- this.toggleDropdownForAccount = this.toggleDropdown.bind(this, 'account');
- this.handleFocusForAccount = this.handleFocus.bind(this, 'account');
- this.closeDropDown = this.closeDropDown.bind(this);
- }
-
- componentDidMount() {
- document.addEventListener('mousedown', this.handleClick, false);
- document.addEventListener('keydown', this.closeDropDown, false);
- }
- componentWillUnmount() {
- document.removeEventListener('mousedown', this.handleClick, false);
- document.removeEventListener('keydown', this.closeDropDown, false);
- }
-
- setDropdown(dropdown) {
- this.setState({
- dropdownOpen: dropdown
- });
- }
-
- closeDropDown(e) {
- if (e.keyCode === 27) {
- this.setDropdown('none');
- }
- }
-
- handleClick(e) {
- if (!this.node) {
- return;
- }
- if (this.node && this.node.contains(e.target)) {
- return;
- }
-
- this.handleClickOutside();
- }
-
- handleNew() {
- const { unsavedChanges, warnIfUnsavedChanges } = this.props;
- if (!unsavedChanges) {
- this.props.showToast(1500);
- this.props.setToastText('Opened new sketch.');
- this.props.newProject();
- } else if (warnIfUnsavedChanges && warnIfUnsavedChanges()) {
- this.props.showToast(1500);
- this.props.setToastText('Opened new sketch.');
- this.props.newProject();
- }
- this.setDropdown('none');
- }
-
- handleSave() {
- if (this.props.user.authenticated) {
- this.props.saveProject(this.props.cmController.getContent());
- } else {
- this.props.showErrorModal('forceAuthentication');
- }
- this.setDropdown('none');
- }
-
- handleFind() {
- this.props.cmController.showFind();
- this.setDropdown('none');
- }
-
- handleFindNext() {
- this.props.cmController.findNext();
- this.setDropdown('none');
- }
-
- handleFindPrevious() {
- this.props.cmController.findPrev();
- this.setDropdown('none');
- }
-
- handleAddFile() {
- this.props.newFile(this.props.rootFile.id);
- this.setDropdown('none');
- }
-
- handleAddFolder() {
- this.props.newFolder(this.props.rootFile.id);
- this.setDropdown('none');
- }
-
- handleRun() {
- this.props.startSketch();
- this.setDropdown('none');
- }
-
- handleStop() {
- this.props.stopSketch();
- this.setDropdown('none');
- }
-
- handleStartAccessible() {
- this.props.setAllAccessibleOutput(true);
- this.setDropdown('none');
- }
-
- handleStopAccessible() {
- this.props.setAllAccessibleOutput(false);
- this.setDropdown('none');
- }
-
- handleKeyboardShortcuts() {
- this.props.showKeyboardShortcutModal();
- this.setDropdown('none');
- }
-
- handleLogout() {
- this.props.logoutUser();
- this.setDropdown('none');
- }
-
- handleDownload() {
- this.props.autosaveProject();
- projectActions.exportProjectAsZip(this.props.project.id);
- this.setDropdown('none');
- }
-
- handleDuplicate() {
- this.props.cloneProject();
- this.setDropdown('none');
- }
-
- handleShare() {
- const { username } = this.props.params;
- this.props.showShareModal(this.props.project.id, this.props.project.name, username);
- this.setDropdown('none');
- }
-
- handleClickOutside() {
- this.setState({
- dropdownOpen: 'none'
- });
- }
-
- toggleDropdown(dropdown) {
- if (this.state.dropdownOpen === 'none') {
- this.setState({
- dropdownOpen: dropdown
- });
- } else {
- this.setState({
- dropdownOpen: 'none'
- });
- }
- }
-
- isUserOwner() {
- return this.props.project.owner && this.props.project.owner.id === this.props.user.id;
- }
-
- handleFocus(dropdown) {
- this.clearHideTimeout();
- this.setDropdown(dropdown);
- }
-
- clearHideTimeout() {
- if (this.timer) {
- clearTimeout(this.timer);
- this.timer = null;
- }
- }
-
- handleBlur() {
- this.timer = setTimeout(this.setDropdown.bind(this, 'none'), 10);
- }
-
- renderDashboardMenu(navDropdownState) {
- return (
- <ul className="nav__items-left" title="project-menu">
- <li className="nav__item-logo">
- <InlineSVG src={logoUrl} alt="p5.js logo" className="svg__logo" />
- </li>
- <li className="nav__item nav__item--no-icon">
- <Link to="/" className="nav__back-link">
- <InlineSVG src={caretLeft} className="nav__back-icon" />
- <span className="nav__item-header">
- Back to Editor
- </span>
- </Link>
- </li>
- </ul>
- );
- }
-
- renderProjectMenu(navDropdownState) {
- return (
- <ul className="nav__items-left" title="project-menu">
- <li className="nav__item-logo">
- <InlineSVG src={logoUrl} alt="p5.js logo" className="svg__logo" />
- </li>
- <li className={navDropdownState.file}>
- <button
- onClick={this.toggleDropdownForFile}
- onBlur={this.handleBlur}
- onFocus={this.clearHideTimeout}
- onMouseOver={() => {
- if (this.state.dropdownOpen !== 'none') {
- this.setDropdown('file');
- }
- }}
- >
- <span className="nav__item-header">File</span>
- <InlineSVG className="nav__item-header-triangle" src={triangleUrl} />
- </button>
- <ul className="nav__dropdown">
- <li className="nav__dropdown-item">
- <button
- onClick={this.handleNew}
- onFocus={this.handleFocusForFile}
- onBlur={this.handleBlur}
- >
- New
- </button>
- </li>
- { __process.env.LOGIN_ENABLED && (!this.props.project.owner || this.isUserOwner()) &&
- <li className="nav__dropdown-item">
- <button
- onClick={this.handleSave}
- onFocus={this.handleFocusForFile}
- onBlur={this.handleBlur}
- >
- Save
- <span className="nav__keyboard-shortcut">{metaKeyName}+s</span>
- </button>
- </li> }
- { this.props.project.id && this.props.user.authenticated &&
- <li className="nav__dropdown-item">
- <button
- onClick={this.handleDuplicate}
- onFocus={this.handleFocusForFile}
- onBlur={this.handleBlur}
- >
- Duplicate
- </button>
- </li> }
- { this.props.project.id &&
- <li className="nav__dropdown-item">
- <button
- onClick={this.handleShare}
- onFocus={this.handleFocusForFile}
- onBlur={this.handleBlur}
- >
- Share
- </button>
- </li> }
- { this.props.project.id &&
- <li className="nav__dropdown-item">
- <button
- onClick={this.handleDownload}
- onFocus={this.handleFocusForFile}
- onBlur={this.handleBlur}
- >
- Download
- </button>
- </li> }
- { this.props.user.authenticated &&
- <li className="nav__dropdown-item">
- <Link
- to={`/${this.props.user.username}/sketches`}
- onFocus={this.handleFocusForFile}
- onBlur={this.handleBlur}
- onClick={this.setDropdownForNone}
- >
- Open
- </Link>
- </li> }
- {__process.env.UI_COLLECTIONS_ENABLED &&
- this.props.user.authenticated &&
- this.props.project.id &&
- <li className="nav__dropdown-item">
- <Link
- to={`/${this.props.user.username}/sketches/${this.props.project.id}/add-to-collection`}
- onFocus={this.handleFocusForFile}
- onBlur={this.handleBlur}
- onClick={this.setDropdownForNone}
- >
- Add to Collection
- </Link>
- </li>}
- { __process.env.EXAMPLES_ENABLED &&
- <li className="nav__dropdown-item">
- <Link
- to="/p5/sketches"
- onFocus={this.handleFocusForFile}
- onBlur={this.handleBlur}
- onClick={this.setDropdownForNone}
- >
- Examples
- </Link>
- </li> }
- </ul>
- </li>
- <li className={navDropdownState.edit}>
- <button
- onClick={this.toggleDropdownForEdit}
- onBlur={this.handleBlur}
- onFocus={this.clearHideTimeout}
- onMouseOver={() => {
- if (this.state.dropdownOpen !== 'none') {
- this.setDropdown('edit');
- }
- }}
- >
- <span className="nav__item-header">Edit</span>
- <InlineSVG className="nav__item-header-triangle" src={triangleUrl} />
- </button>
- <ul className="nav__dropdown" >
- <li className="nav__dropdown-item">
- <button
- onClick={() => {
- this.props.cmController.tidyCode();
- this.setDropdown('none');
- }}
- onFocus={this.handleFocusForEdit}
- onBlur={this.handleBlur}
- >
- Tidy Code
- <span className="nav__keyboard-shortcut">{'\u21E7'}+Tab</span>
- </button>
- </li>
- <li className="nav__dropdown-item">
- <button
- onClick={this.handleFind}
- onFocus={this.handleFocusForEdit}
- onBlur={this.handleBlur}
- >
- Find
- <span className="nav__keyboard-shortcut">{metaKeyName}+F</span>
- </button>
- </li>
- <li className="nav__dropdown-item">
- <button
- onClick={this.handleFindNext}
- onFocus={this.handleFocusForEdit}
- onBlur={this.handleBlur}
- >
- Find Next
- <span className="nav__keyboard-shortcut">{metaKeyName}+G</span>
- </button>
- </li>
- <li className="nav__dropdown-item">
- <button
- onClick={this.handleFindPrevious}
- onFocus={this.handleFocusForEdit}
- onBlur={this.handleBlur}
- >
- Find Previous
- <span className="nav__keyboard-shortcut">{'\u21E7'}+{metaKeyName}+G</span>
- </button>
- </li>
- </ul>
- </li>
- <li className={navDropdownState.sketch}>
- <button
- onClick={this.toggleDropdownForSketch}
- onBlur={this.handleBlur}
- onFocus={this.clearHideTimeout}
- onMouseOver={() => {
- if (this.state.dropdownOpen !== 'none') {
- this.setDropdown('sketch');
- }
- }}
- >
- <span className="nav__item-header">Sketch</span>
- <InlineSVG className="nav__item-header-triangle" src={triangleUrl} />
- </button>
- <ul className="nav__dropdown">
- <li className="nav__dropdown-item">
- <button
- onClick={this.handleAddFile}
- onFocus={this.handleFocusForSketch}
- onBlur={this.handleBlur}
- >
- Add File
- </button>
- </li>
- <li className="nav__dropdown-item">
- <button
- onClick={this.handleAddFolder}
- onFocus={this.handleFocusForSketch}
- onBlur={this.handleBlur}
- >
- Add Folder
- </button>
- </li>
- <li className="nav__dropdown-item">
- <button
- onClick={this.handleRun}
- onFocus={this.handleFocusForSketch}
- onBlur={this.handleBlur}
- >
- Run
- <span className="nav__keyboard-shortcut">{metaKeyName}+Enter</span>
- </button>
- </li>
- <li className="nav__dropdown-item">
- <button
- onClick={this.handleStop}
- onFocus={this.handleFocusForSketch}
- onBlur={this.handleBlur}
- >
- Stop
- <span className="nav__keyboard-shortcut">{'\u21E7'}+{metaKeyName}+Enter</span>
- </button>
- </li>
- {/* <li className="nav__dropdown-item">
- <button
- onClick={this.handleStartAccessible}
- onFocus={this.handleFocusForSketch}
- onBlur={this.handleBlur}
- >
- Start Accessible
- <span className="nav__keyboard-shortcut">{'\u21E7'}+{metaKeyName}+1</span>
- </button>
- </li>
- <li className="nav__dropdown-item">
- <button
- onClick={this.handleStopAccessible}
- onFocus={this.handleFocusForSketch}
- onBlur={this.handleBlur}
- >
- Stop Accessible
- <span className="nav__keyboard-shortcut">{'\u21E7'}+{metaKeyName}+2</span>
- </button>
- </li> */}
- </ul>
- </li>
- <li className={navDropdownState.help}>
- <button
- onClick={this.toggleDropdownForHelp}
- onBlur={this.handleBlur}
- onFocus={this.clearHideTimeout}
- onMouseOver={() => {
- if (this.state.dropdownOpen !== 'none') {
- this.setDropdown('help');
- }
- }}
- >
- <span className="nav__item-header">Help</span>
- <InlineSVG className="nav__item-header-triangle" src={triangleUrl} />
- </button>
- <ul className="nav__dropdown">
- <li className="nav__dropdown-item">
- <button
- onFocus={this.handleFocusForHelp}
- onBlur={this.handleBlur}
- onClick={this.handleKeyboardShortcuts}
- >
- Keyboard Shortcuts
- </button>
- </li>
- <li className="nav__dropdown-item">
- <a
- href="https://p5js.org/reference/"
- target="_blank"
- rel="noopener noreferrer"
- onFocus={this.handleFocusForHelp}
- onBlur={this.handleBlur}
- onClick={this.setDropdownForNone}
- >Reference
- </a>
- </li>
- <li className="nav__dropdown-item">
- <Link
- to="/about"
- onFocus={this.handleFocusForHelp}
- onBlur={this.handleBlur}
- onClick={this.setDropdownForNone}
- >
- About
- </Link>
- </li>
- </ul>
- </li>
- </ul>
- );
- }
-
- renderUnauthenticatedUserMenu(navDropdownState) {
- return (
- <ul className="nav__items-right" title="user-menu">
- <li className="nav__item">
- <Link to="/login">
- <span className="nav__item-header">Log in</span>
- </Link>
- </li>
- <span className="nav__item-spacer">or</span>
- <li className="nav__item">
- <Link to="/signup">
- <span className="nav__item-header">Sign up</span>
- </Link>
- </li>
- </ul>
- );
- }
-
- renderAuthenticatedUserMenu(navDropdownState) {
- return (
- <ul className="nav__items-right" title="user-menu">
- <li className="nav__item">
- <span>Hello, {this.props.user.username}!</span>
- </li>
- <span className="nav__item-spacer">|</span>
- <li className={navDropdownState.account}>
- <button
- className="nav__item-header"
- onClick={this.toggleDropdownForAccount}
- onBlur={this.handleBlur}
- onFocus={this.clearHideTimeout}
- onMouseOver={() => {
- if (this.state.dropdownOpen !== 'none') {
- this.setDropdown('account');
- }
- }}
- >
- My Account
- <InlineSVG className="nav__item-header-triangle" src={triangleUrl} />
- </button>
- <ul className="nav__dropdown">
- <li className="nav__dropdown-item">
- <Link
- to={`/${this.props.user.username}/sketches`}
- onFocus={this.handleFocusForAccount}
- onBlur={this.handleBlur}
- onClick={this.setDropdownForNone}
- >
- My sketches
- </Link>
- </li>
- {__process.env.UI_COLLECTIONS_ENABLED &&
- <li className="nav__dropdown-item">
- <Link
- to={`/${this.props.user.username}/collections`}
- onFocus={this.handleFocusForAccount}
- onBlur={this.handleBlur}
- onClick={this.setDropdownForNone}
- >
- My collections
- </Link>
- </li>
- }
- <li className="nav__dropdown-item">
- <Link
- to={`/${this.props.user.username}/assets`}
- onFocus={this.handleFocusForAccount}
- onBlur={this.handleBlur}
- onClick={this.setDropdownForNone}
- >
- My assets
- </Link>
- </li>
- <li className="nav__dropdown-item">
- <Link
- to="/account"
- onFocus={this.handleFocusForAccount}
- onBlur={this.handleBlur}
- onClick={this.setDropdownForNone}
- >
- Settings
- </Link>
- </li>
- <li className="nav__dropdown-item">
- <button
- onClick={this.handleLogout}
- onFocus={this.handleFocusForAccount}
- onBlur={this.handleBlur}
- >
- Log out
- </button>
- </li>
- </ul>
- </li>
- </ul>
- );
- }
-
- renderUserMenu(navDropdownState) {
- const isLoginEnabled = __process.env.LOGIN_ENABLED;
- const isAuthenticated = this.props.user.authenticated;
-
- Iif (isLoginEnabled && isAuthenticated) {
- return this.renderAuthenticatedUserMenu(navDropdownState);
- } else Iif (isLoginEnabled && !isAuthenticated) {
- return this.renderUnauthenticatedUserMenu(navDropdownState);
- }
-
- return null;
- }
-
- renderLeftLayout(navDropdownState) {
- switch (this.props.layout) {
- case 'dashboard':
- return this.renderDashboardMenu(navDropdownState);
- case 'project':
- default:
- return this.renderProjectMenu(navDropdownState);
- }
- }
-
- render() {
- const navDropdownState = {
- file: classNames({
- 'nav__item': true,
- 'nav__item--open': this.state.dropdownOpen === 'file'
- }),
- edit: classNames({
- 'nav__item': true,
- 'nav__item--open': this.state.dropdownOpen === 'edit'
- }),
- sketch: classNames({
- 'nav__item': true,
- 'nav__item--open': this.state.dropdownOpen === 'sketch'
- }),
- help: classNames({
- 'nav__item': true,
- 'nav__item--open': this.state.dropdownOpen === 'help'
- }),
- account: classNames({
- 'nav__item': true,
- 'nav__item--open': this.state.dropdownOpen === 'account'
- })
- };
-
- return (
- <nav className="nav" title="main-navigation" ref={(node) => { this.node = node; }}>
- {this.renderLeftLayout(navDropdownState)}
- {this.renderUserMenu(navDropdownState)}
- {/*
- <div className="nav__announce">
- This is a preview version of the editor, that has not yet been officially released.
- It is in development, you can report bugs <a
- href="https://github.com/processing/p5.js-web-editor/issues"
- target="_blank"
- rel="noopener noreferrer"
- >here</a>.
- Please use with caution.
- </div>
- */}
- </nav>
- );
- }
-}
-
-Nav.propTypes = {
- newProject: PropTypes.func.isRequired,
- showToast: PropTypes.func.isRequired,
- setToastText: PropTypes.func.isRequired,
- saveProject: PropTypes.func.isRequired,
- autosaveProject: PropTypes.func.isRequired,
- cloneProject: PropTypes.func.isRequired,
- user: PropTypes.shape({
- authenticated: PropTypes.bool.isRequired,
- username: PropTypes.string,
- id: PropTypes.string
- }).isRequired,
- project: PropTypes.shape({
- id: PropTypes.string,
- name: PropTypes.string,
- owner: PropTypes.shape({
- id: PropTypes.string
- })
- }),
- logoutUser: PropTypes.func.isRequired,
- showShareModal: PropTypes.func.isRequired,
- showErrorModal: PropTypes.func.isRequired,
- unsavedChanges: PropTypes.bool.isRequired,
- warnIfUnsavedChanges: PropTypes.func,
- showKeyboardShortcutModal: PropTypes.func.isRequired,
- cmController: PropTypes.shape({
- tidyCode: PropTypes.func,
- showFind: PropTypes.func,
- findNext: PropTypes.func,
- findPrev: PropTypes.func,
- getContent: PropTypes.func
- }),
- startSketch: PropTypes.func.isRequired,
- stopSketch: PropTypes.func.isRequired,
- setAllAccessibleOutput: PropTypes.func.isRequired,
- newFile: PropTypes.func.isRequired,
- newFolder: PropTypes.func.isRequired,
- layout: PropTypes.oneOf(['dashboard', 'project']),
- rootFile: PropTypes.shape({
- id: PropTypes.string.isRequired
- }).isRequired,
- params: PropTypes.shape({
- username: PropTypes.string
- })
-};
-
-Nav.defaultProps = {
- project: {
- id: undefined,
- owner: undefined
- },
- cmController: {},
- layout: 'project',
- warnIfUnsavedChanges: undefined,
- params: {
- username: undefined
- }
-};
-
-function mapStateToProps(state) {
- return {
- project: state.project,
- user: state.user,
- unsavedChanges: state.ide.unsavedChanges,
- rootFile: state.files.filter(file => file.name === 'root')[0]
- };
-}
-
-const mapDispatchToProps = {
- ...IDEActions,
- ...projectActions,
- ...toastActions,
- logoutUser,
- setAllAccessibleOutput
-};
-
-export default withRouter(connect(mapStateToProps, mapDispatchToProps)(Nav));
-export { Nav as NavComponent };
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| Nav.jsx | -
-
- |
- 38.85% | -54/139 | -28.79% | -19/66 | -15.91% | -7/44 | -38.85% | -54/139 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 -105 -106 -107 -108 -109 -110 -111 -112 -113 -114 -115 -116 -117 -118 -119 -120 -121 -122 -123 -124 -125 -126 -127 -128 -129 -130 -131 -132 -133 -134 -135 -136 -137 -138 -139 -140 -141 -142 -143 -144 -145 | - -2x -2x - -2x -2x - -2x -2x - -2x -2x -2x -2x - -2x -2x -2x - -2x - -2x -2x - -2x -2x - -2x -2x -2x -2x -2x -2x - -2x -2x - -2x -2x -2x - -2x -2x -2x - -2x - -2x -2x -2x -2x -2x - -2x -2x - -2x -2x -2x -2x - -2x -2x - -2x -2x - -2x -2x -2x -2x -2x -2x -2x - -2x -2x -2x -2x -2x -2x -2x -2x - -2x -2x -2x -2x -2x -2x -2x -2x -2x -2x - -2x -2x -2x -2x - -2x -2x - -2x -2x -2x - -2x -2x -2x -2x - - -2x - -2x -2x - -2x -2x -2x -2x -2x - -2x -2x - -2x -2x -2x -2x - -2x -2x -2x -2x -2x - -2x -2x - -2x -2x - | // TODO Organize this file by reducer type, to break this apart into -// multiple files -export const UPDATE_FILE_CONTENT = 'UPDATE_FILE_CONTENT'; -export const TOGGLE_SKETCH = 'TOGGLE_SKETCH'; - -export const START_SKETCH = 'START_SKETCH'; -export const STOP_SKETCH = 'STOP_SKETCH'; - -export const START_ACCESSIBLE_OUTPUT = 'START_ACCESSIBLE_OUTPUT'; -export const STOP_ACCESSIBLE_OUTPUT = 'STOP_ACCESSIBLE_OUTPUT'; - -export const OPEN_PREFERENCES = 'OPEN_PREFERENCES'; -export const CLOSE_PREFERENCES = 'CLOSE_PREFERENCES'; -export const SET_FONT_SIZE = 'SET_FONT_SIZE'; -export const SET_LINE_NUMBERS = 'SET_LINE_NUMBERS'; - -export const AUTH_USER = 'AUTH_USER'; -export const UNAUTH_USER = 'UNAUTH_USER'; -export const AUTH_ERROR = 'AUTH_ERROR'; - -export const SETTINGS_UPDATED = 'SETTINGS_UPDATED'; - -export const API_KEY_CREATED = 'API_KEY_CREATED'; -export const API_KEY_REMOVED = 'API_KEY_REMOVED'; - -export const SET_PROJECT_NAME = 'SET_PROJECT_NAME'; -export const RENAME_PROJECT = 'RENAME_PROJECT'; - -export const PROJECT_SAVE_SUCCESS = 'PROJECT_SAVE_SUCCESS'; -export const PROJECT_SAVE_FAIL = 'PROJECT_SAVE_FAIL'; -export const NEW_PROJECT = 'NEW_PROJECT'; -export const RESET_PROJECT = 'RESET_PROJECT'; -export const SHOW_EDIT_PROJECT_NAME = 'SHOW_EDIT_PROJECT_NAME'; -export const HIDE_EDIT_PROJECT_NAME = 'HIDE_EDIT_PROJECT_NAME'; - -export const SET_PROJECT = 'SET_PROJECT'; -export const SET_PROJECTS = 'SET_PROJECTS'; - -export const SET_COLLECTIONS = 'SET_COLLECTIONS'; -export const CREATE_COLLECTION = 'CREATED_COLLECTION'; -export const DELETE_COLLECTION = 'DELETE_COLLECTION'; - -export const ADD_TO_COLLECTION = 'ADD_TO_COLLECTION'; -export const REMOVE_FROM_COLLECTION = 'REMOVE_FROM_COLLECTION'; -export const EDIT_COLLECTION = 'EDIT_COLLECTION'; - -export const DELETE_PROJECT = 'DELETE_PROJECT'; - -export const SET_SELECTED_FILE = 'SET_SELECTED_FILE'; -export const SHOW_MODAL = 'SHOW_MODAL'; -export const HIDE_MODAL = 'HIDE_MODAL'; -export const CREATE_FILE = 'CREATE_FILE'; -export const SET_BLOB_URL = 'SET_BLOB_URL'; - -export const EXPAND_SIDEBAR = 'EXPAND_SIDEBAR'; -export const COLLAPSE_SIDEBAR = 'COLLAPSE_SIDEBAR'; - -export const CONSOLE_EVENT = 'CONSOLE_EVENT'; -export const CLEAR_CONSOLE = 'CLEAR_CONSOLE'; -export const EXPAND_CONSOLE = 'EXPAND_CONSOLE'; -export const COLLAPSE_CONSOLE = 'COLLAPSE_CONSOLE'; - -export const UPDATE_LINT_MESSAGE = 'UPDATE_LINT_MESSAGE'; -export const CLEAR_LINT_MESSAGE = 'CLEAR_LINT_MESSAGE'; - -export const UPDATE_FILE_NAME = 'UPDATE_FILE_NAME'; -export const DELETE_FILE = 'DELETE_FILE'; - -export const SET_AUTOSAVE = 'SET_AUTOSAVE'; -export const SET_LINEWRAP = 'SET_LINEWRAP'; -export const SET_LINT_WARNING = 'SET_LINT_WARNING'; -export const SET_PREFERENCES = 'SET_PREFERENCES'; -export const SET_TEXT_OUTPUT = 'SET_TEXT_OUTPUT'; -export const SET_GRID_OUTPUT = 'SET_GRID_OUTPUT'; -export const SET_SOUND_OUTPUT = 'SET_SOUND_OUTPUT'; - -export const OPEN_PROJECT_OPTIONS = 'OPEN_PROJECT_OPTIONS'; -export const CLOSE_PROJECT_OPTIONS = 'CLOSE_PROJECT_OPTIONS'; -export const SHOW_NEW_FOLDER_MODAL = 'SHOW_NEW_FOLDER_MODAL'; -export const CLOSE_NEW_FOLDER_MODAL = 'CLOSE_NEW_FOLDER_MODAL'; -export const SHOW_FOLDER_CHILDREN = 'SHOW_FOLDER_CHILDREN'; -export const HIDE_FOLDER_CHILDREN = 'HIDE_FOLDER_CHILDREN'; -export const OPEN_UPLOAD_FILE_MODAL = 'OPEN_UPLOAD_FILE_MODAL'; -export const CLOSE_UPLOAD_FILE_MODAL = 'CLOSE_UPLOAD_FILE_MODAL'; - -export const SHOW_SHARE_MODAL = 'SHOW_SHARE_MODAL'; -export const CLOSE_SHARE_MODAL = 'CLOSE_SHARE_MODAL'; -export const SHOW_EDITOR_OPTIONS = 'SHOW_EDITOR_OPTIONS'; -export const CLOSE_EDITOR_OPTIONS = 'CLOSE_EDITOR_OPTIONS'; -export const SHOW_KEYBOARD_SHORTCUT_MODAL = 'SHOW_KEYBOARD_SHORTCUT_MODAL'; -export const CLOSE_KEYBOARD_SHORTCUT_MODAL = 'CLOSE_KEYBOARD_SHORTCUT_MODAL'; -export const SHOW_TOAST = 'SHOW_TOAST'; -export const HIDE_TOAST = 'HIDE_TOAST'; -export const SET_TOAST_TEXT = 'SET_TOAST_TEXT'; -export const SET_THEME = 'SET_THEME'; - -export const SET_UNSAVED_CHANGES = 'SET_UNSAVED_CHANGES'; -export const SET_AUTOREFRESH = 'SET_AUTOREFRESH'; -export const START_SKETCH_REFRESH = 'START_SKETCH_REFRESH'; -export const END_SKETCH_REFRESH = 'END_SKETCH_REFRESH'; - -export const DETECT_INFINITE_LOOPS = 'DETECT_INFINITE_LOOPS'; -export const RESET_INFINITE_LOOPS = 'RESET_INFINITE_LOOPS'; - -export const RESET_PASSWORD_INITIATE = 'RESET_PASSWORD_INITIATE'; -export const RESET_PASSWORD_RESET = 'RESET_PASSWORD_RESET'; -export const INVALID_RESET_PASSWORD_TOKEN = 'INVALID_RESET_PASSWORD_TOKEN'; - -export const EMAIL_VERIFICATION_INITIATE = 'EMAIL_VERIFICATION_INITIATE'; -export const EMAIL_VERIFICATION_VERIFY = 'EMAIL_VERIFICATION_VERIFY'; -export const EMAIL_VERIFICATION_VERIFIED = 'EMAIL_VERIFICATION_VERIFIED'; -export const EMAIL_VERIFICATION_INVALID = 'EMAIL_VERIFICATION_INVALID'; - -// eventually, handle errors more specifically and better -export const ERROR = 'ERROR'; - -export const JUST_OPENED_PROJECT = 'JUST_OPENED_PROJECT'; -export const RESET_JUST_OPENED_PROJECT = 'RESET_JUST_OPENED_PROJECT'; - -export const SET_PROJECT_SAVED_TIME = 'SET_PROJECT_SAVED_TIME'; -export const RESET_PROJECT_SAVED_TIME = 'RESET_PROJECT_SAVED_TIME'; -export const SET_PREVIOUS_PATH = 'SET_PREVIOUS_PATH'; -export const SHOW_ERROR_MODAL = 'SHOW_ERROR_MODAL'; -export const HIDE_ERROR_MODAL = 'HIDE_ERROR_MODAL'; - -export const PERSIST_STATE = 'PERSIST_STATE'; -export const CLEAR_PERSISTED_STATE = 'CLEAR_PERSISTED_STATE'; - -export const HIDE_RUNTIME_ERROR_WARNING = 'HIDE_RUNTIME_ERROR_WARNING'; -export const SHOW_RUNTIME_ERROR_WARNING = 'SHOW_RUNTIME_ERROR_WARNING'; -export const SET_ASSETS = 'SET_ASSETS'; -export const DELETE_ASSET = 'DELETE_ASSET'; - -export const TOGGLE_DIRECTION = 'TOGGLE_DIRECTION'; -export const SET_SORTING = 'SET_SORTING'; -export const SET_SORT_PARAMS = 'SET_SORT_PARAMS'; -export const SET_SEARCH_TERM = 'SET_SEARCH_TERM'; -export const CLOSE_SKETCHLIST_MODAL = 'CLOSE_SKETCHLIST_MODAL'; - -export const START_LOADING = 'START_LOADING'; -export const STOP_LOADING = 'STOP_LOADING'; - -export const START_SAVING_PROJECT = 'START_SAVING_PROJECT'; -export const END_SAVING_PROJECT = 'END_SAVING_PROJECT'; - |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| constants.js | -
-
- |
- 100% | -109/109 | -100% | -0/0 | -100% | -0/0 | -100% | -109/109 | -
| persistState.js | -
-
- |
- 38.46% | -5/13 | -100% | -0/0 | -0% | -0/3 | -38.46% | -5/13 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 | - - - - - - - - - - - - - - | import * as ActionTypes from '../../../constants'; - -export function clearConsole() { - return { - type: ActionTypes.CLEAR_CONSOLE - }; -} - -export function dispatchConsoleEvent(messages) { - return { - type: ActionTypes.CONSOLE_EVENT, - event: messages - }; -} - |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 -105 -106 -107 -108 -109 -110 -111 -112 -113 -114 -115 -116 -117 -118 -119 -120 -121 -122 -123 -124 -125 -126 -127 -128 -129 -130 -131 -132 -133 -134 -135 -136 -137 -138 -139 -140 -141 -142 -143 -144 -145 -146 -147 -148 -149 -150 -151 -152 -153 -154 -155 -156 -157 -158 -159 -160 -161 -162 -163 -164 -165 -166 -167 -168 -169 -170 -171 -172 -173 -174 -175 -176 -177 -178 -179 -180 -181 -182 -183 -184 -185 -186 -187 -188 -189 -190 -191 -192 -193 -194 -195 -196 -197 -198 -199 -200 -201 -202 -203 -204 -205 -206 -207 -208 -209 -210 -211 -212 -213 | - - - - - - - -1x -1x - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | import axios from 'axios';
-import objectID from 'bson-objectid';
-import blobUtil from 'blob-util';
-import { reset } from 'redux-form';
-import * as ActionTypes from '../../../constants';
-import { setUnsavedChanges, closeNewFolderModal, closeNewFileModal } from './ide';
-import { setProjectSavedTime } from './project';
-
-const __process = (typeof global !== 'undefined' ? global : window).process;
-const ROOT_URL = __process.env.API_URL;
-
-function appendToFilename(filename, string) {
- const dotIndex = filename.lastIndexOf('.');
- if (dotIndex === -1) return filename + string;
- return filename.substring(0, dotIndex) + string + filename.substring(dotIndex);
-}
-
-function createUniqueName(name, parentId, files) {
- const siblingFiles = files.find(file => file.id === parentId)
- .children.map(childFileId => files.find(file => file.id === childFileId));
- let testName = name;
- let index = 1;
- let existingName = siblingFiles.find(file => name === file.name);
-
- while (existingName) {
- testName = appendToFilename(name, `-${index}`);
- index += 1;
- existingName = siblingFiles.find((file) => testName === file.name); // eslint-disable-line
- }
- return testName;
-}
-
-export function updateFileContent(id, content) {
- return {
- type: ActionTypes.UPDATE_FILE_CONTENT,
- id,
- content
- };
-}
-
-export function createFile(formProps) {
- return (dispatch, getState) => {
- const state = getState();
- const { parentId } = state.ide;
- if (state.project.id) {
- const postParams = {
- name: createUniqueName(formProps.name, parentId, state.files),
- url: formProps.url,
- content: formProps.content || '',
- parentId,
- children: []
- };
- axios.post(`${ROOT_URL}/projects/${state.project.id}/files`, postParams, { withCredentials: true })
- .then((response) => {
- dispatch({
- type: ActionTypes.CREATE_FILE,
- ...response.data.updatedFile,
- parentId
- });
- dispatch(setProjectSavedTime(response.data.project.updatedAt));
- dispatch(closeNewFileModal());
- dispatch(reset('new-file'));
- // dispatch({
- // type: ActionTypes.HIDE_MODAL
- // });
- dispatch(setUnsavedChanges(true));
- })
- .catch(response => dispatch({
- type: ActionTypes.ERROR,
- error: response.data
- }));
- } else {
- const id = objectID().toHexString();
- dispatch({
- type: ActionTypes.CREATE_FILE,
- name: createUniqueName(formProps.name, parentId, state.files),
- id,
- _id: id,
- url: formProps.url,
- content: formProps.content || '',
- parentId,
- children: []
- });
- dispatch(reset('new-file'));
- // dispatch({
- // type: ActionTypes.HIDE_MODAL
- // });
- dispatch(setUnsavedChanges(true));
- dispatch(closeNewFileModal());
- }
- };
-}
-
-export function createFolder(formProps) {
- return (dispatch, getState) => {
- const state = getState();
- const { parentId } = state.ide;
- if (state.project.id) {
- const postParams = {
- name: createUniqueName(formProps.name, parentId, state.files),
- content: '',
- children: [],
- parentId,
- fileType: 'folder'
- };
- axios.post(`${ROOT_URL}/projects/${state.project.id}/files`, postParams, { withCredentials: true })
- .then((response) => {
- dispatch({
- type: ActionTypes.CREATE_FILE,
- ...response.data.updatedFile,
- parentId
- });
- dispatch(setProjectSavedTime(response.data.project.updatedAt));
- dispatch(closeNewFolderModal());
- })
- .catch(response => dispatch({
- type: ActionTypes.ERROR,
- error: response.data
- }));
- } else {
- const id = objectID().toHexString();
- dispatch({
- type: ActionTypes.CREATE_FILE,
- name: createUniqueName(formProps.name, parentId, state.files),
- id,
- _id: id,
- content: '',
- // TODO pass parent id from File Tree
- parentId,
- fileType: 'folder',
- children: []
- });
- dispatch(closeNewFolderModal());
- }
- };
-}
-
-export function updateFileName(id, name) {
- return (dispatch) => {
- dispatch(setUnsavedChanges(true));
- dispatch({
- type: ActionTypes.UPDATE_FILE_NAME,
- id,
- name
- });
- };
-}
-
-export function deleteFile(id, parentId) {
- return (dispatch, getState) => {
- const state = getState();
- if (state.project.id) {
- const deleteConfig = {
- params: {
- parentId
- }
- };
- axios.delete(`${ROOT_URL}/projects/${state.project.id}/files/${id}`, deleteConfig, { withCredentials: true })
- .then(() => {
- dispatch({
- type: ActionTypes.DELETE_FILE,
- id,
- parentId
- });
- })
- .catch((response) => {
- dispatch({
- type: ActionTypes.ERROR,
- error: response.data
- });
- });
- } else {
- dispatch({
- type: ActionTypes.DELETE_FILE,
- id,
- parentId
- });
- }
- };
-}
-
-export function showFolderChildren(id) {
- return {
- type: ActionTypes.SHOW_FOLDER_CHILDREN,
- id
- };
-}
-
-export function hideFolderChildren(id) {
- return {
- type: ActionTypes.HIDE_FOLDER_CHILDREN,
- id
- };
-}
-
-export function setBlobUrl(file, blobURL) {
- return {
- type: ActionTypes.SET_BLOB_URL,
- id: file.id,
- blobURL
- };
-}
-
-export function getBlobUrl(file) {
- if (file.blobUrl) {
- blobUtil.revokeObjectURL(file.blobUrl);
- }
-
- const fileBlob = blobUtil.createBlob([file.content], { type: 'text/plain' });
- const blobURL = blobUtil.createObjectURL(fileBlob);
- return blobURL;
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 -105 -106 -107 -108 -109 -110 -111 -112 -113 -114 -115 -116 -117 -118 -119 -120 -121 -122 -123 -124 -125 -126 -127 -128 -129 -130 -131 -132 -133 -134 -135 -136 -137 -138 -139 -140 -141 -142 -143 -144 -145 -146 -147 -148 -149 -150 -151 -152 -153 -154 -155 -156 -157 -158 -159 -160 -161 -162 -163 -164 -165 -166 -167 -168 -169 -170 -171 -172 -173 -174 -175 -176 -177 -178 -179 -180 -181 -182 -183 -184 -185 -186 -187 -188 -189 -190 -191 -192 -193 -194 -195 -196 -197 -198 -199 -200 -201 -202 -203 -204 -205 -206 -207 -208 -209 -210 -211 -212 -213 -214 -215 -216 -217 -218 -219 -220 -221 -222 -223 -224 -225 -226 -227 -228 -229 -230 -231 -232 -233 -234 -235 -236 -237 -238 -239 -240 -241 -242 -243 -244 -245 -246 -247 -248 -249 -250 -251 -252 -253 -254 -255 -256 -257 -258 -259 -260 -261 -262 -263 -264 -265 -266 -267 -268 -269 -270 -271 -272 -273 -274 -275 -276 -277 -278 -279 -280 -281 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | import * as ActionTypes from '../../../constants';
-import { clearConsole } from './console';
-
-export function startVisualSketch() {
- return {
- type: ActionTypes.START_SKETCH
- };
-}
-
-export function stopVisualSketch() {
- return {
- type: ActionTypes.STOP_SKETCH
- };
-}
-
-export function startRefreshSketch() {
- return {
- type: ActionTypes.START_SKETCH_REFRESH
- };
-}
-
-export function startSketchAndRefresh() {
- return (dispatch) => {
- dispatch(startVisualSketch());
- dispatch(startRefreshSketch());
- };
-}
-
-export function endSketchRefresh() {
- return {
- type: ActionTypes.END_SKETCH_REFRESH
- };
-}
-
-export function startAccessibleOutput() {
- return {
- type: ActionTypes.START_ACCESSIBLE_OUTPUT
- };
-}
-
-export function stopAccessibleOutput() {
- return {
- type: ActionTypes.STOP_ACCESSIBLE_OUTPUT
- };
-}
-
-export function setSelectedFile(fileId) {
- return {
- type: ActionTypes.SET_SELECTED_FILE,
- selectedFile: fileId
- };
-}
-
-export function resetSelectedFile(previousId) {
- return (dispatch, getState) => {
- const state = getState();
- const newId = state.files.find(file => file.name !== 'root' && file.id !== previousId).id;
- dispatch({
- type: ActionTypes.SET_SELECTED_FILE,
- selectedFile: newId
- });
- };
-}
-
-export function newFile(parentId) {
- return {
- type: ActionTypes.SHOW_MODAL,
- parentId
- };
-}
-
-export function closeNewFileModal() {
- return {
- type: ActionTypes.HIDE_MODAL
- };
-}
-
-export function openUploadFileModal(parentId) {
- return {
- type: ActionTypes.OPEN_UPLOAD_FILE_MODAL,
- parentId
- };
-}
-
-export function closeUploadFileModal() {
- return {
- type: ActionTypes.CLOSE_UPLOAD_FILE_MODAL
- };
-}
-
-export function expandSidebar() {
- return {
- type: ActionTypes.EXPAND_SIDEBAR
- };
-}
-
-export function collapseSidebar() {
- return {
- type: ActionTypes.COLLAPSE_SIDEBAR
- };
-}
-
-export function expandConsole() {
- return {
- type: ActionTypes.EXPAND_CONSOLE
- };
-}
-
-export function collapseConsole() {
- return {
- type: ActionTypes.COLLAPSE_CONSOLE
- };
-}
-
-export function openPreferences() {
- return {
- type: ActionTypes.OPEN_PREFERENCES
- };
-}
-
-export function closePreferences() {
- return {
- type: ActionTypes.CLOSE_PREFERENCES
- };
-}
-
-export function openProjectOptions() {
- return {
- type: ActionTypes.OPEN_PROJECT_OPTIONS
- };
-}
-
-export function closeProjectOptions() {
- return {
- type: ActionTypes.CLOSE_PROJECT_OPTIONS
- };
-}
-
-export function newFolder(parentId) {
- return {
- type: ActionTypes.SHOW_NEW_FOLDER_MODAL,
- parentId
- };
-}
-
-export function closeNewFolderModal() {
- return {
- type: ActionTypes.CLOSE_NEW_FOLDER_MODAL
- };
-}
-
-export function showShareModal(projectId, projectName, ownerUsername) {
- return (dispatch, getState) => {
- const { project, user } = getState();
- dispatch({
- type: ActionTypes.SHOW_SHARE_MODAL,
- payload: {
- shareModalProjectId: projectId || project.id,
- shareModalProjectName: projectName || project.name,
- shareModalProjectUsername: ownerUsername || user.username
- }
- });
- };
-}
-
-export function closeShareModal() {
- return {
- type: ActionTypes.CLOSE_SHARE_MODAL
- };
-}
-
-export function showEditorOptions() {
- return {
- type: ActionTypes.SHOW_EDITOR_OPTIONS
- };
-}
-
-export function closeEditorOptions() {
- return {
- type: ActionTypes.CLOSE_EDITOR_OPTIONS
- };
-}
-
-export function showKeyboardShortcutModal() {
- return {
- type: ActionTypes.SHOW_KEYBOARD_SHORTCUT_MODAL
- };
-}
-
-export function closeKeyboardShortcutModal() {
- return {
- type: ActionTypes.CLOSE_KEYBOARD_SHORTCUT_MODAL
- };
-}
-
-export function setUnsavedChanges(value) {
- return {
- type: ActionTypes.SET_UNSAVED_CHANGES,
- value
- };
-}
-
-export function detectInfiniteLoops(message) {
- return {
- type: ActionTypes.DETECT_INFINITE_LOOPS,
- message
- };
-}
-
-export function resetInfiniteLoops() {
- return {
- type: ActionTypes.RESET_INFINITE_LOOPS
- };
-}
-
-export function justOpenedProject() {
- return {
- type: ActionTypes.JUST_OPENED_PROJECT,
- };
-}
-
-export function resetJustOpenedProject() {
- return {
- type: ActionTypes.RESET_JUST_OPENED_PROJECT
- };
-}
-
-export function setPreviousPath(path) {
- return {
- type: ActionTypes.SET_PREVIOUS_PATH,
- path
- };
-}
-
-export function showErrorModal(modalType) {
- return {
- type: ActionTypes.SHOW_ERROR_MODAL,
- modalType
- };
-}
-
-export function hideErrorModal() {
- return {
- type: ActionTypes.HIDE_ERROR_MODAL
- };
-}
-
-export function hideRuntimeErrorWarning() {
- return {
- type: ActionTypes.HIDE_RUNTIME_ERROR_WARNING
- };
-}
-
-export function showRuntimeErrorWarning() {
- return {
- type: ActionTypes.SHOW_RUNTIME_ERROR_WARNING
- };
-}
-
-export function startSketch() {
- return (dispatch) => {
- dispatch(clearConsole());
- dispatch(startSketchAndRefresh());
- };
-}
-
-export function startAccessibleSketch() {
- return (dispatch) => {
- dispatch(clearConsole());
- dispatch(startAccessibleOutput());
- dispatch(startSketchAndRefresh());
- };
-}
-
-export function stopSketch() {
- return (dispatch) => {
- dispatch(stopAccessibleOutput());
- dispatch(stopVisualSketch());
- };
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| console.js | -
-
- |
- 0% | -0/2 | -100% | -0/0 | -0% | -0/2 | -0% | -0/2 | -
| files.js | -
-
- |
- 2.86% | -2/70 | -6.25% | -1/16 | -0% | -0/26 | -3.08% | -2/65 | -
| ide.js | -
-
- |
- 0% | -0/57 | -0% | -0/8 | -0% | -0/49 | -0% | -0/56 | -
| preferences.js | -
-
- |
- 2.94% | -2/68 | -4.55% | -1/22 | -0% | -0/25 | -2.94% | -2/68 | -
| project.js | -
-
- |
- 1.21% | -2/165 | -1.89% | -1/53 | -0% | -0/60 | -1.27% | -2/158 | -
| toast.js | -
-
- |
- 0% | -0/6 | -100% | -0/0 | -0% | -0/5 | -0% | -0/5 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 -105 -106 -107 -108 -109 -110 -111 -112 -113 -114 -115 -116 -117 -118 -119 -120 -121 -122 -123 -124 -125 -126 -127 -128 -129 -130 -131 -132 -133 -134 -135 -136 -137 -138 -139 -140 -141 -142 -143 -144 -145 -146 -147 -148 -149 -150 -151 -152 -153 -154 -155 -156 -157 -158 -159 -160 -161 -162 -163 -164 -165 -166 -167 -168 -169 -170 -171 -172 -173 -174 -175 -176 -177 -178 -179 -180 -181 -182 -183 -184 -185 -186 -187 -188 -189 -190 -191 -192 -193 -194 -195 -196 -197 -198 -199 -200 -201 -202 -203 -204 -205 -206 -207 -208 -209 -210 -211 -212 -213 | - - -1x -1x - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | import axios from 'axios'; -import * as ActionTypes from '../../../constants'; - -const __process = (typeof global !== 'undefined' ? global : window).process; -const ROOT_URL = __process.env.API_URL; - -function updatePreferences(formParams, dispatch) { - axios.put(`${ROOT_URL}/preferences`, formParams, { withCredentials: true }) - .then(() => { - }) - .catch(response => dispatch({ - type: ActionTypes.ERROR, - error: response.data - })); -} - -export function setFontSize(value) { - return (dispatch, getState) => { // eslint-disable-line - dispatch({ - type: ActionTypes.SET_FONT_SIZE, - value - }); - const state = getState(); - if (state.user.authenticated) { - const formParams = { - preferences: { - fontSize: value - } - }; - updatePreferences(formParams, dispatch); - } - }; -} - -export function setLineNumbers(value) { - return (dispatch, getState) => { - dispatch({ - type: ActionTypes.SET_LINE_NUMBERS, - value - }); - const state = getState(); - if (state.user.authenticated) { - const formParams = { - preferences: { - lineNumbers: value - } - }; - updatePreferences(formParams, dispatch); - } - }; -} - -export function setAutosave(value) { - return (dispatch, getState) => { - dispatch({ - type: ActionTypes.SET_AUTOSAVE, - value - }); - const state = getState(); - if (state.user.authenticated) { - const formParams = { - preferences: { - autosave: value - } - }; - updatePreferences(formParams, dispatch); - } - }; -} - -export function setLinewrap(value) { - return (dispatch, getState) => { - dispatch({ - type: ActionTypes.SET_LINEWRAP, - value - }); - const state = getState(); - if (state.user.authenticated) { - const formParams = { - preferences: { - linewrap: value - } - }; - updatePreferences(formParams, dispatch); - } - }; -} - -export function setLintWarning(value) { - return (dispatch, getState) => { - dispatch({ - type: ActionTypes.SET_LINT_WARNING, - value - }); - const state = getState(); - if (state.user.authenticated) { - const formParams = { - preferences: { - lintWarning: value - } - }; - updatePreferences(formParams, dispatch); - } - }; -} - -export function setTextOutput(value) { - return (dispatch, getState) => { - dispatch({ - type: ActionTypes.SET_TEXT_OUTPUT, - value - }); - const state = getState(); - if (state.user.authenticated) { - const formParams = { - preferences: { - textOutput: value - } - }; - updatePreferences(formParams, dispatch); - } - }; -} - -export function setGridOutput(value) { - return (dispatch, getState) => { - dispatch({ - type: ActionTypes.SET_GRID_OUTPUT, - value - }); - const state = getState(); - if (state.user.authenticated) { - const formParams = { - preferences: { - gridOutput: value - } - }; - updatePreferences(formParams, dispatch); - } - }; -} - -export function setSoundOutput(value) { - return (dispatch, getState) => { - dispatch({ - type: ActionTypes.SET_SOUND_OUTPUT, - value - }); - const state = getState(); - if (state.user.authenticated) { - const formParams = { - preferences: { - soundOutput: value - } - }; - updatePreferences(formParams, dispatch); - } - }; -} - -export function setTheme(value) { - // return { - // type: ActionTypes.SET_THEME, - // value - // }; - return (dispatch, getState) => { - dispatch({ - type: ActionTypes.SET_THEME, - value - }); - const state = getState(); - if (state.user.authenticated) { - const formParams = { - preferences: { - theme: value - } - }; - updatePreferences(formParams, dispatch); - } - }; -} - -export function setAutorefresh(value) { - // return { - // type: ActionTypes.SET_AUTOREFRESH, - // value - // }; - return (dispatch, getState) => { - dispatch({ - type: ActionTypes.SET_AUTOREFRESH, - value - }); - const state = getState(); - if (state.user.authenticated) { - const formParams = { - preferences: { - autorefresh: value - } - }; - updatePreferences(formParams, dispatch); - } - }; -} - -export function setAllAccessibleOutput(value) { - return (dispatch) => { - dispatch(setTextOutput(value)); - dispatch(setGridOutput(value)); - dispatch(setSoundOutput(value)); - }; -} - - |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 -105 -106 -107 -108 -109 -110 -111 -112 -113 -114 -115 -116 -117 -118 -119 -120 -121 -122 -123 -124 -125 -126 -127 -128 -129 -130 -131 -132 -133 -134 -135 -136 -137 -138 -139 -140 -141 -142 -143 -144 -145 -146 -147 -148 -149 -150 -151 -152 -153 -154 -155 -156 -157 -158 -159 -160 -161 -162 -163 -164 -165 -166 -167 -168 -169 -170 -171 -172 -173 -174 -175 -176 -177 -178 -179 -180 -181 -182 -183 -184 -185 -186 -187 -188 -189 -190 -191 -192 -193 -194 -195 -196 -197 -198 -199 -200 -201 -202 -203 -204 -205 -206 -207 -208 -209 -210 -211 -212 -213 -214 -215 -216 -217 -218 -219 -220 -221 -222 -223 -224 -225 -226 -227 -228 -229 -230 -231 -232 -233 -234 -235 -236 -237 -238 -239 -240 -241 -242 -243 -244 -245 -246 -247 -248 -249 -250 -251 -252 -253 -254 -255 -256 -257 -258 -259 -260 -261 -262 -263 -264 -265 -266 -267 -268 -269 -270 -271 -272 -273 -274 -275 -276 -277 -278 -279 -280 -281 -282 -283 -284 -285 -286 -287 -288 -289 -290 -291 -292 -293 -294 -295 -296 -297 -298 -299 -300 -301 -302 -303 -304 -305 -306 -307 -308 -309 -310 -311 -312 -313 -314 -315 -316 -317 -318 -319 -320 -321 -322 -323 -324 -325 -326 -327 -328 -329 -330 -331 -332 -333 -334 -335 -336 -337 -338 -339 -340 -341 -342 -343 -344 -345 -346 -347 -348 -349 -350 -351 -352 -353 -354 -355 -356 -357 -358 -359 -360 -361 -362 -363 -364 -365 -366 -367 -368 -369 -370 -371 -372 -373 -374 -375 -376 -377 -378 -379 -380 -381 -382 -383 | - - - - - - - - - - - - - - - -2x -2x - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | import { browserHistory } from 'react-router';
-import axios from 'axios';
-import objectID from 'bson-objectid';
-import each from 'async/each';
-import isEqual from 'lodash/isEqual';
-import * as ActionTypes from '../../../constants';
-import { showToast, setToastText } from './toast';
-import {
- setUnsavedChanges,
- justOpenedProject,
- resetJustOpenedProject,
- showErrorModal,
- setPreviousPath
-} from './ide';
-import { clearState, saveState } from '../../../persistState';
-
-const __process = (typeof global !== 'undefined' ? global : window).process;
-const ROOT_URL = __process.env.API_URL;
-
-export function setProject(project) {
- return {
- type: ActionTypes.SET_PROJECT,
- project,
- files: project.files,
- owner: project.user
- };
-}
-
-export function setProjectName(name) {
- return {
- type: ActionTypes.SET_PROJECT_NAME,
- name
- };
-}
-
-export function projectSaveFail(error) {
- return {
- type: ActionTypes.PROJECT_SAVE_FAIL,
- error
- };
-}
-
-export function setNewProject(project) {
- return {
- type: ActionTypes.NEW_PROJECT,
- project,
- owner: project.user,
- files: project.files
- };
-}
-
-export function getProject(id) {
- return (dispatch, getState) => {
- dispatch(justOpenedProject());
- axios.get(`${ROOT_URL}/projects/${id}`, { withCredentials: true })
- .then((response) => {
- dispatch(setProject(response.data));
- dispatch(setUnsavedChanges(false));
- })
- .catch(response => dispatch({
- type: ActionTypes.ERROR,
- error: response.data
- }));
- };
-}
-
-export function persistState() {
- return (dispatch, getState) => {
- dispatch({
- type: ActionTypes.PERSIST_STATE,
- });
- const state = getState();
- saveState(state);
- };
-}
-
-export function clearPersistedState() {
- return (dispatch) => {
- dispatch({
- type: ActionTypes.CLEAR_PERSISTED_STATE,
- });
- clearState();
- };
-}
-
-export function startSavingProject() {
- return {
- type: ActionTypes.START_SAVING_PROJECT
- };
-}
-
-export function endSavingProject() {
- return {
- type: ActionTypes.END_SAVING_PROJECT
- };
-}
-
-export function projectSaveSuccess() {
- return {
- type: ActionTypes.PROJECT_SAVE_SUCCESS
- };
-}
-
-// want a function that will check for changes on the front end
-function getSynchedProject(currentState, responseProject) {
- let hasChanges = false;
- const synchedProject = Object.assign({}, responseProject);
- const currentFiles = currentState.files.map(({ name, children, content }) => ({ name, children, content }));
- const responseFiles = responseProject.files.map(({ name, children, content }) => ({ name, children, content }));
- if (!isEqual(currentFiles, responseFiles)) {
- synchedProject.files = currentState.files;
- hasChanges = true;
- }
- if (currentState.project.name !== responseProject.name) {
- synchedProject.name = currentState.project.name;
- hasChanges = true;
- }
- return {
- synchedProject,
- hasChanges
- };
-}
-
-export function saveProject(selectedFile = null, autosave = false) {
- return (dispatch, getState) => {
- const state = getState();
- if (state.project.isSaving) {
- return Promise.resolve();
- }
- dispatch(startSavingProject());
- if (state.user.id && state.project.owner && state.project.owner.id !== state.user.id) {
- return Promise.reject();
- }
- const formParams = Object.assign({}, state.project);
- formParams.files = [...state.files];
-
- if (selectedFile) {
- const fileToUpdate = formParams.files.find(file => file.id === selectedFile.id);
- fileToUpdate.content = selectedFile.content;
- }
- if (state.project.id) {
- return axios.put(`${ROOT_URL}/projects/${state.project.id}`, formParams, { withCredentials: true })
- .then((response) => {
- dispatch(endSavingProject());
- dispatch(setUnsavedChanges(false));
- const { hasChanges, synchedProject } = getSynchedProject(getState(), response.data);
- if (hasChanges) {
- dispatch(setUnsavedChanges(true));
- }
- dispatch(setProject(synchedProject));
- dispatch(projectSaveSuccess());
- 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) => {
- dispatch(endSavingProject());
- if (response.status === 403) {
- dispatch(showErrorModal('staleSession'));
- } else if (response.status === 409) {
- dispatch(showErrorModal('staleProject'));
- } else {
- dispatch(projectSaveFail(response.data));
- }
- });
- }
-
- return axios.post(`${ROOT_URL}/projects`, formParams, { withCredentials: true })
- .then((response) => {
- dispatch(endSavingProject());
- const { hasChanges, synchedProject } = getSynchedProject(getState(), response.data);
- if (hasChanges) {
- dispatch(setNewProject(synchedProject));
- dispatch(setUnsavedChanges(false));
- browserHistory.push(`/${response.data.user.username}/sketches/${response.data.id}`);
- dispatch(setUnsavedChanges(true));
- } else {
- dispatch(setNewProject(synchedProject));
- dispatch(setUnsavedChanges(false));
- browserHistory.push(`/${response.data.user.username}/sketches/${response.data.id}`);
- }
- dispatch(projectSaveSuccess());
- 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) => {
- dispatch(endSavingProject());
- if (response.status === 403) {
- dispatch(showErrorModal('staleSession'));
- } else {
- dispatch(projectSaveFail(response.data));
- }
- });
- };
-}
-
-export function autosaveProject() {
- return (dispatch, getState) => {
- saveProject(null, true)(dispatch, getState);
- };
-}
-
-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(id) {
- return (dispatch, getState) => {
- dispatch(setUnsavedChanges(false));
- new Promise((resolve, reject) => {
- if (!id) {
- resolve(getState());
- } else {
- fetch(`${ROOT_URL}/projects/${id}`)
- .then(res => res.json())
- .then(data => resolve({
- files: data.files,
- project: {
- name: data.name
- }
- }));
- }
- }).then((state) => {
- const newFiles = state.files.map((file) => { // eslint-disable-line
- return { ...file };
- });
-
- // generate new IDS for all files
- const rootFile = newFiles.find(file => file.name === 'root');
- const newRootFileId = objectID().toHexString();
- rootFile.id = newRootFileId;
- rootFile._id = newRootFileId;
- generateNewIdsForChildren(rootFile, newFiles);
-
- // duplicate all files hosted on S3
- each(newFiles, (file, callback) => {
- if (file.url && file.url.includes('amazonaws')) {
- const formParams = {
- url: file.url
- };
- axios.post(`${ROOT_URL}/S3/copy`, formParams, { withCredentials: true })
- .then((response) => {
- file.url = response.data.url;
- callback(null);
- });
- } else {
- callback(null);
- }
- }, (err) => {
- // if not errors in duplicating the files on S3, then duplicate it
- 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(setNewProject(response.data));
- })
- .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
- };
-}
-
-export function setProjectSavedTime(updatedAt) {
- return {
- type: ActionTypes.SET_PROJECT_SAVED_TIME,
- value: updatedAt
- };
-}
-
-export function changeProjectName(id, newName) {
- return (dispatch, getState) => {
- const state = getState();
- axios.put(`${ROOT_URL}/projects/${id}`, { name: newName }, { withCredentials: true })
- .then((response) => {
- if (response.status === 200) {
- dispatch({
- type: ActionTypes.RENAME_PROJECT,
- payload: { id: response.data.id, name: response.data.name }
- });
- if (state.project.id === response.data.id) {
- dispatch({
- type: ActionTypes.SET_PROJECT_NAME,
- name: response.data.name
- });
- }
- }
- })
- .catch((response) => {
- console.log(response);
- dispatch({
- type: ActionTypes.PROJECT_SAVE_FAIL,
- error: response.data
- });
- });
- };
-}
-
-export function deleteProject(id) {
- return (dispatch, getState) => {
- axios.delete(`${ROOT_URL}/projects/${id}`, { withCredentials: true })
- .then(() => {
- const state = getState();
- if (id === state.project.id) {
- dispatch(resetProject());
- dispatch(setPreviousPath('/'));
- }
- dispatch({
- type: ActionTypes.DELETE_PROJECT,
- id
- });
- })
- .catch((response) => {
- if (response.status === 403) {
- dispatch(showErrorModal('staleSession'));
- } else {
- dispatch({
- type: ActionTypes.ERROR,
- error: response.data
- });
- }
- });
- };
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 | - - - - - - - - - - - - - - - - - - - - - - - | import * as ActionTypes from '../../../constants'; - -export function hideToast() { - return { - type: ActionTypes.HIDE_TOAST - }; -} - -export function showToast(time) { - return (dispatch) => { - dispatch({ - type: ActionTypes.SHOW_TOAST - }); - setTimeout(() => dispatch(hideToast()), time); - }; -} - -export function setToastText(text) { - return { - type: ActionTypes.SET_TOAST_TEXT, - text - }; -} - |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 -105 -106 -107 -108 -109 -110 -111 -112 -113 -114 -115 -116 -117 -118 -119 -120 -121 -122 -123 -124 -125 -126 -127 -128 -129 -130 -131 -132 -133 -134 -135 -136 -137 -138 -139 -140 -141 -142 -143 -144 -145 -146 -147 -148 -149 -150 -151 -152 -153 -154 -155 -156 -157 -158 -159 -160 -161 -162 -163 -164 -165 -166 -167 -168 -169 -170 -171 -172 -173 -174 -175 -176 -177 -178 -179 -180 -181 -182 -183 -184 -185 -186 -187 -188 -189 -190 -191 -192 -193 -194 -195 -196 -197 -198 -199 -200 -201 -202 -203 -204 -205 -206 -207 -208 -209 -210 -211 -212 -213 -214 -215 -216 -217 -218 -219 -220 -221 -222 -223 -224 -225 -226 -227 -228 -229 -230 -231 -232 -233 -234 -235 -236 -237 -238 -239 -240 -241 -242 -243 -244 -245 -246 -247 -248 -249 -250 -251 -252 -253 -254 -255 -256 -257 -258 -259 -260 -261 -262 -263 -264 -265 -266 -267 -268 -269 -270 -271 -272 -273 -274 -275 -276 -277 -278 -279 -280 -281 -282 -283 -284 -285 -286 -287 -288 -289 -290 -291 -292 -293 -294 -295 -296 -297 -298 -299 -300 -301 -302 -303 -304 -305 -306 -307 -308 -309 -310 -311 -312 -313 -314 -315 -316 -317 -318 -319 -320 -321 -322 -323 -324 -325 -326 -327 | - - - - - - - - -1x -1x -1x -1x - - - -3x -3x -3x -3x -3x -3x -3x -3x -3x -3x -3x -3x - -3x - - - - - - - - - - - - - - - - - - - - - -71x - - - -1x -1x - -1x -1x - - - - - - - - - - - -2x -2x - - - - - - - - - -2x -2x -2x -2x -2x -2x -2x - -2x -2x -2x -1x -1x - - - - - - - - - - - - - - - - - - - - -2x - - - -2x - - - - - - - - - - - -13x - - - - - - - - -13x - - -13x -13x - - - -13x - - - - - - -13x - - - - - - - - - - - - - - - - - - - - - - - - - -2x -2x - - - - - - - - - - - - - - - - - -13x - - - - - - - - - - - - - - - - - - - -13x - - - - - - - - - - - - - - - - - - - - - -2x -2x -2x -2x - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -13x -13x - - - - - - - - - - - -1x - - - - - - - - - - - - - - - - - - -1x - - - - - - - - - - - - - - -1x - - | import PropTypes from 'prop-types';
-import React from 'react';
-import { bindActionCreators } from 'redux';
-import { connect } from 'react-redux';
-import InlineSVG from 'react-inlinesvg';
-import classNames from 'classnames';
-import * as IDEActions from '../actions/ide';
-import * as FileActions from '../actions/files';
-
-const downArrowUrl = require('../../../images/down-filled-triangle.svg');
-const folderRightUrl = require('../../../images/triangle-arrow-right.svg');
-const folderDownUrl = require('../../../images/triangle-arrow-down.svg');
-const fileUrl = require('../../../images/file.svg');
-
-export class FileNode extends React.Component {
- constructor(props) {
- super(props);
- this.renderChild = this.renderChild.bind(this);
- this.handleKeyPress = this.handleKeyPress.bind(this);
- this.handleFileNameChange = this.handleFileNameChange.bind(this);
- this.validateFileName = this.validateFileName.bind(this);
- this.handleFileClick = this.handleFileClick.bind(this);
- this.toggleFileOptions = this.toggleFileOptions.bind(this);
- this.hideFileOptions = this.hideFileOptions.bind(this);
- this.showEditFileName = this.showEditFileName.bind(this);
- this.hideEditFileName = this.hideEditFileName.bind(this);
- this.onBlurComponent = this.onBlurComponent.bind(this);
- this.onFocusComponent = this.onFocusComponent.bind(this);
-
- this.state = {
- isOptionsOpen: false,
- isEditingName: false,
- isFocused: false,
- updatedName: this.props.name
- };
- }
-
- onFocusComponent() {
- this.setState({ isFocused: true });
- }
-
- onBlurComponent() {
- this.setState({ isFocused: false });
- setTimeout(() => {
- if (!this.state.isFocused) {
- this.hideFileOptions();
- }
- }, 200);
- }
-
- get updatedName() {
- return this.state.updatedName;
- }
-
- commitFileNameChange() {
- const { updatedName } = this.state;
- const { name, updateFileName, id } = this.props;
-
- Eif (updatedName !== name) {
- updateFileName(id, updatedName);
- }
- }
-
- handleFileClick(e) {
- e.stopPropagation();
- if (this.updatedName !== 'root' && !this.isDeleting) {
- this.props.setSelectedFile(this.props.id);
- }
- }
-
- handleFileNameChange(event) {
- const newname = event.target.value;
- this.setState({ updatedName: newname });
- }
-
- handleKeyPress(event) {
- if (event.key === 'Enter') {
- this.hideEditFileName();
- }
- }
-
- validateFileName() {
- const oldFileExtension = this.originalFileName.match(/\.[0-9a-z]+$/i);
- const newFileExtension = this.updatedName.match(/\.[0-9a-z]+$/i);
- const hasPeriod = this.updatedName.match(/\.+/);
- const newFileName = this.updatedName;
- const hasNoExtension = oldFileExtension && !newFileExtension;
- const hasExtensionIfFolder = this.props.fileType === 'folder' && hasPeriod;
- const notSameExtension = oldFileExtension && newFileExtension
- && oldFileExtension[0].toLowerCase() !== newFileExtension[0].toLowerCase();
- const hasEmptyFilename = newFileName === '';
- const hasOnlyExtension = newFileExtension && newFileName === newFileExtension[0];
- if (hasEmptyFilename || hasNoExtension || notSameExtension || hasOnlyExtension || hasExtensionIfFolder) {
- this.setState({ updatedName: this.originalFileName });
- } else this.commitFileNameChange();
- }
-
- toggleFileOptions(e) {
- e.preventDefault();
- if (!this.props.canEdit) {
- return;
- }
- if (this.state.isOptionsOpen) {
- this.setState({ isOptionsOpen: false });
- } else {
- this[`fileOptions-${this.props.id}`].focus();
- this.setState({ isOptionsOpen: true });
- }
- }
-
- hideFileOptions() {
- this.setState({ isOptionsOpen: false });
- }
-
- showEditFileName() {
- this.setState({ isEditingName: true });
- }
-
- hideEditFileName() {
- this.setState({ isEditingName: false });
- }
-
- renderChild(childId) {
- return (
- <li key={childId}>
- <ConnectedFileNode id={childId} parentId={this.props.id} canEdit={this.props.canEdit} />
- </li>
- );
- }
-
- render() {
- const itemClass = classNames({
- 'sidebar__root-item': this.updatedName === 'root',
- 'sidebar__file-item': this.updatedName !== 'root',
- 'sidebar__file-item--selected': this.props.isSelectedFile,
- 'sidebar__file-item--open': this.state.isOptionsOpen,
- 'sidebar__file-item--editing': this.state.isEditingName,
- 'sidebar__file-item--closed': this.props.isFolderClosed
- });
-
- return (
- <div className={itemClass}>
- {(() => { // eslint-disable-line
- Eif (this.updatedName !== 'root') {
- return (
- <div className="file-item__content" onContextMenu={this.toggleFileOptions}>
- <span className="file-item__spacer"></span>
- {(() => { // eslint-disable-line
- Iif (this.props.fileType === 'file') {
- return (
- <span className="sidebar__file-item-icon">
- <InlineSVG src={fileUrl} />
- </span>
- );
- }
- return (
- <div className="sidebar__file-item--folder">
- <button
- className="sidebar__file-item-closed"
- onClick={() => this.props.showFolderChildren(this.props.id)}
- >
- <InlineSVG className="folder-right" src={folderRightUrl} />
- </button>
- <button
- className="sidebar__file-item-open"
- onClick={() => this.props.hideFolderChildren(this.props.id)}
- >
- <InlineSVG className="folder-down" src={folderDownUrl} />
- </button>
- </div>
- );
- })()}
- <button className="sidebar__file-item-name" onClick={this.handleFileClick}>{this.updatedName}</button>
- <input
- type="text"
- className="sidebar__file-item-input"
- value={this.updatedName}
- maxLength="128"
- onChange={this.handleFileNameChange}
- ref={(element) => { this.fileNameInput = element; }}
- onBlur={() => {
- this.validateFileName();
- this.hideEditFileName();
- }}
- onKeyPress={this.handleKeyPress}
- />
- <button
- className="sidebar__file-item-show-options"
- aria-label="view file options"
- ref={(element) => { this[`fileOptions-${this.props.id}`] = element; }}
- tabIndex="0"
- onClick={this.toggleFileOptions}
- onBlur={this.onBlurComponent}
- onFocus={this.onFocusComponent}
- >
- <InlineSVG src={downArrowUrl} />
- </button>
- <div className="sidebar__file-item-options">
- <ul title="file options">
- {(() => { // eslint-disable-line
- Iif (this.props.fileType === 'folder') {
- return (
- <li>
- <button
- aria-label="add file"
- onClick={() => {
- this.props.newFile(this.props.id);
- setTimeout(() => this.hideFileOptions(), 0);
- }}
- onBlur={this.onBlurComponent}
- onFocus={this.onFocusComponent}
- className="sidebar__file-item-option"
- >
- Add File
- </button>
- </li>
- );
- }
- })()}
- {(() => { // eslint-disable-line
- Iif (this.props.fileType === 'folder') {
- return (
- <li>
- <button
- aria-label="add folder"
- onClick={() => {
- this.props.newFolder(this.props.id);
- setTimeout(() => this.hideFileOptions(), 0);
- }}
- onBlur={this.onBlurComponent}
- onFocus={this.onFocusComponent}
- className="sidebar__file-item-option"
- >
- Add Folder
- </button>
- </li>
- );
- }
- })()}
- <li>
- <button
- onClick={() => {
- this.originalFileName = this.props.name;
- this.showEditFileName();
- setTimeout(() => this.fileNameInput.focus(), 0);
- setTimeout(() => this.hideFileOptions(), 0);
- }}
- onBlur={this.onBlurComponent}
- onFocus={this.onFocusComponent}
- className="sidebar__file-item-option"
- >
- Rename
- </button>
- </li>
- <li>
- <button
- onClick={() => {
- if (window.confirm(`Are you sure you want to delete ${this.updatedName}?`)) {
- this.isDeleting = true;
- this.props.resetSelectedFile(this.props.id);
- setTimeout(() => this.props.deleteFile(this.props.id, this.props.parentId), 100);
- }
- }}
- onBlur={this.onBlurComponent}
- onFocus={this.onFocusComponent}
- className="sidebar__file-item-option"
- >
- Delete
- </button>
- </li>
- </ul>
- </div>
- </div>
- );
- }
- })()}
- {(() => { // eslint-disable-line
- Eif (this.props.children) {
- return (
- <ul className="file-item__children">
- {this.props.children.map(this.renderChild)}
- </ul>
- );
- }
- })()}
- </div>
- );
- }
-}
-
-FileNode.propTypes = {
- id: PropTypes.string.isRequired,
- parentId: PropTypes.string,
- children: PropTypes.arrayOf(PropTypes.string.isRequired).isRequired,
- name: PropTypes.string.isRequired,
- fileType: PropTypes.string.isRequired,
- isSelectedFile: PropTypes.bool,
- isFolderClosed: PropTypes.bool,
- setSelectedFile: PropTypes.func.isRequired,
- deleteFile: PropTypes.func.isRequired,
- updateFileName: PropTypes.func.isRequired,
- resetSelectedFile: PropTypes.func.isRequired,
- newFile: PropTypes.func.isRequired,
- newFolder: PropTypes.func.isRequired,
- showFolderChildren: PropTypes.func.isRequired,
- hideFolderChildren: PropTypes.func.isRequired,
- canEdit: PropTypes.bool.isRequired
-};
-
-FileNode.defaultProps = {
- parentId: '0',
- isSelectedFile: false,
- isFolderClosed: false,
-};
-
-function mapStateToProps(state, ownProps) {
- // this is a hack, state is updated before ownProps
- return state.files.find(file => file.id === ownProps.id) || { name: 'test', fileType: 'file' };
-}
-
-function mapDispatchToProps(dispatch) {
- return bindActionCreators(Object.assign(FileActions, IDEActions), dispatch);
-}
-
-const ConnectedFileNode = connect(mapStateToProps, mapDispatchToProps)(FileNode);
-export default ConnectedFileNode;
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| FileNode.jsx | -
-
- |
- 57.58% | -57/99 | -47.73% | -21/44 | -39.47% | -15/38 | -61.29% | -57/93 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 -105 -106 -107 -108 -109 -110 -111 -112 -113 -114 -115 -116 -117 -118 -119 -120 -121 -122 -123 -124 -125 -126 -127 -128 -129 -130 -131 -132 -133 -134 -135 -136 -137 -138 -139 -140 -141 -142 -143 -144 -145 -146 -147 -148 -149 -150 -151 -152 -153 -154 -155 -156 -157 -158 -159 -160 -161 -162 -163 -164 -165 -166 -167 -168 -169 -170 -171 -172 -173 -174 -175 -176 -177 -178 -179 -180 -181 -182 -183 -184 -185 -186 -187 -188 -189 -190 -191 -192 -193 -194 -195 -196 -197 -198 -199 -200 -201 -202 -203 -204 -205 -206 -207 -208 -209 -210 -211 -212 -213 -214 -215 -216 -217 -218 -219 -220 -221 -222 -223 -224 -225 -226 -227 -228 -229 -230 -231 -232 -233 -234 -235 -236 -237 -238 -239 -240 -241 -242 -243 -244 -245 -246 -247 -248 -249 | - - - - - - -1x -1x - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | import { browserHistory } from 'react-router';
-import axios from 'axios';
-import * as ActionTypes from '../../constants';
-import { showErrorModal, justOpenedProject } from '../IDE/actions/ide';
-import { showToast, setToastText } from '../IDE/actions/toast';
-
-
-const __process = (typeof global !== 'undefined' ? global : window).process;
-const ROOT_URL = __process.env.API_URL;
-
-export function authError(error) {
- return {
- type: ActionTypes.AUTH_ERROR,
- payload: error
- };
-}
-
-export function signUpUser(previousPath, formValues) {
- return (dispatch) => {
- axios.post(`${ROOT_URL}/signup`, formValues, { withCredentials: true })
- .then((response) => {
- dispatch({
- type: ActionTypes.AUTH_USER,
- user: response.data
- });
- dispatch(justOpenedProject());
- browserHistory.push(previousPath);
- })
- .catch(response => dispatch(authError(response.data.error)));
- };
-}
-
-export function loginUser(formValues) {
- return axios.post(`${ROOT_URL}/login`, formValues, { withCredentials: true });
-}
-
-export function loginUserSuccess(user) {
- return {
- type: ActionTypes.AUTH_USER,
- user
- };
-}
-
-export function loginUserFailure(error) {
- return {
- type: ActionTypes.AUTH_ERROR,
- error
- };
-}
-
-export function validateAndLoginUser(previousPath, formProps, dispatch) {
- return new Promise((resolve, reject) => {
- loginUser(formProps)
- .then((response) => {
- dispatch({
- type: ActionTypes.AUTH_USER,
- user: response.data
- });
- dispatch({
- type: ActionTypes.SET_PREFERENCES,
- preferences: response.data.preferences
- });
- dispatch(justOpenedProject());
- browserHistory.push(previousPath);
- resolve();
- })
- .catch(error =>
- reject({ password: error.response.data.message, _error: 'Login failed!' })); // eslint-disable-line
- });
-}
-
-export function getUser() {
- return (dispatch) => {
- axios.get(`${ROOT_URL}/session`, { withCredentials: true })
- .then((response) => {
- dispatch({
- type: ActionTypes.AUTH_USER,
- user: response.data
- });
- dispatch({
- type: ActionTypes.SET_PREFERENCES,
- preferences: response.data.preferences
- });
- })
- .catch((response) => {
- const message = response.message || response.data.error;
- dispatch(authError(message));
- });
- };
-}
-
-export function validateSession() {
- return (dispatch, getState) => {
- axios.get(`${ROOT_URL}/session`, { withCredentials: true })
- .then((response) => {
- const state = getState();
- if (state.user.username !== response.data.username) {
- dispatch(showErrorModal('staleSession'));
- }
- })
- .catch((response) => {
- if (response.status === 404) {
- dispatch(showErrorModal('staleSession'));
- }
- });
- };
-}
-
-export function logoutUser() {
- return (dispatch) => {
- axios.get(`${ROOT_URL}/logout`, { withCredentials: true })
- .then(() => {
- dispatch({
- type: ActionTypes.UNAUTH_USER
- });
- })
- .catch(response => dispatch(authError(response.data.error)));
- };
-}
-
-export function initiateResetPassword(formValues) {
- return (dispatch) => {
- dispatch({
- type: ActionTypes.RESET_PASSWORD_INITIATE
- });
- axios.post(`${ROOT_URL}/reset-password`, formValues, { withCredentials: true })
- .then(() => {
- // do nothing
- })
- .catch(response => dispatch({
- type: ActionTypes.ERROR,
- message: response.data
- }));
- };
-}
-
-export function initiateVerification() {
- return (dispatch) => {
- dispatch({
- type: ActionTypes.EMAIL_VERIFICATION_INITIATE
- });
- axios.post(`${ROOT_URL}/verify/send`, {}, { withCredentials: true })
- .then(() => {
- // do nothing
- })
- .catch(response => dispatch({
- type: ActionTypes.ERROR,
- message: response.data
- }));
- };
-}
-
-export function verifyEmailConfirmation(token) {
- return (dispatch) => {
- dispatch({
- type: ActionTypes.EMAIL_VERIFICATION_VERIFY,
- state: 'checking',
- });
- return axios.get(`${ROOT_URL}/verify?t=${token}`, {}, { withCredentials: true })
- .then(response => dispatch({
- type: ActionTypes.EMAIL_VERIFICATION_VERIFIED,
- message: response.data,
- }))
- .catch(response => dispatch({
- type: ActionTypes.EMAIL_VERIFICATION_INVALID,
- message: response.data
- }));
- };
-}
-
-
-export function resetPasswordReset() {
- return {
- type: ActionTypes.RESET_PASSWORD_RESET
- };
-}
-
-export function validateResetPasswordToken(token) {
- return (dispatch) => {
- axios.get(`${ROOT_URL}/reset-password/${token}`)
- .then(() => {
- // do nothing if the token is valid
- })
- .catch(() => dispatch({
- type: ActionTypes.INVALID_RESET_PASSWORD_TOKEN
- }));
- };
-}
-
-export function updatePassword(token, formValues) {
- return (dispatch) => {
- axios.post(`${ROOT_URL}/reset-password/${token}`, formValues)
- .then((response) => {
- dispatch(loginUserSuccess(response.data));
- browserHistory.push('/');
- })
- .catch(() => dispatch({
- type: ActionTypes.INVALID_RESET_PASSWORD_TOKEN
- }));
- };
-}
-
-export function updateSettingsSuccess(user) {
- return {
- type: ActionTypes.SETTINGS_UPDATED,
- user
- };
-}
-
-export function updateSettings(formValues) {
- return dispatch =>
- axios.put(`${ROOT_URL}/account`, formValues, { withCredentials: true })
- .then((response) => {
- dispatch(updateSettingsSuccess(response.data));
- browserHistory.push('/');
- dispatch(showToast(5500));
- dispatch(setToastText('Settings saved.'));
- })
- .catch(response => Promise.reject(new Error(response.data.error)));
-}
-
-export function createApiKeySuccess(user) {
- return {
- type: ActionTypes.API_KEY_CREATED,
- user
- };
-}
-
-export function createApiKey(label) {
- return dispatch =>
- axios.post(`${ROOT_URL}/account/api-keys`, { label }, { withCredentials: true })
- .then((response) => {
- dispatch(createApiKeySuccess(response.data));
- })
- .catch(response => Promise.reject(new Error(response.data.error)));
-}
-
-export function removeApiKey(keyId) {
- return dispatch =>
- axios.delete(`${ROOT_URL}/account/api-keys/${keyId}`, { withCredentials: true })
- .then((response) => {
- dispatch({
- type: ActionTypes.API_KEY_REMOVED,
- user: response.data
- });
- })
- .catch(response => Promise.reject(new Error(response.data.error)));
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| actions.js | -
-
- |
- 2.63% | -2/76 | -12.5% | -1/8 | -0% | -0/59 | -2.63% | -2/76 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 | - - - -2x -2x - -2x - - - - - - - -2x - - - - - - - - -2x - - - | /* - Saves and loads a snapshot of the Redux store - state to session storage -*/ -const key = 'p5js-editor'; -const storage = sessionStorage; - -export const saveState = (state) => { - try { - storage.setItem(key, JSON.stringify(state)); - } catch (error) { - console.warn('Unable to persist state to storage:', error); - } -}; - -export const loadState = () => { - try { - return JSON.parse(storage.getItem(key)); - } catch (error) { - console.warn('Failed to retrieve initialize state from storage:', error); - return null; - } -}; - -export const clearState = () => { - storage.removeItem(key); -}; - |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| metaKey.js | -
-
- |
- 80% | -4/5 | -62.5% | -5/8 | -100% | -1/1 | -80% | -4/5 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 | 1x -1x -1x - - - - - - - -1x - - - - - - | const metaKey = (() => {
- Eif (navigator != null && navigator.platform != null) {
- return /^MAC/i.test(navigator.platform) ?
- 'Cmd' :
- 'Ctrl';
- }
-
- return 'Ctrl';
-})();
-
-const metaKeyName = metaKey === 'Cmd' ? '\u2318' : 'Ctrl';
-
-export {
- metaKey,
- metaKeyName,
-};
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| client | -
-
- |
- 93.44% | -114/122 | -100% | -0/0 | -0% | -0/3 | -93.44% | -114/122 | -
| client/__test__/mocks | -
-
- |
- 100% | -1/1 | -100% | -0/0 | -100% | -0/0 | -100% | -1/1 | -
| client/components | -
-
- |
- 38.85% | -54/139 | -28.79% | -19/66 | -15.91% | -7/44 | -38.85% | -54/139 | -
| client/modules/IDE/actions | -
-
- |
- 1.63% | -6/368 | -3.03% | -3/99 | -0% | -0/167 | -1.69% | -6/354 | -
| client/modules/IDE/components | -
-
- |
- 57.58% | -57/99 | -47.73% | -21/44 | -39.47% | -15/38 | -61.29% | -57/93 | -
| client/modules/User | -
-
- |
- 2.63% | -2/76 | -12.5% | -1/8 | -0% | -0/59 | -2.63% | -2/76 | -
| client/utils | -
-
- |
- 80% | -4/5 | -62.5% | -5/8 | -100% | -1/1 | -80% | -4/5 | -
| server/controllers/project.controller | -
-
- |
- 79.55% | -70/88 | -68.42% | -26/38 | -76.67% | -23/30 | -80.46% | -70/87 | -
| server/controllers/user.controller | -
-
- |
- 86% | -43/50 | -72.22% | -13/18 | -100% | -15/15 | -85.71% | -42/49 | -
| server/domain-objects | -
-
- |
- 97.96% | -48/49 | -87.5% | -14/16 | -88.89% | -8/9 | -97.92% | -47/48 | -
| server/models | -
-
- |
- 37.65% | -32/85 | -3.57% | -1/28 | -20% | -4/20 | -41.56% | -32/77 | -
| server/utils | -
-
- |
- 100% | -10/10 | -66.67% | -2/3 | -100% | -4/4 | -100% | -10/10 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 | - - - -4x - - - -4x - - -2x - - - -3x - - - -3x -1x -1x - -2x - - - - - -4x - - - - - - -6x - - -5x - - - - - - - - - - - - -5x -3x -2x -2x - - - - - - -7x -1x -1x -1x - -1x - - - -6x -6x - -5x - -2x - -2x -1x - -1x - - - -1x -1x - -1x - - - - -4x -4x - - - | import Project from '../../models/project';
-import { toModel, FileValidationError, ProjectValidationError } from '../../domain-objects/Project';
-
-export default function createProject(req, res) {
- let projectValues = {
- user: req.user._id
- };
-
- projectValues = Object.assign(projectValues, req.body);
-
- function sendFailure() {
- res.json({ success: false });
- }
-
- function populateUserData(newProject) {
- return Project.populate(
- newProject,
- { path: 'user', select: 'username' },
- (err, newProjectWithUser) => {
- if (err) {
- sendFailure();
- return;
- }
- res.json(newProjectWithUser);
- }
- );
- }
-
-
- return Project.create(projectValues)
- .then(populateUserData)
- .catch(sendFailure);
-}
-
-// TODO: What happens if you don't supply any files?
-export function apiCreateProject(req, res) {
- const params = Object.assign({ user: req.user._id }, req.body);
-
- function sendValidationErrors(err, type, code = 422) {
- res.status(code).json({
- message: `${type} Validation Failed`,
- detail: err.message,
- errors: err.files,
- });
- }
-
- // TODO: Error handling to match spec
- function sendFailure(err) {
- res.status(500).end();
- }
-
- function handleErrors(err) {
- if (err instanceof FileValidationError) {
- sendValidationErrors(err, 'File', err.code);
- } else Eif (err instanceof ProjectValidationError) {
- sendValidationErrors(err, 'Sketch', err.code);
- } else {
- sendFailure();
- }
- }
-
- function checkUserHasPermission() {
- if (req.user.username !== req.params.username) {
- console.log('no permission');
- const error = new ProjectValidationError(`'${req.user.username}' does not have permission to create for '${req.params.username}'`);
- error.code = 401;
-
- throw error;
- }
- }
-
- try {
- checkUserHasPermission();
-
- const model = toModel(params);
-
- return model.isSlugUnique()
- .then(({ isUnique, conflictingIds }) => {
- if (isUnique) {
- return model.save()
- .then((newProject) => {
- res.status(201).json({ id: newProject.id });
- });
- }
-
- const error = new ProjectValidationError(`Slug "${model.slug}" is not unique. Check ${conflictingIds.join(', ')}`);
- error.code = 409;
-
- throw error;
- })
- .then(checkUserHasPermission)
- .catch(handleErrors);
- } catch (err) {
- handleErrors(err);
- return Promise.reject(err);
- }
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 | - - - - -1x - - -1x - - - - - - - - - - - - - - -2x - - - -1x - - - -3x -1x -1x - - -2x -1x -1x - - -1x - -1x -1x - - - - -1x - - - -3x - - - - | import isBefore from 'date-fns/is_before';
-import Project from '../../models/project';
-import { deleteObjectsFromS3, getObjectKey } from '../aws.controller';
-import createApplicationErrorClass from '../../utils/createApplicationErrorClass';
-
-const ProjectDeletionError = createApplicationErrorClass('ProjectDeletionError');
-
-function deleteFilesFromS3(files) {
- deleteObjectsFromS3(files.filter((file) => {
- if (file.url) {
- if (!process.env.S3_DATE || (
- process.env.S3_DATE &&
- isBefore(new Date(process.env.S3_DATE), new Date(file.createdAt)))) {
- return true;
- }
- }
- return false;
- })
- .map(file => getObjectKey(file.url)));
-}
-
-export default function deleteProject(req, res) {
- function sendFailure(error) {
- res.status(error.code).json({ message: error.message });
- }
-
- function sendProjectNotFound() {
- sendFailure(new ProjectDeletionError('Project with that id does not exist', { code: 404 }));
- }
-
- function handleProjectDeletion(project) {
- if (project == null) {
- sendProjectNotFound();
- return;
- }
-
- if (!project.user.equals(req.user._id)) {
- sendFailure(new ProjectDeletionError('Authenticated user does not match owner of project', { code: 403 }));
- return;
- }
-
- deleteFilesFromS3(project.files);
-
- project.remove((removeProjectError) => {
- Iif (removeProjectError) {
- sendProjectNotFound();
- return;
- }
-
- res.status(200).end();
- });
- }
-
- return Project.findById(req.params.project_id)
- .then(handleProjectDeletion)
- .catch(sendFailure);
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 | - - - - -1x - - -4x -4x -4x -2x -2x - - -2x -2x -2x - - - - - - - - - - - - - - - - - - -3x -2x - - -2x -1x - -1x - - - - - -1x -1x - - - -3x -2x - - - - - -2x -1x - -1x - - - - -1x -1x - - | import Project from '../../models/project';
-import User from '../../models/user';
-import { toApi as toApiProjectObject } from '../../domain-objects/Project';
-import createApplicationErrorClass from '../../utils/createApplicationErrorClass';
-
-const UserNotFoundError = createApplicationErrorClass('UserNotFoundError');
-
-function getProjectsForUserName(username) {
- return new Promise((resolve, reject) => {
- User.findOne({ username }, (err, user) => {
- if (err) {
- reject(err);
- return;
- }
-
- Eif (!user) {
- reject(new UserNotFoundError());
- return;
- }
-
- Project.find({ user: user._id })
- .sort('-createdAt')
- .select('name files id createdAt updatedAt')
- .exec((innerErr, projects) => {
- if (innerErr) {
- reject(innerErr);
- return;
- }
-
- resolve(projects);
- });
- });
- });
-}
-
-export default function getProjectsForUser(req, res) {
- if (req.params.username) {
- return getProjectsForUserName(req.params.username)
- .then(projects => res.json(projects))
- .catch((err) => {
- if (err instanceof UserNotFoundError) {
- res.status(404).json({ message: 'User with that username does not exist.' });
- } else {
- res.status(500).json({ message: 'Error fetching projects' });
- }
- });
- }
-
- // could just move this to client side
- res.status(200).json([]);
- return Promise.resolve();
-}
-
-export function apiGetProjectsForUser(req, res) {
- if (req.params.username) {
- return getProjectsForUserName(req.params.username)
- .then((projects) => {
- const asApiObjects = projects.map(p => toApiProjectObject(p));
- res.json({ sketches: asApiObjects });
- })
- .catch((err) => {
- if (err instanceof UserNotFoundError) {
- res.status(404).json({ message: 'User with that username does not exist.' });
- } else {
- res.status(500).json({ message: 'Error fetching projects' });
- }
- });
- }
-
- res.status(422).json({ message: 'Username not provided' });
- return Promise.resolve();
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| createProject.js | -
-
- |
- 94.12% | -32/34 | -90.91% | -10/11 | -90.91% | -10/11 | -94.12% | -32/34 | -
| deleteProject.js | -
-
- |
- 68.18% | -15/22 | -38.46% | -5/13 | -75% | -6/8 | -68.18% | -15/22 | -
| getProjectsForUser.js | -
-
- |
- 71.88% | -23/32 | -78.57% | -11/14 | -63.64% | -7/11 | -74.19% | -23/31 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 | - - - - - - - - -1x -1x -1x - - -1x -1x - - - - - -3x - -2x -2x - - -3x -3x -1x -1x - - -2x -1x -1x - - -1x - -1x - -1x -1x - - - - -1x - -1x -1x - -1x - - - - -1x -1x - - - - - - -3x - -2x -2x - - -3x -3x - - - - -3x -1x -1x - - -2x -2x -1x -1x - - -1x - -1x -1x - - - - -1x -1x - - - - - | import crypto from 'crypto';
-
-import User from '../../models/user';
-
-/**
- * Generates a unique token to be used as a Personal Access Token
- * @returns Promise<String> A promise that resolves to the token, or an Error
- */
-function generateApiKey() {
- return new Promise((resolve, reject) => {
- crypto.randomBytes(20, (err, buf) => {
- Iif (err) {
- reject(err);
- }
- const key = buf.toString('hex');
- resolve(Buffer.from(key).toString('base64'));
- });
- });
-}
-
-export function createApiKey(req, res) {
- return new Promise((resolve, reject) => {
- function sendFailure(code, error) {
- res.status(code).json({ error });
- resolve();
- }
-
- User.findById(req.user.id, async (err, user) => {
- if (!user) {
- sendFailure(404, 'User not found');
- return;
- }
-
- if (!req.body.label) {
- sendFailure(400, 'Expected field \'label\' was not present in request body');
- return;
- }
-
- const keyToBeHashed = await generateApiKey();
-
- const addedApiKeyIndex = user.apiKeys.push({ label: req.body.label, hashedKey: keyToBeHashed });
-
- user.save((saveErr) => {
- Iif (saveErr) {
- sendFailure(500, saveErr);
- return;
- }
-
- const apiKeys = user.apiKeys
- .map((apiKey, index) => {
- const fields = apiKey.toObject();
- const shouldIncludeToken = index === addedApiKeyIndex - 1;
-
- return shouldIncludeToken ?
- { ...fields, token: keyToBeHashed } :
- fields;
- });
-
- res.json({ apiKeys });
- resolve();
- });
- });
- });
-}
-
-export function removeApiKey(req, res) {
- return new Promise((resolve, reject) => {
- function sendFailure(code, error) {
- res.status(code).json({ error });
- resolve();
- }
-
- User.findById(req.user.id, (err, user) => {
- Iif (err) {
- sendFailure(500, err);
- return;
- }
-
- if (!user) {
- sendFailure(404, 'User not found');
- return;
- }
-
- const keyToDelete = user.apiKeys.find(key => key.id === req.params.keyId);
- if (!keyToDelete) {
- sendFailure(404, 'Key does not exist for user');
- return;
- }
-
- user.apiKeys.pull({ _id: req.params.keyId });
-
- user.save((saveErr) => {
- Iif (saveErr) {
- sendFailure(500, saveErr);
- return;
- }
-
- res.status(200).json({ apiKeys: user.apiKeys });
- resolve();
- });
- });
- });
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| apiKey.js | -
-
- |
- 86% | -43/50 | -72.22% | -13/18 | -100% | -15/15 | -85.71% | -42/49 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 -105 -106 -107 -108 -109 -110 -111 -112 -113 -114 -115 -116 -117 -118 -119 -120 -121 -122 -123 -124 -125 -126 -127 -128 -129 -130 -131 -132 -133 -134 | - - - - - - -3x -3x - - - - - - - - - - - - - - - - - - - - - - -40x -40x - -40x -52x -52x - -52x -23x - - - - - - -23x - - - -23x -23x -23x - -29x - - - - - -29x -1x -28x -23x - -5x - - -29x - - - - -52x -35x - - - -40x - - - -17x - - - - - -17x - -17x -4x - - -5x - -4x -4x - -4x - - -13x - - - -14x - - - - - - - - -11x -11x - -11x -8x -5x - - -8x - -3x - - -6x -6x - -6x - - | import isPlainObject from 'lodash/isPlainObject';
-import pick from 'lodash/pick';
-import Project from '../models/project';
-import createId from '../utils/createId';
-import createApplicationErrorClass from '../utils/createApplicationErrorClass';
-import createDefaultFiles from './createDefaultFiles';
-
-export const FileValidationError = createApplicationErrorClass('FileValidationError');
-export const ProjectValidationError = createApplicationErrorClass('ProjectValidationError');
-
-/**
- * This converts between a mongoose Project model
- * and the public API Project object properties
- *
- */
-export function toApi(model) {
- return {
- id: model.id,
- name: model.name,
- };
-}
-
-/**
- * Transforms a tree of files matching the APIs DirectoryContents
- * format into the data structure stored in mongodb
- *
- * - flattens the tree into an array of file/folders
- * - each file/folder gets a generated BSON-ID
- * - each folder has a `children` array containing the IDs of it's children
- */
-function transformFilesInner(tree = {}, parentNode) {
- const files = [];
- const errors = [];
-
- Object.entries(tree).forEach(([name, params]) => {
- const id = createId();
- const isFolder = params.files != null;
-
- if (isFolder) {
- const folder = {
- _id: id,
- name,
- fileType: 'folder',
- children: [] // Initialise an empty folder
- };
-
- files.push(folder);
-
- // The recursion will return a list of child files/folders
- // It will also push the child's id into `folder.children`
- const subFolder = transformFilesInner(params.files, folder);
- files.push(...subFolder.files);
- errors.push(...subFolder.errors);
- } else {
- const file = {
- _id: id,
- name,
- fileType: 'file'
- };
-
- if (typeof params.url === 'string') {
- file.url = params.url;
- } else if (typeof params.content === 'string') {
- file.content = params.content;
- } else {
- errors.push({ name, message: 'missing \'url\' or \'content\'' });
- }
-
- files.push(file);
- }
-
- // Push this child's ID onto it's parent's list
- // of children
- if (parentNode != null) {
- parentNode.children.push(id);
- }
- });
-
- return { files, errors };
-}
-
-export function transformFiles(tree = {}) {
- const withRoot = {
- root: {
- files: tree
- }
- };
-
- const { files, errors } = transformFilesInner(withRoot);
-
- if (errors.length > 0) {
- const message = `${errors.length} files failed validation. See error.files for individual errors.
-
- Errors:
- ${errors.map(e => `* ${e.name}: ${e.message}`).join('\n')}
-`;
- const error = new FileValidationError(message);
- error.files = errors;
-
- throw error;
- }
-
- return files;
-}
-
-export function containsRootHtmlFile(tree) {
- return Object.keys(tree).find(name => /\.html$/.test(name)) != null;
-}
-
-/**
- * This converts between the public API's Project object
- * properties and a mongoose Project model
- *
- */
-export function toModel(object) {
- let files = [];
- let tree = object.files;
-
- if (isPlainObject(tree)) {
- if (!containsRootHtmlFile(tree)) {
- tree = Object.assign(createDefaultFiles(), tree);
- }
-
- files = transformFiles(tree);
- } else {
- throw new FileValidationError('\'files\' must be an object');
- }
-
- const projectValues = pick(object, ['user', 'name', 'slug']);
- projectValues.files = files;
-
- return new Project(projectValues);
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 | 3x - - - - - - - - -3x - - - - - - - - - - - - - - - - -3x - - - - - - - - - -5x - - - - - - - - - - - - | const defaultSketch = `function setup() {
- createCanvas(400, 400);
-}
-
-function draw() {
- background(220);
-}`;
-
-const defaultHTML =
- `<!DOCTYPE html>
-<html>
- <head>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.8.0/p5.js"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.8.0/addons/p5.dom.min.js"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.8.0/addons/p5.sound.min.js"></script>
- <link rel="stylesheet" type="text/css" href="style.css">
- <meta charset="utf-8" />
-
- </head>
- <body>
- <script src="sketch.js"></script>
- </body>
-</html>
-`;
-
-const defaultCSS =
- `html, body {
- margin: 0;
- padding: 0;
-}
-canvas {
- display: block;
-}
-`;
-
-export default function createDefaultFiles() {
- return {
- 'index.html': {
- content: defaultHTML
- },
- 'style.css': {
- content: defaultCSS
- },
- 'sketch.js': {
- content: defaultSketch
- }
- };
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| Project.js | -
-
- |
- 97.78% | -44/45 | -87.5% | -14/16 | -87.5% | -7/8 | -97.73% | -43/44 | -
| createDefaultFiles.js | -
-
- |
- 100% | -4/4 | -100% | -0/0 | -100% | -1/1 | -100% | -4/4 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| project.js | -
-
- |
- 51.85% | -14/27 | -12.5% | -1/8 | -40% | -2/5 | -51.85% | -14/27 | -
| user.js | -
-
- |
- 31.03% | -18/58 | -0% | -0/20 | -13.33% | -2/15 | -36% | -18/50 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 | - - - - - - -5x - -5x - - - - - - - - - - - -5x - - - -5x - - - -5x - - - - - - - - - - - -5x -3x - - -5x - - - -5x -5x - -5x -5x - - -5x - - - - - -5x - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | import mongoose from 'mongoose';
-import shortid from 'shortid';
-import slugify from 'slugify';
-
-// Register User model as it's referenced by Project
-import './user';
-
-const { Schema } = mongoose;
-
-const fileSchema = new Schema(
- {
- name: { type: String, default: 'sketch.js' },
- content: { type: String, default: '' },
- url: { type: String },
- children: { type: [String], default: [] },
- fileType: { type: String, default: 'file' },
- isSelectedFile: { type: Boolean }
- },
- { timestamps: true, _id: true, usePushEach: true }
-);
-
-fileSchema.virtual('id').get(function getFileId() {
- return this._id.toHexString();
-});
-
-fileSchema.set('toJSON', {
- virtuals: true
-});
-
-const projectSchema = new Schema(
- {
- name: { type: String, default: "Hello p5.js, it's the server" },
- user: { type: Schema.Types.ObjectId, ref: 'User' },
- serveSecure: { type: Boolean, default: false },
- files: { type: [fileSchema] },
- _id: { type: String, default: shortid.generate },
- slug: { type: String }
- },
- { timestamps: true, usePushEach: true }
-);
-
-projectSchema.virtual('id').get(function getProjectId() {
- return this._id;
-});
-
-projectSchema.set('toJSON', {
- virtuals: true
-});
-
-projectSchema.pre('save', function generateSlug(next) {
- const project = this;
-
- Eif (!project.slug) {
- project.slug = slugify(project.name, '_');
- }
-
- return next();
-});
-
-/**
- * Check if slug is unique for this user's projects
- */
-projectSchema.methods.isSlugUnique = async function isSlugUnique(cb) {
- const project = this;
- const hasCallback = typeof cb === 'function';
-
- try {
- const docsWithSlug = await project.model('Project')
- .find({ user: project.user, slug: project.slug }, '_id')
- .exec();
-
- const result = {
- isUnique: docsWithSlug.length === 0,
- conflictingIds: docsWithSlug.map(d => d._id) || []
- };
-
- if (hasCallback) {
- cb(null, result);
- }
-
- return result;
- } catch (err) {
- if (hasCallback) {
- cb(err, null);
- }
-
- throw err;
- }
-};
-
-export default mongoose.model('Project', projectSchema);
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 -105 -106 -107 -108 -109 -110 -111 -112 -113 -114 -115 -116 -117 -118 -119 -120 -121 -122 -123 -124 -125 -126 -127 -128 -129 -130 -131 -132 -133 -134 -135 -136 -137 -138 -139 -140 -141 -142 -143 -144 -145 -146 -147 -148 -149 -150 -151 -152 -153 -154 -155 -156 -157 -158 | - -6x - -6x - - - - - -6x - -6x - - - - - -6x -3x - - - - - - - - -1x - - - - -6x - - - -6x - - - - -6x - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -6x - - - - - - - - - - - - - - - -6x - - - - - - - - - - - - - - - - - - - -6x - - - -6x - - - - - - -6x - - - - - - - - - -6x - - - - - - - - - - -6x - - - - - - - - - - -6x - - - | import mongoose from 'mongoose';
-
-const bcrypt = require('bcrypt-nodejs');
-
-const EmailConfirmationStates = {
- Verified: 'verified',
- Sent: 'sent',
- Resent: 'resent',
-};
-
-const { Schema } = mongoose;
-
-const apiKeySchema = new Schema({
- label: { type: String, default: 'API Key' },
- lastUsedAt: { type: Date },
- hashedKey: { type: String, required: true },
-}, { timestamps: true, _id: true });
-
-apiKeySchema.virtual('id').get(function getApiKeyId() {
- return this._id.toHexString();
-});
-
-/**
- * When serialising an APIKey instance, the `hashedKey` field
- * should never be exposed to the client. So we only return
- * a safe list of fields when toObject and toJSON are called.
-*/
-function apiKeyMetadata(doc, ret, options) {
- return {
- id: doc.id, label: doc.label, lastUsedAt: doc.lastUsedAt, createdAt: doc.createdAt
- };
-}
-
-apiKeySchema.set('toObject', {
- transform: apiKeyMetadata
-});
-
-apiKeySchema.set('toJSON', {
- virtuals: true,
- transform: apiKeyMetadata
-});
-
-const userSchema = new Schema({
- name: { type: String, default: '' },
- username: { type: String, required: true, unique: true },
- password: { type: String },
- resetPasswordToken: String,
- resetPasswordExpires: Date,
- verified: { type: String },
- verifiedToken: String,
- verifiedTokenExpires: Date,
- github: { type: String },
- email: { type: String, unique: true },
- tokens: Array,
- apiKeys: { type: [apiKeySchema] },
- preferences: {
- fontSize: { type: Number, default: 18 },
- lineNumbers: { type: Boolean, default: true },
- indentationAmount: { type: Number, default: 2 },
- isTabIndent: { type: Boolean, default: false },
- autosave: { type: Boolean, default: true },
- linewrap: { type: Boolean, default: true },
- lintWarning: { type: Boolean, default: false },
- textOutput: { type: Boolean, default: false },
- gridOutput: { type: Boolean, default: false },
- soundOutput: { type: Boolean, default: false },
- theme: { type: String, default: 'light' },
- autorefresh: { type: Boolean, default: false }
- },
- totalSize: { type: Number, default: 0 }
-}, { timestamps: true, usePushEach: true });
-
-/**
- * Password hash middleware.
- */
-userSchema.pre('save', function checkPassword(next) { // eslint-disable-line consistent-return
- const user = this;
- if (!user.isModified('password')) { return next(); }
- bcrypt.genSalt(10, (err, salt) => { // eslint-disable-line consistent-return
- if (err) { return next(err); }
- bcrypt.hash(user.password, salt, null, (innerErr, hash) => {
- if (innerErr) { return next(innerErr); }
- user.password = hash;
- return next();
- });
- });
-});
-
-/**
- * API keys hash middleware
- */
-userSchema.pre('save', function checkApiKey(next) { // eslint-disable-line consistent-return
- const user = this;
- if (!user.isModified('apiKeys')) { return next(); }
- let hasNew = false;
- user.apiKeys.forEach((k) => {
- if (k.isNew) {
- hasNew = true;
- bcrypt.genSalt(10, (err, salt) => { // eslint-disable-line consistent-return
- if (err) { return next(err); }
- bcrypt.hash(k.hashedKey, salt, null, (innerErr, hash) => {
- if (innerErr) { return next(innerErr); }
- k.hashedKey = hash;
- return next();
- });
- });
- }
- });
- if (!hasNew) return next();
-});
-
-userSchema.virtual('id').get(function idToString() {
- return this._id.toHexString();
-});
-
-userSchema.set('toJSON', {
- virtuals: true
-});
-
-/**
- * Helper method for validating user's password.
- */
-userSchema.methods.comparePassword = function comparePassword(candidatePassword, cb) {
-// userSchema.methods.comparePassword = (candidatePassword, cb) => {
- bcrypt.compare(candidatePassword, this.password, (err, isMatch) => {
- cb(err, isMatch);
- });
-};
-
-/**
- * Helper method for validating a user's api key
- */
-userSchema.methods.findMatchingKey = function findMatchingKey(candidateKey, cb) {
- let foundOne = false;
- this.apiKeys.forEach((k) => {
- if (bcrypt.compareSync(candidateKey, k.hashedKey)) {
- foundOne = true;
- cb(null, true, k);
- }
- });
- if (!foundOne) cb('Matching API key not found !', false, null);
-};
-
-userSchema.statics.findByMailOrName = function findByMailOrName(email) {
- const query = {
- $or: [{
- email,
- }, {
- username: email,
- }],
- };
- return this.findOne(query).exec();
-};
-
-userSchema.statics.EmailConfirmation = EmailConfirmationStates;
-
-export default mongoose.model('User', userSchema);
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 | - - - - - -13x -13x -13x - -13x -13x -13x - - - - - - - - - - - - -8x - -13x - -13x - - - - | /**
- * This is the base class for custom errors in
- * the application.
- */
-export class ApplicationError extends Error {
- constructor(message, extra = {}) {
- super();
- Eif (Error.captureStackTrace) {
- Error.captureStackTrace(this, this.constructor);
- }
- this.name = 'ApplicationError';
- this.message = message;
- this.code = extra.code;
- }
-}
-
-/**
- * Create a new custom error class e.g.
- * const UserNotFoundError = createApplicationErrorClass('UserNotFoundError');
- *
- * // Later
- * throw new UserNotFoundError(`user ${user.name} not found`);
- *
- */
-export default function createApplicationErrorClass(name) {
- return class extends ApplicationError {
- constructor(...params) {
- super(...params);
-
- this.name = name;
- }
- };
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 -5 -6 -7 -8 -9 | - - - - - -10x - - | import objectID from 'bson-objectid';
-
-/**
- * Creates a mongo ID
- */
-export default function createId() {
- return objectID().toHexString();
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| createApplicationErrorClass.js | -
-
- |
- 100% | -9/9 | -66.67% | -2/3 | -100% | -3/3 | -100% | -9/9 | -
| createId.js | -
-
- |
- 100% | -1/1 | -100% | -0/0 | -100% | -1/1 | -100% | -1/1 | -