1.2.0

MAIF · May 7, 2024 · c315005 · c315005
1 parent 291e0e2
commit c315005
Show file tree

Hide file tree

Showing 7 changed files with 62 additions and 45 deletions.
diff --git a/server/datastores/CustomStream.js b/server/datastores/CustomStream.js
@@ -1,5 +1,4 @@
 const stream = require('stream');
-const util = require('util');
 
 class CustomStream extends stream.Writable {
     constructor() {

diff --git a/ui/package.json b/ui/package.json
@@ -12,7 +12,7 @@
     "@codemirror/lint": "^6.5.0",
     "@replit/codemirror-indentation-markers": "^6.5.1",
     "@uiw/codemirror-theme-solarized": "^4.19.5",
-    "@uiw/react-codemirror": "^4.19.5",
+    "@uiw/react-codemirror": "^4.22",
     "bootstrap": "^5.2.3",
     "codemirror-json-schema": "^0.7.0",
     "eslint-linter-browserify": "^9.0.0",

diff --git a/ui/src/PluginManager.js b/ui/src/PluginManager.js
@@ -307,7 +307,10 @@ function Header({ onNewPlugin, reloadPlugins }) {
       background: '#eee',
       borderRadius: 4,
       display: 'flex',
-      alignItems: 'center'
+      alignItems: 'center',
+      justifyContent: 'center',
+      width: 32,
+      height: 32
     }}>
       <i className='fa-solid fa-plus p-1' />
     </div>

diff --git a/ui/src/Run.js b/ui/src/Run.js
@@ -152,7 +152,7 @@ export class Run extends React.Component {
                 />
                 <div className='mb-3'>
                     <div className='d-flex align-items-center justify-content-between'>
-                        <label htmlFor="input" className='form-label'>Select and fill the fake input context</label>
+                        <label htmlFor="input" className='form-label'>Input context</label>
                         <div className='w-50'>
                             {/* <Select
                                 value={context}

diff --git a/ui/src/TabsHeader.js b/ui/src/TabsHeader.js
@@ -34,7 +34,7 @@ function Header({
         style={{ position: 'fixed', height: 42, zIndex: 10, width: `calc(100vw - ${open ? `${sidebarSize}px` : '52px'})` }}>
         {children}
 
-        <div className='d-flex align-items-center'>
+        <div className='d-flex align-items-center me-2'>
           {showActions && <>
             <Save onSave={onSave} />
             <Build onBuild={onBuild} />
@@ -52,8 +52,7 @@ function Save({ onSave }) {
   return <button
     type="button"
     tooltip="Save plugin"
-    style={{ border: 'none', background: 'none' }}
-    className="pe-2"
+    className="navbar-item"
     onClick={onSave}>
     <i className='fa-solid fa-save' />
   </button>
@@ -63,8 +62,7 @@ function Build({ onBuild }) {
   return <button
     type="button"
     tooltip="Build"
-    style={{ border: 'none', background: 'none' }}
-    className="pe-2"
+    className="navbar-item"
     onClick={() => onBuild(false)}>
     <i className='fa-solid fa-hammer' />
   </button>
@@ -74,8 +72,7 @@ function Release({ onBuild }) {
   return <button
     type="button"
     tooltip="Release"
-    style={{ border: 'none', background: 'none' }}
-    className="pe-2"
+    className="navbar-item"
     onClick={() => onBuild(true)}>
     <i className='fa-solid fa-rocket' />
   </button>
@@ -84,8 +81,7 @@ function Release({ onBuild }) {
 function Download({ onDownload }) {
   return <button type="button"
     tooltip="Download plugin as zip"
-    style={{ border: 'none', background: 'none' }}
-    className="pe-2"
+    className="navbar-item"
     onClick={onDownload}>
     <i className='fa-solid fa-download' />
   </button>
@@ -94,8 +90,7 @@ function Download({ onDownload }) {
 function Play({ showPlaySettings }) {
   return <button type="button"
     tooltip="Run"
-    style={{ border: 'none', background: 'none' }}
-    className="pe-2"
+    className="navbar-item"
     onClick={showPlaySettings}
   >
     <i className='fa-solid fa-play' />

diff --git a/ui/src/index.css b/ui/src/index.css
@@ -16,6 +16,22 @@ h1 {
   font-size: 1.5rem !important;
 }
 
+.navbar-item {
+  border: none;
+  width: 32px;
+  height: 32px;
+  background: none;
+  border-radius: .375rem;
+}
+
+.navbar-item i,
+.navbar-item svg {
+  color: rgb(51, 58, 67);
+}
+
+.navbar-item:hover {
+  background-color: #eee;
+}
 
 #root {
   min-height: 100vh;
@@ -50,39 +66,43 @@ h1 {
 }
 
 [tooltip] {
-	position: relative;
-	cursor: pointer;
+  position: relative;
+  cursor: pointer;
 }
 
 [tooltip]::before,
 [tooltip]::after {
-	text-transform: none;
-	font-size: 0.75em;
-	line-height: 1;
-	user-select: none;
-	pointer-events: none;
-	position: absolute;
-	display: none;
-	opacity: 1;
+  text-transform: none;
+  font-size: 0.75em;
+  line-height: 1;
+  user-select: none;
+  pointer-events: none;
+  position: absolute;
+  display: none;
+  opacity: 1;
   min-width: 70px;
 }
 
 [tooltip]::after {
-	content: attr(tooltip);
-	text-align: center;
-	white-space: nowrap;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	padding: 8px;
-	border-radius: 3px;
-	background: #000;
-	color: #fff;
-	z-index: 1000;
+  content: attr(tooltip);
+  text-align: center;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  padding: 8px;
+  border-radius: 3px;
+  background: #000;
+  color: #fff;
+  z-index: 1000;
   margin-top: 4px;
   margin-left: -70px;
 }
 
 [tooltip]:hover::before,
 [tooltip]:hover::after {
-	display: block;
+  display: block;
+}
+
+.cm-theme-light {
+  flex: 1;
 }
diff --git a/ui/yarn.lock b/ui/yarn.lock
@@ -2668,10 +2668,10 @@
     "@typescript-eslint/types" "5.62.0"
     eslint-visitor-keys "^3.3.0"
 
-"@uiw/codemirror-extensions-basic-setup@4.21.21":
-  version "4.21.21"
-  resolved "https://registry.yarnpkg.com/@uiw/codemirror-extensions-basic-setup/-/codemirror-extensions-basic-setup-4.21.21.tgz#243ef309cb53253b14187649a7abc0d996420a20"
-  integrity sha512-+0i9dPrRSa8Mf0CvyrMvnAhajnqwsP3IMRRlaHDRgsSGL8igc4z7MhvUPn+7cWFAAqWzQRhMdMSWzo6/TEa3EA==
+"@uiw/codemirror-extensions-basic-setup@4.22.0":
+  version "4.22.0"
+  resolved "https://registry.yarnpkg.com/@uiw/codemirror-extensions-basic-setup/-/codemirror-extensions-basic-setup-4.22.0.tgz#383962e76025537ec81a32ec00145e7cc4eb67f1"
+  integrity sha512-3vdpMq1Oj3qRKGjNgi5NeMxWem/cJ/gL0dZSu62MLBR4w3BWlEVi6xsk/MEk0+mT1AVKOzQV3jFS5y7mzxrfeA==
   dependencies:
     "@codemirror/autocomplete" "^6.0.0"
     "@codemirror/commands" "^6.0.0"
@@ -2697,16 +2697,16 @@
     "@codemirror/state" "^6.0.0"
     "@codemirror/view" "^6.0.0"
 
-"@uiw/react-codemirror@^4.19.5":
-  version "4.21.21"
-  resolved "https://registry.yarnpkg.com/@uiw/react-codemirror/-/react-codemirror-4.21.21.tgz#986b18dbd6dc69aa470fc3d4e47b89b504af6778"
-  integrity sha512-PaxBMarufMWoR0qc5zuvBSt76rJ9POm9qoOaJbqRmnNL2viaF+d+Paf2blPSlm1JSnqn7hlRjio+40nZJ9TKzw==
+"@uiw/react-codemirror@^4.22":
+  version "4.22.0"
+  resolved "https://registry.yarnpkg.com/@uiw/react-codemirror/-/react-codemirror-4.22.0.tgz#47ad835ecaba756376a30f33216adaa8ccb7a8e8"
+  integrity sha512-ZbC9NX1458McehTN0XGVUHK/hb79DJXwwP3SfvumcjzIx/zIwAK0wtGABposlGHpxifIF6RAxMmUcL3gDVpiMA==
   dependencies:
     "@babel/runtime" "^7.18.6"
     "@codemirror/commands" "^6.1.0"
     "@codemirror/state" "^6.1.1"
     "@codemirror/theme-one-dark" "^6.0.0"
-    "@uiw/codemirror-extensions-basic-setup" "4.21.21"
+    "@uiw/codemirror-extensions-basic-setup" "4.22.0"
     codemirror "^6.0.0"
 
 "@ungap/structured-clone@^1.2.0":