Solid Structure

Solid Structure is a Chrome Extension DevTool for SolidJS application.

Solid Structure allows developer to oversee a list of signal connections, signal updates, and visualize Structural & Dependency graphs.

Features

• Signal List
• Signal Update Logs (on/off)
• Graph Visualization
  • Structural Graph
  • Dependency Graph
  • Orientation Adjustment

Getting Started

Installation

1. Clone the repo

   git clone https://github.com/oslabs-beta/Solid-Structure.git

2. Install NPM packages

   npm install

3. Run Development Environment

   npm start

Built With

• Solid.JS
• TypeScript
• D3.JS
• Chrome API DevTool

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/NewFeature)
3. Commit your Changes (git commit -m 'Add some NewFeature')
4. Push to the Branch (git push origin feature/NewFeature)
5. Open a Pull Request

Basic Rules

• All types are managed in types.ts file
• Overall color-scheme and basic stylings should be controlled in main.scss file

Authors

• Matthew Yeon @myeon7
• Brandon Brighi @Bbrighi2
• Tanner Lyon @THLyon
• Mark Yermolov @yermie123

Acknowledgements

• Best README Template