@lvce-editor/server 0.11.0 → 0.11.2

package/static/2fd2efe/css/parts/EditorTabs.css

@@ -1,120 +0,0 @@
-.MainTabs {
-  height: 35px;
-  background: rgb(40, 46, 47);
-  display: flex;
-  contain: strict;
-  width: 100%;
-  margin: 0;
-  padding: 0;
-  background: var(
-    --TabsBackground
-  ); /* TODO variable name should match class name */
-  /* TODO investigate perf */
-  /* contain: children; */
-}
-
-.MainTab {
-  border-right: 1px solid rgb(34, 34, 34);
-  background: var(--TabBackground);
-  color: var(--TabForeground);
-  padding-left: 5px;
-  padding-right: 5px;
-  display: flex;
-  align-items: center;
-  font-size: 13px;
-  white-space: nowrap;
-  max-width: 200px;
-}
-
-.MainTab[aria-selected='true'] {
-  border-right: 1px solid rgb(34, 34, 34);
-  background: var(--TabActiveBackground);
-  color: var(--TabActiveForeground);
-}
-
-/* should be kept in sync with explorer */
-.MainTab::before {
-  content: ' ';
-  width: 16px;
-  height: 16px;
-  display: inline-block;
-  padding-right: 4px;
-  background-repeat: no-repeat;
-  line-height: inherit;
-  margin-top: -3px; /* TODO why this? */
-}
-
-.MainTab::before {
-  content: ' ';
-  contain: strict;
-  width: 22px;
-  height: 22px;
-  background-size: 16px;
-  background-position: 0;
-  background-repeat: no-repeat;
-  padding-right: 6px;
-  width: 16px;
-  height: 22px;
-  line-height: inherit !important;
-  display: inline-block;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  flex-shrink: 0;
-  background-size: cover;
-  background-size: 16px;
-  background-position: 0;
-}
-
-.ManiTabLabel {
-  pointer-events: none;
-  contain: content;
-}
-
-.EditorTabCloseButton {
-  contain: strict;
-  border: none;
-  padding: 0;
-  width: 23px;
-  height: 23px;
-  position: relative;
-  background: transparent;
-  border-radius: 4px;
-  display: flex;
-  margin-left: 4px;
-  flex-shrink: 0;
-}
-
-.EditorTabCloseButton::before {
-  content: '';
-  position: absolute;
-  inset: 0;
-  background: var(--TabActiveForeground);
-  -webkit-mask-image: url(/icons/icon-close.svg);
-  -webkit-mask-repeat: no-repeat;
-  mask-repeat: no-repeat;
-  -webkit-mask-position: center;
-  mask-position: center;
-  -webkit-mask-size: 50%;
-  mask-size: 50%;
-}
-
-.EditorTabCloseButton:hover {
-  background: rgba(255, 255, 255, 0.05);
-  transition: all 0.1s;
-}
-
-.EditorTabStatus {
-  width: 22px;
-  height: 15px;
-}
-
-/* TODO investigate whether classNames vs data-attribute makes a difference here (performance-wise) */
-.EditorTabStatus[data-status='1'] /* default */ {
-  display: none;
-}
-
-.EditorTabStatus[data-status='2'] /* modified */ {
-  background: white;
-  -webkit-mask: url(/packages/renderer-process/assets/icons/circle-filled.svg)
-    100% 50% / 15px no-repeat;
-}

package/static/2fd2efe/css/parts/ViewletKeyBindings.css

@@ -1,99 +0,0 @@
-:root {
-  --KeyBindingsEditorColor: #e1e2de;
-}
-
-.KeyBindings {
-  color: var(--KeyBindingsEditorColor);
-}
-
-.KeyBindingsHeader {
-  height: 50px;
-  contain: strict;
-  display: grid;
-  place-items: center;
-  padding: 0 15px;
-}
-
-.Key {
-  background-color: rgba(128, 128, 128, 0.17);
-  border-color: rgba(51, 51, 51, 0.6) rgba(51, 51, 51, 0.6)
-    rgba(68, 68, 68, 0.6);
-  box-shadow: rgb(0 0 0 / 36%) 0px -1px 0px inset;
-  display: inline-block;
-  border-style: solid;
-  border-width: 1px;
-  border-radius: 3px;
-  vertical-align: middle;
-  font-size: 11px;
-  contain: content;
-}
-
-.KeyBinding {
-  color: rgb(204, 204, 204);
-  display: flex;
-  align-items: center;
-  line-height: 10px;
-}
-
-.KeyBindingsTableWrapper {
-  padding: 0 15px;
-}
-
-.KeyBindingsTable {
-  width: 100%;
-  table-layout: fixed;
-  contain: content;
-  border-collapse: collapse;
-}
-
-.KeyBindingsTableBody {
-  white-space: pre;
-  overflow-y: auto;
-  user-select: text;
-  contain: content;
-}
-
-.KeyBindingsTableRowEven,
-.KeyBindingsTableRowOdd {
-  height: 24px;
-  contain: strict;
-}
-
-.KeyBindingsTableRowOdd {
-  background: rgba(156, 162, 160, 0.04);
-}
-
-.KeyBindingsTableRowSelected {
-  background: #515f59;
-}
-
-.KeyBindingsTableCell {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  contain: content;
-}
-
-/* TODO duplicate code with editor */
-
-.ScrollBar,
-.ScrollBarSmall {
-  position: absolute;
-  right: 0;
-  top: 0;
-  width: 14px;
-  bottom: 0;
-  contain: strict;
-  cursor: default;
-}
-
-.ScrollBar {
-  width: 14px;
-}
-
-.ScrollBarThumb {
-  width: 100%;
-  /* height: 40px; */
-  position: absolute;
-  contain: strict;
-  background: var(--EditorScrollBarBackground, rgba(57, 71, 71, 0.6));
-}

