@codingame/monaco-vscode-api 23.3.0 → 24.1.0

package/vscode/src/vs/workbench/contrib/comments/browser/commentsViewActions.js

@@ -0,0 +1,219 @@
+
+import { KeyMod as KeyMod$1, KeyCode } from '../../../../base/common/keyCodes.js';
+import { Disposable } from '../../../../base/common/lifecycle.js';
+import { localize } from '../../../../nls.js';
+import { RawContextKey, ContextKeyExpr } from '../../../../platform/contextkey/common/contextkey.js';
+import { Emitter } from '../../../../base/common/event.js';
+import { CommentsViewFilterFocusContextKey } from './comments.js';
+import { registerAction2, MenuId, MenuRegistry } from '../../../../platform/actions/common/actions.js';
+import { ViewAction } from '../../../browser/parts/views/viewPane.js';
+import { KeybindingWeight } from '../../../../platform/keybinding/common/keybindingsRegistry.js';
+import { COMMENTS_VIEW_ID } from './commentsTreeViewer.js';
+import { FocusedViewContext } from '../../../common/contextkeys.js';
+import { viewFilterSubmenu } from '../../../browser/parts/views/viewFilter.js';
+import { Codicon } from '../../../../base/common/codicons.js';
+
+var CommentsSortOrder;
+(function (CommentsSortOrder) {
+    CommentsSortOrder["ResourceAscending"] = "resourceAscending";
+    CommentsSortOrder["UpdatedAtDescending"] = "updatedAtDescending";
+})(CommentsSortOrder || (CommentsSortOrder = {}));
+const CONTEXT_KEY_SHOW_RESOLVED = ( new RawContextKey('commentsView.showResolvedFilter', true));
+const CONTEXT_KEY_SHOW_UNRESOLVED = ( new RawContextKey('commentsView.showUnResolvedFilter', true));
+const CONTEXT_KEY_SORT_BY = ( new RawContextKey('commentsView.sortBy', CommentsSortOrder.ResourceAscending));
+class CommentsFilters extends Disposable {
+    constructor(options, contextKeyService) {
+        super();
+        this.contextKeyService = contextKeyService;
+        this._onDidChange = this._register(( new Emitter()));
+        this.onDidChange = this._onDidChange.event;
+        this._showUnresolved = CONTEXT_KEY_SHOW_UNRESOLVED.bindTo(this.contextKeyService);
+        this._showResolved = CONTEXT_KEY_SHOW_RESOLVED.bindTo(this.contextKeyService);
+        this._sortBy = CONTEXT_KEY_SORT_BY.bindTo(this.contextKeyService);
+        this._showResolved.set(options.showResolved);
+        this._showUnresolved.set(options.showUnresolved);
+        this._sortBy.set(options.sortBy);
+    }
+    get showUnresolved() {
+        return !!this._showUnresolved.get();
+    }
+    set showUnresolved(showUnresolved) {
+        if (this._showUnresolved.get() !== showUnresolved) {
+            this._showUnresolved.set(showUnresolved);
+            this._onDidChange.fire({ showUnresolved: true });
+        }
+    }
+    get showResolved() {
+        return !!this._showResolved.get();
+    }
+    set showResolved(showResolved) {
+        if (this._showResolved.get() !== showResolved) {
+            this._showResolved.set(showResolved);
+            this._onDidChange.fire({ showResolved: true });
+        }
+    }
+    get sortBy() {
+        return this._sortBy.get() ?? CommentsSortOrder.ResourceAscending;
+    }
+    set sortBy(sortBy) {
+        if (this._sortBy.get() !== sortBy) {
+            this._sortBy.set(sortBy);
+            this._onDidChange.fire({ sortBy });
+        }
+    }
+}
+registerAction2(class extends ViewAction {
+    constructor() {
+        super({
+            id: 'commentsFocusViewFromFilter',
+            title: ( localize(6373, "Focus Comments view")),
+            keybinding: {
+                when: CommentsViewFilterFocusContextKey,
+                weight: KeybindingWeight.WorkbenchContrib,
+                primary: KeyMod$1.CtrlCmd | KeyCode.DownArrow
+            },
+            viewId: COMMENTS_VIEW_ID
+        });
+    }
+    async runInView(serviceAccessor, commentsView) {
+        commentsView.focus();
+    }
+});
+registerAction2(class extends ViewAction {
+    constructor() {
+        super({
+            id: 'commentsClearFilterText',
+            title: ( localize(6374, "Clear filter text")),
+            keybinding: {
+                when: CommentsViewFilterFocusContextKey,
+                weight: KeybindingWeight.WorkbenchContrib,
+                primary: KeyCode.Escape
+            },
+            viewId: COMMENTS_VIEW_ID
+        });
+    }
+    async runInView(serviceAccessor, commentsView) {
+        commentsView.clearFilterText();
+    }
+});
+registerAction2(class extends ViewAction {
+    constructor() {
+        super({
+            id: 'commentsFocusFilter',
+            title: ( localize(6375, "Focus comments filter")),
+            keybinding: {
+                when: ( FocusedViewContext.isEqualTo(COMMENTS_VIEW_ID)),
+                weight: KeybindingWeight.WorkbenchContrib,
+                primary: KeyMod$1.CtrlCmd | KeyCode.KeyF
+            },
+            viewId: COMMENTS_VIEW_ID
+        });
+    }
+    async runInView(serviceAccessor, commentsView) {
+        commentsView.focusFilter();
+    }
+});
+registerAction2(class extends ViewAction {
+    constructor() {
+        super({
+            id: `workbench.actions.${COMMENTS_VIEW_ID}.toggleUnResolvedComments`,
+            title: ( localize(6376, "Show Unresolved")),
+            category: ( localize(6377, "Comments")),
+            toggled: {
+                condition: CONTEXT_KEY_SHOW_UNRESOLVED,
+                title: ( localize(6378, "Show Unresolved")),
+            },
+            menu: {
+                id: viewFilterSubmenu,
+                group: '1_filter',
+                when: ( ContextKeyExpr.equals('view', COMMENTS_VIEW_ID)),
+                order: 1
+            },
+            viewId: COMMENTS_VIEW_ID
+        });
+    }
+    async runInView(serviceAccessor, view) {
+        view.filters.showUnresolved = !view.filters.showUnresolved;
+    }
+});
+registerAction2(class extends ViewAction {
+    constructor() {
+        super({
+            id: `workbench.actions.${COMMENTS_VIEW_ID}.toggleResolvedComments`,
+            title: ( localize(6379, "Show Resolved")),
+            category: ( localize(6377, "Comments")),
+            toggled: {
+                condition: CONTEXT_KEY_SHOW_RESOLVED,
+                title: ( localize(6380, "Show Resolved")),
+            },
+            menu: {
+                id: viewFilterSubmenu,
+                group: '1_filter',
+                when: ( ContextKeyExpr.equals('view', COMMENTS_VIEW_ID)),
+                order: 1
+            },
+            viewId: COMMENTS_VIEW_ID
+        });
+    }
+    async runInView(serviceAccessor, view) {
+        view.filters.showResolved = !view.filters.showResolved;
+    }
+});
+const commentSortSubmenu = ( new MenuId('submenu.filter.commentSort'));
+MenuRegistry.appendMenuItem(viewFilterSubmenu, {
+    submenu: commentSortSubmenu,
+    title: ( localize(6381, "Sort By")),
+    group: '2_sort',
+    icon: Codicon.history,
+    when: ( ContextKeyExpr.equals('view', COMMENTS_VIEW_ID)),
+});
+registerAction2(class extends ViewAction {
+    constructor() {
+        super({
+            id: `workbench.actions.${COMMENTS_VIEW_ID}.toggleSortByUpdatedAt`,
+            title: ( localize(6382, "Updated Time")),
+            category: ( localize(6377, "Comments")),
+            icon: Codicon.history,
+            viewId: COMMENTS_VIEW_ID,
+            toggled: {
+                condition: ( ContextKeyExpr.equals(CONTEXT_KEY_SORT_BY.key, CommentsSortOrder.UpdatedAtDescending)),
+                title: ( localize(6383, "Updated Time")),
+            },
+            menu: {
+                id: commentSortSubmenu,
+                group: 'navigation',
+                order: 1,
+                isHiddenByDefault: false,
+            },
+        });
+    }
+    async runInView(serviceAccessor, view) {
+        view.filters.sortBy = CommentsSortOrder.UpdatedAtDescending;
+    }
+});
+registerAction2(class extends ViewAction {
+    constructor() {
+        super({
+            id: `workbench.actions.${COMMENTS_VIEW_ID}.toggleSortByResource`,
+            title: ( localize(6384, "Position in File")),
+            category: ( localize(6377, "Comments")),
+            icon: Codicon.history,
+            viewId: COMMENTS_VIEW_ID,
+            toggled: {
+                condition: ( ContextKeyExpr.equals(CONTEXT_KEY_SORT_BY.key, CommentsSortOrder.ResourceAscending)),
+                title: ( localize(6385, "Position in File")),
+            },
+            menu: {
+                id: commentSortSubmenu,
+                group: 'navigation',
+                order: 0,
+                isHiddenByDefault: false,
+            },
+        });
+    }
+    async runInView(serviceAccessor, view) {
+        view.filters.sortBy = CommentsSortOrder.ResourceAscending;
+    }
+});
+
+export { CommentsFilters, CommentsSortOrder };

