sprotty-vscode-webview
Version:
Integration of Sprotty in a VS Code extensions (WebView part)
140 lines • 6.46 kB
JavaScript
;
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (this && this.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.VscodeDiagramWidget = exports.VscodeDiagramWidgetFactory = void 0;
/********************************************************************************
* Copyright (c) 2018 TypeFox and others.
*
* This program and the accompanying materials are made available under the
* terms of the Eclipse Public License v. 2.0 which is available at
* http://www.eclipse.org/legal/epl-2.0.
*
* This Source Code may also be made available under the following Secondary
* Licenses when the conditions for such availability set forth in the Eclipse
* Public License v. 2.0 are satisfied: GNU General Public License, version 2
* with the GNU Classpath Exception which is available at
* https://www.gnu.org/software/classpath/license.html.
*
* SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
********************************************************************************/
const inversify_1 = require("inversify");
const sprotty_1 = require("sprotty");
const sprotty_protocol_1 = require("sprotty-protocol");
const sprotty_vscode_protocol_1 = require("sprotty-vscode-protocol");
exports.VscodeDiagramWidgetFactory = Symbol('VscodeDiagramWidgetFactory');
let VscodeDiagramWidget = class VscodeDiagramWidget {
constructor() { }
initialize() {
this.initializeHtml();
this.initializeSprotty();
}
initializeHtml() {
const containerDiv = document.getElementById(this.diagramIdentifier.clientId + '_container');
if (containerDiv) {
const svgContainer = document.createElement("div");
svgContainer.id = this.viewerOptions.baseDiv;
containerDiv.appendChild(svgContainer);
const hiddenContainer = document.createElement("div");
hiddenContainer.id = this.viewerOptions.hiddenDiv;
document.body.appendChild(hiddenContainer);
const statusDiv = document.createElement("div");
statusDiv.setAttribute('class', 'sprotty-status');
containerDiv.appendChild(statusDiv);
this.statusIconDiv = document.createElement("div");
statusDiv.appendChild(this.statusIconDiv);
this.statusMessageDiv = document.createElement("div");
this.statusMessageDiv.setAttribute('class', 'sprotty-status-message');
statusDiv.appendChild(this.statusMessageDiv);
}
}
initializeSprotty() {
if (this.modelSource instanceof sprotty_1.DiagramServerProxy)
this.modelSource.clientId = this.diagramIdentifier.clientId;
this.requestModel();
}
async requestModel() {
try {
const response = await this.actionDispatcher.request(sprotty_protocol_1.RequestModelAction.create({
sourceUri: this.diagramIdentifier.uri,
diagramType: this.diagramIdentifier.diagramType
}));
await this.actionDispatcher.dispatch(response);
}
catch (err) {
const status = new sprotty_1.ServerStatusAction();
status.message = err instanceof Error ? err.message : err.toString();
status.severity = 'FATAL';
this.setStatus(status);
}
}
setStatus(status) {
this.statusMessageDiv.textContent = status.message;
this.removeClasses(this.statusMessageDiv, 1);
this.statusMessageDiv.classList.add(status.severity.toLowerCase());
this.removeClasses(this.statusIconDiv, 0);
const classes = this.statusIconDiv.classList;
classes.add(status.severity.toLowerCase());
switch (status.severity) {
case 'FATAL':
classes.add('fa');
classes.add('fa-times-circle');
break;
case 'ERROR':
classes.add('fa');
classes.add('fa-exclamation-circle');
break;
case 'WARNING':
classes.add('fa');
classes.add('fa-exclamation-circle');
break;
case 'INFO':
classes.add('fa');
classes.add('fa-info-circle');
break;
}
}
removeClasses(element, keep) {
const classes = element.classList;
while (classes.length > keep) {
const item = classes.item(classes.length - 1);
if (item)
classes.remove(item);
}
}
};
exports.VscodeDiagramWidget = VscodeDiagramWidget;
__decorate([
(0, inversify_1.inject)(sprotty_vscode_protocol_1.SprottyDiagramIdentifier),
__metadata("design:type", Object)
], VscodeDiagramWidget.prototype, "diagramIdentifier", void 0);
__decorate([
(0, inversify_1.inject)(sprotty_1.TYPES.IActionDispatcher),
__metadata("design:type", Object)
], VscodeDiagramWidget.prototype, "actionDispatcher", void 0);
__decorate([
(0, inversify_1.inject)(sprotty_1.TYPES.ModelSource),
__metadata("design:type", sprotty_1.ModelSource)
], VscodeDiagramWidget.prototype, "modelSource", void 0);
__decorate([
(0, inversify_1.inject)(sprotty_1.TYPES.ViewerOptions),
__metadata("design:type", Object)
], VscodeDiagramWidget.prototype, "viewerOptions", void 0);
__decorate([
(0, inversify_1.postConstruct)(),
__metadata("design:type", Function),
__metadata("design:paramtypes", []),
__metadata("design:returntype", void 0)
], VscodeDiagramWidget.prototype, "initialize", null);
exports.VscodeDiagramWidget = VscodeDiagramWidget = __decorate([
(0, inversify_1.injectable)(),
__metadata("design:paramtypes", [])
], VscodeDiagramWidget);
//# sourceMappingURL=vscode-diagram-widget.js.map