Collapse paths for files deep in subfolders

Author: krassowski

packages/jupyterlab-lsp/src/components/utils.spec.ts

@@ -0,0 +1,53 @@
+import { get_breadcrumbs } from './utils';
+import { VirtualDocument } from '../virtual/document';
+import { WidgetAdapter } from '../adapters/adapter';
+import { IDocumentWidget } from '@jupyterlab/docregistry';
+
+function create_dummy_document(options: Partial<VirtualDocument.IOptions>) {
+  return new VirtualDocument({
+    language: 'python',
+    foreign_code_extractors: {},
+    overrides_registry: {},
+    path: 'Untitled.ipynb.py',
+    file_extension: 'py',
+    has_lsp_supported_file: false,
+    ...options
+  });
+}
+
+describe('get_breadcrumbs', () => {
+  it('should collapse long paths', () => {
+    let document = create_dummy_document({
+      path: 'dir1/dir2/Test.ipynb'
+    });
+    let breadcrumbs = get_breadcrumbs(document, {
+      has_multiple_editors: false
+    } as WidgetAdapter<IDocumentWidget>);
+    expect(breadcrumbs[0].props['title']).toBe('dir1/dir2/Test.ipynb');
+    expect(breadcrumbs[0].props['children']).toBe('dir1/.../Test.ipynb');
+  });
+
+  it('should trim the extra filename suffix for files created out of notebooks', () => {
+    let document = create_dummy_document({
+      path: 'Test.ipynb.py',
+      file_extension: 'py',
+      has_lsp_supported_file: false
+    });
+    let breadcrumbs = get_breadcrumbs(document, {
+      has_multiple_editors: false
+    } as WidgetAdapter<IDocumentWidget>);
+    expect(breadcrumbs[0].props['children']).toBe('Test.ipynb');
+  });
+
+  it('should not trim the filename suffix for standalone files', () => {
+    let document = create_dummy_document({
+      path: 'test.py',
+      file_extension: 'py',
+      has_lsp_supported_file: true
+    });
+    let breadcrumbs = get_breadcrumbs(document, {
+      has_multiple_editors: false
+    } as WidgetAdapter<IDocumentWidget>);
+    expect(breadcrumbs[0].props['children']).toBe('test.py');
+  });
+});

packages/jupyterlab-lsp/src/components/utils.tsx

@@ -5,7 +5,8 @@ import React from 'react';
 
 export function get_breadcrumbs(
   document: VirtualDocument,
-  adapter: WidgetAdapter<IDocumentWidget>
+  adapter: WidgetAdapter<IDocumentWidget>,
+  collapse = true
 ): JSX.Element[] {
   return document.ancestry.map((document: VirtualDocument) => {
     if (!document.parent) {
@@ -16,7 +17,18 @@ export function get_breadcrumbs(
       ) {
         path = path.slice(0, -document.file_extension.length - 1);
       }
-      return <span key={document.uri}>{path}</span>;
+      const full_path = path;
+      if (collapse) {
+        let parts = path.split('/');
+        if (parts.length > 2) {
+          path = parts[0] + '/.../' + parts[parts.length - 1];
+        }
+      }
+      return (
+        <span key={document.uri} title={full_path}>
+          {path}
+        </span>
+      );
     }
     if (!document.virtual_lines.size) {
       return <span key={document.uri}>Empty document</span>;