Merge pull request #360 from HarperDB/STUDIO-65-LOCAL

STUDIO-65
HarperDB · Nov 22, 2023 · 581e6b8 · 581e6b8
2 parents 331bb24 + 0f9d21d
commit 581e6b8
Show file tree

Hide file tree

Showing 108 changed files with 22,207 additions and 2,821 deletions.
diff --git a/.github/workflows/publish-development.yaml b/.github/workflows/publish-development.yaml
@@ -34,7 +34,8 @@ jobs:
           user_guide_id: 16032,
           alarm_badge_threshold: 86400,
           maintenance: 0,
-          errortest: 0
+          errortest: 0,
+          is_local_studio: false,
         };
         EOF
     - name: Write manifest file

diff --git a/.github/workflows/publish-production.yaml b/.github/workflows/publish-production.yaml
@@ -34,7 +34,8 @@ jobs:
           user_guide_id: 16032,
           alarm_badge_threshold: 86400,
           maintenance: 0,
-          errortest: 0
+          errortest: 0,
+          is_local_studio: false,
         };
         EOF
     - name: Write manifest file

diff --git a/.github/workflows/publish-stage.yaml b/.github/workflows/publish-stage.yaml
@@ -34,7 +34,8 @@ jobs:
           user_guide_id: 16032,
           alarm_badge_threshold: 86400,
           maintenance: 0,
-          errortest: 0
+          errortest: 0,
+          is_local_studio: false,
         };
         EOF
     - name: Write manifest file

diff --git a/.gitignore b/.gitignore
@@ -15,6 +15,7 @@
 
 # production
 /build
+/build-local
 
 # misc
 .DS_Store
@@ -28,4 +29,3 @@ yarn-debug.log*
 yarn-error.log*
 
 .eslintcache
-
diff --git a/.stylelintrc.json b/.stylelintrc.json
@@ -11,9 +11,9 @@
       "declarations"
     ],
     "order/properties-alphabetical-order": true,
-    "max-nesting-depth": 6,
+    "max-nesting-depth": 9,
     "selector-max-id": 3,
