@lvce-editor/server 0.3.0 → 0.4.0

package/README.md

@@ -1,7 +1,7 @@
-# web
+# @lvce-editor/server
 
-The web process is a nodejs process that runs
+The server process is a nodejs process that
 
-- `web` runs a static file server that serves the html, css and javascript to the browser
-- `web` can accept WebSocket connections, it sends the WebSocket connection to `shared-process`
-- `web` spawns the `shared-process`
+- runs a static file server that serves the html, css and javascript to the browser
+- can accept WebSocket connections, it sends the WebSocket connection to `shared-process`
+- spawns the `shared-process`

package/ThirdPartyNotices.txt

@@ -2,7 +2,7 @@ This project incorporates components from the projects listed below, that may ha
 differing from this project:
 
 
-1) License Notice for static/37517d2/icons (from https://github.com/microsoft/vscode-icons)
+1) License Notice for static/de5e461/icons (from https://github.com/microsoft/vscode-icons)
 ---------------------------------------
 
 Attribution 4.0 International
@@ -402,7 +402,7 @@ public licenses.
 Creative Commons may be contacted at creativecommons.org.
 
 
-2) License Notice for static/37517d2/fonts/FiraCode-VariableFont.ttf (from https://github.com/tonsky/FiraCode)
+2) License Notice for static/de5e461/fonts/FiraCode-VariableFont.ttf (from https://github.com/tonsky/FiraCode)
 ---------------------------------------
 
 Copyright (c) 2014, The Fira Code Project Authors (https://github.com/tonsky/FiraCode)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/server",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "",
   "main": "index.js",
   "bin": "bin/server.js",
@@ -18,6 +18,6 @@
     "node": ">=16"
   },
   "dependencies": {
-    "@lvce-editor/shared-process": "0.3.0"
+    "@lvce-editor/shared-process": "0.4.0"
   }
 }

package/static/{37517d2 → de5e461}/css/App.css

@@ -350,7 +350,7 @@ body {
 /*************/
 @font-face {
   font-family: 'Fira Code';
-  src: url(/37517d2/fonts/FiraCode-VariableFont.ttf) format('truetype');
+  src: url(/de5e461/fonts/FiraCode-VariableFont.ttf) format('truetype');
 }
 
 /* TODO check if contain strict also makes sense for html and body */
@@ -414,18 +414,6 @@ body {
   height: 100%;
 }
 
-/* TODO droptarget css can be lazy loaded and should be in main.css */
-#Main.DropTarget::before {
-  content: '';
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background: rgba(0, 0, 90, 0.5);
-  z-index: 1;
-}
-
 #SideBar {
   /* TODO width and height are set via javascript, this might not be necessary */
   width: 200px;
@@ -709,7 +697,7 @@ body {
   background: rgba(64, 92, 80, 0.2);
 }
 
