feat(scm): add visibility variable in plugin API

CHANGELOG.md

@@ -4,6 +4,9 @@
 
 - [Previous Changelogs](https://github.com/eclipse-theia/theia/tree/master/doc/changelogs/)
 
+## v1.28.0 - Unreleased
+- [plugin] added support for property `SourceControlInputBox#visible` [#11412](https://github.com/eclipse-theia/theia/pull/11412) - Contributed on behalf of STMicroelectronics
+
 ## v1.27.0 - 6/30/2022
 
 - [core] added better styling for active sidepanel borders [#11330](https://github.com/eclipse-theia/theia/pull/11330)

packages/plugin-ext/src/common/plugin-api-rpc.ts

@@ -871,6 +871,7 @@ export interface ScmMain {
 
     $setInputBoxValue(sourceControlHandle: number, value: string): void;
     $setInputBoxPlaceholder(sourceControlHandle: number, placeholder: string): void;
+    $setInputBoxVisible(sourceControlHandle: number, visible: boolean): void;
 }
 
 export interface SourceControlProviderFeatures {

packages/plugin-ext/src/main/browser/scm-main.ts

@@ -430,4 +430,14 @@ export class ScmMainImpl implements ScmMain {
 
         repository.input.placeholder = placeholder;
     }
+
+    $setInputBoxVisible(sourceControlHandle: number, visible: boolean): void {
+        const repository = this.repositories.get(sourceControlHandle);
+
+        if (!repository) {
+            return;
+        }
+
+        repository.input.visible = visible;
+    }
 }

packages/plugin-ext/src/plugin/scm.ts

@@ -311,6 +311,17 @@ export class ScmInputBoxImpl implements theia.SourceControlInputBox {
         this._placeholder = placeholder;
     }
 
+    private _visible: boolean = true;
+
+    get visible(): boolean {
+        return this._visible;
+    }
+
+    set visible(visible: boolean) {
+        this.proxy.$setInputBoxVisible(this.sourceControlHandle, visible);
+        this._visible = visible;
+    }
+
     private _validateInput: ValidateInput | undefined;
 
     get validateInput(): ValidateInput | undefined {

packages/plugin/src/theia.d.ts

@@ -9609,6 +9609,11 @@ export module '@theia/plugin' {
          * A string to show as place holder in the input box to guide the user.
          */
         placeholder: string;
+
+        /**
+         * Controls whether the input box is visible (default is true).
+         */
+        visible: boolean;
     }
 
     interface QuickDiffProvider {

packages/scm/src/browser/scm-commit-widget.tsx

@@ -130,7 +130,7 @@ export class ScmCommitWidget extends ReactWidget implements StatefulWidget {
 
         const keybinding = this.keybindings.acceleratorFor(this.keybindings.getKeybindingsForCommand('scm.acceptInput')[0]).join('+');
         const message = format(input.placeholder || '', keybinding);
-        return <div className={ScmCommitWidget.Styles.INPUT_MESSAGE_CONTAINER}>
+        const textArea = input.visible &&
             <TextareaAutosize
                 className={`${ScmCommitWidget.Styles.INPUT_MESSAGE} theia-input theia-scm-input-message-${validationStatus}`}
                 id={ScmCommitWidget.Styles.INPUT_MESSAGE}
@@ -142,7 +142,9 @@ export class ScmCommitWidget extends ReactWidget implements StatefulWidget {
                 ref={this.inputRef}
                 rows={1}
                 maxRows={6} /* from VS Code */>
-            </TextareaAutosize>
+            </TextareaAutosize>;
+        return <div className={ScmCommitWidget.Styles.INPUT_MESSAGE_CONTAINER}>
+            {textArea}
             <div
                 className={
                     `${ScmCommitWidget.Styles.VALIDATION_MESSAGE} ${ScmCommitWidget.Styles.NO_SELECT}

packages/scm/src/browser/scm-input.ts

@@ -38,6 +38,7 @@ export interface ScmInputValidator {
 export interface ScmInputOptions {
     placeholder?: string
     validator?: ScmInputValidator
+    visible?: boolean
 }
 
 export interface ScmInputData {
@@ -94,6 +95,19 @@ export class ScmInput implements Disposable {
         this.validate();
     }
 
+    protected _visible = this.options.visible;
+    get visible(): boolean {
+        return this._visible ?? true;
+    }
+    set visible(visible: boolean) {
+        if (this.visible === visible) {
+            return;
+        }
+        this._visible = visible;
+        this.fireDidChange();
+        this.validate();
+    }
+
     protected _issue: ScmInputIssue | undefined;
     get issue(): ScmInputIssue | undefined {
         return this._issue;