Hoe gezond is jouw frontend-code?

Koppel een repository en krijg een gezondheidsscore met de bevindingen erachter. Geen setup in je project, niets te installeren.

BinnenkortHoe het werkt
Voorbeeldrapportmain
78Score 78 van 100, Redelijk
Code smells84, Gezond
Dependencies71, Redelijk
Security92, Gezond
Duplicatie63, Redelijk

Een helder beeld, zonder gedoe vooraf

Alles wat je nodig hebt om te zien hoe een frontend-codebase ervoor staat.

  • Eén gezondheidsscore

    Code smells, gezondheid van dependencies, security patches en duplicatie samengevat in één score die je in de tijd kunt volgen.

  • Alleen-lezen en afgeschermd

    Toegang tot de repository is alleen-lezen. Je code wordt geanalyseerd in een afgesloten container zonder netwerk.

  • Altijd actueel

    Een dagelijkse controle analyseert een branch opnieuw zodra er nieuwe commits zijn.

  • Gericht op frontend

    Gemaakt voor html-, css-, javascript-, typescript-, Vue-, Svelte- en Astro-projecten.

Hoe het werkt

Van een repository koppelen tot een score die je kunt volgen, en waar je code bij elke stap is.

  1. 01

    Koppelen

    Installeer de GitHub App op de repositories die je kiest. Hij kan alleen lezen.

  2. 02

    Ophalen

    Agnes downloadt één branch als archief. Er wordt niets in je project geïnstalleerd.

  3. 03

    Analyseren in een sandbox

    Open-source tools controleren de code in een afgesloten container. Je eigen config en scripts worden nooit uitgevoerd.

    Geen netwerk Alleen lezen

    • HTML
    • CSS
    • JS & TS
    • Componenten
    • Toegankelijkheid
    • Complexiteit
    • Duplicatie
    • Dode code
    • Secrets
    • Tests
  4. 04

    Dependencies

    Buiten de sandbox worden de packagenamen en versies uit je lockfile gecontroleerd bij OSV en npm. Nooit je code.

  5. 05

    Score

    De bevindingen worden één score, met een score per categorie. De code wordt verwijderd; alleen het rapport blijft.

Elke dag worden nieuwe commits op de branch opnieuw geanalyseerd, zodat je de score ziet bewegen.

Welke tools er draaien en hoe de score tot stand komt

De naam

Waarom Agnes?

Agnes komt van het Griekse hagnē, dat zuiver betekent. Zo willen we dat jouw codebase is, en zo proberen we zelf te werken.

  • Zuivere code

    Dode code, duplicatie en verouderde dependencies zijn de onzuiverheden. De score laat zien hoeveel er nog van over is.

  • Een zuiver signaal

    Eén eerlijke score met de bevindingen erachter. Geen vanity metrics en geen ruis.

  • Zuivere toegang

    Alleen-lezen, afgeschermd en niets te installeren in je project. Agnes kijkt en laat niets achter.

Ontdek hoe gezond jouw code is

Koppel een repository en krijg een gezondheidsscore met de bevindingen erachter.

Binnenkort