package/static/2fd2efe/css/parts/ViewletQuickPick.css

@@ -1,143 +0,0 @@
-/* TODO commit 9fcc3db9e37ec708459f3ba96715ca1286fc53b4 might be a bit faster
-   for quickpick to open (3.3ms recalculcate style vs 4.2ms now)  */
-
-/* TODO recalculate style is really slow in chrome for unknown reasons */
-#QuickPick {
-  position: absolute;
-  width: 600px;
-  top: 50px;
-  left: 50%;
-  margin-left: -300px; /* TODO maybe this should be 301px because of padding to be centered */
-  padding: 0 1px 6px;
-  background: var(--QuickPickBackground);
-  color: var(--ListForeground);
-  box-sizing: border-box;
-  /* TODO is this useful? */
-  contain: content;
-  /* TODO is this useful? */
-  /* transform: translate3d(0, 0, 0); */
-  display: flex;
-  flex-direction: column;
-  row-gap: 4px;
-  pointer-events: all;
-  /* inset: 0; */
-  /* will-change: transform; */
-  box-shadow: rgb(0 0 0 / 15%) 0px 0px 8px 2px;
-}
-
-#QuickPickHeader {
-  /* width: 100%; */
-  display: flex;
-  /* margin: 6px 6px 0; */
-  padding: 6px 6px 0;
-  /* contain: strict; */
-  height: 30px;
-  contain: strict;
-  /* margin-bottom: -2px; */
-}
-
-#QuickPickItems {
-  outline: 0;
-  margin: 0;
-  padding: 0;
-  overflow: hidden;
-  contain: strict;
-}
-
-.ScrollWrapper {
-  width: 100%;
-  height: 220px;
-  /* TODO check if this makes a difference */
-  /* will-change: transform; needed for effective scrolling */
-  /* contain: strict; */
-  position: relative;
-  z-index: -1;
-}
-
-.Row {
-}
-
-.QuickPickItem {
-  display: flex;
-  white-space: nowrap;
-  align-items: center;
-  width: 100%;
-  height: 22px;
-  font-size: 13px;
-  margin: 0;
-  padding: 0 6px;
-  contain: strict;
-  gap: 4px;
-}
-
-
-.QuickPickItem:hover {
-  background: var(--ListHoverBackground);
-  color: var(--ListHoverForeground);
-}
-
-#QuickPickItemActive {
-  color: var(--ListActiveSelectionForeground);
-  background: var(--ListActiveSelectionBackground);
-}
-
-
-.QuickPickItemDescription {
-  font-size: 0.8rem;
-  opacity: 0.7;
-  pointer-events: none;
-}
-
-#QuickPickCount {
-  /* Screen Reader Only */
-  position: absolute;
-  left: -10000px;
-  top: auto;
-  width: 1px;
-  height: 1px;
-  overflow: hidden;
-}
-
-/* TODO don't do nesting */
-.QuickPickItem .highlight {
-  color: darkgoldenrod;
-}
-
-/* TODO different way to check if it is file, className may be faster  */
-.QuickPickItem[data-language-id]::before {
-  content: ' ';
-  contain: strict;
-  width: 22px;
-  height: 22px;
-  background-size: 16px;
-  background-position: 0;
-  background-repeat: no-repeat;
-  padding-right: 6px;
-  width: 16px;
-  height: 22px;
-  line-height: inherit !important;
-  display: inline-block;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  vertical-align: top;
-  flex-shrink: 0;
-  background-size: cover;
-  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;
-  flex-shrink: 0;
-}
-
-/* TODO remove icon from dom when it is not needed */
-.Iconundefined {
-  display: none;
-}

