@theia/core 1.67.0-next.13 → 1.67.0-next.56

package/src/browser/markdown-rendering/markdown.tsx

@@ -0,0 +1,282 @@
+// *****************************************************************************
+// Copyright (C) 2025 EclipseSource and others.
+//
+// This program and the accompanying materials are made available under the
+// terms of the Eclipse Public License v. 2.0 which is available at
+// http://www.eclipse.org/legal/epl-2.0.
+//
+// This Source Code may also be made available under the following Secondary
+// Licenses when the conditions for such availability set forth in the Eclipse
+// Public License v. 2.0 are satisfied: GNU General Public License, version 2
+// 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-only WITH Classpath-exception-2.0
+// *****************************************************************************
+
+import * as React from 'react';
+import { MarkdownRenderer, MarkdownRenderResult } from './markdown-renderer';
+import { MarkdownString, MarkdownStringImpl } from '../../common/markdown-rendering/markdown-string';
+import { nls } from '../../common/nls';
+import { FormatType } from '../../common/i18n/localization';
+
+export interface MarkdownProps {
+    /**
+     * The markdown content to render. Can be a string, a MarkdownString, or undefined.
+     * If undefined or empty, an empty div will be rendered.
+     */
+    markdown?: string | MarkdownString;
+
+    /**
+     * The MarkdownRenderer instance to use for rendering.
+     */
+    markdownRenderer: MarkdownRenderer;
+
+    /**
+     * Additional CSS class name(s) to apply to the container element.
+     */
+    className?: string;
+
+    /**
+     * Options to pass to MarkdownStringImpl if markdown is a string.
+     * Common options include:
+     * - supportHtml: Allow HTML in markdown (default: false)
+     * - supportThemeIcons: Allow theme icons (default: false)
+     * - isTrusted: Trust level for command execution (default: false)
+     */
+    markdownOptions?: {
+        supportHtml?: boolean;
+        supportThemeIcons?: boolean;
+        isTrusted?: boolean | { enabledCommands: string[] };
+    };
+
+    /**
+     * Optional callback that receives the rendered HTML element.
+     * Useful for post-processing or adding event listeners.
+     * Receives undefined when content is empty.
+     */
+    onRender?: (element: HTMLElement | undefined) => void;
+}
+
+/**
+ * A React component for rendering markdown content.
+ *
+ * @example Basic usage
+ * ```tsx
+ * const MyComponent = ({ markdownRenderer }: { markdownRenderer: MarkdownRenderer }) => {
+ *   return (
+ *     <Markdown
+ *       markdown="Hello **World**!"
+ *       markdownRenderer={markdownRenderer}
+ *       className="my-content"
+ *       markdownOptions={{ supportHtml: true }}
+ *     />
+ *   );
+ * };
+ * ```
+ *
+ * @example With localized content
+ * ```tsx
+ * const MyComponent = ({ markdownRenderer }: { markdownRenderer: MarkdownRenderer }) => {
+ *   const content = nls.localize('my.key', 'Hello **{0}**!', 'World');
+ *
+ *   return (
+ *     <Markdown
+ *       markdown={content}
+ *       markdownRenderer={markdownRenderer}
+ *       className="my-content"
+ *     />
+ *   );
+ * };
+ * ```
+ *
+ * @example With command links
+ * ```tsx
+ * const content = nls.localize(
+ *   'my.key',
+ *   'Open [settings]({0}) to configure.',
+ *   `command:${CommonCommands.OPEN_PREFERENCES.id}`
+ * );
+ *
+ * return (
+ *   <Markdown
+ *     markdown={content}
+ *     markdownRenderer={markdownRenderer}
+ *     markdownOptions={{
+ *       isTrusted: { enabledCommands: [CommonCommands.OPEN_PREFERENCES.id] }
+ *     }}
+ *   />
+ * );
+ * ```
+ */
+const MarkdownComponent: React.FC<MarkdownProps> = ({
+    markdown,
+    markdownRenderer,
+    className,
+    markdownOptions,
+    onRender
+}) => {
+    const ref = useMarkdown(markdown, markdownRenderer, markdownOptions, onRender);
+    return <div className={className} ref={ref} />;
+};
+MarkdownComponent.displayName = 'Markdown';
+
+export const Markdown = React.memo(MarkdownComponent);
+
+/**
+ * A React hook for rendering markdown content.
+ *
+ * This hook integrates MarkdownRenderer with React's lifecycle,
+ * ensuring that:
+ * - Markdown is rendered only when content or renderer changes
+ * - MarkdownRenderResult is properly disposed when component unmounts
+ * - DOM elements are correctly managed by React
+ * - Event listeners and other imperative DOM operations are preserved
+ *
+ * Returns a ref that should be attached to a DOM element.
+ *
+ * @example Basic usage
+ * ```tsx
+ * const MyComponent = ({ markdownRenderer }: { markdownRenderer: MarkdownRenderer }) => {
+ *   const ref = useMarkdown('Hello **World**!', markdownRenderer, { supportHtml: true });
+ *   return <div className="my-content" ref={ref} />;
+ * };
+ * ```
+ *
+ * @example With localized content
+ * ```tsx
+ * const MyComponent = ({ markdownRenderer }: { markdownRenderer: MarkdownRenderer }) => {
+ *   const content = nls.localize('my.key', 'Hello **{0}**!', 'World');
+ *   const ref = useMarkdown(content, markdownRenderer);
+ *   return <div className="my-content" ref={ref} />;
+ * };
+ * ```
+ */
+export function useMarkdown(
+    markdown: string | MarkdownString | undefined,
+    markdownRenderer: MarkdownRenderer,
+    markdownOptions?: MarkdownProps['markdownOptions'],
+    onRender?: (element: HTMLElement | undefined) => void
+): React.RefObject<HTMLDivElement> {
+    // eslint-disable-next-line no-null/no-null
+    const containerRef = React.useRef<HTMLDivElement>(null);
+    const renderResultRef = React.useRef<MarkdownRenderResult | undefined>();
+
+    const renderedElement = React.useMemo(() => {
+        renderResultRef.current?.dispose();
+        renderResultRef.current = undefined;
+
+        if (!markdown || (typeof markdown === 'string' && markdown.trim() === '')) {
+            return undefined;
+        }
+
+        const markdownString = typeof markdown === 'string'
+            ? new MarkdownStringImpl(markdown, markdownOptions)
+            : markdown;
+
+        const rendered = markdownRenderer.render(markdownString);
+        renderResultRef.current = rendered;
+
+        return rendered.element;
+    }, [markdown, markdownRenderer, markdownOptions]);
+
+    React.useEffect(() => {
+        if (containerRef.current && renderedElement) {
+            containerRef.current.replaceChildren(renderedElement);
+            onRender?.(renderedElement);
+        } else if (containerRef.current && !renderedElement) {
+            containerRef.current.replaceChildren();
+            onRender?.(undefined);
+        }
+    }, [renderedElement, onRender]);
+
+    React.useEffect(() => () => {
+        renderResultRef.current?.dispose();
+    }, []);
+
+    return containerRef;
+}
+
+export interface LocalizedMarkdownProps extends MarkdownProps {
+    /**
+     * The localization key for the markdown content.
+     */
+    localizationKey: string;
+
+    /**
+     * The default markdown content (in English) with placeholders.
+     * Use {0}, {1}, etc. for parameter substitution.
+     */
+    defaultMarkdown: string;
+
+    /**
+     * Arguments to substitute into the markdown template.
+     * Can be strings, numbers, booleans, or undefined.
+     */
+    args?: FormatType[];
+}
+
+/**
+ * A React component that combines localization with markdown rendering.
+ *
+ * This component automatically handles the localization of markdown content using `nls.localize`
+ * and then renders it using the Markdown component.
+ *
+ * @example Basic usage
+ * ```tsx
+ * <LocalizedMarkdown
+ *   localizationKey="theia/mypackage/welcome"
+ *   defaultMarkdown="Welcome to **Theia**!"
+ *   markdownRenderer={this.markdownRenderer}
+ *   className="welcome-message"
+ * />
+ * ```
+ *
+ * @example With parameters
+ * ```tsx
+ * <LocalizedMarkdown
+ *   localizationKey="theia/mypackage/greeting"
+ *   defaultMarkdown="Hello **{0}**! You have {1} new messages."
+ *   args={['Alice', 5]}
+ *   markdownRenderer={this.markdownRenderer}
+ * />
+ * ```
+ *
+ * @example With command links
+ * ```tsx
+ * <LocalizedMarkdown
+ *   localizationKey="theia/mypackage/settings"
+ *   defaultMarkdown="Open [settings]({0}) to configure."
+ *   args={[`command:${CommonCommands.OPEN_PREFERENCES.id}`]}
+ *   markdownRenderer={this.markdownRenderer}
+ *   markdownOptions={{
+ *     isTrusted: { enabledCommands: [CommonCommands.OPEN_PREFERENCES.id] }
+ *   }}
+ * />
+ * ```
+ */
+export const LocalizedMarkdown: React.FC<LocalizedMarkdownProps> = ({
+    localizationKey,
+    defaultMarkdown,
+    args = [],
+    markdownRenderer,
+    className,
+    markdownOptions,
+    onRender
+}) => {
+    const localizedMarkdown = React.useMemo(
+        () => nls.localize(localizationKey, defaultMarkdown, ...args),
+        [localizationKey, defaultMarkdown, ...args]
+    );
+
+    return (
+        <Markdown
+            markdown={localizedMarkdown}
+            markdownRenderer={markdownRenderer}
+            className={className}
+            markdownOptions={markdownOptions}
+            onRender={onRender}
+        />
+    );
+};
+LocalizedMarkdown.displayName = 'LocalizedMarkdown';