-    "selector-max-compound-selectors": 6,
+    "selector-max-compound-selectors": 9,
     "selector-class-pattern": null,
     "selector-no-qualifying-type": [
       true,

diff --git a/package.json b/package.json
@@ -8,16 +8,18 @@
   "license": "UNLICENSED",
   "scripts": {
     "start": "HTTPS=true SSL_CRT_FILE=./.cert/cert.pem SSL_KEY_FILE=./.cert/key.pem react-scripts start",
+    "start:local": "REACT_APP_LOCALSTUDIO=true HTTPS=true SSL_CRT_FILE=./.cert/cert.pem SSL_KEY_FILE=./.cert/key.pem react-scripts start",
     "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",
+    "build:local": "BUILD_PATH=./build-local GENERATE_SOURCEMAP=false REACT_APP_LOCALSTUDIO=true react-scripts build",
     "lint-dev": "eslint --fix src && npx stylelint --fix \"src/**/*.scss\"",
     "lint-prod": "eslint --fix src"
   },
   "dependencies": {
     "@monaco-editor/react": "^4.2.0",
     "@stripe/react-stripe-js": "^2.1.0",
-    "@stripe/stripe-js": "^1.15.0",
+    "@stripe/stripe-js": "^2.1.11",
     "apexcharts": "^3.27.1",
     "bootstrap-scss": "^5.0.1",
     "classnames": "^2.3.2",
@@ -44,7 +46,7 @@
     "react-toggle": "^4.1.2",
     "reactstrap": "^9.0.0",
     "use-async-effect": "^2.2.3",
-    "use-debounce": "^9.0.4",
+    "use-debounce": "^10.0.0",
     "use-interval": "^1.3.0",
     "use-persisted-state": "^0.3.3",
     "uuid": "^9.0.0",
@@ -69,15 +71,15 @@
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
     "eslint": "^8.32.0",
     "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-prettier": "^8.3.0",
+    "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-jsx-a11y": "^6.4.1",
-    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-prettier": "^5.0.1",
     "postcss-custom-properties": "^13.0.0",
-    "prettier": "^2.8.3",
+    "prettier": "^3.1.0",
     "sass": "^1.46.0",
     "stylelint": "^15.10.1",
     "stylelint-config-sass-guidelines": "^10.0.0",
-    "stylelint-config-standard": "^33.0.0",
+    "stylelint-config-standard": "^34.0.0",
     "stylelint-order": "^6.0.1",
     "stylelint-scss": "^5.0.0"
   }

diff --git a/public/fontawesome/fa-brands-400.eot b/public/fontawesome/fa-brands-400.eot
diff --git a/public/fontawesome/fa-brands-400.svg b/public/fontawesome/fa-brands-400.svg
diff --git a/public/fontawesome/fa-brands-400.ttf b/public/fontawesome/fa-brands-400.ttf
diff --git a/public/fontawesome/fa-brands-400.woff b/public/fontawesome/fa-brands-400.woff
diff --git a/public/fontawesome/fa-brands-400.woff2 b/public/fontawesome/fa-brands-400.woff2
diff --git a/public/fontawesome/fa-regular-400.eot b/public/fontawesome/fa-regular-400.eot
diff --git a/public/fontawesome/fa-regular-400.svg b/public/fontawesome/fa-regular-400.svg
diff --git a/public/fontawesome/fa-regular-400.ttf b/public/fontawesome/fa-regular-400.ttf
diff --git a/public/fontawesome/fa-regular-400.woff b/public/fontawesome/fa-regular-400.woff
diff --git a/public/fontawesome/fa-regular-400.woff2 b/public/fontawesome/fa-regular-400.woff2
diff --git a/public/fontawesome/fa-solid-900.eot b/public/fontawesome/fa-solid-900.eot
diff --git a/public/fontawesome/fa-solid-900.svg b/public/fontawesome/fa-solid-900.svg
diff --git a/public/fontawesome/fa-solid-900.ttf b/public/fontawesome/fa-solid-900.ttf
diff --git a/public/fontawesome/fa-solid-900.woff b/public/fontawesome/fa-solid-900.woff
diff --git a/public/fontawesome/fa-solid-900.woff2 b/public/fontawesome/fa-solid-900.woff2
diff --git a/public/fontawesome/fontawesome.css b/public/fontawesome/fontawesome.css
diff --git a/public/fontawesome/fontawesome.js b/public/fontawesome/fontawesome.js
diff --git a/public/index.html b/public/index.html
@@ -1,24 +1,22 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />
     <meta name="theme-color" content="#480b8a" />
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no" />
-    <link rel="preconnect" href="https://kit.fontawesome.com">
-    <link rel="preconnect" href="https://i.kissmetrics.io">
-    <link rel="preconnect" href="https://scripts.kissmetrics.io">
     <link id="dynamic-favicon" rel="shortcut icon" href="%PUBLIC_URL%/images/favicon_purple.png">
     <link rel="canonical" href="" />
+    <link href="%PUBLIC_URL%/fontawesome/fontawesome.css" rel="stylesheet">
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
     <meta name="description" content="HarperDB is a full-featured data management platform that runs from edge to cloud, and anywhere in between. ">
     <title>Studio :: HarperDB</title>
   </head>
   <body>
     <div id="app"></div>
   </body>
-  <script src="https://kit.fontawesome.com/9c7cb9c8a4.js" crossorigin="anonymous" defer></script>
+  <script src="%PUBLIC_URL%/fontawesome/fontawesome.js" crossorigin="anonymous" defer></script>
   <script src="%PUBLIC_URL%/js/kissmetrics.js" defer></script>
   <script src="%PUBLIC_URL%/js/linkedin.js" defer></script>
 </html>
diff --git a/public/running.html b/public/running.html
diff --git a/src/app.scss b/src/app.scss
@@ -28,7 +28,6 @@
 @import 'assets/styles/pages/auth';
 @import 'assets/styles/pages/config';
 @import 'assets/styles/pages/clustering';
-@import 'assets/styles/pages/functions';
 @import 'assets/styles/pages/resources';
 @import 'assets/styles/pages/charts';
 @import 'assets/styles/pages/query';

diff --git a/src/assets/styles/components/_button.scss b/src/assets/styles/components/_button.scss
@@ -65,11 +65,23 @@
     color: $color-white !important;
   }
 