package/static/2fd2efe/css/parts/ViewletSearch.css

@@ -1,152 +0,0 @@
-.Search {
-  display: flex;
-  flex-direction: column;
-}
-
-.SearchHeader {
-  display: grid;
-  padding: 5px 12px 6px 16px;
-}
-
-.ViewletSearchMessage {
-  color: rgba(156, 162, 160, 0.65);
-  padding-bottom: 8px;
-}
-
-.SearchResults {
-  overflow-y: auto;
-  height: 100%;
-}
-
-.Search .TreeItem {
-  position: absolute;
-}
-
-.Highlight {
-  background: rgba(129, 85, 14, 0.4);
-}
-
-/* TODO duplicate code with explorer.css */
-
-.TreeItem {
-  color: var(--TreeItemForeground, rgb(188, 190, 190));
-  padding-left: 11px;
-  display: flex;
-  gap: 4px;
-  height: 22px;
-  line-height: 22px;
-  contain: strict;
-  width: 100%;
-  display: flex;
-}
-
-#TreeItemActive {
-  background: rgba(59, 71, 66, 0.5);
-}
-
-.TreeItem [class^='Icon'] {
-  content: ' ';
-  contain: strict;
-  pointer-events: none;
-  background-size: 16px;
-  background-position: 0;
-  background-repeat: no-repeat;
-  width: 16px;
-  height: 22px;
-  display: inline-block;
-  flex-shrink: 0;
-}
-
-.TreeItem:hover {
-  background: var(--TreeItemHoverBackground, rgba(64, 92, 80, 0.2));
-}
-
-.TreeItem[aria-level='1'] {
-  padding-left: 1rem;
-}
-
-.TreeItem[aria-level='2'] {
-  padding-left: 2rem;
-}
-
-.TreeItem[aria-level='3'] {
-  padding-left: 3rem;
-}
-
-.TreeItem[aria-level='4'] {
-  padding-left: 4rem;
-}
-
-.TreeItem[aria-level='5'] {
-  padding-left: 5rem;
-}
-
-.TreeItem[aria-level='6'] {
-  padding-left: 6rem;
-}
-
-.TreeItem[aria-level='7'] {
-  padding-left: 7rem;
-}
-
-.TreeItem[aria-level='8'] {
-  padding-left: 8rem;
-}
-
-.TreeItem[aria-level='9'] {
-  padding-left: 9rem;
-}
-
-.TreeItem[aria-level='10'] {
-  padding-left: 10rem;
-}
-
-.TreeItem[aria-level='11'] {
-  padding-left: 11rem;
-}
-
-.TreeItem[aria-level='12'] {
-  padding-left: 12rem;
-}
-
-.TreeItem[aria-level='13'] {
-  padding-left: 13rem;
-}
-
-.TreeItem[aria-level='14'] {
-  padding-left: 14rem;
-}
-
-.TreeItem[aria-level='14'] {
-  padding-left: 14rem;
-}
-
-.TreeItem[aria-level='15'] {
-  padding-left: 15rem;
-}
-
-.TreeItem[aria-level='16'] {
-  padding-left: 16rem;
-}
-
-.TreeItem[aria-level='17'] {
-  padding-left: 17rem;
-}
-
-.TreeItem[aria-level='18'] {
-  padding-left: 18rem;
-}
-
-.TreeItem[aria-level='19'] {
-  padding-left: 19rem;
-}
-
-/* TODO support arbitrary depth */
-
-.TreeItem[aria-level='20'] {
-  padding-left: 20rem;
-}
-
-.DropTarget {
-  background: rgba(0, 0, 90, 0.5);
-}

package/static/2fd2efe/css/parts/ViewletTitleBarButtons.css

@@ -1,32 +0,0 @@
-#TitleBarButtons {
-  margin-left: auto;
-  contain: content;
-  app-region: no-drag;
-}
-
-.TitleBarButton {
-  width: 46px;
-  height: 100%;
-  contain: strict;
-  background: transparent;
-  border: none;
-  color: currentColor;
-}
-
-.TitleBarButton:hover {
-  background-color: hsla(0, 0%, 100%, 0.1);
-}
-
-#TitleBarButtonClose:hover {
-  background-color: rgba(232, 17, 35, 0.9);
-}
-
-.MaskIcon.Minimize {
-  -webkit-mask-image: url(/2fd2efe/icons/chrome-minimize.svg);
-}
-.MaskIcon.ToggleMaximize {
-  -webkit-mask-image: url(/2fd2efe/icons/chrome-maximize.svg);
-}
-.MaskIcon.Close {
-  -webkit-mask-image: url(/2fd2efe/icons/chrome-close.svg);
-}