@codingame/monaco-vscode-workbench-service-override 37.2.0 → 37.3.1

package/vscode/src/vs/sessions/contrib/accountMenu/browser/chatPetAchievementBadges.d.ts

@@ -0,0 +1,23 @@
+import { Disposable } from "@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle";
+import { IHoverService } from "@codingame/monaco-vscode-api/vscode/vs/platform/hover/browser/hover.service";
+import { ILogService } from "@codingame/monaco-vscode-api/vscode/vs/platform/log/common/log.service";
+import { IThemeService } from "@codingame/monaco-vscode-api/vscode/vs/platform/theme/common/themeService.service";
+import { ChatPetAchievementId, IChatPetAchievement } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/chatPetAchievements";
+import { IChatPetService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/chatPetService.service";
+export interface ISessionsChatPetAchievementBadge {
+    readonly achievement: IChatPetAchievement;
+    readonly unlocked: boolean;
+}
+export declare function getSessionsChatPetAchievementBadges(enabled: boolean, unlockedAchievements: readonly ChatPetAchievementId[]): readonly ISessionsChatPetAchievementBadge[] | undefined;
+export declare class SessionsChatPetAchievementBadges extends Disposable {
+    private readonly onOpenAchievements;
+    private readonly chatPetService;
+    private readonly themeService;
+    private readonly hoverService;
+    private readonly logService;
+    readonly element: HTMLElement;
+    private readonly renderDisposables;
+    constructor(parent: HTMLElement, onOpenAchievements: () => void, chatPetService: IChatPetService, themeService: IThemeService, hoverService: IHoverService, logService: ILogService);
+    private render;
+    private createUnlockedBadgeButton;
+}

package/vscode/src/vs/sessions/contrib/accountMenu/browser/chatPetAchievementBadges.js

@@ -0,0 +1,168 @@
+
+import { registerCss } from '@codingame/monaco-vscode-api/css';
+import { __decorate, __param } from '@codingame/monaco-vscode-api/external/tslib/tslib.es6';
+import * as chatPetAchievementBadges from './media/chatPetAchievementBadges.css';
+import { append, $, getActiveElement, isHTMLElement, clearNode, getWindow } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
+import { status } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/aria/aria';
+import { getDefaultHoverDelegate } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/hover/hoverDelegateFactory';
+import { Button } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/button/button';
+import { Disposable, DisposableStore } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
+import '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/index';
+import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
+import { IHoverService } from '@codingame/monaco-vscode-api/vscode/vs/platform/hover/browser/hover.service';
+import { ILogService } from '@codingame/monaco-vscode-api/vscode/vs/platform/log/common/log.service';
+import { defaultButtonStyles } from '@codingame/monaco-vscode-api/vscode/vs/platform/theme/browser/defaultStyles';
+import { IThemeService } from '@codingame/monaco-vscode-api/vscode/vs/platform/theme/common/themeService.service';
+import { CHAT_PET_ACHIEVEMENT_PREVIEW_SIZE, renderChatPetAchievementPreview } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/chatPetAchievementPreview';
+import { chatPetAchievements } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/chatPetAchievements';
+import { IChatPetService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/chatPetService.service';
+import { observableSignalFromEvent } from '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/observables/observableSignalFromEvent';
+import { autorun } from '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/reactions/autorun';
+
+registerCss(chatPetAchievementBadges, 1);
+function getSessionsChatPetAchievementBadges(enabled, unlockedAchievements) {
+    if (!enabled) {
+        return undefined;
+    }
+    const unlocked = ( new Set(unlockedAchievements));
+    const badges = chatPetAchievements.map(achievement => ({
+        achievement,
+        unlocked: ( unlocked.has(achievement.id))
+    }));
+    return [
+        ...badges.filter(badge => badge.unlocked),
+        ...badges.filter(badge => !badge.unlocked)
+    ];
+}
+let SessionsChatPetAchievementBadges = class SessionsChatPetAchievementBadges extends Disposable {
+    constructor(
+        parent,
+        onOpenAchievements,
+        chatPetService,
+        themeService,
+        hoverService,
+        logService
+    ) {
+        super();
+        this.onOpenAchievements = onOpenAchievements;
+        this.chatPetService = chatPetService;
+        this.themeService = themeService;
+        this.hoverService = hoverService;
+        this.logService = logService;
+        this.renderDisposables = this._register(( new DisposableStore()));
+        this.element = append(parent, $("section.sessions-chat-pet-achievement-badges"));
+        const themeChanged = observableSignalFromEvent(this, this.themeService.onDidColorThemeChange);
+        this._register(autorun(reader => {
+            const badges = getSessionsChatPetAchievementBadges(
+                this.chatPetService.enabled.read(reader),
+                this.chatPetService.unlockedAchievements.read(reader)
+            );
+            const variant = this.chatPetService.variant.read(reader);
+            const selectedAccessory = this.chatPetService.selectedAccessory.read(reader);
+            themeChanged.read(reader);
+            this.render(badges, selectedAccessory, variant);
+        }));
+    }
+    render(badges, selectedAccessory, variant) {
+        const activeElement = getActiveElement();
+        const focusedAccessoryId = isHTMLElement(activeElement) ? activeElement.closest(".sessions-chat-pet-achievement-badge")?.dataset.accessoryId : undefined;
+        const restoreViewAchievementsFocus = isHTMLElement(activeElement) && activeElement.closest(".sessions-chat-pet-achievement-badges-actions") !== null;
+        let focusTarget;
+        this.renderDisposables.clear();
+        clearNode(this.element);
+        this.element.classList.toggle("hidden", badges === undefined);
+        if (!badges) {
+            return;
+        }
+        this.element.setAttribute("aria-label", ( localize(3215, "Pet achievement badges")));
+        const header = append(this.element, $(".sessions-chat-pet-achievement-badges-header"));
+        append(header, $("h2.sessions-chat-pet-achievement-badges-title")).textContent = ( localize(3216, "Badges"));
+        const unlockedCount = badges.filter(badge => badge.unlocked).length;
+        append(header, $("span.sessions-chat-pet-achievement-badges-count")).textContent = ( localize(3217, "{0} of {1} unlocked", unlockedCount, badges.length));
+        const list = append(this.element, $("ul.sessions-chat-pet-achievement-badges-list"));
+        list.setAttribute("aria-label", ( localize(
+            3218,
+            "Pet achievement badges, {0} of {1} unlocked",
+            unlockedCount,
+            badges.length
+        )));
+        for (const badge of badges) {
+            const {
+                achievement,
+                unlocked
+            } = badge;
+            const accessory = achievement.accessories[0];
+            const item = append(list, $("li.sessions-chat-pet-achievement-badges-list-item"));
+            if (!unlocked) {
+                item.setAttribute("aria-label", ( localize(3219, "Locked secret achievement badge")));
+            }
+            const badgeElement = unlocked ? this.createUnlockedBadgeButton(item, achievement, accessory.id, selectedAccessory === accessory.id) : append(item, $("span.sessions-chat-pet-achievement-badge.locked", {
+                "aria-hidden": "true"
+            }));
+            if (accessory.id === focusedAccessoryId) {
+                focusTarget = badgeElement;
+            }
+            const canvas = append(badgeElement, $("canvas.sessions-chat-pet-achievement-badge-preview"));
+            canvas.width = CHAT_PET_ACHIEVEMENT_PREVIEW_SIZE;
+            canvas.height = CHAT_PET_ACHIEVEMENT_PREVIEW_SIZE;
+            canvas.setAttribute("aria-hidden", "true");
+            this.renderDisposables.add(
+                renderChatPetAchievementPreview(canvas, accessory, unlocked, variant, this.themeService, this.logService)
+            );
+            this.renderDisposables.add(this.hoverService.setupManagedHover(
+                getDefaultHoverDelegate("mouse"),
+                badgeElement,
+                unlocked ? accessory.label : ( localize(3220, "Locked"))
+            ));
+        }
+        const actions = append(this.element, $(".sessions-chat-pet-achievement-badges-actions"));
+        const viewAchievements = this.renderDisposables.add(( new Button(actions, {
+            ...defaultButtonStyles,
+            secondary: true,
+            ariaLabel: ( localize(3221, "View Pet Achievements"))
+        })));
+        viewAchievements.label = ( localize(3222, "View Achievements"));
+        this.renderDisposables.add(viewAchievements.onDidClick(() => this.onOpenAchievements()));
+        if (restoreViewAchievementsFocus) {
+            focusTarget = viewAchievements.element;
+        }
+        if (focusTarget) {
+            getWindow(focusTarget).queueMicrotask(() => {
+                if (!this._store.isDisposed && focusTarget?.isConnected) {
+                    focusTarget.focus();
+                }
+            });
+        }
+    }
+    createUnlockedBadgeButton(parent, achievement, accessoryId, selected) {
+        const accessory = achievement.accessories[0];
+        const button = this.renderDisposables.add(( new Button(parent, {
+            ariaLabel: selected ? ( localize(
+                3223,
+                "{0} achievement badge: {1}, wearing",
+                achievement.title,
+                accessory.label
+            )) : ( localize(
+                3224,
+                "{0} achievement badge: wear {1}",
+                achievement.title,
+                accessory.label
+            ))
+        })));
+        button.element.classList.add("sessions-chat-pet-achievement-badge");
+        button.element.classList.toggle("wearing", selected);
+        button.element.dataset.accessoryId = accessoryId;
+        button.element.setAttribute("aria-pressed", String(selected));
+        this.renderDisposables.add(button.onDidClick(() => {
+            if (this.chatPetService.selectedAccessory.get() === accessoryId) {
+                return;
+            }
+            this.chatPetService.setAccessory(accessoryId);
+            status(( localize(3225, "VS Code pet is now wearing {0}", accessory.label)));
+        }));
+        return button.element;
+    }
+};
+SessionsChatPetAchievementBadges = ( __decorate([( __param(2, IChatPetService)), ( __param(3, IThemeService)), ( __param(4, IHoverService)), ( __param(5, ILogService))], SessionsChatPetAchievementBadges));
+
+export { SessionsChatPetAchievementBadges, getSessionsChatPetAchievementBadges };