ImHex/plugins/builtin/source/content/views/view_about.cpp

#include "content/views/view_about.hpp"
#include "hex/ui/popup.hpp"

#include <hex/api_urls.hpp>
#include <hex/api/content_registry.hpp>
#include <hex/api/achievement_manager.hpp>
#include <hex/api/plugin_manager.hpp>

#include <hex/helpers/fmt.hpp>
#include <hex/helpers/fs.hpp>
#include <hex/helpers/utils.hpp>
#include <hex/helpers/http_requests.hpp>
#include <hex/helpers/default_paths.hpp>

#include <content/popups/popup_docs_question.hpp>

#include <fonts/codicons_font.h>

#include <romfs/romfs.hpp>
#include <wolv/utils/string.hpp>

#include <string>

namespace hex::plugin::builtin {

    class PopupEE : public Popup<PopupEE> {
    public:
        PopupEE() : Popup("Se" /* Not going to */ "cr" /* make it that easy */ "et") {

        }

        void drawContent() override {
            ImGuiIO& io = ImGui::GetIO();
            ImVec2 size = scaled({ 320, 180 });
            ImGui::InvisibleButton("canvas", size);
            ImVec2 p0 = ImGui::GetItemRectMin();
            ImVec2 p1 = ImGui::GetItemRectMax();

            ImDrawList* drawList = ImGui::GetWindowDrawList();
            drawList->PushClipRect(p0, p1);

            ImVec4 mouseData;
            mouseData.x = (io.MousePos.x - p0.x) / size.x;
            mouseData.y = (io.MousePos.y - p0.y) / size.y;
            mouseData.z = io.MouseDownDuration[0];
            mouseData.w = io.MouseDownDuration[1];

            fx(drawList, p0, p1, size, mouseData, float(ImGui::GetTime()));
        }

        void fx(ImDrawList* drawList, ImVec2 startPos, ImVec2 endPos, ImVec2, ImVec4, float t) {
            const float CircleRadius = 5_scaled;
            const float Gap = 1_scaled;

            constexpr static auto func = [](i32 x, i32 y, float t) {
                return std::sin(t - std::sqrt(std::pow((x - 14), 2) + std::pow((y - 8), 2)));
            };

            float x = startPos.x + CircleRadius + Gap;
            u32 ix = 0;
            while (x < endPos.x) {
                float y = startPos.y + CircleRadius + Gap;
                u32 iy = 0;
                while (y < endPos.y) {
                    const float result = func(ix, iy, t);
                    const float radius = CircleRadius * std::abs(result);
                    const auto  color  = result < 0 ? ImColor(0xFF, 0, 0, 0xFF) : ImColor(0xFF, 0xFF, 0xFF, 0xFF);
                    drawList->AddCircleFilled(ImVec2(x, y), radius, color);

                    y  += CircleRadius * 2 + Gap;
                    iy += 1;
                }

                x  += CircleRadius * 2 + Gap;
                ix += 1;
            }
        }
    };

    ViewAbout::ViewAbout() : View::Modal("hex.builtin.view.help.about.name") {
        // Add "About" menu item to the help menu
        ContentRegistry::Interface::addMenuItem({ "hex.builtin.menu.help", "hex.builtin.view.help.about.name" }, ICON_VS_INFO, 1000, Shortcut::None, [this] {
            this->getWindowOpenState() = true;
        });

        ContentRegistry::Interface::addMenuItemSeparator({ "hex.builtin.menu.help" }, 2000);

        ContentRegistry::Interface::addMenuItemSubMenu({ "hex.builtin.menu.help" }, 3000, [] {
            static std::string content;
            if (ImGui::InputTextWithHint("##search", "hex.builtin.view.help.documentation_search"_lang, content, ImGuiInputTextFlags_AutoSelectAll | ImGuiInputTextFlags_EscapeClearsAll | ImGuiInputTextFlags_EnterReturnsTrue)) {
                PopupDocsQuestion::open(content);
                content.clear();
                ImGui::CloseCurrentPopup();
            }
        });

        ContentRegistry::Interface::addMenuItemSeparator({ "hex.builtin.menu.help" }, 4000);


        // Add documentation link to the help menu
        ContentRegistry::Interface::addMenuItem({ "hex.builtin.menu.help", "hex.builtin.view.help.documentation" }, ICON_VS_BOOK, 5000, Shortcut::None, [] {
            hex::openWebpage("https://docs.werwolv.net/imhex");
            AchievementManager::unlockAchievement("hex.builtin.achievement.starting_out", "hex.builtin.achievement.starting_out.docs.name");
        });
    }


