Implemented uninstall.

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

arduino-ide-extension/src/browser/components/component-list/component-list-item.tsx

@@ -19,13 +19,22 @@ export class ComponentListItem<T extends ArduinoComponent> extends React.Compone
         await this.props.install(item, this.state.selectedVersion);
     }
 
+    protected async uninstall(item: T): Promise<void> {
+        await this.props.uninstall(item);
+    }
+
     protected onVersionChange(version: Installable.Version) {
         this.setState({ selectedVersion: version });
     }
 
     render(): React.ReactNode {
         const { item, itemRenderer } = this.props;
-        return itemRenderer.renderItem(Object.assign(this.state, { item }), this.install.bind(this), this.onVersionChange.bind(this));
+        return itemRenderer.renderItem(
+            Object.assign(this.state, { item }),
+            this.install.bind(this),
+            this.uninstall.bind(this),
+            this.onVersionChange.bind(this)
+        );
     }
 
 }
@@ -35,6 +44,7 @@ export namespace ComponentListItem {
     export interface Props<T extends ArduinoComponent> {
         readonly item: T;
         readonly install: (item: T, version?: Installable.Version) => Promise<void>;
+        readonly uninstall: (item: T) => Promise<void>;
         readonly itemRenderer: ListItemRenderer<T>;
     }
 

arduino-ide-extension/src/browser/components/component-list/component-list.tsx

@@ -31,7 +31,8 @@ export class ComponentList<T extends ArduinoComponent> extends React.Component<C
             key={this.props.itemLabel(item)}
             item={item}
             itemRenderer={this.props.itemRenderer}
-            install={this.props.install} />
+            install={this.props.install}
+            uninstall={this.props.uninstall} />
     }
 
 }
@@ -43,6 +44,7 @@ export namespace ComponentList {
         readonly itemLabel: (item: T) => string;
         readonly itemRenderer: ListItemRenderer<T>;
         readonly install: (item: T, version?: Installable.Version) => Promise<void>;
+        readonly uninstall: (item: T) => Promise<void>;
         readonly resolveContainer: (element: HTMLElement) => void;
     }
 

arduino-ide-extension/src/browser/components/component-list/filterable-list-container.tsx

@@ -1,10 +1,11 @@
 import * as React from 'react';
 import debounce = require('lodash.debounce');
 import { Event } from '@theia/core/lib/common/event';
+import { ConfirmDialog } from '@theia/core/lib/browser/dialogs';
 import { Searchable } from '../../../common/protocol/searchable';
 import { Installable } from '../../../common/protocol/installable';
 import { ArduinoComponent } from '../../../common/protocol/arduino-component';
-import { InstallationProgressDialog } from '../installation-progress-dialog';
+import { InstallationProgressDialog, UninstallationProgressDialog } from '../progress-dialog';
 import { SearchBar } from './search-bar';
 import { ListWidget } from './list-widget';
 import { ComponentList } from './component-list';
@@ -59,6 +60,7 @@ export class FilterableListContainer<T extends ArduinoComponent> extends React.C
             itemLabel={itemLabel}
             itemRenderer={itemRenderer}
             install={this.install.bind(this)}
+            uninstall={this.uninstall.bind(this)}
             resolveContainer={resolveContainer}
         />
     }
@@ -96,6 +98,28 @@ export class FilterableListContainer<T extends ArduinoComponent> extends React.C
         }
     }
 
+    protected async uninstall(item: T): Promise<void> {
+        const uninstall = await new ConfirmDialog({
+            title: 'Uninstall',
+            msg: `Do you want to uninstall ${item.name}?`,
+            ok: 'Yes',
+            cancel: 'No'
+        }).open();
+        if (!uninstall) {
+            return;
+        }
+        const { installable, searchable, itemLabel } = this.props;
+        const dialog = new UninstallationProgressDialog(itemLabel(item));
+        dialog.open();
+        try {
+            await installable.uninstall({ item });
+            const { items } = await searchable.search({ query: this.state.filterText });
+            this.setState({ items: this.sort(items) });
+        } finally {
+            dialog.close();
+        }
+    }
+
 }
 
 export namespace FilterableListContainer {

arduino-ide-extension/src/browser/components/component-list/list-item-renderer.tsx

@@ -22,15 +22,17 @@ export class ListItemRenderer<T extends ArduinoComponent> {
     renderItem(
         input: ComponentListItem.State & { item: T },
         install: (item: T) => Promise<void>,
+        uninstall: (item: T) => Promise<void>,
         onVersionChange: (version: Installable.Version) => void
     ): React.ReactNode {
 
         const { item } = input;
         const name = <span className='name'>{item.name}</span>;
         const author = <span className='author'>{item.author}</span>;
+        const onClickUninstall = () => uninstall(item);
         const installedVersion = !!item.installedVersion && <div className='version-info'>
             <span className='version'>Version {item.installedVersion}</span>
-            <span className='installed'>INSTALLED</span>
+            <span className='installed' onClick={onClickUninstall} />
         </div>;
 
         const summary = <div className='summary'>{item.summary}</div>;

arduino-ide-extension/src/browser/components/progress-dialog.tsx

@@ -10,3 +10,14 @@ export class InstallationProgressDialog extends AbstractDialog<undefined> {
     }
 
 }
+
+export class UninstallationProgressDialog extends AbstractDialog<undefined> {
+
+    readonly value = undefined;
+
+    constructor(componentName: string) {
+        super({ title: 'Uninstallation in progress' });
+        this.contentNode.textContent = `Uninstalling ${componentName}. Please wait...`;
+    }
+
+}