Convert LoggedInView to an ES6 PureComponent Class & TypeScript

[t3chguy]

Might be sane to review commit-by-commit.

After this, a skin could implement a single-room-app for embedding in an iframe using something like:

import * as React from "react";

import LoggedInView from "matrix-react-sdk/src/components/structures/LoggedInView";
import * as sdk from 'matrix-react-sdk/src/index';
import dis from 'matrix-react-sdk/src/dispatcher';
import SettingsStore, {SettingLevel} from "matrix-react-sdk/src/settings/SettingsStore";
import MatrixClientContext from "matrix-react-sdk/src/contexts/MatrixClientContext";

class SingleRoomLoggedInView extends LoggedInView {
    static replaces = "LoggedInView";
    static displayName = "SingleRoomLoggedInView";

    constructor(props, context) {
        super(props, context);

        SettingsStore.setValue("showReadReceipts", null, SettingLevel.DEVICE, false);

        dis.dispatch({
            action: 'view_room',
            room_id: "!OGEhHVWSdvArJzumhm:matrix.org",
        });
    }

    render() {
        const RoomView = sdk.getComponent('structures.RoomView');

        return (
            <MatrixClientContext.Provider value={this._matrixClient}>
                <div
                    onPaste={this._onPaste}
                    onKeyDown={this._onReactKeyDown}
                    className='mx_MatrixChat_wrapper'
                    aria-hidden={this.props.hideToSRUsers}
                    onMouseDown={this._onMouseDown}
                    onMouseUp={this._onMouseUp}
                >
                    <div className="mx_MatrixChat mx_MatrixChat_useCompactLayout">
                        <RoomView
                            ref={this._roomView}
                            autoJoin={true}
                            onRegistered={this.props.onRegistered}
                            viaServers={this.props.viaServers}
                            eventPixelOffset={this.props.initialEventPixelOffset}
                            disabled={this.props.middleDisabled}
                            resizeNotifier={this.props.resizeNotifier}
                        />
                    </div>
                </div>
            </MatrixClientContext.Provider>
        );
    }
}

export default SingleRoomLoggedInView;

[foldleft]

Oh this is lovely :D

[turt2live]

@replaceableComponent please

[t3chguy]

:(

[t3chguy]

The decorator is incompatible with ts at this time.