    void ViewAbout::drawAboutMainPage() {
        // Draw main about table
        if (ImGui::BeginTable("about_table", 2, ImGuiTableFlags_SizingFixedFit)) {
            ImGui::TableNextRow();
            ImGui::TableNextColumn();

            // Draw the ImHex icon
            if (!m_logoTexture.isValid())
                m_logoTexture = ImGuiExt::Texture::fromImage(romfs::get("assets/common/logo.png").span(), ImGuiExt::Texture::Filter::Linear);

            ImGui::Image(m_logoTexture, scaled({ 100, 100 }));
            if (ImGui::IsItemClicked()) {
                m_clickCount += 1;
            }

            if (m_clickCount >= (2 * 3 + 4)) {
                this->getWindowOpenState() = false;
                PopupEE::open();
                m_clickCount = 0;
            }

            ImGui::TableNextColumn();

            if (ImGuiExt::BeginSubWindow("Build Information", nullptr, ImVec2(450_scaled, 0), ImGuiChildFlags_AutoResizeX | ImGuiChildFlags_AutoResizeY)) {
                this->drawBuildInformation();
            }
            ImGuiExt::EndSubWindow();

            ImGui::EndTable();
        }

        // Draw donation links
        ImGuiExt::Header("hex.builtin.view.help.about.donations"_lang);

        if (ImGui::BeginChild("##ThanksWrapper", ImVec2(ImGui::GetContentRegionAvail().x, ImGui::GetTextLineHeightWithSpacing() * 3))) {
            ImGui::PushTextWrapPos(ImGui::GetContentRegionAvail().x * 0.8F);
            ImGuiExt::TextFormattedCentered("{}", static_cast<const char *>("hex.builtin.view.help.about.thanks"_lang));
            ImGui::PopTextWrapPos();
        }
        ImGui::EndChild();

        ImGui::NewLine();

        struct DonationPage {
            ImGuiExt::Texture texture;
            const char *link;
        };

        static std::array DonationPages = {
            DonationPage { ImGuiExt::Texture::fromImage(romfs::get("assets/common/donation/paypal.png").span<std::byte>(), ImGuiExt::Texture::Filter::Linear),  "https://werwolv.net/donate"           },
            DonationPage { ImGuiExt::Texture::fromImage(romfs::get("assets/common/donation/github.png").span<std::byte>(), ImGuiExt::Texture::Filter::Linear),  "https://github.com/sponsors/WerWolv"  },
            DonationPage { ImGuiExt::Texture::fromImage(romfs::get("assets/common/donation/patreon.png").span<std::byte>(), ImGuiExt::Texture::Filter::Linear), "https://patreon.com/werwolv"          },
        };

        if (ImGui::BeginTable("DonationLinks", 5, ImGuiTableFlags_SizingStretchSame)) {
            ImGui::TableNextRow();
            ImGui::TableNextColumn();

            for (const auto &page : DonationPages) {
                ImGui::TableNextColumn();

                const auto size = page.texture.getSize() / 1.5F;
                const auto startPos = ImGui::GetCursorScreenPos();
                ImGui::Image(page.texture, page.texture.getSize() / 1.5F);

                if (ImGui::IsItemHovered()) {
                    ImGui::GetForegroundDrawList()->AddShadowCircle(startPos + size / 2, size.x / 2, ImGui::GetColorU32(ImGuiCol_Button), 100.0F, ImVec2(), ImDrawFlags_ShadowCutOutShapeBackground);
                }

                if (ImGui::IsItemClicked()) {
                    hex::openWebpage(page.link);
                }
            }

            ImGui::EndTable();
        }

        ImGui::NewLine();
    }

