merge elixirlsp package

Author: ciusji

packages/completer/src/widget.ts

@@ -4,7 +4,7 @@
 import { defaultSanitizer } from '@jupyterlab/apputils';
 import { CodeEditor } from '@jupyterlab/codeeditor';
 import { renderText } from '@jupyterlab/rendermime';
-import { HoverBox, LabIcon } from '@jupyterlab/ui-components';
+import { codeCheckIcon, HoverBox, LabIcon } from '@jupyterlab/ui-components';
 import { IIterator, IterableOrArrayLike, toArray } from '@lumino/algorithm';
 import { JSONExt, JSONObject } from '@lumino/coreutils';
 import { IDisposable } from '@lumino/disposable';
@@ -324,6 +324,17 @@ export class Completer extends Widget {
       ul.appendChild(li);
     }
     node.appendChild(ul);
+
+    // Add elixir-lsp logo & tip
+    let logoDiv = document.createElement('div');
+    logoDiv.className = 'jp-Completer-footer';
+    logoDiv.innerHTML = codeCheckIcon.svgstr;
+    let logoTip = document.createElement('span');
+    logoTip.innerText = 'Powered by ElixirLsp';
+    logoTip.className = 'jp-Completer-footer-tip';
+    logoDiv.appendChild(logoTip);
+    node.appendChild(logoDiv);
+
     return node;
   }
 

packages/completer/style/base.css

@@ -15,6 +15,7 @@
   box-shadow: var(--jp-elevation-z6);
   background: var(--jp-layout-color1);
   color: var(--jp-content-font-color1);
+
   /*border: var(--jp-border-width) solid var(--jp-border-color1);*/
   padding: 4px;
   display: flex;
@@ -41,8 +42,20 @@
   white-space: pre-wrap;
 }
 
+.jp-Completer-footer {
+  position: absolute;
+  bottom: 4px;
+  padding-left: 12px;
+}
+
+.jp-Completer-footer-tip {
+  color: #bcbcbc;
+  font-size: 10px;
+  margin-left: 4px;
+}
+
 .jp-Completer-list {
-  margin: 0;
+  margin: 0 0 24px;
   padding: 0;
   list-style-type: none;
   overflow-y: scroll;
@@ -127,8 +140,10 @@
 }
 
 .jp-Completer-item.jp-mod-active {
-  background: var(--jp-brand-color1);
-  color: white;
+  color: var(--jp-brand-color1);
+  font-weight: bold;
+
+  /*color: white;*/
 }
 
 .jp-Completer-item .jp-Completer-match mark {
@@ -142,43 +157,43 @@
 }
 
 .jp-Completer-type[data-color-index='1'] {
-  background: #1f77b4;
+  color: #1f77b4;
 }
 
 .jp-Completer-type[data-color-index='2'] {
-  background: #ff7f0e;
+  color: #ff7f0e;
 }
 
 .jp-Completer-type[data-color-index='3'] {
-  background: #2ca02c;
+  color: #2ca02c;
 }
 
 .jp-Completer-type[data-color-index='4'] {
-  background: #d62728;
+  color: #d62728;
 }
 
 .jp-Completer-type[data-color-index='5'] {
-  background: #9467bd;
+  color: #9467bd;
 }
 
 .jp-Completer-type[data-color-index='6'] {
-  background: #8c564b;
+  color: #8c564b;
 }
 
 .jp-Completer-type[data-color-index='7'] {
-  background: #e377c2;
+  color: #e377c2;
 }
 
 .jp-Completer-type[data-color-index='8'] {
-  background: #7f7f7f;
+  color: #7f7f7f;
 }
 
 .jp-Completer-type[data-color-index='9'] {
-  background: #bcbd22;
+  color: #bcbd22;
 }
 
 .jp-Completer-type[data-color-index='10'] {
-  background: #17becf;
+  color: #17becf;
 }
 
 .jp-Completer-loading-bar-container {

packages/ui-components/style/icons/lsp/code-check.svg

@@ -40,6 +40,7 @@ dependencies = [
     "ipykernel",
     "jinja2>=3.0.3",
     "jupyter_core",
+    "elixir-lsp>=1.5.1",
     "jupyter_server_ydoc>=0.1.9,<0.2.0",
     "elixirlab-server>=2.16.5",
     "elixir-shim>=0.2.2",