@theia/core 1.39.0-next.9 → 1.40.0

package/lib/browser/shell/tab-bars.d.ts

@@ -37,6 +37,7 @@ export interface SideBarRenderData extends TabBar.IRenderData<Widget> {
     iconSize?: SizeData;
     paddingTop?: number;
     paddingBottom?: number;
+    visible?: boolean;
 }
 export interface ScrollableRenderData extends TabBar.IRenderData<Widget> {
     tabWidth?: number;
@@ -79,6 +80,7 @@ export declare class TabBarRenderer extends TabBar.Renderer {
      * @returns {VirtualElement} The virtual element of the rendered tab.
      */
     renderTab(data: SideBarRenderData, isInSidePanel?: boolean, isPartOfHiddenTabBar?: boolean): VirtualElement;
+    createTabClass(data: SideBarRenderData): string;
     /**
      * Generate ID for an entry in the tab bar
      * @param {Title<Widget>} title Title of the widget controlled by this tab bar
@@ -120,7 +122,7 @@ export declare class TabBarRenderer extends TabBar.Renderer {
      * @param {string | string[]} iconName The name of the icon.
      * @param {string[]} additionalClasses Additional classes of the icon.
      */
-    private getIconClass;
+    protected getIconClass(iconName: string | string[], additionalClasses?: string[]): string;
     /**
      * Find duplicate labels from the currently opened tabs in the tab bar.
      * Return the appropriate partial paths that can distinguish the identical labels.
@@ -140,6 +142,7 @@ export declare class TabBarRenderer extends TabBar.Renderer {
      */
     renderIcon(data: SideBarRenderData, isInSidePanel?: boolean): VirtualElement;
     protected renderEnhancedPreview: (title: Title<Widget>) => HTMLDivElement;
+    protected renderVisualPreview(desiredWidth: number, title: Title<Widget>): HTMLElement | undefined;
     protected handleMouseEnterEvent: (event: MouseEvent) => void;
     protected handleContextMenuEvent: (event: MouseEvent) => void;
     protected handleCloseClickEvent: (event: MouseEvent) => void;
@@ -150,12 +153,12 @@ export declare class TabBarRenderer extends TabBar.Renderer {
  */
 export declare class ScrollableTabBar extends TabBar<Widget> {
     protected scrollBar?: PerfectScrollbar;
-    private scrollBarFactory;
-    private pendingReveal?;
-    private isMouseOver;
+    protected scrollBarFactory: () => PerfectScrollbar;
+    protected pendingReveal?: Promise<void>;
+    protected isMouseOver: boolean;
     protected needsRecompute: boolean;
     protected tabSize: number;
-    private _dynamicTabOptions?;
+    protected _dynamicTabOptions?: ScrollableTabBar.Options;
     protected contentContainer: HTMLElement;
     protected topRow: HTMLElement;
     protected readonly toDispose: DisposableCollection;
@@ -172,7 +175,7 @@ export declare class ScrollableTabBar extends TabBar<Widget> {
      * Instead of this structure, we add a container for the `this.contentNode` and for the toolbar.
      * The scrollbar will only work for the `ul` part but it does not affect the toolbar, so it can be on the right hand-side.
      */
-    private rewireDOM;
+    protected rewireDOM(): void;
     protected onAfterAttach(msg: Message): void;
     protected onBeforeDetach(msg: Message): void;
     protected onUpdateRequest(msg: Message): void;
@@ -231,7 +234,7 @@ export declare class ToolbarAwareTabBar extends ScrollableTabBar {
     protected onUpdateRequest(msg: Message): void;
     protected updateToolbar(): void;
     handleEvent(event: Event): void;
-    private isOver;
+    protected isOver(event: Event, element: Element): boolean;
     /**
      * Restructures the DOM defined in PhosphorJS.
      *
@@ -239,13 +242,13 @@ export declare class ToolbarAwareTabBar extends ScrollableTabBar {
      * Instead of this structure, we add a container for the `this.contentNode` and for the toolbar.
      * The scrollbar will only work for the `ul` part but it does not affect the toolbar, so it can be on the right hand-side.
      */
-    private addBreadcrumbs;
+    protected addBreadcrumbs(): void;
 }
 /**
  * A specialized tab bar for side areas.
  */
 export declare class SideTabBar extends ScrollableTabBar {
-    private static readonly DRAG_THRESHOLD;
+    protected static readonly DRAG_THRESHOLD = 5;
     /**
      * Emitted when a tab is added to the tab bar.
      */
@@ -257,7 +260,23 @@ export declare class SideTabBar extends ScrollableTabBar {
      * emitted when the mouse is released on the selected tab without initiating a drag.
      */
     readonly collapseRequested: Signal<this, Title<Widget>>;
-    private mouseData?;
+    /**
+     * Emitted when the set of overflowing/hidden tabs changes.
+     */
+    readonly tabsOverflowChanged: Signal<this, {
+        titles: Title<Widget>[];
+        startIndex: number;
+    }>;
+    protected mouseData?: {
+        pressX: number;
+        pressY: number;
+        mouseDownTabIndex: number;
+    };
+    protected tabsOverflowData?: {
+        titles: Title<Widget>[];
+        startIndex: number;
+    };
+    protected _rowGap: number;
     constructor(options?: TabBar.IOptions<Widget> & PerfectScrollbar.Options);
     /**
      * Tab bars of the left and right side panel are arranged vertically by rotating their labels.
@@ -274,11 +293,20 @@ export declare class SideTabBar extends ScrollableTabBar {
     protected onAfterAttach(msg: Message): void;
     protected onAfterDetach(msg: Message): void;
     protected onUpdateRequest(msg: Message): void;
+    protected onResize(msg: Widget.ResizeMessage): void;
+    protected get tabRowGap(): number;
+    protected computeTabRowGap(): number;
+    /**
+     * Reveal the tab with the given index by moving it into the non-overflowing tabBar section
+     * if necessary.
+     */
+    revealTab(index: number): Promise<void>;
     /**
      * Render the tab bar in the _hidden content node_ (see `hiddenContentNode` for explanation),
      * then gather size information for labels and render it again in the proper content node.
      */
     protected updateTabs(): void;
+    protected computeOverflowingTabsData(startIndex: number): void;
     /**
      * Render the tab bar using the given DOM element as host. The optional `renderData` is forwarded
      * to the TabBarRenderer.
@@ -293,9 +321,9 @@ export declare class SideTabBar extends ScrollableTabBar {
      * mouse goes down, and thus collides with dragging.
      */
     handleEvent(event: Event): void;
-    private onMouseDown;
-    private onMouseUp;
-    private onMouseMove;
+    protected onMouseDown(event: MouseEvent): void;
+    protected onMouseUp(event: MouseEvent): void;
+    protected onMouseMove(event: MouseEvent): void;
     toCancelViewContainerDND: DisposableCollection;
     protected cancelViewContainerDND: () => void;
     /**

package/lib/browser/shell/tab-bars.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab-bars.d.ts","sourceRoot":"","sources":["../../../src/browser/shell/tab-bars.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"tab-bars.d.ts","sourceRoot":"","sources":["../../../src/browser/shell/tab-bars.ts"],"names":[],"mappings":"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"}

package/lib/browser/shell/tab-bars.js

@@ -12,7 +12,7 @@
 // with the GNU Classpath Exception which is available at
 // https://www.gnu.org/software/classpath/license.html.
 //
-// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
+// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
 // *****************************************************************************
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SideTabBar = exports.ToolbarAwareTabBar = exports.ScrollableTabBar = exports.TabBarRenderer = exports.TabBarRendererFactory = exports.SHELL_TABBAR_CONTEXT_SPLIT = exports.SHELL_TABBAR_CONTEXT_PIN = exports.SHELL_TABBAR_CONTEXT_COPY = exports.SHELL_TABBAR_CONTEXT_CLOSE = exports.SHELL_TABBAR_CONTEXT_MENU = void 0;
@@ -31,6 +31,7 @@ const widget_1 = require("../widgets/widget");
 const client_1 = require("react-dom/client");
 const select_component_1 = require("../widgets/select-component");
 const react_1 = require("react");
+const previewable_widget_1 = require("../widgets/previewable-widget");
 /** The class name added to hidden content nodes, which are required to render vertical side bars. */
 const HIDDEN_CONTENT_CLASS = 'theia-TabBar-hidden-content';
 /** Menu path for tab bars used throughout the application shell. */
@@ -80,6 +81,7 @@ class TabBarRenderer extends widgets_1.TabBar.Renderer {
             return hoverBox;
         };
         this.handleMouseEnterEvent = (event) => {
+            var _a;
             if (this.tabBar && this.hoverService && event.currentTarget instanceof HTMLElement) {
                 const id = event.currentTarget.id;
                 const title = this.tabBar.titles.find(t => this.createTabId(t) === id);
@@ -89,7 +91,8 @@ class TabBarRenderer extends widgets_1.TabBar.Renderer {
                             content: this.renderEnhancedPreview(title),
                             target: event.currentTarget,
                             position: 'bottom',
-                            cssClasses: ['extended-tab-preview']
+                            cssClasses: ['extended-tab-preview'],
+                            visualPreview: ((_a = this.corePreferences) === null || _a === void 0 ? void 0 : _a['window.tabbar.enhancedPreview']) === 'visual' ? width => this.renderVisualPreview(width, title) : undefined
                         });
                     }
                     else {
@@ -210,18 +213,34 @@ class TabBarRenderer extends widgets_1.TabBar.Renderer {
         const closeIconTitle = data.title.className.includes(widget_1.PINNED_CLASS)
             ? common_1.nls.localizeByDefault('Unpin')
             : common_1.nls.localizeByDefault('Close');
-        const hover = this.tabBar && (this.tabBar.orientation === 'horizontal' && !((_a = this.corePreferences) === null || _a === void 0 ? void 0 : _a['window.tabbar.enhancedPreview'])) ? { title: title.caption } : {
-            onmouseenter: this.handleMouseEnterEvent
-        };
-        return virtualdom_1.h.li(Object.assign(Object.assign({}, hover), { key, className, id, style, dataset, oncontextmenu: this.handleContextMenuEvent, ondblclick: this.handleDblClickEvent, onauxclick: (e) => {
+        const hover = this.tabBar && (this.tabBar.orientation === 'horizontal' && ((_a = this.corePreferences) === null || _a === void 0 ? void 0 : _a['window.tabbar.enhancedPreview']) === 'classic')
+            ? { title: title.caption }
+            : {
+                onmouseenter: this.handleMouseEnterEvent
+            };
+        return virtualdom_1.h.li({
+            ...hover,
+            key, className, id, style, dataset,
+            oncontextmenu: this.handleContextMenuEvent,
+            ondblclick: this.handleDblClickEvent,
+            onauxclick: (e) => {
                 // If user closes the tab using mouse wheel, nothing should be pasted to an active editor
                 e.preventDefault();
-            } }), virtualdom_1.h.div({ className: 'theia-tab-icon-label' }, this.renderIcon(data, isInSidePanel), this.renderLabel(data, isInSidePanel), this.renderBadge(data, isInSidePanel), this.renderLock(data, isInSidePanel)), virtualdom_1.h.div({
+            }
+        }, virtualdom_1.h.div({ className: 'theia-tab-icon-label' }, this.renderIcon(data, isInSidePanel), this.renderLabel(data, isInSidePanel), this.renderBadge(data, isInSidePanel), this.renderLock(data, isInSidePanel)), virtualdom_1.h.div({
             className: 'p-TabBar-tabCloseIcon action-label',
             title: closeIconTitle,
             onclick: this.handleCloseClickEvent
         }));
     }
+    createTabClass(data) {
+        var _a;
+        let tabClass = super.createTabClass(data);
+        if (!((_a = data.visible) !== null && _a !== void 0 ? _a : true)) {
+            tabClass += ' p-mod-invisible';
+        }
+        return tabClass;
+    }
     /**
      * Generate ID for an entry in the tab bar
      * @param {Title<Widget>} title Title of the widget controlled by this tab bar
@@ -492,6 +511,54 @@ class TabBarRenderer extends widgets_1.TabBar.Renderer {
         }
         return virtualdom_1.h.div({ className: baseClassName, style }, data.title.iconLabel);
     }
+    renderVisualPreview(desiredWidth, title) {
+        var _a;
+        const widget = title.owner;
+        // Check that the widget is not currently shown, is a PreviewableWidget and it was already loaded before
+        if (this.tabBar && this.tabBar.currentTitle !== title && previewable_widget_1.PreviewableWidget.isPreviewable(widget)) {
+            const html = document.getElementById(widget.id);
+            if (html) {
+                const previewNode = widget.getPreviewNode();
+                if (previewNode) {
+                    const clonedNode = previewNode.cloneNode(true);
+                    const visualPreviewDiv = document.createElement('div');
+                    visualPreviewDiv.classList.add('enhanced-preview-container');
+                    // Add the clonedNode and get it from the children to have a HTMLElement instead of a Node
+                    visualPreviewDiv.append(clonedNode);
+                    const visualPreview = visualPreviewDiv.children.item(visualPreviewDiv.children.length - 1);
+                    if (visualPreview instanceof HTMLElement) {
+                        visualPreview.classList.remove('p-mod-hidden');
+                        visualPreview.classList.add('enhanced-preview');
+                        visualPreview.id = `preview:${widget.id}`;
+                        // Use the current visible editor as a fallback if not available
+                        const height = visualPreview.style.height === '' ? this.tabBar.currentTitle.owner.node.offsetHeight : parseFloat(visualPreview.style.height);
+                        const width = visualPreview.style.width === '' ? this.tabBar.currentTitle.owner.node.offsetWidth : parseFloat(visualPreview.style.width);
+                        const desiredRatio = 9 / 16;
+                        const desiredHeight = desiredWidth * desiredRatio;
+                        const ratio = height / width;
+                        visualPreviewDiv.style.width = `${desiredWidth}px`;
+                        visualPreviewDiv.style.height = `${desiredHeight}px`;
+                        // If the view is wider than the desiredRatio scale the width and crop the height. If the view is longer its the other way around.
+                        const scale = ratio < desiredRatio ? (desiredHeight / height) : (desiredWidth / width);
+                        visualPreview.style.transform = `scale(${scale},${scale})`;
+                        visualPreview.style.removeProperty('top');
+                        visualPreview.style.removeProperty('left');
+                        // Copy canvases (They are cloned empty)
+                        const originalCanvases = html.getElementsByTagName('canvas');
+                        const previewCanvases = visualPreview.getElementsByTagName('canvas');
+                        // If this is not given, something went wrong during the cloning
+                        if (originalCanvases.length === previewCanvases.length) {
+                            for (let i = 0; i < originalCanvases.length; i++) {
+                                (_a = previewCanvases[i].getContext('2d')) === null || _a === void 0 ? void 0 : _a.drawImage(originalCanvases[i], 0, 0);
+                            }
+                        }
+                        return visualPreviewDiv;
+                    }
+                }
+            }
+        }
+        return undefined;
+    }
 }
 exports.TabBarRenderer = TabBarRenderer;
 /**
@@ -828,6 +895,10 @@ class SideTabBar extends ScrollableTabBar {
          * emitted when the mouse is released on the selected tab without initiating a drag.
          */
         this.collapseRequested = new signaling_1.Signal(this);
+        /**
+         * Emitted when the set of overflowing/hidden tabs changes.
+         */
+        this.tabsOverflowChanged = new signaling_1.Signal(this);
         this.toCancelViewContainerDND = new common_1.DisposableCollection();
         this.cancelViewContainerDND = () => {
             this.toCancelViewContainerDND.dispose();
@@ -923,7 +994,6 @@ class SideTabBar extends ScrollableTabBar {
         return result;
     }
     onAfterAttach(msg) {
-        super.onAfterAttach(msg);
         this.updateTabs();
         this.node.addEventListener('p-dragenter', this);
         this.node.addEventListener('p-dragover', this);
@@ -939,10 +1009,60 @@ class SideTabBar extends ScrollableTabBar {
     }
     onUpdateRequest(msg) {
         this.updateTabs();
-        if (this.scrollBar) {
-            this.scrollBar.update();
+    }
+    onResize(msg) {
+        // Tabs need to be updated if there are already overflowing tabs or the current tabs don't fit
+        if (this.tabsOverflowData || this.node.clientHeight < this.contentNode.clientHeight) {
+            this.updateTabs();
         }
     }
+    // Queries the tabRowGap value of the content node. Needed to properly compute overflowing
+    // tabs that should be hidden
+    get tabRowGap() {
+        // We assume that the tab row gap is static i.e. we compute it once an then cache it
+        if (!this._rowGap) {
+            this._rowGap = this.computeTabRowGap();
+        }
+        return this._rowGap;
+    }
+    computeTabRowGap() {
+        var _a;
+        const style = window.getComputedStyle(this.contentNode);
+        const rowGapStyle = style.getPropertyValue('row-gap');
+        const numericValue = parseFloat(rowGapStyle);
+        const unit = (_a = rowGapStyle.match(/[a-zA-Z]+/)) === null || _a === void 0 ? void 0 : _a[0];
+        const tempDiv = document.createElement('div');
+        tempDiv.style.height = '1' + unit;
+        document.body.appendChild(tempDiv);
+        const rowGapValue = numericValue * tempDiv.offsetHeight;
+        document.body.removeChild(tempDiv);
+        return rowGapValue;
+    }
+    /**
+     * Reveal the tab with the given index by moving it into the non-overflowing tabBar section
+     * if necessary.
+     */
+    revealTab(index) {
+        if (this.pendingReveal) {
+            // A reveal has already been scheduled
+            return this.pendingReveal;
+        }
+        const result = new Promise(resolve => {
+            // The tab might not have been created yet, so wait until the next frame
+            window.requestAnimationFrame(() => {
+                if (this.tabsOverflowData && index >= this.tabsOverflowData.startIndex) {
+                    const title = this.titles[index];
+                    this.insertTab(this.tabsOverflowData.startIndex - 1, title);
+                }
+                if (this.pendingReveal === result) {
+                    this.pendingReveal = undefined;
+                }
+                resolve();
+            });
+        });
+        this.pendingReveal = result;
+        return result;
+    }
     /**
      * Render the tab bar in the _hidden content node_ (see `hiddenContentNode` for explanation),
      * then gather size information for labels and render it again in the proper content node.
@@ -956,13 +1076,18 @@ class SideTabBar extends ScrollableTabBar {
                 const hiddenContent = this.hiddenContentNode;
                 const n = hiddenContent.children.length;
                 const renderData = new Array(n);
+                const availableWidth = this.node.clientHeight - this.tabRowGap;
+                let actualWidth = 0;
+                let overflowStartIndex = -1;
                 for (let i = 0; i < n; i++) {
                     const hiddenTab = hiddenContent.children[i];
                     // Extract tab padding from the computed style
                     const tabStyle = window.getComputedStyle(hiddenTab);
+                    const paddingTop = parseFloat(tabStyle.paddingTop);
+                    const paddingBottom = parseFloat(tabStyle.paddingBottom);
                     const rd = {
-                        paddingTop: parseFloat(tabStyle.paddingTop),
-                        paddingBottom: parseFloat(tabStyle.paddingBottom)
+                        paddingTop,
+                        paddingBottom
                     };
                     // Extract label size from the DOM
                     const labelElements = hiddenTab.getElementsByClassName('p-TabBar-tabLabel');
@@ -975,14 +1100,57 @@ class SideTabBar extends ScrollableTabBar {
                     if (iconElements.length === 1) {
                         const icon = iconElements[0];
                         rd.iconSize = { width: icon.clientWidth, height: icon.clientHeight };
+                        actualWidth += icon.clientHeight + paddingTop + paddingBottom + this.tabRowGap;
+                        if (actualWidth > availableWidth && i !== 0) {
+                            rd.visible = false;
+                            if (overflowStartIndex === -1) {
+                                overflowStartIndex = i;
+                            }
+                        }
+                        renderData[i] = rd;
+                    }
+                }
+                // Special handling if only one element is overflowing.
+                if (overflowStartIndex === n - 1 && renderData[overflowStartIndex]) {
+                    if (!this.tabsOverflowData) {
+                        overflowStartIndex--;
+                        renderData[overflowStartIndex].visible = false;
+                    }
+                    else {
+                        renderData[overflowStartIndex].visible = true;
+                        overflowStartIndex = -1;
                     }
-                    renderData[i] = rd;
                 }
                 // Render into the visible node
                 this.renderTabs(this.contentNode, renderData);
+                this.computeOverflowingTabsData(overflowStartIndex);
             });
         }
     }
+    computeOverflowingTabsData(startIndex) {
+        // ensure that render tabs has completed
+        window.requestAnimationFrame(() => {
+            var _a, _b;
+            if (startIndex === -1) {
+                if (this.tabsOverflowData) {
+                    this.tabsOverflowData = undefined;
+                    this.tabsOverflowChanged.emit({ titles: [], startIndex });
+                }
+                return;
+            }
+            const newOverflowingTabs = this.titles.slice(startIndex);
+            if (!this.tabsOverflowData) {
+                this.tabsOverflowData = { titles: newOverflowingTabs, startIndex };
+                this.tabsOverflowChanged.emit(this.tabsOverflowData);
+                return;
+            }
+            if (((_b = newOverflowingTabs.length !== ((_a = this.tabsOverflowData) === null || _a === void 0 ? void 0 : _a.titles.length)) !== null && _b !== void 0 ? _b : 0) ||
+                newOverflowingTabs.find((newTitle, i) => { var _a; return newTitle !== ((_a = this.tabsOverflowData) === null || _a === void 0 ? void 0 : _a.titles[i]); }) !== undefined) {
+                this.tabsOverflowData = { titles: newOverflowingTabs, startIndex };
+                this.tabsOverflowChanged.emit(this.tabsOverflowData);
+            }
+        });
+    }
     /**
      * Render the tab bar using the given DOM element as host. The optional `renderData` is forwarded
      * to the TabBarRenderer.
@@ -999,7 +1167,7 @@ class SideTabBar extends ScrollableTabBar {
             const zIndex = current ? n : n - i - 1;
             let rd;
             if (renderData && i < renderData.length) {
-                rd = Object.assign({ title, current, zIndex }, renderData[i]);
+                rd = { title, current, zIndex, ...renderData[i] };
             }
             else {
                 rd = { title, current, zIndex };