Playground (#1464)

* * chore(package): update lockfile package-lock.json
* chore(package): added react-simple-code-editor dependency
* feat(CodeEditor): added CodeEditor component

* added id tho the code editor props

* added playground to dashboard

* added react-json dependency to show playground results

* update changelog

* fix playground button CSS spacing and update risky dependencies

* fix(React life-cycle): fixes requested on PR #1464 review

* feat(Playground): update CodeEditor component and show result just in console

* feat(Playground): update CodeEditor component and show result just in console

* fix(Playground): fix erron in test of CodeEditor component

* Update parse-dashboard-config.json

* fix(Playground): implemented requested changes and put Playground into JS Console

* fix(Playground): fix double quotes and change JS Console playground

* fix(Playground): fix missing dependency

Co-authored-by: Antonio Davi Macedo Coelho de Castro <[email protected]>

Author: MutterPedro

.eslintrc.json

@@ -1,26 +1,25 @@
 {
-    "env": {
-        "es6": true,
-        "node": true,
-        "browser": true
+  "env": {
+    "es6": true,
+    "node": true,
+    "browser": true
+  },
+  "parser": "babel-eslint",
+  "extends": "eslint:recommended",
+  "parserOptions": {
+    "ecmaFeatures": {
+      "experimentalObjectRestSpread": true,
+      "jsx": true
     },
-    "parser": "babel-eslint",
-    "extends": "eslint:recommended",
-    "parserOptions": {
-        "ecmaFeatures": {
-            "experimentalObjectRestSpread": true,
-            "jsx": true
-        },
-        "sourceType": "module"
-    },
-    "plugins": [
-        "react"
-    ],
-    "rules": {
-        "react/jsx-uses-vars": 1,
-        "react/jsx-uses-react": 1,
-        "react/react-in-jsx-scope": 1,
-        "no-console": 0,
-        "no-case-declarations": 0
-    }
+    "sourceType": "module"
+  },
+  "plugins": ["react"],
+  "rules": {
+    "react/jsx-uses-vars": 1,
+    "react/jsx-uses-react": 1,
+    "react/react-in-jsx-scope": 1,
+    "no-console": 0,
+    "no-case-declarations": 0,
+    "quotes": ["error", "single"]
+  }
 }

CHANGELOG.md

@@ -3,7 +3,8 @@
 ### master
 [Full Changelog](https://github.com/parse-community/parse-dashboard/compare/2.0.4...master)
 
-* _Contributing to this repo? Add info about your change here to be included in next release_
+* Feature: added JS Console feature to run custom queries
+* Feature: added save button on JS Console feature to save the custom query on the local storage
 ### 2.0.5
  [Full Changelog](https://github.com/parse-community/parse-dashboard/compare/2.0.4...2.0.5)
  * Fix: delete and regenerate package-lock to fix broken build

Parse-Dashboard/Authentication.js

@@ -1,4 +1,4 @@
-"use strict";
+'use strict';
 var bcrypt = require('bcryptjs');
 var csrf = require('csurf');
 var passport = require('passport');

Parse-Dashboard/app.js

@@ -29,12 +29,12 @@ function checkIfIconsExistForApps(apps, iconsFolder) {
   for (var i in apps) {
     var currentApp = apps[i];
     var iconName = currentApp.iconName;
-    var path = iconsFolder + "/" + iconName;
+    var path = iconsFolder + '/' + iconName;
 
     fs.stat(path, function(err) {
       if (err) {
           if ('ENOENT' == err.code) {// file does not exist
-              console.warn("Icon with file name: " + iconName +" couldn't be found in icons folder!");
+              console.warn('Icon with file name: ' + iconName +' couldn\'t be found in icons folder!');
           } else {
             console.log(
               'An error occurd while checking for icons, please check permission!');
@@ -162,8 +162,8 @@ module.exports = function(config, options) {
         }
       } catch (e) {
         // Directory doesn't exist or something.
-        console.warn("Iconsfolder at path: " + config.iconsFolder +
-          " not found!");
+        console.warn('Iconsfolder at path: ' + config.iconsFolder +
+          ' not found!');
       }
     }
 

Parse-Dashboard/index.js

@@ -6,7 +6,7 @@
  * the root directory of this source tree.
  */
 // Command line tool for npm start
-"use strict"
+'use strict'
 const path = require('path');
 const jsonFile = require('json-file-plus');
 const express = require('express');
@@ -40,7 +40,7 @@ const trustProxy = program.trustProxy || process.env.PARSE_DASHBOARD_TRUST_PROXY
 const dev = program.dev;
 
 if (trustProxy && allowInsecureHTTP) {
-  console.log("Set only trustProxy *or* allowInsecureHTTP, not both.  Only one is needed to handle being behind a proxy.");
+  console.log('Set only trustProxy *or* allowInsecureHTTP, not both.  Only one is needed to handle being behind a proxy.');
   process.exit(-1);
 }
 

Parse-Dashboard/parse-dashboard-config.json

@@ -1,12 +1,14 @@
 {
-  "apps": [{
-    "serverURL": "http://localhost:1338/parse",
-    "appId": "hello",
-    "masterKey": "world",
-    "appName": "",
-    "iconName": "",
-    "primaryBackgroundColor": "",
-    "secondaryBackgroundColor": ""
-  }],
+  "apps": [
+    {
+      "serverURL": "http://localhost:1338/parse",
+      "appId": "hello",
+      "masterKey": "world",
+      "appName": "",
+      "iconName": "",
+      "primaryBackgroundColor": "",
+      "secondaryBackgroundColor": ""
+    }
+  ],
   "iconsFolder": "icons"
 }