package/src/browser/widgets/select-component.tsx

@@ -266,7 +266,7 @@ export class SelectComponent extends React.Component<SelectComponentProps, Selec
                 this.selectOption(selected, this.props.options[selected]);
             }
         } else if (ev.key === 'Escape' || ev.key === 'Tab') {
-            this.hide();
+            this.hide(undefined, true);
         }
         ev.stopPropagation();
         ev.nativeEvent.stopImmediatePropagation();
@@ -290,7 +290,7 @@ export class SelectComponent extends React.Component<SelectComponentProps, Selec
         }
     }
 
-    protected hide(index?: number): void {
+    protected hide(index?: number, releaseFocus = false): void {
         const selectedIndex = index === undefined ? this.state.original : index;
         this.setState({
             dimensions: undefined,
@@ -298,6 +298,10 @@ export class SelectComponent extends React.Component<SelectComponentProps, Selec
             original: selectedIndex,
             hover: selectedIndex
         });
+        // Force releasing focus of the select element to allow closing via escape later on
+        if (releaseFocus && document.activeElement && document.activeElement === this.fieldRef.current) {
+            this.fieldRef.current.blur();
+        }
     }
 
     protected renderDropdown(): React.ReactNode {

package/src/browser/widgets/widget.ts

@@ -121,6 +121,12 @@ export class BaseWidget extends Widget implements PreviewableWidget {
         super(options);
     }
 
+    override get isVisible(): boolean {
+        // Reverted to @lumino/widgets pre-2.7.0 behavior using the IsVisible flag instead of the recursive parent check.
+        // Theia relies on this flag-based implementation and we need to transition to the new behavior in a follow-up (GH-16585)
+        return this.testFlag(Widget.Flag.IsVisible);
+    }
+
     override dispose(): void {
         if (this.isDisposed) {
             return;

package/src/common/markdown-rendering/markdown-string.ts

@@ -57,7 +57,7 @@ export class MarkdownStringImpl implements MarkdownString {
 
     constructor(
         value: string = '',
-        isTrustedOrOptions: boolean | { isTrusted?: boolean; supportThemeIcons?: boolean; supportHtml?: boolean } = false,
+        isTrustedOrOptions: boolean | { isTrusted?: boolean | MarkdownStringTrustedOptions; supportThemeIcons?: boolean; supportHtml?: boolean } = false,
     ) {
         this.value = value;
         if (typeof this.value !== 'string') {

package/src/common/theme.ts

@@ -47,11 +47,24 @@ export interface ThemeColor {
     readonly id: string;
 }
 
+// Copied from https://github.com/microsoft/vscode/blob/1.106.1/src/vs/base/common/themables.ts
+export function isThemeColor(obj: unknown): obj is ThemeColor {
+    return !!obj && typeof obj === 'object' && typeof (<ThemeColor>obj).id === 'string';
+}
+
 export interface ThemeIcon {
     readonly id: string;
     readonly color?: ThemeColor;
 }
 
+// Copied and modified from https://github.com/microsoft/vscode/blob/1.106.1/src/vs/base/common/themables.ts
+export function isThemeIcon(obj: unknown): obj is ThemeIcon {
+    return !!obj &&
+        typeof obj === 'object' &&
+        typeof (<ThemeIcon>obj).id === 'string' &&
+        (typeof (<ThemeIcon>obj).color === 'undefined' || isThemeColor((<ThemeIcon>obj).color));
+}
+
 export interface IconDefinition {
     font?: IconFontContribution; // undefined for the default font (codicon)
     fontCharacter: string;

package/lib/browser/about-dialog.d.ts

@@ -1,34 +0,0 @@
-import * as React from 'react';
-import { DialogProps } from './dialogs';
-import { ReactDialog } from './dialogs/react-dialog';
-import { ApplicationServer, ApplicationInfo, ExtensionInfo } from '../common/application-protocol';
-import { Message } from './widgets/widget';
-import { WindowService } from './window/window-service';
-export declare const ABOUT_CONTENT_CLASS = "theia-aboutDialog";
-export declare const ABOUT_EXTENSIONS_CLASS = "theia-aboutExtensions";
-export declare class AboutDialogProps extends DialogProps {
-}
-export declare class AboutDialog extends ReactDialog<void> {
-    protected readonly props: AboutDialogProps;
-    protected applicationInfo: ApplicationInfo | undefined;
-    protected extensionsInfos: ExtensionInfo[];
-    protected readonly okButton: HTMLButtonElement;
-    protected readonly appServer: ApplicationServer;
-    protected readonly windowService: WindowService;
-    constructor(props: AboutDialogProps);
-    protected init(): void;
-    protected doInit(): Promise<void>;
-    protected renderHeader(): React.ReactNode;
-    protected renderExtensions(): React.ReactNode;
-    protected render(): React.ReactNode;
-    protected onAfterAttach(msg: Message): void;
-    /**
-     * Open a link in an external window.
-     * @param url the link.
-     */
-    protected doOpenExternalLink: (url: string) => undefined;
-    protected doOpenExternalLinkEnter: (e: React.KeyboardEvent, url: string) => void;
-    protected isEnterKey(e: React.KeyboardEvent): boolean;
-    get value(): undefined;
-}
-//# sourceMappingURL=about-dialog.d.ts.map

package/lib/browser/about-dialog.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"about-dialog.d.ts","sourceRoot":"","sources":["../../src/browser/about-dialog.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AACnG,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAG3C,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAIxD,eAAO,MAAM,mBAAmB,sBAAsB,CAAC;AACvD,eAAO,MAAM,sBAAsB,0BAA0B,CAAC;AAE9D,qBACa,gBAAiB,SAAQ,WAAW;CAChD;AAED,qBACa,WAAY,SAAQ,WAAW,CAAC,IAAI,CAAC;uBAYY,KAAK,EAAE,gBAAgB;IAXjF,SAAS,CAAC,eAAe,EAAE,eAAe,GAAG,SAAS,CAAC;IACvD,SAAS,CAAC,eAAe,EAAE,aAAa,EAAE,CAAM;IAChD,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,iBAAiB,CAAC;IAG/C,SAAS,CAAC,QAAQ,CAAC,SAAS,EAAE,iBAAiB,CAAC;IAGhD,SAAS,CAAC,QAAQ,CAAC,aAAa,EAAE,aAAa,CAAC;gBAGU,KAAK,EAAE,gBAAgB;IASjF,SAAS,CAAC,IAAI,IAAI,IAAI;cAIN,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAMvC,SAAS,CAAC,YAAY,IAAI,KAAK,CAAC,SAAS;IA2BzC,SAAS,CAAC,gBAAgB,IAAI,KAAK,CAAC,SAAS;IAe7C,SAAS,CAAC,MAAM,IAAI,KAAK,CAAC,SAAS;cAOhB,aAAa,CAAC,GAAG,EAAE,OAAO,GAAG,IAAI;IAKpD;;;OAGG;IACH,SAAS,CAAC,kBAAkB,QAAS,MAAM,eAA+D;IAC1G,SAAS,CAAC,uBAAuB,MAAO,mBAAmB,OAAO,MAAM,UAItE;IAEF,SAAS,CAAC,UAAU,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG,OAAO;IAIrD,IAAI,KAAK,IAAI,SAAS,CAAsB;CAC/C"}

package/lib/browser/about-dialog.js

@@ -1,127 +0,0 @@
-"use strict";
-// *****************************************************************************
-// Copyright (C) 2018 Ericsson and others.
-//
-// This program and the accompanying materials are made available under the
-// terms of the Eclipse Public License v. 2.0 which is available at
-// http://www.eclipse.org/legal/epl-2.0.
-//
-// This Source Code may also be made available under the following Secondary
-// Licenses when the conditions for such availability set forth in the Eclipse
-// Public License v. 2.0 are satisfied: GNU General Public License, version 2
-// 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-only WITH Classpath-exception-2.0
-// *****************************************************************************
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AboutDialog = exports.AboutDialogProps = exports.ABOUT_EXTENSIONS_CLASS = exports.ABOUT_CONTENT_CLASS = void 0;
-const tslib_1 = require("tslib");
-const React = require("react");
-const inversify_1 = require("inversify");
-const dialogs_1 = require("./dialogs");
-const react_dialog_1 = require("./dialogs/react-dialog");
-const application_protocol_1 = require("../common/application-protocol");
-const frontend_application_config_provider_1 = require("./frontend-application-config-provider");
-const api_1 = require("@theia/application-package/lib/api");
-const window_service_1 = require("./window/window-service");
-const keys_1 = require("./keys");
-const nls_1 = require("../common/nls");
-exports.ABOUT_CONTENT_CLASS = 'theia-aboutDialog';
-exports.ABOUT_EXTENSIONS_CLASS = 'theia-aboutExtensions';
-let AboutDialogProps = class AboutDialogProps extends dialogs_1.DialogProps {
-};
-exports.AboutDialogProps = AboutDialogProps;
-exports.AboutDialogProps = AboutDialogProps = tslib_1.__decorate([
-    (0, inversify_1.injectable)()
-], AboutDialogProps);
-let AboutDialog = class AboutDialog extends react_dialog_1.ReactDialog {
-    constructor(props) {
-        super({
-            title: frontend_application_config_provider_1.FrontendApplicationConfigProvider.get().applicationName,
-        });
-        this.props = props;
-        this.extensionsInfos = [];
-        /**
-         * Open a link in an external window.
-         * @param url the link.
-         */
-        this.doOpenExternalLink = (url) => this.windowService.openNewWindow(url, { external: true });
-        this.doOpenExternalLinkEnter = (e, url) => {
-            if (this.isEnterKey(e)) {
-                this.doOpenExternalLink(url);
-            }
-        };
-        this.appendAcceptButton(dialogs_1.Dialog.OK);
-    }
-    init() {
-        this.doInit();
-    }
-    async doInit() {
-        this.applicationInfo = await this.appServer.getApplicationInfo();
-        this.extensionsInfos = await this.appServer.getExtensionsInfos();
-        this.update();
-    }
-    renderHeader() {
-        const applicationInfo = this.applicationInfo;
-        const compatibilityUrl = 'https://eclipse-theia.github.io/vscode-theia-comparator/status.html';
-        const detailsLabel = nls_1.nls.localizeByDefault('Details');
-        const versionLabel = nls_1.nls.localizeByDefault('Version');
-        const defaultApiLabel = nls_1.nls.localize('theia/core/about/defaultApi', 'Default {0} API', 'VS Code');
-        const compatibilityLabel = nls_1.nls.localize('theia/core/about/compatibility', '{0} Compatibility', 'VS Code');
-        return React.createElement(React.Fragment, null,
-            React.createElement("h3", null, detailsLabel),
-            React.createElement("div", { className: 'about-details' },
-                applicationInfo && React.createElement("p", null, `${versionLabel}: ${applicationInfo.version}`),
-                React.createElement("p", null, `${defaultApiLabel}: ${api_1.DEFAULT_SUPPORTED_API_VERSION}`),
-                React.createElement("p", null,
-                    React.createElement("a", { role: 'button', tabIndex: 0, onClick: () => this.doOpenExternalLink(compatibilityUrl), onKeyDown: (e) => this.doOpenExternalLinkEnter(e, compatibilityUrl) }, compatibilityLabel))));
-    }
-    renderExtensions() {
-        const extensionsInfos = this.extensionsInfos;
-        const listOfExtensions = nls_1.nls.localize('theia/core/about/listOfExtensions', 'List of extensions');
-        return React.createElement(React.Fragment, null,
-            React.createElement("h3", null, listOfExtensions),
-            React.createElement("ul", { className: exports.ABOUT_EXTENSIONS_CLASS }, extensionsInfos
-                .sort((a, b) => a.name.toLowerCase().localeCompare(b.name.toLowerCase()))
-                .map((extension) => React.createElement("li", { key: extension.name },
-                extension.name,
-                " ",
-                extension.version))));
-    }
-    render() {
-        return React.createElement("div", { className: exports.ABOUT_CONTENT_CLASS },
-            this.renderHeader(),
-            this.renderExtensions());
-    }
-    onAfterAttach(msg) {
-        super.onAfterAttach(msg);
-        this.update();
-    }
-    isEnterKey(e) {
-        var _a;
-        return keys_1.Key.ENTER.keyCode === ((_a = keys_1.KeyCode.createKeyCode(e.nativeEvent).key) === null || _a === void 0 ? void 0 : _a.keyCode);
-    }
-    get value() { return undefined; }
-};
-exports.AboutDialog = AboutDialog;
-tslib_1.__decorate([
-    (0, inversify_1.inject)(application_protocol_1.ApplicationServer),
-    tslib_1.__metadata("design:type", Object)
-], AboutDialog.prototype, "appServer", void 0);
-tslib_1.__decorate([
-    (0, inversify_1.inject)(window_service_1.WindowService),
-    tslib_1.__metadata("design:type", Object)
-], AboutDialog.prototype, "windowService", void 0);
-tslib_1.__decorate([
-    (0, inversify_1.postConstruct)(),
-    tslib_1.__metadata("design:type", Function),
-    tslib_1.__metadata("design:paramtypes", []),
-    tslib_1.__metadata("design:returntype", void 0)
-], AboutDialog.prototype, "init", null);
-exports.AboutDialog = AboutDialog = tslib_1.__decorate([
-    (0, inversify_1.injectable)(),
-    tslib_1.__param(0, (0, inversify_1.inject)(AboutDialogProps)),
-    tslib_1.__metadata("design:paramtypes", [AboutDialogProps])
-], AboutDialog);
-//# sourceMappingURL=about-dialog.js.map

package/lib/browser/about-dialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"about-dialog.js","sourceRoot":"","sources":["../../src/browser/about-dialog.tsx"],"names":[],"mappings":"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"}