Method constructor

extensions/common-frontend/src/app.tsx:64–105

(props: {})

        public vscode: VsCode;

        constructor(props: {}) {
            super(props);

            this.vscode = acquireVsCodeApi();

            this.state = {
                compactUI: false,
                darkTheme: null,
            };
            this.viewerOptions = getViewerOptions(this.state.darkTheme);

            this.handlers = {
                message: event => {
                    // Handle the message inside the webview
                    const message = event.data as Message;

                    switch (message.command) {
                        case 'gotFileContent':
                            if (this.explorer) {
                                this.explorer.load(message.dataFile);
                                this.setState({ compactUI: message.compactUI });
                            }

                            //TODO: hydrate state
                            break;
                    }
                },
                resize: e => {
                    this.explorer && this.explorer.resize();
                },
                keyup: e => {
                    //look for CTRL Z or CTRL SHIFT Z
                    if (e.ctrlKey && (e.keyCode === z || e.keyCode === Z)) {
                        if (e.shiftKey) {
                            this.explorer.redo();
                        } else {
                            this.explorer.undo();
                        }
                    }
                },
            };
        }

        private wireEventHandlers(add: boolean) {
            for (const key in this.handlers) {