Made Preferences widget rebindable

[NicholasStenbeck]

Signed-off-by: Nicholas Stenbeck nicholas.stenbeck@ericsson.com

Recreated and features the same changes as the original pull request

What it does

This change makes the Preferences widget rebindable to allow custom Preferences widgets.

How to test

1. Create new widget with yo thea-extension
2. Copy browser widget to packages/ in main repo
3. Change the code to include the following:

In my-widget/package.json

"dependencies": {
  "@theia/core": "^0.10.0",
  "@theia/preferences": "^0.10.0”
}

Versions may differ. Use the versions the rest of your repo uses.

In my-widget-frontend-module.ts

import { PreferencesWidgetFactory } from '@theia/preferences/lib/browser/preference-frontend-module’;

Remove unused imports and style import if it creates issues; it’s not important for this test

export default new ContainerModule((bind, unbind, isbound, rebind) => {
    ...
    rebind(PreferencesWidgetFactory).toDynamicValue(ctx => ({
        id: MyWidget.ID,
        createWidget: () => ctx.container.get<MyWidget>(MyWidget)
    })).inSingletonScope();
}

In my-widget.tsx

import { PreferencesContainer } from ‘@theia/preferences/lib/browser/preferences-tree-widget’;
...
static readonly ID = PreferencesContainer.ID;

// tslint:disable-next-line: no-any
public async activatePreferenceEditor(preferenceScope: any): Promise<void> {
    return new Promise(() => { });
}

In my-widget-contribution.ts

registerCommands(commands: CommandRegistry): void {
    commands.registerCommand(CommonCommands.OPEN_PREFERENCES, {
        execute: () => super.openView({ activate: false, reveal: true })
    });
}

In examples/browser/package.json

"dependencies": {
  ...
  "hello-world-widget": "^0.0.0"
}

4. Run yarn in project rootc
5. Run yarn start in examples/browser/
6. The preferences widget should now be replaced when you open it

Review checklist

• as an author, I have thoroughly tested my changes and carefully followed the review guidelines

Reminder for reviewers

• as a reviewer, I agree to behave in accordance with the review guidelines

[marcdumais-work]

Note: this is a resubmission of #6244, that was approved by @svenefftinge. The code is the same, but this time Nicholas used an Ericsson email address.

[akosyakov]

@marcdumais-work I think you can approve and merge it :) the change looks harmless

[marcdumais-work]

LGTM, thanks @NicholasStenbeck