Moving repo to bmci-labs

arduino-ide-extension/src/browser/boards/boards-list-widget.tsx

@@ -0,0 +1,16 @@
+import { ListWidget } from './list-widget';
+
+export class BoardsListWidget extends ListWidget {
+
+    static WIDGET_ID = 'boards-list-widget';
+    static WIDGET_LABEL = 'Boards Manager';
+
+    protected widgetProps(): ListWidget.Props {
+        return {
+            id: BoardsListWidget.WIDGET_ID,
+            title: BoardsListWidget.WIDGET_LABEL,
+            iconClass: 'fa fa-microchip'
+        }
+    }
+
+}

arduino-ide-extension/src/browser/boards/boards-widget-frontend-contribution.ts

@@ -0,0 +1,32 @@
+import { injectable } from 'inversify';
+import { FrontendApplicationContribution } from '@theia/core/lib/browser/frontend-application';
+import { AbstractViewContribution } from '@theia/core/lib/browser/shell/view-contribution';
+import { ListWidget } from './list-widget';
+import { BoardsListWidget } from './boards-list-widget';
+
+@injectable()
+export abstract class ListWidgetFrontendContribution extends AbstractViewContribution<ListWidget> implements FrontendApplicationContribution {
+
+    async initializeLayout(): Promise<void> {
+        await this.openView();
+    }
+
+}
+
+@injectable()
+export class BoardsListWidgetFrontendContribution extends ListWidgetFrontendContribution {
+
+    constructor() {
+        super({
+            widgetId: BoardsListWidget.WIDGET_ID,
+            widgetName: BoardsListWidget.WIDGET_LABEL,
+            defaultWidgetOptions: {
+                area: 'left',
+                rank: 600
+            },
+            toggleCommandId: `${BoardsListWidget.WIDGET_ID}:toggle`,
+            toggleKeybinding: 'ctrlcmd+shift+b'
+        });
+    }
+
+}

arduino-ide-extension/src/browser/boards/list-widget.tsx

@@ -0,0 +1,72 @@
+import * as React from 'react';
+import { inject, injectable, postConstruct } from 'inversify';
+import { Message } from '@phosphor/messaging';
+import { ReactWidget } from '@theia/core/lib/browser/widgets/react-widget';
+import { WindowService } from '@theia/core/lib/browser/window/window-service';
+import { FilterableListContainer } from '../components/component-list/filterable-list-container';
+import { BoardsService } from '../../common/protocol/boards-service';
+
+@injectable()
+export abstract class ListWidget extends ReactWidget {
+
+    @inject(BoardsService)
+    protected readonly boardsService: BoardsService;
+
+    @inject(WindowService)
+    protected readonly windowService: WindowService;
+
+    constructor() {
+        super();
+        const { id, title, iconClass } = this.widgetProps();
+        this.id = id;
+        this.title.label = title;
+        this.title.caption = title;
+        this.title.iconClass = iconClass;
+        this.title.closable = true;
+        this.addClass(ListWidget.Styles.LIST_WIDGET_CLASS);
+        this.node.tabIndex = 0; // To be able to set the focus on the widget.
+    }
+
+    protected abstract widgetProps(): ListWidget.Props;
+
+    @postConstruct()
+    protected init(): void {
+        this.update();
+    }
+
+    protected onActivateRequest(msg: Message): void {
+        super.onActivateRequest(msg);
+        this.node.focus();
+        this.render();
+    }
+
+    protected onUpdateRequest(msg: Message): void {
+        super.onUpdateRequest(msg);
+        this.render();
+    }
+
+    render(): React.ReactNode {
+        return <FilterableListContainer
+            service={this.boardsService}
+            windowService={this.windowService}
+        />;
+    }
+
+}
+
+export namespace ListWidget {
+
+    /**
+     * Props for customizing the abstract list widget.
+     */
+    export interface Props {
+        readonly id: string;
+        readonly title: string;
+        readonly iconClass: string;
+    }
+
+    export namespace Styles {
+        export const LIST_WIDGET_CLASS = 'arduino-list-widget'
+    }
+
+}