{
  lib,
  stdenv,
  fetchFromGitHub,
  fetchYarnDeps,
  nodejs,
  prefetch-yarn-deps,
  yarn,
  gnused,
  rsync,
}:

stdenv.mkDerivation rec {
  pname = "incus-ui";
  version = "0.6";

  src = fetchFromGitHub {
    owner = "canonical";
    repo = "lxd-ui";
    rev = version;
    # hash = "sha256-52MRf7bk8Un9wqz00+JjDmuJgPKYhgAhIbMbcAuf8W8=";
    hash = "sha256-3Ts6lKyzpMDVATCKD1fFIGTskWzWpQUT9S8cPFnlEOs=";
  };

  offlineCache = fetchYarnDeps {
    yarnLock = "${src}/yarn.lock";
    hash = "sha256-0pyxwMGGqogEe1w3sail8NUDHtxLQZU9Wg8E6rQNy4o=";
  };

  patches = [
    ./ui-canonical-0001-Branding.patch
    ./ui-canonical-0002-Update-navigation.patch
    ./ui-canonical-0003-Update-certificate-generation.patch
    ./ui-canonical-0004-Remove-external-links.patch
    ./ui-canonical-0005-Remove-Canonical-image-servers.patch
    ./ui-canonical-0006-Remove-version-check.patch
  ];

  nativeBuildInputs = [
    nodejs
    prefetch-yarn-deps
    yarn
  ];

  configurePhase = ''
    runHook preConfigure

    ${gnused}/bin/sed -i "s/LXD/Incus/g" src/*/*.ts* src/*/*/*.ts* src/*/*/*/*.ts*
    ${gnused}/bin/sed -i "s/devlxd/guestapi/g" src/*/*.ts* src/*/*/*.ts* src/*/*/*/*.ts*
    ${gnused}/bin/sed -i "s/dev\/lxd/dev\/incus/g" src/*/*.ts* src/*/*/*.ts* src/*/*/*/*.ts*
    ${gnused}/bin/sed -i "s/lxd_/incus_/g" src/*/*.ts* src/*/*/*.ts* src/*/*/*/*.ts*
    ${gnused}/bin/sed -i "s/\"lxd\"/\"incus\"/g" src/*/*.ts* src/*/*/*.ts* src/*/*/*/*.ts*

    export HOME=$(mktemp -d)
    yarn config --offline set yarn-offline-mirror "$offlineCache"
    fixup-yarn-lock yarn.lock
    yarn --offline --frozen-lockfile --ignore-platform --ignore-scripts --no-progress --non-interactive install
    patchShebangs node_modules
    cp ${./favicon-32x32.png} public/assets/img/favicon-32x32.png

    runHook postConfigure
  '';

  buildPhase = ''
    runHook preBuild

    yarn --offline build

    runHook postBuild
  '';

  installPhase = ''
    runHook preInstall

    mkdir -p $out
    ${rsync}/bin/rsync -a build/ui/ $out/

    runHook postInstall
  '';

  meta = with lib; {
    description = "Easy and accessible container and virtual machine management. A browser interface for LXD";
    homepage = "https://github.com/canonical/lxd-ui";
    license = licenses.gpl3;
    maintainers = with maintainers; [ ];
    platforms = platforms.linux;
  };
}