@tobejacob/myextension/src/browser/myextension-frontend-module.ts

The example extension demonstrates how to contribute a custom widget (i.e. a view or editor) to Eclipse Theia. Furthermore, the template contains an example unit test.

import { ContainerModule } from '@theia/core/shared/inversify';
import { MyextensionWidget } from './myextension-widget';
import { MyextensionContribution } from './myextension-contribution';
import { bindViewContribution, FrontendApplicationContribution, WidgetFactory } from '@theia/core/lib/browser';

import '../../src/browser/style/index.css';

export default new ContainerModule(bind => {
    bindViewContribution(bind, MyextensionContribution);
    bind(FrontendApplicationContribution).toService(MyextensionContribution);
    bind(MyextensionWidget).toSelf();
    bind(WidgetFactory).toDynamicValue(ctx => ({
        id: MyextensionWidget.ID,
        createWidget: () => ctx.container.get<MyextensionWidget>(MyextensionWidget)
    })).inSingletonScope();
});