package/vscode/src/vs/workbench/contrib/comments/browser/media/panel.css

@@ -0,0 +1,177 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+.comments-panel .comments-panel-container {
+	height: 100%;
+}
+
+.comments-panel .comments-panel-container .hidden {
+	display: none;
+}
+
+.comments-panel .comments-panel-container .tree-container {
+	height: 100%;
+}
+
+.comments-panel .comments-panel-container .tree-container.hidden {
+	display: none;
+	visibility: hidden;
+}
+
+.comments-panel .comments-panel-container .tree-container .comment-thread-container {
+	display: block;
+}
+
+.comments-panel .comments-panel-container .tree-container .comment-thread-container div {
+	overflow: hidden;
+}
+
+.comments-panel .comments-panel-container .tree-container .resource-container,
+.comments-panel .comments-panel-container .tree-container .comment-thread-container .comment-metadata-container,
+.comments-panel .comments-panel-container .tree-container .comment-thread-container .comment-snippet-container {
+	display: flex;
+	text-overflow: ellipsis;
+	overflow: hidden;
+}
+
+.comments-panel .comments-panel-container .tree-container .comment-thread-container .comment-metadata {
+	flex: 1;
+	display: flex;
+}
+
+.comments-panel .count,
+.comments-panel .user {
+	padding-right: 5px;
+}
+
+.comments-panel .comments-panel-container .tree-container .comment-thread-container .icon {
+	padding-top: 4px;
+	padding-right: 5px;
+	min-width: fit-content;
+}
+
+.comments-panel .comments-panel-container .tree-container .comment-thread-container .comment-snippet-container .count,
+.comments-panel .comments-panel-container .tree-container .comment-thread-container .comment-metadata-container .relevance,
+.comments-panel .comments-panel-container .tree-container .comment-thread-container .comment-metadata-container .user {
+	min-width: fit-content;
+}
+
+.comments-panel .comments-panel-container .tree-container .comment-thread-container .comment-metadata-container .relevance {
+	border-radius: 2px;
+	background-color: var(--vscode-badge-background);
+	color: var(--vscode-badge-foreground);
+	padding: 0px 4px 1px 4px;
+	font-size: 0.9em;
+	margin-right: 4px;
+	margin-top: 4px;
+	margin-bottom: 3px;
+	line-height: 14px;
+}
+
+.comments-panel .comments-panel-container .tree-container .comment-thread-container .comment-snippet-container .text {
+	display: flex;
+	flex: 1;
+	min-width: 0;
+}
+
+.comments-panel .comments-panel-container .tree-container .comment-thread-container .reply-detail,
+.comments-panel .comments-panel-container .tree-container .resource-container .owner,
+.comments-panel .comments-panel-container .tree-container .comment-thread-container .timestamp {
+	display: block;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	font-size: 0.9em;
+	padding-right: 5px;
+	opacity: 0.8;
+}
+
+.comments-panel .comments-panel-container .tree-container .comment-thread-container .text *,
+.comments-panel .comments-panel-container .tree-container .comment-thread-container .range * {
+	margin: 0;
+	padding-right: 5px;
+}
+
+.comments-panel .comments-panel-container .tree-container .comment-thread-container .text * {
+	text-overflow: ellipsis;
+	overflow: hidden;
+}
+
+.comments-panel .comments-panel-container .tree-container .comment-thread-container .range * {
+	overflow: visible;
+	white-space: nowrap;
+}
+
+.comments-panel .comments-panel-container .tree-container .comment-thread-container .range {
+	opacity: 0.8;
+	overflow: visible;
+}
+
+.comments-panel .comments-panel-container .tree-container .comment-thread-container .comment-snippet-container .text code {
+	font-family: var(--monaco-monospace-font);
+}
+
+.comments-panel .comments-panel-container .tree-container .monaco-icon-label {
+	padding-right: 5px;
+}
+
+.comments-panel .comments-panel-container .tree-container .separator {
+	padding-right: 5px;
+	opacity: 0.8;
+}
+
+.comments-panel .comments-panel-container .message-box-container {
+	line-height: 22px;
+	padding-left: 20px;
+	height: inherit;
+}
+
+.comments-panel .comments-panel-container .tree-container .count-badge-wrapper {
+	margin-left: 10px;
+}
+
+.comments-panel .comments-panel-container .tree-container .comment-thread-container .comment-metadata-container,
+.comments-panel .comments-panel-container .tree-container .comment-thread-container .comment-snippet-container {
+	line-height: 22px;
+	margin-right: 5px;
+}
+
+.comments-panel .comments-panel-container .tree-container .comment-thread-container .comment-snippet-container {
+	padding-left: 16px;
+}
+
+.comments-panel .hide {
+	display: none;
+}
+
+.comments-panel .comments-panel-container .text a {
+	color: var(--vscode-textLink-foreground);
+}
+
+.comments-panel .comments-panel-container .text a:hover,
+.comments-panel .comments-panel-container a:active {
+	color: var(--vscode-textLink-activeForeground);
+}
+
+.comments-panel .comments-panel-container .text a:focus {
+	outline-color: var(--vscode-focusBorder);
+}
+
+.comments-panel .comments-panel-container .text code {
+	color: var(--vscode-textPreformat-foreground);
+}
+
+.comments-panel .comments-panel-container .actions {
+	display: none;
+}
+
+.comments-panel .comments-panel-container .actions .action-label {
+	padding: 2px;
+}
+
+.comments-panel .monaco-list .monaco-list-row:hover .comment-metadata-container .actions,
+.comments-panel .monaco-list .monaco-list-row.selected .comment-metadata-container .actions,
+.comments-panel .monaco-list .monaco-list-row.focused .comment-metadata-container .actions {
+	display: block;
+}