    void ViewAbout::drawBuildInformation() {
        if (ImGui::BeginTable("Information", 1, ImGuiTableFlags_RowBg | ImGuiTableFlags_BordersInner)) {
            ImGui::Indent();

            ImGui::TableNextRow();
            ImGui::TableNextColumn();
            {
                // Draw basic information about ImHex and its version
                ImGuiExt::TextFormatted("ImHex Hex Editor v{} by WerWolv", ImHexApi::System::getImHexVersion());
                ImGui::Indent(25_scaled);
                ImGuiExt::TextFormatted("Powered by Dear ImGui v{}", ImGui::GetVersion());
                ImGui::Unindent(25_scaled);
            }

            ImGui::TableNextColumn();
            {
                ImGuiExt::TextFormatted(" {} ", ICON_VS_SOURCE_CONTROL);

                ImGui::SameLine(0, 0);

                // Draw a clickable link to the current commit
                if (ImGuiExt::Hyperlink(hex::format("{0}@{1}", ImHexApi::System::getCommitBranch(), ImHexApi::System::getCommitHash()).c_str()))
                    hex::openWebpage("https://github.com/WerWolv/ImHex/commit/" + ImHexApi::System::getCommitHash(true));
            }

            ImGui::TableNextColumn();
            {
                // Draw the build date and time
                ImGuiExt::TextFormatted("Compiled on {} at {}", __DATE__, __TIME__);
            }

            ImGui::TableNextColumn();
            {
                // Draw the author of the current translation
                ImGui::TextUnformatted("hex.builtin.view.help.about.translator"_lang);
            }

            ImGui::TableNextColumn();
            {
                // Draw information about the open-source nature of ImHex
                ImGui::TextUnformatted("hex.builtin.view.help.about.source"_lang);

                ImGui::SameLine();

                // Draw a clickable link to the GitHub repository
                if (ImGuiExt::Hyperlink(ICON_VS_LOGO_GITHUB " " "WerWolv/ImHex"))
                    hex::openWebpage("https://github.com/WerWolv/ImHex");
            }

            ImGui::Unindent();

            ImGui::EndTable();
        }
    }

    static void drawContributorTable(const char *title, const auto &contributors) {
        ImGui::PushStyleVar(ImGuiStyleVar_WindowPadding, ImVec2());
        auto result = ImGuiExt::BeginSubWindow(title, nullptr, ImVec2(ImGui::GetContentRegionAvail().x, 0), ImGuiChildFlags_AutoResizeX);
        ImGui::PopStyleVar();
        if (result) {
            if (ImGui::BeginTable(title, 1, ImGuiTableFlags_RowBg | ImGuiTableFlags_Borders)) {
                for (const auto &contributor : contributors) {
                    ImGui::TableNextRow();
                    if (contributor.mainContributor) {
                        ImGui::TableSetBgColor(ImGuiTableBgTarget_RowBg0, ImGui::GetColorU32(ImGuiCol_PlotHistogram) & 0x1FFFFFFF);
                    }
                    ImGui::TableNextColumn();

                    if (ImGuiExt::Hyperlink(contributor.name))
                        hex::openWebpage(contributor.link);

                    if (contributor.description[0] != '\0') {
                        ImGui::Indent();
                        ImGui::TextUnformatted(contributor.description);
                        ImGui::Unindent();
                    }
                }

                ImGui::EndTable();
            }
        }
        ImGuiExt::EndSubWindow();
    }

    void ViewAbout::drawContributorPage() {
        struct Contributor {
            const char *name;
            const char *description;
            const char *link;
            bool mainContributor;
        };

        constexpr static std::array Contributors = {
            Contributor { "iTrooz", "A huge amount of help maintaining ImHex and the CI", "https://github.com/iTrooz", true },
            Contributor { "jumanji144", "A ton of help with the Pattern Language, API and usage stats", "https://github.com/jumanji144", true },
            Contributor { "AxCut", "A ton of great pattern language improvements and help with the issue tracker", "https://github.com/paxcut", false },
            Contributor { "Mary", "Porting ImHex to macOS originally", "https://github.com/marysaka", false },
            Contributor { "Roblabla", "Adding the MSI Windows installer", "https://github.com/roblabla", false },
            Contributor { "jam1garner", "Adding support for Rust plugins", "https://github.com/jam1garner", false },
            Contributor { "All other amazing contributors", "Being part of the community, opening issues, PRs and donating", "https://github.com/WerWolv/ImHex/graphs/contributors", false }
        };

        constexpr static std::array Testers = {
            Contributor { "Nemoumbra", "Breaking my code literal seconds after I push it", "https://github.com/Nemoumbra", true },
            Contributor { "Berylskid", "", "https://github.com/Berylskid", false },
            Contributor { "Jan Polak", "", "https://github.com/polak-jan", false },
            Contributor { "Ken-Kaneki", "", "https://github.com/loneicewolf", false },
            Contributor { "Everybody who has reported issues", "Helping me find bugs and improve the software", "https://github.com/WerWolv/ImHex/issues", false }

        };

        ImGuiExt::TextFormattedWrapped("These amazing people have contributed some incredible things to ImHex in the past.\nConsider opening a PR on the Git Repository to take your place among them!");
        ImGui::NewLine();
        drawContributorTable("Contributors", Contributors);
        ImGui::NewLine();

        ImGuiExt::TextFormattedWrapped("All of these great people made ImHex work much much smoother.\nConsider joining our Tester team to help making ImHex better for everyone!");
        ImGui::NewLine();
        drawContributorTable("Testers", Testers);
    }

