@lvce-editor/server 0.9.2 → 0.10.0

package/static/{0e8e702 → ce87b6f}/css/App.css

@@ -351,7 +351,7 @@ body {
 /*************/
 @font-face {
   font-family: 'Fira Code';
-  src: url(/0e8e702/fonts/FiraCode-VariableFont.ttf) format('truetype');
+  src: url(/ce87b6f/fonts/FiraCode-VariableFont.ttf) format('truetype');
 }
 
 /* TODO check if contain strict also makes sense for html and body */
@@ -540,13 +540,13 @@ body {
 }
 
 .MaskIconMinimize {
-  -webkit-mask-image: url(/0e8e702/icons/chrome-minimize.svg);
+  -webkit-mask-image: url(/ce87b6f/icons/chrome-minimize.svg);
 }
 .MaskIconToggleMaximize {
-  -webkit-mask-image: url(/0e8e702/icons/chrome-maximize.svg);
+  -webkit-mask-image: url(/ce87b6f/icons/chrome-maximize.svg);
 }
 .MaskIconClose {
-  -webkit-mask-image: url(/0e8e702/icons/chrome-close.svg);
+  -webkit-mask-image: url(/ce87b6f/icons/chrome-close.svg);
 }
 /*************/
 /* ViewletTitleBar.css */
@@ -575,6 +575,77 @@ body {
   height: 625px;
 }
 /*************/
+/* ViewletStatusBar.css */
+/*************/
+#StatusBar {
+  display: flex;
+  justify-content: space-between;
+}
+
+#StatusBar {
+  background: var(--StatusBarBackground);
+  height: 23px; /* 22px content + 1px border top */
+  border-top: 1px solid var(--StatusBarBorderTopColor);
+  display: flex;
+  color: var(--StatusBarForeground, rgb(98, 112, 106));
+  display: flex;
+  justify-content: space-between;
+  box-sizing: border-box;
+}
+
+#StatusBarItemsLeft,
+#StatusBarItemsRight {
+  /* contain: content; */
+  margin: 0;
+  display: flex;
+}
+
+#StatusBarItemsLeft {
+  padding-left: 7px;
+}
+
+#StatusBarItemsRight {
+  padding-right: 7px;
+}
+
+.StatusBarItem {
+  display: flex;
+  line-height: 22px;
+  height: 100%;
+  outline: none;
+  padding: 0 5px;
+  margin: 0 3px;
+  cursor: pointer;
+  font-size: 12px;
+  align-items: center;
+  /* contain: content; */
+}
+
+.StatusBarItem:hover {
+  background: rgba(255, 255, 255, 0.12);
+}
+
+.StatusBarItem:active {
+  background: rgba(255, 255, 255, 0.18);
+}
+
+.StatusBarIcon {
+  outline: none;
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  mask-position: center;
+  -webkit-mask-size: 1em;
+  mask-size: 1em;
+  background: currentColor;
+
+  /* TODO have common icon css for activity bar and status bar */
+  width: 1em;
+  height: 1em;
+  display: block;
+  margin-right: 4px;
+}
+/*************/
 /* ViewletSourceControl.css */
 /*************/
 .Viewlet[data-viewlet-id='SourceControl']:focus {
@@ -590,6 +661,25 @@ body {
   background: lightblue;
 }
 /*************/
+/* ViewletSimpleBrowser.css */
+/*************/
+.SimpleBrowserHeader {
+  height: 30px;
+  width: 100%;
+  contain: strict;
+  display: flex;
+}
+
+.SimpleBrowserHeader .InputBox {
+  color: white;
+}
+
+.SimpleBrowserIframe {
+  width: 100%;
+  height: 100%;
+  contain: strict;
+}
+/*************/
 /* ViewletSearch.css */
 /*************/
 .SearchHeader {
@@ -643,6 +733,50 @@ body {
   color: white;
 }
 /*************/
+/* ViewletPanel.css */
+/*************/
+#Panel {
+  display: grid;
+  grid-template-rows: 35px 1fr;
+  border-top: 1px solid rgba(128, 128, 128, 0.35);
+  background: var(--PanelBackground);
+}
+
+#PanelHeader {
+  contain: strict;
+}
+
+#PanelTabs {
+  display: flex;
+  gap: 1rem;
+  height: 100%;
+}
+
+.PanelTab {
+  cursor: pointer;
+  font-size: 11px;
+  font-family: system-ui, Ubuntu, Droid Sans, sans-serif;
+  text-transform: uppercase;
+  height: 100%;
+  line-height: 35px;
+  /* color: rgba(231, 231, 231, 0.6); */
+  color: var(--PanelTabForeground);
+}
+
+.PanelTab[aria-selected] {
+  /* color: rgb(231, 231, 231); */
+  color: var(--PanelTabActiveForeground);
+  border-bottom-color: rgb(231, 231, 231);
+}
+
+.PanelTab:hover {
+  color: var(--PanelTabHoverForeground);
+}
+
+#PanelContent {
+  contain: strict;
+}
+/*************/
 /* ViewletOutput.css */
 /*************/
 .Viewlet[data-viewlet-id='Output']:focus {
@@ -716,11 +850,20 @@ body {
   contain: content;
 }
 
-.KeyBindingsTableRow {
+.KeyBindingsTableRowEven,
+.KeyBindingsTableRowOdd {
   height: 24px;
   contain: strict;
 }
 
+.KeyBindingsTableRowOdd {
+  background: rgba(156, 162, 160, 0.04);
+}
+
+.KeyBindingsTableRowSelected {
+  background: #515f59;
+}
+
 .KeyBindingsTableCell {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -917,8 +1060,8 @@ body {
   height: 16px;
   contain: strict;
   background: #c5c5c5;
-  -webkit-mask: url(/0e8e702/icons/settings-gear.svg) 50% 50% / 16px no-repeat;
-  mask: url(/0e8e702/icons/settings-gear.svg) 50% 50% / 16px no-repeat;
+  -webkit-mask: url(/ce87b6f/icons/settings-gear.svg) 50% 50% / 16px no-repeat;
+  mask: url(/ce87b6f/icons/settings-gear.svg) 50% 50% / 16px no-repeat;
 }
 
 .NegativeMargin {
@@ -930,17 +1073,32 @@ body {
 [data-viewlet-id='ExtensionDetail'] {
   color: white;
   user-select: text;
+  overflow-y: auto;
 }
 
 .ExtensionDetailMain {
   width: 80%;
   margin: 0 auto;
-  contain: strict;
-  height: 100%;
+  contain: content;
   display: flex;
   flex-direction: column;
 }
 
+[data-viewlet-id='ExtensionDetail']::-webkit-scrollbar {
+  width: 10px;
+}
+
+[data-viewlet-id='ExtensionDetail']::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+[data-viewlet-id='ExtensionDetail']::-webkit-scrollbar-thumb {
+  background: var(--EditorScrollBarBackground);
+}
+
+[data-viewlet-id='ExtensionDetail']::-webkit-scrollbar-thumb:hover {
+}
+
 .ExtensionDetailHeader {
   height: 180px;
   width: 100%;
@@ -1189,96 +1347,125 @@ body {
   color: white;
 }
 /*************/
-/* Viewlet.css */
+/* ViewletActivityBar.css */
 /*************/
-.Viewlet {
-  position: relative;
+#ActivityBar {
+  background: var(--ActivityBarBackground);
+  color: var(--ActivityBarForeground);
   contain: strict;
-  width: 100%;
-  height: 100%;
-  /* overflow-y: auto; */
 }
 
-.ViewletError {
-  color: lightgray;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  padding: 1rem;
-  width: 100%;
-  text-align: center;
-}
-/*************/
-/* StatusBar.css */
-/*************/
-#StatusBar {
+#ActivityBar {
+  /* display: grid; */
+  /* align-content: space-between; */
   display: flex;
-  justify-content: space-between;
+  flex-direction: column;
 }
 
-#StatusBar {
-  background: var(--StatusBarBackground);
-  height: 23px; /* 22px content + 1px border top */
-  border-top: 1px solid var(--StatusBarBorderTopColor);
-  display: flex;
-  color: var(--StatusBarForeground, rgb(98, 112, 106));
-  display: flex;
-  justify-content: space-between;
-  box-sizing: border-box;
-}
+/* #ActivityBar:focus-within {
+  border: 1px solid rgba(62, 100, 170, 0.575);
+} */
 
-#StatusBarItemsLeft,
-#StatusBarItemsRight {
-  /* contain: content; */
-  margin: 0;
-  display: flex;
+/* #ActivityBarItemsTop,
+#ActivityBarItemsBottom {
+  contain: content;
+  display: grid;
+  grid-auto-rows: 48px;
+} */
+
+.ActivityBarItem {
+  position: relative;
+  outline: none;
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  mask-position: center;
+  -webkit-mask-size: 24px;
+  mask-size: 24px;
+  /* background: var(--ActivityBarBackground); */
+  position: relative;
+  width: 48px;
+  height: 48px;
+  contain: strict;
+  /* margin-top: 100px; */
+  flex-shrink: 0;
 }
 
-#StatusBarItemsLeft {
-  padding-left: 7px;
+.ActivityBarItem[data-viewlet-id='Settings'] {
+  margin-top: auto;
 }
 
-#StatusBarItemsRight {
-  padding-right: 7px;
+.ActivityBarItem:hover {
+  /* background: #878f8c; */
 }
 
-.StatusBarItem {
-  display: flex;
-  line-height: 22px;
-  height: 100%;
-  outline: none;
-  padding: 0 5px;
-  margin: 0 3px;
-  cursor: pointer;
-  font-size: 12px;
-  align-items: center;
-  /* contain: content; */
+.ActivityBarItem[aria-selected='true'],
+.ActivityBarItem:hover {
+  color: var(--ActivityBarActiveForeground);
 }
 
-.StatusBarItem:hover {
-  background: rgba(255, 255, 255, 0.12);
+.ActivityBarItem[aria-selected='true'] {
+  background: var(--ActivityBarActiveBackground);
 }
 
-.StatusBarItem:active {
-  background: rgba(255, 255, 255, 0.18);
+.ActivityBarItem:focus-visible {
+  /* background: var(--ActivityBarActiveBackground); */
+  color: var(--ActivityBarActiveForeground);
 }
 
-.StatusBarIcon {
-  outline: none;
+.ActivityBarItemIcon {
+  position: absolute;
+  inset: 0;
+  background: currentColor;
+  /* filter: 1; */
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -webkit-mask-position: center;
   mask-position: center;
-  -webkit-mask-size: 1em;
-  mask-size: 1em;
-  background: currentColor;
+  -webkit-mask-size: 24px;
+  mask-size: 24px;
+}
 
-  /* TODO have common icon css for activity bar and status bar */
-  width: 1em;
-  height: 1em;
-  display: block;
-  margin-right: 4px;
+/* .ActivityBarItem:focus .ActivityBarItemIcon,
+.ActivityBarItem:hover .ActivityBarItemIcon,
+.ActivityBarItem[aria-selected] .ActivityBarItemIcon {
+  filter: none;
+} */
+
+.ActivityBarItemBadge {
+  background: var(--BadgeBackground);
+  border-radius: 100%;
+  height: 20px;
+  width: 20px;
+  line-height: 20px;
+  text-align: center;
+  position: absolute;
+  right: 0px;
+  bottom: 0px;
+  color: var(--BadgeForeground);
+  font-size: 9px;
+  font-weight: 600;
+}
+/*************/
+/* Viewlet.css */
+/*************/
+.Viewlet {
+  position: relative;
+  contain: strict;
+  width: 100%;
+  height: 100%;
+  /* overflow-y: auto; */
+}
+
+.ViewletError {
+  color: lightgray;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  padding: 1rem;
+  width: 100%;
+  text-align: center;
 }
 /*************/
 /* SideBar.css */
@@ -1469,50 +1656,6 @@ body {
   display: none;
 }
 /*************/
-/* Panel.css */
-/*************/
-#Panel {
-  display: grid;
-  grid-template-rows: 35px 1fr;
-  border-top: 1px solid rgba(128, 128, 128, 0.35);
-  background: var(--PanelBackground);
-}
-
-#PanelHeader {
-  contain: strict;
-}
-
-#PanelTabs {
-  display: flex;
-  gap: 1rem;
-  height: 100%;
-}
-
-.PanelTab {
-  cursor: pointer;
-  font-size: 11px;
-  font-family: system-ui, Ubuntu, Droid Sans, sans-serif;
-  text-transform: uppercase;
-  height: 100%;
-  line-height: 35px;
-  /* color: rgba(231, 231, 231, 0.6); */
-  color: var(--PanelTabForeground);
-}
-
-.PanelTab[aria-selected] {
-  /* color: rgb(231, 231, 231); */
-  color: var(--PanelTabActiveForeground);
-  border-bottom-color: rgb(231, 231, 231);
-}
-
-.PanelTab:hover {
-  color: var(--PanelTabHoverForeground);
-}
-
-#PanelContent {
-  contain: strict;
-}
-/*************/
 /* Notification.css */
 /*************/
 /* #Notifications {
@@ -1662,7 +1805,7 @@ body {
   width: 0.75rem;
   height: 0.75rem;
   background: orchid;
-  -webkit-mask-image: url(/0e8e702/icons/check.svg);
+  -webkit-mask-image: url(/ce87b6f/icons/check.svg);
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -webkit-mask-position: center;
@@ -1677,7 +1820,7 @@ body {
   height: 16px;
   content: '';
   display: block;
-  -webkit-mask-image: url(/0e8e702/icons/chevron-right.svg);
+  -webkit-mask-image: url(/ce87b6f/icons/chevron-right.svg);
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -webkit-mask-position: center;
@@ -1731,22 +1874,6 @@ body {
   line-height: 1.5;
   word-wrap: break-word;
   contain: content;
-  overflow-y: auto;
-}
-
-.Markdown::-webkit-scrollbar {
-  width: 10px;
-}
-
-.Markdown::-webkit-scrollbar-track {
-  background: transparent;
-}
-
-.Markdown::-webkit-scrollbar-thumb {
-  background: var(--EditorScrollBarBackground);
-}
-
-.Markdown::-webkit-scrollbar-thumb:hover {
 }
 
 .Markdown details,
@@ -2694,7 +2821,7 @@ body {
   position: absolute;
   inset: 0;
   background: var(--TabActiveForeground);
-  -webkit-mask-image: url(/0e8e702/icons/icon-close.svg);
+  -webkit-mask-image: url(/ce87b6f/icons/icon-close.svg);
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -webkit-mask-position: center;
@@ -2829,6 +2956,7 @@ body {
   contain: strict;
   tab-size: 2;
   font-display: block;
+  cursor: text;
 }
 
 .EditorLayers {
@@ -3091,103 +3219,3 @@ body {
 .AnimationSpin {
   animation: spin 2s linear infinite;
 }
-/*************/
-/* ActivityBar.css */
-/*************/
-#ActivityBar {
-  background: var(--ActivityBarBackground);
-  color: var(--ActivityBarForeground);
-  contain: strict;
-}
-
-#ActivityBar {
-  /* display: grid; */
-  /* align-content: space-between; */
-  display: flex;
-  flex-direction: column;
-}
-
-/* #ActivityBar:focus-within {
-  border: 1px solid rgba(62, 100, 170, 0.575);
-} */
-
-/* #ActivityBarItemsTop,
-#ActivityBarItemsBottom {
-  contain: content;
-  display: grid;
-  grid-auto-rows: 48px;
-} */
-
-.ActivityBarItem {
-  position: relative;
-  outline: none;
-  -webkit-mask-repeat: no-repeat;
-  mask-repeat: no-repeat;
-  -webkit-mask-position: center;
-  mask-position: center;
-  -webkit-mask-size: 24px;
-  mask-size: 24px;
-  /* background: var(--ActivityBarBackground); */
-  position: relative;
-  width: 48px;
-  height: 48px;
-  contain: strict;
-  /* margin-top: 100px; */
-  flex-shrink: 0;
-}
-
-.ActivityBarItem[data-viewlet-id='Settings'] {
-  margin-top: auto;
-}
-
-.ActivityBarItem:hover {
-  /* background: #878f8c; */
-}
-
-.ActivityBarItem[aria-selected='true'],
-.ActivityBarItem:hover {
-  color: var(--ActivityBarActiveForeground);
-}
-
-.ActivityBarItem[aria-selected='true'] {
-  background: var(--ActivityBarActiveBackground);
-}
-
-.ActivityBarItem:focus-visible {
-  /* background: var(--ActivityBarActiveBackground); */
-  color: var(--ActivityBarActiveForeground);
-}
-
-.ActivityBarItemIcon {
-  position: absolute;
-  inset: 0;
-  background: currentColor;
-  /* filter: 1; */
-  -webkit-mask-repeat: no-repeat;
-  mask-repeat: no-repeat;
-  -webkit-mask-position: center;
-  mask-position: center;
-  -webkit-mask-size: 24px;
-  mask-size: 24px;
-}
-
-/* .ActivityBarItem:focus .ActivityBarItemIcon,
-.ActivityBarItem:hover .ActivityBarItemIcon,
-.ActivityBarItem[aria-selected] .ActivityBarItemIcon {
-  filter: none;
-} */
-
-.ActivityBarItemBadge {
-  background: var(--BadgeBackground);
-  border-radius: 100%;
-  height: 20px;
-  width: 20px;
-  line-height: 20px;
-  text-align: center;
-  position: absolute;
-  right: 0px;
-  bottom: 0px;
-  color: var(--BadgeForeground);
-  font-size: 9px;
-  font-weight: 600;
-}

package/static/ce87b6f/icons/refresh.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.681 3H2V2h3.5l.5.5V6H5V4a5 5 0 1 0 4.53-.761l.302-.954A6 6 0 1 1 4.681 3z"/></svg>