luneski/mqtt-explorer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

decode diff view for sparkplug

Browse Source
This commit is contained in:
Sinuhe Tellez
2021-08-08 16:32:22 -04:00
parent 68ef9ac913
commit 23b46cd432
4 changed files with 21 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/src/components/Sidebar/ValueRenderer/ActionButtons.tsx
View File

@@ -40,7 +40,7 @@ function ActionButtons(props: {
</Tooltip>
</ToggleButton>
<ToggleButton className={props.classes.toggleButton} value="raw" id="valueRendererDisplayMode-raw">
<Tooltip title="Raw / formatted JSON">
<Tooltip title="Raw / formatted JSON / formatted sparkplugb protojson">
<span>
<Reorder className={props.classes.toggleButtonIcon} />
</span>

18
app/src/components/Sidebar/ValueRenderer/ValueRenderer.tsx
View File

@@ -52,7 +52,8 @@ class ValueRenderer extends React.Component<Props, State> {
JSON.parse(str)
} catch (error) {
try {
let payload = Payload.decode(this.base64MessageToUint8Array(msg))
//Sparkplugb
let payload = Payload.decode(Base64Message.toUint8Array(msg))
const json = Payload.toJSON(payload)
return [JSON.stringify(json, undefined, ' '), 'json']
} catch (error) {
@@ -63,21 +64,6 @@ class ValueRenderer extends React.Component<Props, State> {
return [this.messageToPrettyJson(str), 'json']
}
private base64MessageToUint8Array(msg: Base64Message): Uint8Array {
let dataUri = Base64Message.toDataUri(msg, "")
let parts = dataUri.split(',')
let b64 = parts[1]
var binary_string = window.atob(b64);
var len = binary_string.length;
var bytes = new Uint8Array(len);
for (var i = 0; i < len; i++) {
bytes[i] = binary_string.charCodeAt(i);
}
return bytes
}
private messageToPrettyJson(str: string): string | undefined {
try {
const json = JSON.parse(str)