1.4.3 • Published 2 years ago
hex_color_displayer v1.4.3
Hex Color Display
NPM package to help you read a binary file with a structured format. On hover mouse the block is highlighted and a tooltip is popped up to explain each section.
Example:
import React from 'react';
import HexColorDisplay from 'hex_color_displayer'
const data_example = [
{
"start": 0,
"end": 13,
"name": "Header",
"color": "", // Color feature has not yet implemented
"sublist": []
},
{
"start": 13,
"end": 32,
"name": "data",
"color": "",
"sublist": []
},
]
const raw = [97, 98, 99, 100, 101, 102, 103, 104, 105, 106,
107, 108, 109, 110, 111, 112, 113, 114, 115, 116, 117,
118, 119, 120, 121, 122, 123, 124, 125, 126, 127, 128]
React.render(<HexColorDisplay
offsets={data_example} bin={raw} />, document.body);
Storybook example
In storybook I added an example you can use to see how it works and debug this package.
Contributing
The contributing guidelines are here
Contributors ✨
Thanks goes to these wonderful people (emoji key):
This project follows the all-contributors specification. Contributions of any kind welcome!