GH-421: Cleaned up the _Output_ channel UI.

- Merged the Arduino channels into one,
 - Removed the channel selector dropdown from the UI.

Closes arduino/arduino-pro-ide#421.

Signed-off-by: Akos Kitta <kittaakos@typefox.io>

arduino-ide-extension/src/browser/arduino-ide-frontend-module.ts

@@ -140,6 +140,8 @@ import { bindArduinoPreferences } from './arduino-preferences'
 import { SettingsService, SettingsDialog, SettingsWidget, SettingsDialogProps } from './settings';
 import { AddFile } from './contributions/add-file';
 import { ArchiveSketch } from './contributions/archive-sketch';
+import { OutputToolbarContribution as TheiaOutputToolbarContribution } from '@theia/output/lib/browser/output-toolbar-contribution';
+import { OutputToolbarContribution } from './theia/output/output-toolbar-contribution';
 
 const ElementQueries = require('css-element-queries/src/ElementQueries');
 
@@ -313,6 +315,10 @@ export default new ContainerModule((bind, unbind, isBound, rebind) => {
     bind(ShellLayoutRestorer).toSelf().inSingletonScope();
     rebind(TheiaShellLayoutRestorer).toService(ShellLayoutRestorer);
 
+    // No dropdown for the _Output_ view.
+    bind(OutputToolbarContribution).toSelf().inSingletonScope();
+    rebind(TheiaOutputToolbarContribution).toService(OutputToolbarContribution);
+
     bind(ArduinoDaemon).toDynamicValue(context => WebSocketConnectionProvider.createProxy(context.container, ArduinoDaemonPath)).inSingletonScope();
 
     // File-system extension

arduino-ide-extension/src/browser/contributions/burn-bootloader.ts

@@ -53,7 +53,7 @@ export class BurnBootloader extends SketchContribution {
                 this.preferences.get('arduino.upload.verify'),
                 this.preferences.get('arduino.upload.verbose')
             ]);
-            this.outputChannelManager.getChannel('Arduino: bootloader').clear();
+            this.outputChannelManager.getChannel('Arduino').clear();
             await this.coreService.burnBootloader({
                 fqbn,
                 programmer,

arduino-ide-extension/src/browser/contributions/upload-sketch.ts

@@ -122,7 +122,7 @@ export class UploadSketch extends SketchContribution {
                     verify
                 };
             }
-            this.outputChannelManager.getChannel('Arduino: upload').clear();
+            this.outputChannelManager.getChannel('Arduino').clear();
             if (usingProgrammer) {
                 await this.coreService.uploadUsingProgrammer(options);
             } else {

arduino-ide-extension/src/browser/contributions/verify-sketch.ts

@@ -77,7 +77,7 @@ export class VerifySketch extends SketchContribution {
             const { boardsConfig } = this.boardsServiceClientImpl;
             const fqbn = await this.boardsDataStore.appendConfigToFqbn(boardsConfig.selectedBoard?.fqbn);
             const verbose = this.preferences.get('arduino.compile.verbose');
-            this.outputChannelManager.getChannel('Arduino: compile').clear();
+            this.outputChannelManager.getChannel('Arduino').clear();
             await this.coreService.compile({
                 sketchUri: uri,
                 fqbn,

arduino-ide-extension/src/browser/output-service-impl.ts

@@ -13,16 +13,10 @@ export class OutputServiceImpl implements OutputService {
     protected outputChannelManager: OutputChannelManager;
 
     append(message: OutputMessage): void {
-        const { name, chunk } = message;
+        const { chunk } = message;
-        const channel = this.outputChannelManager.getChannel(`Arduino: ${name}`);
+        const channel = this.outputChannelManager.getChannel(`Arduino`);
-        // Zen-mode: we do not reveal the output for daemon messages.
+        channel.show({ preserveFocus: true });
-        const show: Promise<any> = name === 'daemon'
+        channel.append(chunk);
-            // This will open and reveal the view but won't show it. You will see the toggle bottom panel on the status bar.
-            ? this.outputContribution.openView({ activate: false, reveal: false })
-            // This will open, reveal but do not activate the Output view.
-            : Promise.resolve(channel.show({ preserveFocus: true }));
-
-        show.then(() => channel.append(chunk));
     }
 
 }

arduino-ide-extension/src/browser/theia/output/output-toolbar-contribution.ts

@@ -0,0 +1,15 @@
+import { injectable } from 'inversify';
+import { ReactTabBarToolbarItem, TabBarToolbarItem, TabBarToolbarRegistry } from '@theia/core/lib/browser/shell/tab-bar-toolbar';
+import { OutputToolbarContribution as TheiaOutputToolbarContribution } from '@theia/output/lib/browser/output-toolbar-contribution';
+
+@injectable()
+export class OutputToolbarContribution extends TheiaOutputToolbarContribution {
+
+    async registerToolbarItems(registry: TabBarToolbarRegistry): Promise<void> {
+        await super.registerToolbarItems(registry); // Why is it async?
+        // It's a hack. Currently, it's not possible to unregister a toolbar contribution via API.
+        ((registry as any).items as Map<string, TabBarToolbarItem | ReactTabBarToolbarItem>).delete('channels');
+        (registry as any).fireOnDidChange();
+    }
+
+}

arduino-ide-extension/src/common/protocol/output-service.ts

@@ -1,5 +1,4 @@
 export interface OutputMessage {
-    readonly name: string;
     readonly chunk: string;
     readonly severity?: 'error' | 'warning' | 'info'; // Currently not used!
 }

arduino-ide-extension/src/node/boards-service-impl.ts

@@ -271,7 +271,7 @@ export class BoardsServiceImpl implements BoardsService {
         resp.on('data', (r: PlatformInstallResp) => {
             const prog = r.getProgress();
             if (prog && prog.getFile()) {
-                this.outputService.append({ name: 'board download', chunk: `downloading ${prog.getFile()}\n` });
+                this.outputService.append({ chunk: `downloading ${prog.getFile()}\n` });
             }
         });
         await new Promise<void>((resolve, reject) => {
@@ -302,7 +302,7 @@ export class BoardsServiceImpl implements BoardsService {
         const resp = client.platformUninstall(req);
         resp.on('data', (_: PlatformUninstallResp) => {
             if (!logged) {
-                this.outputService.append({ name: 'board uninstall', chunk: `uninstalling ${item.id}\n` });
+                this.outputService.append({ chunk: `uninstalling ${item.id}\n` });
                 logged = true;
             }
         })

arduino-ide-extension/src/node/core-service-impl.ts

@@ -24,7 +24,7 @@ export class CoreServiceImpl implements CoreService {
     protected readonly notificationService: NotificationServiceServer;
 
     async compile(options: CoreService.Compile.Options & { exportBinaries: boolean }): Promise<void> {
-        this.outputService.append({ name: 'compile', chunk: 'Compile...\n' + JSON.stringify(options, null, 2) + '\n--------------------------\n' });
+        this.outputService.append({ chunk: 'Compile...\n' + JSON.stringify(options, null, 2) + '\n--------------------------\n' });
         const { sketchUri, fqbn } = options;
         const sketchFilePath = FileUri.fsPath(sketchUri);
         const sketchpath = dirname(sketchFilePath);
@@ -48,15 +48,15 @@ export class CoreServiceImpl implements CoreService {
         try {
             await new Promise<void>((resolve, reject) => {
                 result.on('data', (cr: CompileResp) => {
-                    this.outputService.append({ name: 'compile', chunk: Buffer.from(cr.getOutStream_asU8()).toString() });
+                    this.outputService.append({ chunk: Buffer.from(cr.getOutStream_asU8()).toString() });
-                    this.outputService.append({ name: 'compile', chunk: Buffer.from(cr.getErrStream_asU8()).toString() });
+                    this.outputService.append({ chunk: Buffer.from(cr.getErrStream_asU8()).toString() });
                 });
                 result.on('error', error => reject(error));
                 result.on('end', () => resolve());
             });
-            this.outputService.append({ name: 'compile', chunk: '\n--------------------------\nCompilation complete.\n' });
+            this.outputService.append({ chunk: '\n--------------------------\nCompilation complete.\n' });
         } catch (e) {
-            this.outputService.append({ name: 'compile', chunk: `Compilation error: ${e}\n`, severity: 'error' });
+            this.outputService.append({ chunk: `Compilation error: ${e}\n`, severity: 'error' });
             throw e;
         }
     }
@@ -77,7 +77,7 @@ export class CoreServiceImpl implements CoreService {
 
         await this.compile(Object.assign(options, { exportBinaries: false }));
         const chunk = firstToUpperCase(task) + '...\n';
-        this.outputService.append({ name: 'upload', chunk: chunk + JSON.stringify(options, null, 2) + '\n--------------------------\n' });
+        this.outputService.append({ chunk: chunk + JSON.stringify(options, null, 2) + '\n--------------------------\n' });
         const { sketchUri, fqbn, port, programmer } = options;
         const sketchFilePath = FileUri.fsPath(sketchUri);
         const sketchpath = dirname(sketchFilePath);
@@ -104,15 +104,15 @@ export class CoreServiceImpl implements CoreService {
         try {
             await new Promise<void>((resolve, reject) => {
                 result.on('data', (resp: UploadResp) => {
-                    this.outputService.append({ name: task, chunk: Buffer.from(resp.getOutStream_asU8()).toString() });
+                    this.outputService.append({ chunk: Buffer.from(resp.getOutStream_asU8()).toString() });
-                    this.outputService.append({ name: task, chunk: Buffer.from(resp.getErrStream_asU8()).toString() });
+                    this.outputService.append({ chunk: Buffer.from(resp.getErrStream_asU8()).toString() });
                 });
                 result.on('error', error => reject(error));
                 result.on('end', () => resolve());
             });
-            this.outputService.append({ name: 'upload', chunk: '\n--------------------------\n' + firstToLowerCase(task) + ' complete.\n' });
+            this.outputService.append({ chunk: '\n--------------------------\n' + firstToLowerCase(task) + ' complete.\n' });
         } catch (e) {
-            this.outputService.append({ name: 'upload', chunk: `${firstToUpperCase(task)} error: ${e}\n`, severity: 'error' });
+            this.outputService.append({ chunk: `${firstToUpperCase(task)} error: ${e}\n`, severity: 'error' });
             throw e;
         }
     }
@@ -138,14 +138,14 @@ export class CoreServiceImpl implements CoreService {
         try {
             await new Promise<void>((resolve, reject) => {
                 result.on('data', (resp: BurnBootloaderResp) => {
-                    this.outputService.append({ name: 'bootloader', chunk: Buffer.from(resp.getOutStream_asU8()).toString() });
+                    this.outputService.append({ chunk: Buffer.from(resp.getOutStream_asU8()).toString() });
-                    this.outputService.append({ name: 'bootloader', chunk: Buffer.from(resp.getErrStream_asU8()).toString() });
+                    this.outputService.append({ chunk: Buffer.from(resp.getErrStream_asU8()).toString() });
                 });
                 result.on('error', error => reject(error));
                 result.on('end', () => resolve());
             });
         } catch (e) {
-            this.outputService.append({ name: 'bootloader', chunk: `Error while burning the bootloader: ${e}\n`, severity: 'error' });
+            this.outputService.append({ chunk: `Error while burning the bootloader: ${e}\n`, severity: 'error' });
             throw e;
         }
     }

arduino-ide-extension/src/node/library-service-server-impl.ts

@@ -177,7 +177,7 @@ export class LibraryServiceImpl implements LibraryService {
         resp.on('data', (r: LibraryInstallResp) => {
             const prog = r.getProgress();
             if (prog) {
-                this.outputService.append({ name: 'library', chunk: `downloading ${prog.getFile()}: ${prog.getCompleted()}%\n` });
+                this.outputService.append({ chunk: `downloading ${prog.getFile()}: ${prog.getCompleted()}%\n` });
             }
         });
         await new Promise<void>((resolve, reject) => {
@@ -209,7 +209,7 @@ export class LibraryServiceImpl implements LibraryService {
         const resp = client.libraryUninstall(req);
         resp.on('data', (_: LibraryUninstallResp) => {
             if (!logged) {
-                this.outputService.append({ name: 'library', chunk: `uninstalling ${item.name}:${item.installedVersion}%\n` });
+                this.outputService.append({ chunk: `uninstalling ${item.name}:${item.installedVersion}%\n` });
                 logged = true;
             }
         });