/
wotDescription.ts
89 lines (78 loc) · 2.46 KB
/
wotDescription.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
/*
* Copyright (c) 2022 Contributors to the Eclipse Foundation
*
* See the NOTICE file(s) distributed with this work for additional
* information regarding copyright ownership.
*
* This program and the accompanying materials are made available under the
* terms of the Eclipse Public License 2.0 which is available at
* http://www.eclipse.org/legal/epl-2.0
*
* SPDX-License-Identifier: EPL-2.0
*/
/* eslint-disable require-jsdoc */
import * as API from '../api.js';
import * as Utils from '../utils.js';
import * as Things from './things.js';
import wotDescriptionHTML from './wotDescription.html';
export function WoTDescription(targetTab, forFeature) {
let tabLink;
let aceWoTDescription;
let viewDirty = false;
const _forFeature = forFeature;
let theFeatureId;
const ready = async () => {
const tabId = Utils.addTab(
document.getElementById(targetTab.itemsId),
document.getElementById(targetTab.contentId),
'WoT TD',
wotDescriptionHTML,
'Generated WoT Thing Description. This requires a valid reference to a WoT Thing Model in the ' +
(forFeature ? 'Feature' : 'Thing') +
' definition. The Ditto environment must have WoT support enabled.'
);
tabLink = document.querySelector(`a[data-bs-target="#${tabId}"]`);
tabLink.onclick = onTabActivated;
const aceId = Math.random().toString(36).replace('0.', '');
document.getElementById('aceDescription').id = aceId;
aceWoTDescription = Utils.createAceEditor(aceId, 'ace/mode/json', true);
};
const onReferenceChanged = (ref) => {
if (_forFeature) {
theFeatureId = ref;
}
if (tabLink && tabLink.classList.contains('active')) {
refreshDescription();
} else {
viewDirty = true;
}
};
return {
ready,
onReferenceChanged,
};
function onTabActivated() {
if (viewDirty) {
refreshDescription();
viewDirty = false;
}
}
function refreshDescription() {
const featurePath = _forFeature ? '/features/' + theFeatureId : '';
aceWoTDescription.setValue('');
if (Things.theThing && (!_forFeature || theFeatureId)) {
API.callDittoREST(
'GET',
'/things/' + Things.theThing.thingId + featurePath,
null,
{
'accept': 'application/td+json',
},
).then((description) => {
aceWoTDescription.setValue(Utils.stringifyPretty(description), -1);
}).catch(
// nothing to clean-up
);
}
};
}