4.3.0: Applications Editor

.eslintrc

@@ -14,13 +14,20 @@
     "no-nested-ternary": 0,
     "no-param-reassign": 0,
     "no-return-assign": 0,
+    "no-restricted-syntax": 0,
     "react/jsx-filename-extension": 0,
     "react/jsx-props-no-spreading": 0,
     "react/destructuring-assignment": 0,
     "react/prop-types": 0,
     "react/no-danger": 0,
     "no-unused-vars": 1,
     "react/button-has-type": 1,
-    "no-underscore-dangle": ["warn", { "allow": ["_kmq", "_kmk"] }]
+    "no-underscore-dangle": ["warn", { "allow": ["_kmq", "_kmk"] }],
+    "jsx-a11y/label-has-associated-control": 0,
+    "react/jsx-no-bind": 0,
+    "react/no-unstable-nested-components": [
+      "warn",
+      {"allowAsProps": true }
+    ]
   }
 }

.github/workflows/publish-stage.yaml

@@ -72,7 +72,7 @@ jobs:
         #!/bin/bash
 
         yarn
-        yarn lint
+        yarn lint-prod
         yarn build:stage
     - name: Clean Remote Directory
       env:

.gitignore

@@ -1,5 +1,6 @@
 # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 
+.idea
 /src/config/index.js
 
 # dependencies

package.json

@@ -1,6 +1,6 @@
 {
   "name": "harperdb-studio",
-  "version": "4.2.11",
+  "version": "4.3.0",
   "description": "A UI for HarperDB",
   "deploymentUrl": "studio.harperdb.io",
   "private": true,
@@ -11,7 +11,8 @@
     "build:dev": "PUBLIC_URL=https://d2uv4fa0aeja0t.cloudfront.net react-scripts build",
     "build:stage": "GENERATE_SOURCEMAP=false PUBLIC_URL=https://dbjxbnqel2bw9.cloudfront.net react-scripts build",
     "build:prod": "GENERATE_SOURCEMAP=false PUBLIC_URL=https://ds5zz9rfvzuta.cloudfront.net react-scripts build",
-    "lint": "eslint --fix src && npx stylelint --fix \"src/**/*.scss\""
+    "lint-dev": "eslint --fix src && npx stylelint --fix \"src/**/*.scss\"",
+    "lint-prod": "eslint --fix src"
   },
   "dependencies": {
     "@monaco-editor/react": "^4.2.0",
@@ -43,8 +44,10 @@
     "react-toggle": "^4.1.2",
     "reactstrap": "^9.0.0",
     "use-async-effect": "^2.2.3",
+    "use-debounce": "^9.0.4",
     "use-interval": "^1.3.0",
     "use-persisted-state": "^0.3.3",
+    "uuid": "^9.0.0",
     "whatwg-fetch": "^3.6.2"
   },
   "engines": {

src/app.scss

@@ -58,6 +58,7 @@
 @import 'assets/styles/components/copyable-text-holder';
 @import 'assets/styles/components/badge';
 @import 'assets/styles/components/code-editor';
+@import 'assets/styles/components/web-ide';
 
 // override styles
 @import 'assets/styles/overrides/dark';

src/assets/styles/components/_react-select.scss

@@ -26,6 +26,15 @@
       max-height: 36px;
       padding-bottom: 0 !important;
       padding-top: 0 !important;
+
+      .react-select__input-container {
+        .react-select__input {
+          background: transparent !important;
+          border: transparent !important;
+          outline-color: transparent !important;
+        }
+      }
+
     }
   }