blob: 8c707afe47ef98b6d6ab3d6815d82d88bc63932e [file] [log] [blame] [raw]
// Copyright (c) 2021, Tom Ritter
// All rights reserved.
//
// Redistribution and use in source and binary forms, with or without
// modification, are permitted provided that the following conditions are met:
//
// * Redistributions of source code must retain the above copyright notice,
// this list of conditions and the following disclaimer.
// * Redistributions in binary form must reproduce the above copyright
// notice, this list of conditions and the following disclaimer in the
// documentation and/or other materials provided with the distribution.
//
// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
// AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
// IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
// ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
// LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
// CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
// SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
// INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
// CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
// ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
// POSSIBILITY OF SUCH DAMAGE.
'use strict';
var FontScale = require('../fontscale');
var monaco = require('monaco-editor');
var _ = require('underscore');
var $ = require('jquery');
var ga = require('../analytics');
var monacoConfig = require('../monaco-config');
var local = require('../local');
require('../modes/asm-mode');
function ToolInputView(hub, container, state) {
state = state || {};
this.container = container;
this.eventHub = hub.createEventHub();
this.domRoot = container.getElement();
this.domRoot.html($('#tool-input').html());
this.source = state.source || '';
var root = this.domRoot.find('.monaco-placeholder');
this.settings = JSON.parse(local.get('settings', '{}'));
this.editor = monaco.editor.create(root[0], monacoConfig.extendConfig({
value: '',
language: 'plaintext',
readOnly: false,
glyphMargin: true,
}));
this._toolId = state.toolId;
this._toolName = state.toolName;
this._compilerId = state.compilerId;
this.selection = state.selection || '';
this.shouldSetSelectionInitially = !!this.selection;
this.initButtons(state);
this.initCallbacks();
this.setTitle();
this.onSettingsChange(this.settings);
this.eventHub.emit('toolInputViewOpened', this._toolid);
ga.proxy('send', {
hitType: 'event',
eventCategory: 'OpenViewPane',
eventAction: 'toolInputView',
});
}
ToolInputView.prototype.initButtons = function (state) {
this.fontScale = new FontScale(this.domRoot, state, this.editor);
this.topBar = this.domRoot.find('.top-bar');
};
ToolInputView.prototype.initCallbacks = function () {
this.fontScale.on('change', _.bind(this.updateState, this));
this.eventHub.on('compilerClose', this.onCompilerClose, this);
this.eventHub.on('toolClosed', this.onToolClose, this);
this.eventHub.on('toolInputViewCloseRequest', this.onToolInputViewCloseRequest, this);
this.eventHub.on('settingsChange', this.onSettingsChange, this);
this.eventHub.on('setToolInput', this.onSetToolInput, this);
this.container.on('resize', this.resize, this);
this.container.on('shown', this.resize, this);
this.container.on('destroy', this.close, this);
this.container.layoutManager.on('initialised', function () {
// Once initialized, let everyone know what text we have.
this.maybeEmitChange();
}, this);
this.eventHub.on('initialised', this.maybeEmitChange, this);
this.editor.getModel().onDidChangeContent(_.bind(function () {
this.debouncedEmitChange();
this.updateState();
}, this));
this.cursorSelectionThrottledFunction =
_.throttle(_.bind(this.onDidChangeCursorSelection, this), 500);
this.editor.onDidChangeCursorSelection(_.bind(function (e) {
this.cursorSelectionThrottledFunction(e);
}, this));
};
ToolInputView.prototype.getPaneName = function () {
return 'Tool Input ' + this._toolName + ' (Compiler #' + this._compilerId + ')';
};
ToolInputView.prototype.setTitle = function () {
this.container.setTitle(this.getPaneName());
};
ToolInputView.prototype.resize = function () {
var topBarHeight = this.topBar.outerHeight(true);
this.editor.layout({
width: this.domRoot.width(),
height: this.domRoot.height() - topBarHeight,
});
};
ToolInputView.prototype.updateState = function () {
this.container.setState(this.currentState());
};
ToolInputView.prototype.currentState = function () {
var state = {
toolId: this._toolId,
toolName: this._toolName,
compilerId: this._compilerId,
selection: this.selection,
};
this.fontScale.addState(state);
return state;
};
ToolInputView.prototype.close = function () {
this.eventHub.unsubscribe();
this.eventHub.emit('toolInputViewClosed', this._compilerId, this._toolId, this.getInput());
this.editor.dispose();
};
ToolInputView.prototype.onToolClose = function (compilerId, toolSettings) {
if (this._compilerId === compilerId && this._toolId === toolSettings.toolId) {
// We can't immediately close as an outer loop somewhere in GoldenLayout is iterating over
// the hierarchy. We can't modify while it's being iterated over.
this.close();
_.defer(function (self) {
self.container.close();
}, this);
}
};
ToolInputView.prototype.onToolInputViewCloseRequest = function (compilerId, toolId) {
if (this._compilerId === compilerId && this._toolId === toolId) {
this.close();
_.defer(function (self) {
self.container.close();
}, this);
}
};
ToolInputView.prototype.onCompilerClose = function (id) {
if (id === this._compilerId) {
// We can't immediately close as an outer loop somewhere in GoldenLayout is iterating over
// the hierarchy. We can't modify while it's being iterated over.
this.close();
_.defer(function (self) {
self.container.close();
}, this);
}
};
ToolInputView.prototype.onSettingsChange = function (newSettings) {
this.editor.updateOptions({
contextmenu: newSettings.useCustomContextMenu,
minimap: {
enabled: newSettings.showMinimap,
},
fontFamily: newSettings.editorsFFont,
fontLigatures: newSettings.editorsFLigatures,
});
this.debouncedEmitChange = _.debounce(_.bind(function () {
this.maybeEmitChange();
}, this), newSettings.delayAfterChange);
};
ToolInputView.prototype.onDidChangeCursorSelection = function (e) {
// On initialization this callback fires with the default selection
// overwriting any selection from state. If we are awaiting initial
// selection setting then don't update our selection.
if (!this.shouldSetSelectionInitially) {
this.selection = e.selection;
this.updateState();
}
};
ToolInputView.prototype.onSetToolInput = function (compilerId, toolId, value) {
if (this._compilerId === compilerId && this._toolId === toolId) {
var ret = this.editor.getModel().setValue(value);
if (this.shouldSetSelectionInitially && this.selection) {
this.editor.setSelection(this.selection);
this.editor.revealLinesInCenter(
this.selection.startLineNumber, this.selection.endLineNumber);
this.shouldSetSelectionInitially = false;
}
return ret;
}
};
ToolInputView.prototype.getInput = function () {
if (!this.editor.getModel()) {
return '';
}
return this.editor.getModel().getValue();
};
ToolInputView.prototype.maybeEmitChange = function (force) {
var input = this.getInput();
if (!force && input === this.lastChangeEmitted) return;
this.lastChangeEmitted = input;
this.eventHub.emit('toolInputChange', this._compilerId, this._toolId, this.lastChangeEmitted);
};
module.exports = {
ToolInputView: ToolInputView,
};