Mythic UI Development
The current Mythic UI is split into two parts:
- 1.Normally, when using mythic,
Mythic/mythic-react-dockerand themythic_reactcontainer serves a compiled version of the React UI. - 2.For development, the
Mythic/MythicReactUIfolder holds the source code that gets built.
To load up the source code for active development, set the
Mythic/.env variable mythic_react_debug to true and then run sudo ./mythic-cli start mythic_react. This will tear down the current mythic_react container and re-build it with nodejs.At this point, any changes you make to the source code in
Mythic/MythicReactUI will trigger automatic re-builds on the UI for easy development.When you're done with all of your changes, run
sudo ./mythic-cli build_ui and Mythic will automatically build the UI and place it in the mythic-react-docker folder. At this point, if you set the mythic_react_debug back to false and run ./mythic-cli start mythic_react, you'll see the UI exactly as somebody else would with a fresh install of Mythic.If you modify any of the permissions, create new actions, or make any modifications at all in Hasura's GraphQL, then you need to make sure those get saved off. There's not a great way to do this yet, but for now the following steps will save them when done from the Mythic directory:
docker exec -it mythic_graphql /bin/bash
hasura-cli init
[enter some random name here, let's say Bob]
cd Bob
cp /metadata/config.yml .
hasura-cli metadata export
cd metadata
cp * -R /metadata
The above steps export the metadata and puts it back into the mounted
/metadata directory for Hasura.