    void ViewAbout::drawLibraryCreditsPage() {
        struct Library {
            const char *name;
            const char *author;
            const char *link;
        };

        constexpr static std::array ImGuiLibraries = {
            Library { "ImGui", "ocornut", "https://github.com/ocornut/imgui" },
            Library { "ImPlot", "epezent", "https://github.com/epezent/implot" },
            Library { "imnodes", "Nelarius", "https://github.com/Nelarius/imnodes" },
            Library { "ImGuiColorTextEdit", "BalazsJako", "https://github.com/BalazsJako/ImGuiColorTextEdit" },
        };

        constexpr static std::array ExternalLibraries = {
            Library { "PatternLanguage", "WerWolv", "https://github.com/WerWolv/PatternLanguage" },
            Library { "libwolv", "WerWolv", "https://github.com/WerWolv/libwolv" },
            Library { "libromfs", "WerWolv", "https://github.com/WerWolv/libromfs" },
        };

        constexpr static std::array ThirdPartyLibraries = {
            Library { "json", "nlohmann", "https://github.com/nlohmann/json" },
            Library { "fmt", "fmtlib", "https://github.com/fmtlib/fmt" },
            Library { "nativefiledialog-extended", "btzy", "https://github.com/btzy/nativefiledialog-extended" },
            Library { "xdgpp", "danyspin97", "https://sr.ht/~danyspin97/xdgpp" },
            Library { "capstone", "aquynh", "https://github.com/aquynh/capstone" },
            Library { "microtar", "rxi", "https://github.com/rxi/microtar" },
            Library { "yara", "VirusTotal", "https://github.com/VirusTotal/yara" },
            Library { "edlib", "Martinsos", "https://github.com/Martinsos/edlib" },
            Library { "HashLibPlus", "ron4fun", "https://github.com/ron4fun/HashLibPlus" },
            Library { "miniaudio", "mackron", "https://github.com/mackron/miniaudio" },
            Library { "freetype", "freetype", "https://gitlab.freedesktop.org/freetype/freetype" },
            Library { "mbedTLS", "ARMmbed", "https://github.com/ARMmbed/mbedtls" },
            Library { "curl", "curl", "https://github.com/curl/curl" },
            Library { "file", "file", "https://github.com/file/file" },
            Library { "glfw", "glfw", "https://github.com/glfw/glfw" },
            Library { "llvm", "llvm-project", "https://github.com/llvm/llvm-project" },
            Library { "Boost.Regex", "John Maddock", "https://github.com/boostorg/regex" },
        };

        constexpr static auto drawTable = [](const char *category, const auto &libraries) {
            const auto width = ImGui::GetContentRegionAvail().x;
            if (ImGuiExt::BeginSubWindow(category)) {
                for (const auto &library : libraries) {
                    ImGui::PushStyleColor(ImGuiCol_ChildBg, ImGui::GetColorU32(ImGuiCol_TableHeaderBg));
                    ImGui::PushStyleVar(ImGuiStyleVar_ChildRounding, 50);
                    ImGui::PushStyleVar(ImGuiStyleVar_WindowPadding, scaled({ 12, 3 }));

                    if (ImGui::BeginChild(library.link, ImVec2(), ImGuiChildFlags_Border | ImGuiChildFlags_AutoResizeX | ImGuiChildFlags_AutoResizeY)) {
                        if (ImGuiExt::Hyperlink(hex::format("{}/{}", library.author, library.name).c_str())) {
                            hex::openWebpage(library.link);
                        }
                        ImGui::SetItemTooltip("%s", library.link);
                    }
                    ImGui::EndChild();

                    ImGui::SameLine();
                    if (ImGui::GetCursorPosX() > (width - 100_scaled))
                        ImGui::NewLine();

                    ImGui::PopStyleColor();
                    ImGui::PopStyleVar(2);
                }

            }
            ImGuiExt::EndSubWindow();

            ImGui::NewLine();
        };

        ImGuiExt::TextFormattedWrapped("ImHex builds on top of the amazing work of a ton of talented library developers without which this project wouldn't stand.");
        ImGui::NewLine();

        drawTable("ImGui", ImGuiLibraries);
        drawTable("External", ExternalLibraries);
        drawTable("Third Party", ThirdPartyLibraries);
    }