+  &.btn-outline-success {
+    background-color: $color-white !important;
+    border-color: $color-success !important;
+    color: $color-success !important;
+  }
+
   &.btn-danger {
     background-color: $color-danger !important;
     color: $color-white !important;
   }
 
+  &.btn-outline-danger {
+    background-color: $color-white !important;
+    border-color: $color-danger !important;
+    color: $color-danger !important;
+  }
+
   &.btn-grey {
     background-color: $color-darkgrey !important;
     color: $color-white !important;

diff --git a/src/assets/styles/components/_card.scss b/src/assets/styles/components/_card.scss
@@ -20,7 +20,7 @@
   background: $color-white !important;
   border: 1px solid $color-lightgrey;
   border-radius: $border-radius !important;
-  box-shadow: 2px 2px 8px 2px rgba(0,0,0,0.15) !important;
+  box-shadow: 0 0 8px $lighter-grey-overlay !important;
   color: $color-darkgrey !important;
 
   .card-body {

diff --git a/src/assets/styles/components/_forms.scss b/src/assets/styles/components/_forms.scss
@@ -3,7 +3,7 @@ select,
 textarea,
 .fake-input,
 .form-control {
-  background: $color-white !important;
+
   border: 1px solid $lighter-grey-overlay !important;
   border-radius: $border-radius;
   box-shadow: none !important;
@@ -12,13 +12,31 @@ textarea,
   font-size: $font-size-root;
   font-weight: $font-weight-light;
   height: 38px;
+  outline: 0;
   transition: none;
   width: 100%;
 
+  &:checked {
+    outline: 0 !important;
+  }
+
   &.is-invalid,
   &.error {
     border: 1px solid $color-danger !important;
   }
+
+  &[readOnly],
+  &[readOnly]:active,
+  &[readOnly]:focus {
+    border: 1px solid $lightest-grey-overlay !important;
+    cursor: not-allowed !important;
+    outline-color: transparent !important;
+    user-select: none !important;
+  }
+
+  &.is-valid {
+    border: 1px solid $lightest-grey-overlay !important;
+  }
 }
 
 .form-validation-error {
@@ -71,8 +89,6 @@ textarea {
   white-space: nowrap;
 }
 
-
-
 .subdomain-form {
   padding-right: 0;
   width: 120px;

diff --git a/src/assets/styles/components/_react-table.scss b/src/assets/styles/components/_react-table.scss
@@ -8,7 +8,7 @@
     width: 100%;
 
     @media screen and (max-width: 767px) {
-      min-height: 150px;
+      min-height: calc(100vh - 626px);
     }
 
     .header {

diff --git a/src/assets/styles/components/_subnav.scss b/src/assets/styles/components/_subnav.scss
@@ -76,7 +76,7 @@
 
       .nav-link,
       a {
-        color: $white-overlay !important;
+        color: $whiter-overlay !important;
         display: inline-block;
         padding: 0 !important;
         position: relative;

diff --git a/src/assets/styles/components/_topnav.scss b/src/assets/styles/components/_topnav.scss
@@ -58,7 +58,7 @@
       .btn-link,
       .nav-link,
       a {
-        color: $white-overlay !important;
+        color: $whiter-overlay !important;
         display: inline-block;
         min-width: 15px;
         padding: 0 !important;