ChainSafe / ChainSafe/simpleserialize.com

Feature: Hint relation between data visualizations

オープン
#23 コメント 2 件 リアクション 1 件 担当者 1 名 @dapplion が担当を希望しています GitHub で見る
主要言語
TypeScript
スター
9
フォーク
4
PR マージ指標
30日以内にマージされた PR はありません

説明

Hint relation between data visualizations

## Purpose
To teach users visually about Simple Serialize.

## Proposal
If the user hovers over sections of the serialized bytes, each minimal block of data is highlighted and matched to the corresponding deserialized representation. Also, a popover can give info about the data type.

![simple-serialize-data-location-hint](https://user-images.githubusercontent.com/35266934/86398842-89294e00-bca6-11ea-9375-09a4d99f5e81.png)

## Issues
I believe ssz is run as a black box, so it may not be trivial to get the info required for this visualization. How could this mapping be extracted without coding a secondary deserialization algorithm?

It would be nice to get some sort of "AST" of the serialized bytes to render them as a sequence of inline elements. For example:
```js
[
{
type: "offset",
bytes: "94000000",
path: "aggregationBits",
},
{
type: "fixed",
bytes: "0200000000000000",
path: "data.slot",
},
{
type: "fixed",
bytes: "0400000000000000",
path: "data.index",
},
]
```

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

評価

この issue はまだ評価されていません。

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。