    void ViewAbout::drawLoadedPlugins() {
        const auto &plugins = PluginManager::getPlugins();

        ImGui::PushStyleVar(ImGuiStyleVar_WindowPadding, ImVec2());
        auto result = ImGuiExt::BeginSubWindow("hex.builtin.view.help.about.plugins"_lang);
        ImGui::PopStyleVar();

        if (result) {
            if (ImGui::BeginTable("plugins", 4, ImGuiTableFlags_Borders | ImGuiTableFlags_RowBg | ImGuiTableFlags_SizingFixedFit)) {
                ImGui::TableSetupScrollFreeze(0, 1);
                ImGui::TableSetupColumn("hex.builtin.view.help.about.plugins.plugin"_lang);
                ImGui::TableSetupColumn("hex.builtin.view.help.about.plugins.author"_lang);
                ImGui::TableSetupColumn("hex.builtin.view.help.about.plugins.desc"_lang, ImGuiTableColumnFlags_WidthStretch, 0.5);
                ImGui::TableSetupColumn("##loaded", ImGuiTableColumnFlags_WidthFixed, ImGui::GetTextLineHeight());

                ImGui::TableHeadersRow();

                for (const auto &plugin : plugins) {
                    this->drawPluginRow(plugin);
                }

                ImGui::EndTable();
            }

        }
        ImGuiExt::EndSubWindow();
    }

    void ViewAbout::drawPluginRow(const hex::Plugin& plugin) {
        if (plugin.isLibraryPlugin())
            return;

        auto features = plugin.getFeatures();

        ImGui::TableNextRow();
        ImGui::TableNextColumn();
        bool open = false;

        ImGui::PushStyleColor(ImGuiCol_Text, ImGui::GetColorU32(ImGuiCol_Text));
        if (features.empty())
            ImGui::BulletText("%s", plugin.getPluginName().c_str());
        else
            open = ImGui::TreeNode(plugin.getPluginName().c_str());
        ImGui::PopStyleColor();

        ImGui::TableNextColumn();
        ImGui::TextUnformatted(plugin.getPluginAuthor().c_str());
        ImGui::TableNextColumn();
        ImGui::TextUnformatted(plugin.getPluginDescription().c_str());
        ImGui::TableNextColumn();
        ImGui::TextUnformatted(plugin.isLoaded() ? ICON_VS_CHECK : ICON_VS_CLOSE);

        if (open) {
            for (const auto &feature : plugin.getFeatures()) {
                ImGui::TableNextRow();
                ImGui::TableNextColumn();
                ImGuiExt::TextFormatted("  {}", feature.name.c_str());
                ImGui::TableNextColumn();
                ImGui::TableNextColumn();
                ImGui::TableNextColumn();
                ImGui::TextUnformatted(feature.enabled ? ICON_VS_CHECK : ICON_VS_CLOSE);

            }

            ImGui::TreePop();
        }
    }


