path: root/src/components/signature/Summary.astro

---
import {
  createVerificationSummary,
  logLevel,
  type Summary,
  VerificationResult,
} from "@lib/pgp/summary";
import type { Verification } from "@lib/pgp/verify";
import { Level } from "@utils/index";
import type { NonEmptyArray } from "@utils/iterator";

interface Props extends Verification {}

let [errors, keys] = await createVerificationSummary(Astro.props);
const failed = errors.filter((summary) => "reason" in summary);

if (failed.length > 0) {
  errors = failed as NonEmptyArray<Summary>;
}

let worst;

for (const summary of errors) {
  if (worst === undefined) {
    worst = summary;
  }

  const { result } = summary;
  const a = logLevel(worst.result);
  const b = logLevel(result);
  if (a[0] === b[0] && !a[1] && b[1]) {
    worst = summary;
  } else if (b[0] === Level.ERROR) {
    worst = summary;
  } else if (a[0] === Level.OK && b[0] === Level.WARN) {
    worst = summary;
  }
}

let lvl: [Level, boolean] | undefined = undefined;

let label;

let title = "";
let content;
const error = worst && "reason" in worst ? worst.reason : undefined;

if (worst) {
  lvl = logLevel(worst.result);
  switch (lvl[0]) {
    case Level.OK: {
      label = "OK";
      break;
    }
    case Level.WARN: {
      label = "Aviso";
      break;
    }
    case Level.ERROR: {
      label = "Erro";
      break;
    }
    default: {
      throw new Error("Unreachable");
    }
  }

  switch (worst.result) {
    case VerificationResult.NO_SIGNATURE: {
      title = "Assinatura não encontrada";
      content = `<p>
Este blog post não foi assinado.
</p>
<p>
<strong>Não existe forma de verificar a autentacidade do autor ou a integridade do texto escrito</strong>.
</p>
`;
      break;
    }
    case VerificationResult.MISSING_KEY: {
      title = "Chave não encontrada";
      content = `<p>
Este blog post está assinado digitalmente, porém a chave pública com <code>KeyID</code> <samp>0x${worst.keyID}</samp> com que foi assinado não foi encontrada no chaveiro sendo <strong>impossível verificar a assinatura, quer dizer, não existe forma de verificar a autentacidade do autor ou a integridade do texto escrito</strong>.
</p>
<p>
Procure a chave noutro sítio da internet para conseguir fazer a verificação manualmente.
</p>
`;
      break;
    }
    case VerificationResult.SIGNATURE_CORRUPTED: {
      title = "Assinatura corrumpida";
      content = `<p>
Exite um ficheiro que supostamente é a assinatura, mas ele está corrompido ou com um formato inválido.
</p>
<p>
<strong>Não existe forma de verificar a autentacidade do autor ou a integridade do texto escrito</strong>.
</p>
`;
      break;
    }
    case VerificationResult.SIGNATURE_COULD_NOT_BE_CHECKED: {
      title = "Erro desconhecido";
      content = `<p>
A assinatura foi encontrada mas ocorreu um erro inesperado durante a verificação.
</p>
<p>
<strong>Não existe forma de verificar a autentacidade do autor ou a integridade do texto escrito</strong>.
</p>
`;
      break;
    }
    case VerificationResult.BAD_SIGNATURE: {
      title = "Assinatura inválida";
      content = `<p>
Existe uma assinatura digital porém o conteúdo da blog post não corresponde à assinatura. Talvez o texto tenha sido alterado sem ter sido criada uma nova assinatura.
</p>
<p>
Pode tentar verificar a assinatura com versões antigas do blog post, mas esta versão <strong> não pode ser verificada quanto à autentacidade do autor ou à integridade do texto escrito</strong>.
</p>
`;
      break;
    }
    case VerificationResult.UNTRUSTED_KEY: {
      title = "Assinatura válida (chave não confiada)";
      content = `<p>
A assinatura digital é criptograficamente válida, porém a chave utilizada não é suficientemente confiada pelo servidor. Mas podes ter a certeza que <strong>o dono da chave pública é a mesma pessoa que assinou este blog post</strong>.
</p>
`;
      break;
    }
    case VerificationResult.TRUSTED_KEY: {
      title = "Assinatura válida";
      content = `<p>
A assinatura digital é criptograficamente válida. <strong>O dono da chave pública é a mesma pessoa que assinou este blog post exatamente como ele está, sem alterações</strong>.
</p>
`;
      break;
    }
    case VerificationResult.EXPIRATION_AFTER_SIGNATURE: {
      break;
    }
    case VerificationResult.EXPIRATION_BEFORE_SIGNATURE: {
      break;
    }
    case VerificationResult.REVOCATION_AFTER_SIGNATURE: {
      break;
    }
    case VerificationResult.REVOCATION_BEFORE_SIGNATURE: {
      break;
    }
    case VerificationResult.KEY_DOES_NOT_SIGN: {
      break;
    }
    default: {
      throw new Error("Unreachable");
    }
  }
}
---

{
  lvl &&
    (
    <details
      class:list={{
        ok: lvl[0] === Level.OK,
        warn: lvl[0] === Level.WARN,
        error: lvl[0] === Level.ERROR,
        super: lvl[1],
      }}
    >
      <summary>{label?.toUpperCase()}: {title.toUpperCase()}</summary>
      <Fragment set:html={content} />
      {error && <pre><samp>{error}</samp></pre>}
    </details>
  )
}

<style>
  pre {
    overflow-x: auto;
  }
  details {
    &.error {
      --bg: #fff;
      --fg: var(--color-active);

      &.super {
        --bg: var(--color-active);
        --fg: #fff;
      }
    }

    &.warn {
      --bg: #fff;
      --fg: #f46d43;

      &.super {
        --bg: #f46d43;
        --fg: #fff;
      }
    }

    &.ok {
      --bg: #fff;
      --fg: var(--color-visited);

      &.super {
        --bg: var(--color-visited);
        --fg: #fff;
      }
    }

    padding-inline: 0.5em;
    padding-block: 0.5em;

    & > summary {
      background-color: var(--bg);
      padding-inline: 0.5em;
      padding-block: calc(1em / 3);
      color: var(--fg);
      border-color: var(--fg);
      border-width: 1px;
      border-style: solid;
      border-radius: calc(1em / 3);
      font-weight: bolder;

      &:focus {
        outline-color: var(--fg);
      }

      &::marker {
        color: var(--fg);
      }
    }

    & > :not(summary) {
      padding-inline: 1em;
      /* font-size: smaller; */
    }

    & > summary + * {
      margin-block: 0.5em;
      padding-block-start: 1em;
      border-block-start: 1px solid var(--fg);
    }
  }

  @media (prefers-color-scheme: dark) {
    details {
      &.error {
        --bg: #000;

        &.super {
          --fg: #000;
        }
      }

      &.warn {
        --bg: #000;
        --fg: #f46d43;

        &.super {
          --bg: #f46d43;
          --fg: #000;
        }
      }

      &.ok {
        --bg: #000;

        &.super {
          --fg: #000;
        }
      }
    }
  }
</style>