{
"event": "PreToolUse",
"tool_name": "mcp__mcp-docs__docs_get",
"tool_input": {
"path": "\/qualitaet\/frontend-quality"
}
}
{
"tool_response": [
{
"type": "text",
"text": "{\n \"success\": true,\n \"doc\": {\n \"id\": 63,\n \"parent_id\": 61,\n \"slug\": \"frontend-quality\",\n \"path\": \"\/qualitaet\/frontend-quality\",\n \"title\": \"Frontend-Quality\",\n \"description\": \"Linting und Validierung für JavaScript, CSS und HTML. Stellt Code-Qualität, Konsistenz und Best Practices im Frontend sicher.\",\n \"content\": \"<nav class=\\\"breadcrumb\\\">\\n <a href=\\\"\/docs\\\">Dokumentation<\/a> » <a href=\\\"\/docs\/anwendungen\\\">Anwendungen<\/a> » Frontend Quality Tools\\n<\/nav>\\n\\n<h1>Frontend Quality Tools<\/h1>\\n<p class=\\\"doc-meta\\\"><strong>Erstellt:<\/strong> 2025-12-20 | <strong>Aktualisiert:<\/strong> 2025-12-20<\/p>\\n\\n<p>Linting und Validierung für JavaScript, CSS und HTML. Stellt Code-Qualität, Konsistenz und Best Practices im Frontend sicher.<\/p>\\n\\n<table>\\n <tr><th>ESLint<\/th><td>9.39.2 (JavaScript Linting)<\/td><\/tr>\\n <tr><th>Prettier<\/th><td>3.7.4 (Code Formatting)<\/td><\/tr>\\n <tr><th>Stylelint<\/th><td>16.26.1 (CSS Linting)<\/td><\/tr>\\n <tr><th>HTMLHint<\/th><td>1.8.0 (HTML Validierung)<\/td><\/tr>\\n <tr><th>Installation<\/th><td>Global via npm<\/td><\/tr>\\n <tr><th>Konfiguration<\/th><td>\/opt\/scripts\/<\/td><\/tr>\\n<\/table>\\n\\n<h2>Quick Start<\/h2>\\n<pre><code># JavaScript prüfen\\n\/opt\/scripts\/js-check.sh\\n\\n# CSS prüfen\\n\/opt\/scripts\/css-check.sh\\n\\n# HTML\/PHP-Views prüfen\\n\/opt\/scripts\/html-check.sh\\n\\n# Beliebiges Projekt prüfen\\n\/opt\/scripts\/js-check.sh \/var\/www\/anderes-projekt<\/code><\/pre>\\n\\n<h2>ESLint (JavaScript)<\/h2>\\n<p>Statische Analyse für JavaScript-Code. Findet Bugs, erzwingt Best Practices und konsistenten Style.<\/p>\\n\\n<table>\\n <tr><th>Version<\/th><td>9.39.2<\/td><\/tr>\\n <tr><th>Konfig<\/th><td>\/opt\/scripts\/eslint.config.js (Flat Config)<\/td><\/tr>\\n <tr><th>Scope<\/th><td>public\/js\/**\/*.js<\/td><\/tr>\\n <tr><th>ECMAScript<\/th><td>2024<\/td><\/tr>\\n <tr><th>Module<\/th><td>ES Modules (native Browser)<\/td><\/tr>\\n<\/table>\\n\\n<h3>Regeln<\/h3>\\n<table>\\n <tr><th>Regel<\/th><th>Einstellung<\/th><th>Beschreibung<\/th><\/tr>\\n <tr><td>no-var<\/td><td>error<\/td><td>Nur let\/const, kein var<\/td><\/tr>\\n <tr><td>prefer-const<\/td><td>error<\/td><td>const wenn nicht reassigned<\/td><\/tr>\\n <tr><td>eqeqeq<\/td><td>error<\/td><td>Strikte Gleichheit (===)<\/td><\/tr>\\n <tr><td>no-unused-vars<\/td><td>error<\/td><td>Keine ungenutzten Variablen (außer _prefix)<\/td><\/tr>\\n <tr><td>no-console<\/td><td>warn<\/td><td>console.log nur als Warnung<\/td><\/tr>\\n <tr><td>no-eval<\/td><td>error<\/td><td>Kein eval() (Security)<\/td><\/tr>\\n <tr><td>semi<\/td><td>error<\/td><td>Semikolons erforderlich<\/td><\/tr>\\n <tr><td>quotes<\/td><td>error<\/td><td>Double Quotes<\/td><\/tr>\\n <tr><td>indent<\/td><td>error<\/td><td>2 Spaces<\/td><\/tr>\\n <tr><td>comma-dangle<\/td><td>error<\/td><td>Trailing Commas in Multiline<\/td><\/tr>\\n<\/table>\\n\\n<h3>Browser Globals<\/h3>\\n<p>Folgende Browser-APIs sind als readonly konfiguriert:<\/p>\\n<pre><code>window, document, console, setTimeout, clearTimeout,\\nrequestAnimationFrame, cancelAnimationFrame, AbortController,\\nURL, URLSearchParams, performance, Date, fetch,\\nlocalStorage, sessionStorage, location, FormData,\\nHeaders, Response, Request, MutationObserver,\\nIntersectionObserver, ResizeObserver<\/code><\/pre>\\n\\n<h3>Direkt ausführen<\/h3>\\n<pre><code># Check\\nnpx eslint public\/js --config \/opt\/scripts\/eslint.config.js\\n\\n# Mit Auto-Fix\\nnpx eslint public\/js --config \/opt\/scripts\/eslint.config.js --fix<\/code><\/pre>\\n\\n<h2>Prettier (Formatting)<\/h2>\\n<p>Automatische Code-Formatierung für JavaScript. Wird von js-check.sh verwendet.<\/p>\\n\\n<table>\\n <tr><th>Version<\/th><td>3.7.4<\/td><\/tr>\\n <tr><th>Tab Width<\/th><td>2 Spaces<\/td><\/tr>\\n <tr><th>Semicolons<\/th><td>Ja<\/td><\/tr>\\n <tr><th>Quotes<\/th><td>Double<\/td><\/tr>\\n <tr><th>Trailing Comma<\/th><td>all<\/td><\/tr>\\n<\/table>\\n\\n<h3>Direkt ausführen<\/h3>\\n<pre><code># Check\\nnpx prettier --check \\\"public\/js\/**\/*.js\\\"\\n\\n# Auto-Format\\nnpx prettier --write \\\"public\/js\/**\/*.js\\\"<\/code><\/pre>\\n\\n<h2>Stylelint (CSS)<\/h2>\\n<p>Linting für CSS-Dateien. Fokus auf echte Fehler, keine Style-Präferenzen.<\/p>\\n\\n<table>\\n <tr><th>Version<\/th><td>16.26.1<\/td><\/tr>\\n <tr><th>Konfig<\/th><td>\/opt\/scripts\/.stylelintrc.json<\/td><\/tr>\\n <tr><th>Scope<\/th><td>public\/css\/**\/*.css<\/td><\/tr>\\n<\/table>\\n\\n<h3>Fehler-Regeln (aktiviert)<\/h3>\\n<table>\\n <tr><th>Regel<\/th><th>Beschreibung<\/th><\/tr>\\n <tr><td>color-no-invalid-hex<\/td><td>Keine ungültigen Hex-Farben<\/td><\/tr>\\n <tr><td>font-family-no-duplicate-names<\/td><td>Keine doppelten Font-Namen<\/td><\/tr>\\n <tr><td>function-calc-no-unspaced-operator<\/td><td>Leerzeichen in calc()<\/td><\/tr>\\n <tr><td>string-no-newline<\/td><td>Keine Zeilenumbrüche in Strings<\/td><\/tr>\\n <tr><td>unit-no-unknown<\/td><td>Keine unbekannten Einheiten<\/td><\/tr>\\n <tr><td>property-no-unknown<\/td><td>Keine unbekannten Properties<\/td><\/tr>\\n <tr><td>declaration-block-no-duplicate-properties<\/td><td>Keine doppelten Properties<\/td><\/tr>\\n <tr><td>declaration-block-no-shorthand-property-overrides<\/td><td>Shorthand überschreibt nicht Longhand<\/td><\/tr>\\n <tr><td>selector-pseudo-class-no-unknown<\/td><td>Keine unbekannten Pseudo-Klassen<\/td><\/tr>\\n <tr><td>selector-pseudo-element-no-unknown<\/td><td>Keine unbekannten Pseudo-Elemente<\/td><\/tr>\\n <tr><td>selector-type-no-unknown<\/td><td>Keine unbekannten Selektoren<\/td><\/tr>\\n <tr><td>media-feature-name-no-unknown<\/td><td>Keine unbekannten Media Features<\/td><\/tr>\\n <tr><td>no-duplicate-at-import-rules<\/td><td>Keine doppelten @import<\/td><\/tr>\\n <tr><td>no-duplicate-selectors<\/td><td>Keine doppelten Selektoren<\/td><\/tr>\\n <tr><td>no-empty-source<\/td><td>Keine leeren Dateien<\/td><\/tr>\\n <tr><td>block-no-empty<\/td><td>Keine leeren Blöcke<\/td><\/tr>\\n <tr><td>length-zero-no-unit<\/td><td>Keine Einheit bei 0<\/td><\/tr>\\n <tr><td>shorthand-property-no-redundant-values<\/td><td>Keine redundanten Shorthand-Werte<\/td><\/tr>\\n<\/table>\\n\\n<h3>Limits<\/h3>\\n<table>\\n <tr><th>Regel<\/th><th>Wert<\/th><\/tr>\\n <tr><td>selector-max-id<\/td><td>2<\/td><\/tr>\\n <tr><td>max-nesting-depth<\/td><td>4<\/td><\/tr>\\n <tr><td>number-max-precision<\/td><td>4<\/td><\/tr>\\n<\/table>\\n\\n<h3>Deaktivierte Style-Regeln<\/h3>\\n<p>Folgende Regeln sind bewusst deaktiviert (null), da sie Style-Präferenzen und keine Fehler prüfen:<\/p>\\n<ul>\\n <li>no-descending-specificity<\/li>\\n <li>declaration-block-single-line-max-declarations<\/li>\\n <li>alpha-value-notation<\/li>\\n <li>color-function-notation<\/li>\\n <li>color-hex-length<\/li>\\n <li>font-weight-notation<\/li>\\n<\/ul>\\n\\n<h3>Direkt ausführen<\/h3>\\n<pre><code># Check\\nnpx stylelint \\\"public\/css\/**\/*.css\\\" --config \/opt\/scripts\/.stylelintrc.json\\n\\n# Mit Auto-Fix\\nnpx stylelint \\\"public\/css\/**\/*.css\\\" --config \/opt\/scripts\/.stylelintrc.json --fix<\/code><\/pre>\\n\\n<h2>HTMLHint (HTML\/PHP-Views)<\/h2>\\n<p>Validierung von HTML-Struktur in PHP-Templates.<\/p>\\n\\n<table>\\n <tr><th>Version<\/th><td>1.8.0<\/td><\/tr>\\n <tr><th>Konfig<\/th><td>\/opt\/scripts\/.htmlhintrc<\/td><\/tr>\\n <tr><th>Scope<\/th><td>src\/View\/**\/*.php (ohne docs\/)<\/td><\/tr>\\n<\/table>\\n\\n<h3>Aktivierte Regeln<\/h3>\\n<table>\\n <tr><th>Regel<\/th><th>Beschreibung<\/th><\/tr>\\n <tr><td>tagname-lowercase<\/td><td>Tags in Kleinbuchstaben<\/td><\/tr>\\n <tr><td>attr-lowercase<\/td><td>Attribute in Kleinbuchstaben<\/td><\/tr>\\n <tr><td>attr-value-double-quotes<\/td><td>Attributwerte in Double Quotes<\/td><\/tr>\\n <tr><td>attr-no-duplication<\/td><td>Keine doppelten Attribute<\/td><\/tr>\\n <tr><td>id-unique<\/td><td>IDs müssen eindeutig sein<\/td><\/tr>\\n <tr><td>src-not-empty<\/td><td>src-Attribute nicht leer<\/td><\/tr>\\n <tr><td>alt-require<\/td><td>alt-Attribut bei Bildern erforderlich<\/td><\/tr>\\n <tr><td>space-tab-mixed-disabled<\/td><td>Nur Spaces, keine Tabs<\/td><\/tr>\\n <tr><td>attr-unsafe-chars<\/td><td>Keine unsicheren Zeichen in Attributen<\/td><\/tr>\\n<\/table>\\n\\n<h3>Deaktivierte Regeln (PHP-Kompatibilität)<\/h3>\\n<p>Diese Regeln produzieren False Positives bei PHP-Templates:<\/p>\\n<table>\\n <tr><th>Regel<\/th><th>Grund<\/th><\/tr>\\n <tr><td>tag-pair<\/td><td>PHP-Syntax <code><?= ?>><\/code> wird als Tag-Fehler erkannt<\/td><\/tr>\\n <tr><td>spec-char-escape<\/td><td>PHP-Tags <code><?php ?><\/code> werden als unescaped erkannt<\/td><\/tr>\\n <tr><td>doctype-first<\/td><td>PHP-Templates beginnen mit <code><?php<\/code><\/td><\/tr>\\n <tr><td>title-require<\/td><td>Templates sind keine vollständigen HTML-Dokumente<\/td><\/tr>\\n <tr><td>doctype-html5<\/td><td>DOCTYPE ist im Layout, nicht in Templates<\/td><\/tr>\\n<\/table>\\n\\n<h3>Direkt ausführen<\/h3>\\n<pre><code>htmlhint src\/View --config \/opt\/scripts\/.htmlhintrc<\/code><\/pre>\\n\\n<h2>Prüfscripts<\/h2>\\n\\n<h3>js-check.sh<\/h3>\\n<p>JavaScript-Qualitätsprüfung mit ESLint und Prettier.<\/p>\\n<table>\\n <tr><th>Pfad<\/th><td>\/opt\/scripts\/js-check.sh<\/td><\/tr>\\n <tr><th>Default-Projekt<\/th><td>\/var\/www\/dev.campus.systemische-tools.de<\/td><\/tr>\\n <tr><th>Prüft<\/th><td>public\/js\/**\/*.js<\/td><\/tr>\\n<\/table>\\n\\n<h4>Checks<\/h4>\\n<table>\\n <tr><th>#<\/th><th>Check<\/th><th>Tool<\/th><\/tr>\\n <tr><td>1<\/td><td>Linting<\/td><td>ESLint<\/td><\/tr>\\n <tr><td>2<\/td><td>Formatting<\/td><td>Prettier<\/td><\/tr>\\n<\/table>\\n\\n<h4>Verwendung<\/h4>\\n<pre><code># Dev-Projekt\\n\/opt\/scripts\/js-check.sh\\n\\n# Anderes Projekt\\n\/opt\/scripts\/js-check.sh \/var\/www\/anderes-projekt<\/code><\/pre>\\n\\n<h4>Ausgabe<\/h4>\\n<pre><code>=== JavaScript Quality Check: Fri Dec 20 12:00:00 CET 2025 ===\\nDirectory: \/var\/www\/dev.campus.systemische-tools.de\/public\/js\\n\\nFound 2 JavaScript file(s)\\n\\n[1\/2] ESLint - Linting\\n✓ ESLint: No errors (1 warning)\\n\\n[2\/2] Prettier - Formatting\\n✓ Prettier: All files formatted\\n\\n=== Summary ===\\nAll checks passed!<\/code><\/pre>\\n\\n<h3>css-check.sh<\/h3>\\n<p>CSS-Qualitätsprüfung mit Stylelint.<\/p>\\n<table>\\n <tr><th>Pfad<\/th><td>\/opt\/scripts\/css-check.sh<\/td><\/tr>\\n <tr><th>Default-Projekt<\/th><td>\/var\/www\/dev.campus.systemische-tools.de<\/td><\/tr>\\n <tr><t... [TRUNCATED-44de522109987748]"
}
]
}