Structogram components

A standalone package containing React components for structogram powered by MUIv5.

This package is an attempt to refactor the codebase of another project. I figured that someone somewhere might want an MUI-based React component library which renders to a very niche diagram. As such, it might not receive much support since the package itself is now complete. It will serve as a framework for my other projects. In other words, I will build projects around this package, rathert than tweaking this package to fit the requirements of other projects.

Noteworthy

The noteworthy hack of this project is the text shadow in binary branch block. Originally, I placed a white background around the "true" and "false" label to separate them from the diagonal line, but I recently improved it by adding text shadow, which looks better than a solid rectangle.

Development

Each components in components/ are the core of this package. Note that StructogramComponentText and StructogramComponentWrapper are diagrams, instead they are reusable components which made up the diagram themselves.

Each diagram is to be wrapped in StructogramComponentWrapper to provide consistent padding and other styling. Similarly, typographies are to be wrapped in StructogramComponentText for the same reasons.

Components in assets/ are used by the binary branch. In arguable the most complex component of the entire package.