![Screen Shot 2023-07-17 at 2 28 00 AM](https://private-user-images.githubusercontent.com/73197190/253866788-d3a99616-f4be-4097-9fd8-566c80c1742a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ2MDc4MjgsIm5iZiI6MTcyNDYwNzUyOCwicGF0aCI6Ii83MzE5NzE5MC8yNTM4NjY3ODgtZDNhOTk2MTYtZjRiZS00MDk3LTlmZDgtNTY2YzgwYzE3NDJhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI1VDE3Mzg0OFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTAyY2U0MzU5NDBkZWUzYzY4Njg0YjAyNTcwMWQ4ZWU0NzY4NGM2OWVmNGUwOGYxOWIyNDgxMmM5MWMzOTlkZmEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.ph8gdUvl4mFLr-4Li_juEuIkrUzuW9tW75VNSdRFtMY)
SOLIDS are completely independent small Angular applications that can be included at runtime into any Quell/Spearhead based application. Any SOLID can be added without modifying Quell/Spearhead core or host application that the SOLID will be used. This enables development of SOLIDs that extend Quell independent of the core platform itself. SOLID authors deploy SOLIDs on CDNs as small, independent Angular apps that are loaded remotely. Once published SOLIDs are added at runtime in the browser when building pages without changing any code or installing new software.
Onboarding workflow for dev to get up and running creating SOLIDs working specifically on extending core without needing to modify Quell core code, minimal understanding of core.
- Running spearhead
- SOLID Creation
- SOLID Loading
spearhead is the designated app starter kit for easily running Quell. Spearhead doesn’t maintain any Quell core libraries. Instead the latest releases are pulled down from GitHub as packages when installing the node packages using npm install. Spearhead is supped up Angular starter kit with all magic of Quell already wired up. Spearhead can be treated like any other Angular project once cloned.
Similar in nature to spearhead SOLID is the app starter kit fore extending Quell. A SOLID is any Webpack 5 micro frontend compatible with module federation. Angular is the official framework of Quell therefore the SOLID starter kit is configured to work with Angular. In the future there will be SOLID starters for specific frameworks like solid-react, solid-vue, solid-ts, etc.
SOLIDS are loaded into Quell at runtine. SOLIDS are loaded as a context into the Quell editor. Once a SOLID has been loaded all plugins within the SOLID become accessible from the the Quell shell / editor. In this way SOLIDs are not your typical micro frontend. SOLIDs don’t typically have a default ui. Instead they define plugin implantations which provides the piping needed to extend Quell core without ever touching code code.
![Screen Shot 2023-06-15 at 4 11 53 AM](https://private-user-images.githubusercontent.com/73197190/246040851-fa6e348a-4b69-4f01-a31d-360c4ba616cd.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ2MDc4MjgsIm5iZiI6MTcyNDYwNzUyOCwicGF0aCI6Ii83MzE5NzE5MC8yNDYwNDA4NTEtZmE2ZTM0OGEtNGI2OS00ZjAxLWEzMWQtMzYwYzRiYTYxNmNkLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI1VDE3Mzg0OFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTBlZWVmZDI1ZDFlODBhOTQ1OGM4OTZjMDQzNmI2MjA1MTFjYmEwMmUyYTY0MGIyZTFiMzdhYzZkODFiZTFiYjkmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.hv8qAnqXNv4HYzyg4ZsC_4Jh3qz3xN6I71n9BEI3KB0)
The context system is a pivotal part of Quell and loosely based on the Drupal context system. More detail will be provided in future docs.
![Screen Shot 2023-06-15 at 4 14 03 AM](https://private-user-images.githubusercontent.com/73197190/246041036-7a765f97-3730-4543-899a-3d795e605654.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ2MDc4MjgsIm5iZiI6MTcyNDYwNzUyOCwicGF0aCI6Ii83MzE5NzE5MC8yNDYwNDEwMzYtN2E3NjVmOTctMzczMC00NTQzLTg5OWEtM2Q3OTVlNjA1NjU0LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI1VDE3Mzg0OFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTZjMzU4YzJhZDY3MTcyMDE3YTI2MzVjZmU0ZDNlMzcwZWMwNDJjNDQzMTJlODBkY2U5YjEwZTQyZjk0MWNlMGMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.dWNRDOEydi8WiDtP2dYxcxVCHJ8zGmRhWHr2HBHPrPU)
- https://demo.carbonfreed.app/tractorbeam-test-v3
- https://demo.carbonfreed.app/tractorbeam-test-v3/manage
![Screen Shot 2023-07-19 at 6 54 01 PM](https://private-user-images.githubusercontent.com/73197190/254729107-848ba6b8-8e90-4eb8-896a-91a02a13572c.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ2MDc4MjgsIm5iZiI6MTcyNDYwNzUyOCwicGF0aCI6Ii83MzE5NzE5MC8yNTQ3MjkxMDctODQ4YmE2YjgtOGU5MC00ZWI4LTg5NmEtOTFhMDJhMTM1NzJjLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI1VDE3Mzg0OFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTcyMjc4MmMxYmE3NGExMTU4NjBiMDE3OTZkNjQxZmZkMjI4Yjc3ZTk3YWI4YWYwNTQzYzMwMWQ5OTJiZGYxMWMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.tymyfNKl6goTWIknGdTP-O3qHda_xQelDaQUFtA0hYA)