-.ExtensionListItem.Focused {
+#ExtensionActive {
   /* background: rgba(64, 92, 80, 0.2); */
   background: #515f59;
   color: white;
@@ -793,8 +781,8 @@ body {
   height: 16px;
   contain: strict;
   background: #c5c5c5;
-  -webkit-mask: url(/37517d2/icons/settings-gear.svg) 50% 50% / 16px no-repeat;
-  mask: url(/37517d2/icons/settings-gear.svg) 50% 50% / 16px no-repeat;
+  -webkit-mask: url(/de5e461/icons/settings-gear.svg) 50% 50% / 16px no-repeat;
+  mask: url(/de5e461/icons/settings-gear.svg) 50% 50% / 16px no-repeat;
 }
 
 .NegativeMargin {
@@ -835,11 +823,11 @@ body {
   background: rgba(59, 71, 66, 0.5);
 } */
 
-.TreeItem.Focused {
+#TreeItemActive {
   background: rgba(59, 71, 66, 0.5);
 }
 
-.TreeItem [class^='Icon']::before {
+.TreeItem [class^='Icon'] {
   content: ' ';
   contain: strict;
   pointer-events: none;
@@ -945,6 +933,10 @@ body {
 .TreeItem[aria-level='20'] {
   padding-left: 20rem;
 }
+
+.DropTarget {
+  background: rgba(0, 0, 90, 0.5);
+}
 /*************/
 /* ViewletDebugConsole.css */
 /*************/
@@ -1170,14 +1162,10 @@ body {
 
 #QuickPickItems {
   outline: 0;
-  overflow-y: auto;
-  /* height: 200px; */
-  max-height: 220px;
-  /* TODO not sure if that makes anything faster here */
   margin: 0;
   padding: 0;
   overflow: hidden;
-  /* contain: layout style paint; */
+  contain: strict;
 }
 
 .ScrollWrapper {
@@ -1218,7 +1206,7 @@ body {
   color: var(--ListHoverForeground);
 }
 
-.QuickPickItem.Focused {
+#QuickPickItemActive {
   color: var(--ListActiveSelectionForeground);
   background: var(--ListActiveSelectionBackground);
 }
@@ -1271,6 +1259,21 @@ body {
   background-size: 16px;
   background-position: 0;
 }
+
+.QuickPickItem [class^='Icon'] {
+  contain: strict;
+  pointer-events: none;
+  background-size: 16px;
+  background-position: 0;
+  background-repeat: no-repeat;
+  width: 16px;
+  height: 22px;
+}
+
+/* TODO remove icon from dom when it is not needed */
+.Iconundefined {
+  display: none;
+}
 /*************/
 /* Panel.css */
 /*************/
@@ -1466,7 +1469,7 @@ body {
   width: 0.75rem;
   height: 0.75rem;
   background: orchid;
-  -webkit-mask-image: url(/37517d2/icons/check.svg);
+  -webkit-mask-image: url(/de5e461/icons/check.svg);
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -webkit-mask-position: center;
@@ -1481,7 +1484,7 @@ body {
   height: 16px;
   content: '';
   display: block;
-  -webkit-mask-image: url(/37517d2/icons/chevron-right.svg);
+  -webkit-mask-image: url(/de5e461/icons/chevron-right.svg);
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -webkit-mask-position: center;
@@ -1685,7 +1688,8 @@ body {
   border-color: var(--FocusOutline);
 }
 
-.FocusOutline {
+.FocusOutline,
+#TreeItemActive {
   outline: var(--FocusOutline);
   outline-offset: -1px;
   outline-style: solid;
@@ -1800,7 +1804,7 @@ body {
   position: absolute;
   inset: 0;
   background: var(--TabActiveForeground);
-  -webkit-mask-image: url(/37517d2/icons/icon-close.svg);
+  -webkit-mask-image: url(/de5e461/icons/icon-close.svg);
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -webkit-mask-position: center;
@@ -1881,7 +1885,7 @@ body {
   content: '';
   position: absolute;
   inset: 0;
-  /* -webkit-mask-image: url(/37517d2/icons/icon-close.svg); */
+  /* -webkit-mask-image: url(/de5e461/icons/icon-close.svg); */
   /* -webkit-mask-repeat: no-repeat; */
   /* mask-repeat: no-repeat; */
   /* -webkit-mask-position: center; */
@@ -1891,27 +1895,27 @@ body {
 }
 
 .IconProperty::before {
-  -webkit-mask-image: url(/37517d2/icons/symbol-property.svg);
+  -webkit-mask-image: url(/de5e461/icons/symbol-property.svg);
   background: #c5c5c5;
 }
 
 .IconValue::before {
-  -webkit-mask-image: url(/37517d2/icons/symbol-enum.svg);
+  -webkit-mask-image: url(/de5e461/icons/symbol-enum.svg);
   background: #ee9d28;
 }
 
 .IconVariable::before {
-  -webkit-mask-image: url(/37517d2/icons/symbol-variable.svg);
+  -webkit-mask-image: url(/de5e461/icons/symbol-variable.svg);
   background: #75beff;
 }
 
 .IconFunction::before {
-  -webkit-mask-image: url(/37517d2/icons/symbol-method.svg);
+  -webkit-mask-image: url(/de5e461/icons/symbol-method.svg);
   background: #b180d7;
 }
 
 .IconKeyword::before {
-  -webkit-mask-image: url(/37517d2/icons/symbol-keyword.svg);
+  -webkit-mask-image: url(/de5e461/icons/symbol-keyword.svg);
   background: #c5c5c5;
 }