    void ViewAbout::drawPathsPage() {
        constexpr static std::array<std::pair<const char *, const paths::impl::DefaultPath*>, paths::All.size()> PathTypes = {
            {
                { "Patterns",                       &paths::Patterns             },
                { "Patterns Includes",              &paths::PatternsInclude      },
                { "Magic",                          &paths::Magic                },
                { "Plugins",                        &paths::Plugins              },
                { "Yara Patterns",                  &paths::Yara                 },
                { "Yara Advaned Analysis",          &paths::YaraAdvancedAnalysis },
                { "Config",                         &paths::Config               },
                { "Backups",                        &paths::Backups              },
                { "Resources",                      &paths::Resources            },
                { "Constants lists",                &paths::Constants            },
                { "Custom encodings",               &paths::Encodings            },
                { "Logs",                           &paths::Logs                 },
                { "Recent files",                   &paths::Recent               },
                { "Scripts",                        &paths::Scripts              },
                { "Data inspector scripts",         &paths::Inspectors           },
                { "Themes",                         &paths::Themes               },
                { "Native Libraries",               &paths::Libraries            },
                { "Custom data processor nodes",    &paths::Nodes                },
                { "Layouts",                        &paths::Layouts              },
                { "Workspaces",                     &paths::Workspaces           },
            }
        };
        static_assert(PathTypes.back().first != nullptr, "All path items need to be populated!");

        ImGui::PushStyleVar(ImGuiStyleVar_WindowPadding, ImVec2());
        if (ImGuiExt::BeginSubWindow("Paths", nullptr, ImGui::GetContentRegionAvail())) {
            if (ImGui::BeginTable("##imhex_paths", 2, ImGuiTableFlags_ScrollY | ImGuiTableFlags_Borders | ImGuiTableFlags_RowBg | ImGuiTableFlags_SizingFixedFit)) {
                ImGui::TableSetupScrollFreeze(0, 1);
                ImGui::TableSetupColumn("Type");
                ImGui::TableSetupColumn("Paths");

                // Draw the table
                ImGui::TableHeadersRow();
                for (const auto &[name, paths] : PathTypes) {
                    ImGui::TableNextRow();
                    ImGui::TableNextColumn();
                    ImGui::TextUnformatted(name);

                    ImGui::TableNextColumn();
                    for (auto &path : paths->all()){
                        // Draw hyperlink to paths that exist or red text if they don't
                        if (wolv::io::fs::isDirectory(path)){
                            if (ImGuiExt::Hyperlink(wolv::util::toUTF8String(path).c_str())) {
                                fs::openFolderExternal(path);
                            }
                        } else {
                            ImGuiExt::TextFormattedColored(ImGuiExt::GetCustomColorVec4(ImGuiCustomCol_ToolbarRed), wolv::util::toUTF8String(path));
                        }
                    }
                }

                ImGui::EndTable();
            }

        }
        ImGuiExt::EndSubWindow();
        ImGui::PopStyleVar();

    }

    static void drawRegularLine(const std::string& line) {
        ImGui::Bullet();
        ImGui::SameLine();

        // Check if the line contains bold text
        auto boldStart = line.find("**");
        if (boldStart == std::string::npos) {
            // Draw the line normally
            ImGui::TextUnformatted(line.c_str());

            return;
        }

        // Find the end of the bold text
        auto boldEnd = line.find("**", boldStart + 2);

        // Draw the line with the bold text highlighted
        ImGui::TextUnformatted(line.substr(0, boldStart).c_str());
        ImGui::SameLine(0, 0);
        ImGuiExt::TextFormattedColored(ImGuiExt::GetCustomColorVec4(ImGuiCustomCol_Highlight), "{}",
                                       line.substr(boldStart + 2, boldEnd - boldStart - 2).c_str());
        ImGui::SameLine(0, 0);
        ImGui::TextUnformatted(line.substr(boldEnd + 2).c_str());
    }

    struct ReleaseNotes {
        std::string title;
        std::string versionString;
        std::vector<std::string> notes;
    };

    static ReleaseNotes parseReleaseNotes(const HttpRequest::Result<std::string>& response) {
        ReleaseNotes notes;
        nlohmann::json json;

        if (!response.isSuccess()) {
            // An error occurred, display it
            notes.notes.push_back("## HTTP Error: " + std::to_string(response.getStatusCode()));

            return notes;
        }

        // A valid response was received, parse it
        try {
            json = nlohmann::json::parse(response.getData());

            // Get the release title
            notes.title = json["name"].get<std::string>();

            // Get the release version string
            notes.versionString = json["tag_name"].get<std::string>();

            // Get the release notes and split it into lines
            auto body = json["body"].get<std::string>();
            notes.notes = wolv::util::splitString(body, "\r\n");
        } catch (std::exception &e) {
            notes.notes.push_back("## Error: " + std::string(e.what()));
        }

        return notes;
    }

    void ViewAbout::drawReleaseNotesPage() {
        static ReleaseNotes notes;

        // Set up the request to get the release notes the first time the page is opened
        const static auto ImHexVersionString = ImHexApi::System::getImHexVersion(false);
        AT_FIRST_TIME {
            static HttpRequest request("GET", GitHubApiURL + std::string("/releases/") + (ImHexVersionString.ends_with(".WIP") ? "latest" : ( "tags/v" + ImHexVersionString)));

            m_releaseNoteRequest = request.execute();
        };

        // Wait for the request to finish and parse the response
        if (m_releaseNoteRequest.valid()) {
            if (m_releaseNoteRequest.wait_for(std::chrono::seconds(0)) == std::future_status::ready) {
                notes = parseReleaseNotes(m_releaseNoteRequest.get());
            } else {
                // Draw a spinner while the release notes are loading
                ImGuiExt::TextSpinner("hex.ui.common.loading"_lang);
            }
        }

        // Draw the release title
        if (!notes.title.empty()) {
            auto title = hex::format("{}: {}", notes.versionString, notes.title);
            ImGuiExt::Header(title.c_str(), true);
            ImGui::Separator();
        }

        // Draw the release notes and format them using parts of the GitHub Markdown syntax
        // This is not a full implementation of the syntax, but it's enough to make the release notes look good.
        for (const auto &line : notes.notes) {
            if (line.starts_with("## ")) {
                // Draw H2 Header
                ImGuiExt::Header(line.substr(3).c_str());
            } else if (line.starts_with("### ")) {
                // Draw H3 Header
                ImGuiExt::Header(line.substr(4).c_str());
            } else if (line.starts_with("- ")) {
                // Draw bullet point
                drawRegularLine(line.substr(2));
            } else if (line.starts_with("    - ")) {
                // Draw further indented bullet point
                ImGui::Indent();
                ImGui::Indent();
                drawRegularLine(line.substr(6));
                ImGui::Unindent();
                ImGui::Unindent();
            }
        }
    }

    struct Commit {
        std::string hash;
        std::string message;
        std::string description;
        std::string author;
        std::string date;
        std::string url;
    };

    static std::vector<Commit> parseCommits(const HttpRequest::Result<std::string>& response) {
        nlohmann::json json;
        std::vector<Commit> commits;

        if (!response.isSuccess()) {
            // An error occurred, display it
            commits.emplace_back(
                    "hex.ui.common.error"_lang,
                    "HTTP " + std::to_string(response.getStatusCode()),
                    "",
                    "",
                    ""
            );

            return { };
        }

        // A valid response was received, parse it
        try {
            json = nlohmann::json::parse(response.getData());

            for (auto &commit: json) {
                const auto message = commit["commit"]["message"].get<std::string>();

                // Split commit title and description. They're separated by two newlines.
                const auto messageEnd = message.find("\n\n");

                auto commitTitle = messageEnd == std::string::npos ? message : message.substr(0, messageEnd);
                auto commitDescription =
                        messageEnd == std::string::npos ? "" : message.substr(commitTitle.size() + 2);

                auto url = commit["html_url"].get<std::string>();
                auto sha = commit["sha"].get<std::string>();
                auto date = commit["commit"]["author"]["date"].get<std::string>();
                auto author = hex::format("{} <{}>",
                                          commit["commit"]["author"]["name"].get<std::string>(),
                                          commit["commit"]["author"]["email"].get<std::string>()
                );

                // Move the commit data into the list of commits
                commits.emplace_back(
                        std::move(sha),
                        std::move(commitTitle),
                        std::move(commitDescription),
                        std::move(author),
                        std::move(date),
                        std::move(url)
                );
            }

        } catch (std::exception &e) {
            commits.emplace_back(
                    "hex.ui.common.error"_lang,
                    e.what(),
                    "",
                    "",
                    ""
            );
        }

        return commits;
    }

    void ViewAbout::drawCommitHistoryPage() {
        static std::vector<Commit> commits;

        // Set up the request to get the commit history the first time the page is opened
        AT_FIRST_TIME {
            static HttpRequest request("GET", GitHubApiURL + std::string("/commits?per_page=100"));
            m_commitHistoryRequest = request.execute();
        };

        // Wait for the request to finish and parse the response
        if (m_commitHistoryRequest.valid()) {
            if (m_commitHistoryRequest.wait_for(std::chrono::seconds(0)) == std::future_status::ready) {
                commits = parseCommits(m_commitHistoryRequest.get());
            } else {
                // Draw a spinner while the commits are loading
                ImGuiExt::TextSpinner("hex.ui.common.loading"_lang);
            }
        }

        // Draw commits table
        if (commits.empty()) return;

        ImGui::PushStyleVar(ImGuiStyleVar_WindowPadding, ImVec2());
        auto result = ImGuiExt::BeginSubWindow("Commits", nullptr, ImGui::GetContentRegionAvail());
        ImGui::PopStyleVar();

        if (result) {
            this->drawCommitsTable(commits);
        }
        ImGuiExt::EndSubWindow();
    }

    void ViewAbout::drawCommitsTable(const auto& commits) {
        if (ImGui::BeginTable("##commits", 2, ImGuiTableFlags_Borders | ImGuiTableFlags_RowBg | ImGuiTableFlags_SizingFixedFit | ImGuiTableFlags_ScrollY)) {
            // Draw commits
            for (const auto &commit: commits) {
                ImGui::PushID(commit.hash.c_str());
                ImGui::TableNextRow();

                this->drawCommitRow(commit);

                ImGui::PopID();
            }

            ImGui::EndTable();
        }
    }

    void ViewAbout::drawCommitRow(const auto &commit) {
        // Draw hover tooltip
        ImGui::TableNextColumn();
        if (ImGui::Selectable("##commit", false, ImGuiSelectableFlags_SpanAllColumns)) {
            hex::openWebpage(commit.url);
        }

        if (ImGui::IsItemHovered()) {
            if (ImGui::BeginTooltip()) {
                // Draw author and commit date
                ImGuiExt::TextFormattedColored(ImGuiExt::GetCustomColorVec4(ImGuiCustomCol_Highlight), "{}",
                                               commit.author);
                ImGui::SameLine();
                ImGuiExt::TextFormatted("@ {}", commit.date.c_str());

                // Draw description if there is one
                if (!commit.description.empty()) {
                    ImGui::Separator();
                    ImGuiExt::TextFormatted("{}", commit.description);
                }

                ImGui::EndTooltip();
            }

        }

        // Draw commit hash
        ImGui::SameLine(0, 0);
        ImGuiExt::TextFormattedColored(ImGuiExt::GetCustomColorVec4(ImGuiCustomCol_Highlight), "{}",
                                       commit.hash.substr(0, 7));

        // Draw the commit message
        ImGui::TableNextColumn();

        const ImColor color = [&] {
            if (commit.hash == ImHexApi::System::getCommitHash(true))
                return ImGui::GetStyleColorVec4(ImGuiCol_HeaderActive);
            else
                return ImGui::GetStyleColorVec4(ImGuiCol_Text);
        }();
        ImGuiExt::TextFormattedColored(color, commit.message);
    }

    void ViewAbout::drawLicensePage() {
        const auto indentation = 50_scaled;

        ImGui::Indent(indentation);
        ImGuiExt::TextFormattedWrapped("{}", romfs::get("licenses/LICENSE").string());
        ImGui::Unindent(indentation);
    }

    void ViewAbout::drawAboutPopup() {
        struct Tab {
            using Function = void (ViewAbout::*)();

            const char *unlocalizedName;
            Function function;
        };

        constexpr std::array Tabs = {
            Tab { "ImHex",                                      &ViewAbout::drawAboutMainPage       },
            Tab { "hex.builtin.view.help.about.contributor",    &ViewAbout::drawContributorPage     },
            Tab { "hex.builtin.view.help.about.libs",           &ViewAbout::drawLibraryCreditsPage  },
            Tab { "hex.builtin.view.help.about.plugins",        &ViewAbout::drawLoadedPlugins       },
            Tab { "hex.builtin.view.help.about.paths",          &ViewAbout::drawPathsPage           },
            Tab { "hex.builtin.view.help.about.release_notes",  &ViewAbout::drawReleaseNotesPage    },
            Tab { "hex.builtin.view.help.about.commits",        &ViewAbout::drawCommitHistoryPage   },
            Tab { "hex.builtin.view.help.about.license",        &ViewAbout::drawLicensePage         },
        };

        // Allow the window to be closed by pressing ESC
        if (ImGui::IsKeyDown(ImGuiKey_Escape))
            ImGui::CloseCurrentPopup();

        if (ImGui::BeginTabBar("about_tab_bar")) {
            // Draw all tabs
            for (const auto &[unlocalizedName, function] : Tabs) {
                if (ImGui::BeginTabItem(Lang(unlocalizedName))) {
                    ImGui::NewLine();

                    if (ImGui::BeginChild(1)) {
                        (this->*function)();
                    }
                    ImGui::EndChild();

                    ImGui::EndTabItem();
                }
            }

            ImGui::EndTabBar();
        }
    }

    void ViewAbout::drawContent() {
        this->drawAboutPopup();
    }

}