Feature/prettier again (#31)

* install prettier * format * add new proxy input * solve merge conflicts
Neofonie · May 16, 2024 · a852e42 · a852e42
1 parent e021c20
commit a852e42
Show file tree

Hide file tree

Showing 33 changed files with 5,953 additions and 5,797 deletions.
diff --git a/.github/workflows/deploy.yaml b/.github/workflows/deploy.yaml
@@ -14,7 +14,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v1
         with:
-          node-version: '20'
+          node-version: "20"
 
       - name: Run npm ci and build
         run: |

diff --git a/.husky/pre-commit b/.husky/pre-commit
@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npx lint-staged
diff --git a/.lintstagedrc.json b/.lintstagedrc.json
@@ -0,0 +1,6 @@
+{
+  "*.ts": "prettier --write",
+  "*.html": "prettier --write",
+  "*.scss": "prettier --write",
+  "*.css": "prettier --write"
+}
diff --git a/.prettierrc.json b/.prettierrc.json
@@ -0,0 +1,19 @@
+{
+  "plugins": ["prettier-plugin-svelte", "prettier-plugin-tailwindcss"],
+  "overrides": [
+    {
+      "files": ["*.html", "*.svelte"],
+      "options": {
+        "parser": "svelte",
+        "singleQuote": true,
+        "tabWidth": 4,
+        "printWidth": 200,
+        "svelteSortOrder": "options-scripts-markup-styles",
+        "svelteStrictMode": false,
+        "svelteBracketNewLine": false,
+        "svelteAllowShorthand": true,
+        "svelteIndentScriptAndStyle": true
+      }
+    }
+  ]
+}
diff --git a/README-ssh.md b/README-ssh.md
@@ -10,4 +10,4 @@ netstat -tulpn
 
 # wenn du ihn wieder deaktiviert moechtest dann:
 
-systemctl disable nginx.service
+systemctl disable nginx.service
diff --git a/cors-proxy-server/index.js b/cors-proxy-server/index.js
@@ -1,23 +1,25 @@
 // Source from: https://www.npmjs.com/package/cors-anywhere
 const fs = require("node:fs");
-const cors_proxy = require('cors-anywhere');
+const cors_proxy = require("cors-anywhere");
 
 // const options = {
 //     key: fs.readFileSync("/etc/ssl/neofonie/privkey.pem"),
 //     cert: fs.readFileSync("/etc/ssl/neofonie/fullchain.pem"),
 // };
 
 // Listen on a specific host via the HOST environment variable
-const host = process.env.HOST || '0.0.0.0';
+const host = process.env.HOST || "0.0.0.0";
 
 // Listen on a specific port via the PORT environment variable
-const port = process.env.PORT || 8443;
+const port = process.env.PORT || 8080;
 
-cors_proxy.createServer({
+cors_proxy
+  .createServer({
     //...options,
     originWhitelist: [], // Allow all origins
-    requireHeader: ['origin', 'x-requested-with'    ],
-    removeHeaders: ['cookie', 'cookie2']
-}).listen(port, host, function() {
-    console.log('Running CORS Anywhere on ' + host + ':' + port);
-});
+    requireHeader: ["origin", "x-requested-with"],
+    removeHeaders: ["cookie", "cookie2"],
+  })
+  .listen(port, host, function () {
+    console.log("Running CORS Anywhere on " + host + ":" + port);
+  });
diff --git a/index.html b/index.html
@@ -1,65 +1,65 @@
 <html lang="de-DE">
-<head>
-	<meta charset="utf-8" />
-	<meta name="viewport" content="width=device-width,initial-scale=1" />
-	<link rel="preload" href="/src/assets/fonts/CamingoWeb.woff2" as="font" />
-	<link rel="preload" href="/src/assets/fonts/Oswald-Regular.woff2" as="font" />
-	<title>Neofonie A11y Checkliste</title>
-</head>
-<body>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width,initial-scale=1" />
+        <link rel="preload" href="/src/assets/fonts/CamingoWeb.woff2" as="font" />
+        <link rel="preload" href="/src/assets/fonts/Oswald-Regular.woff2" as="font" />
+        <title>Neofonie A11y Checkliste</title>
+    </head>
+    <body>
+        <h1>Accessibility „A11y“ (11 stehen für 11 Buchstaben ergo eine abkürzung)</h1>
 
-<h1>Accessibility „A11y“ (11 stehen für 11 Buchstaben ergo eine abkürzung)</h1>
+        <p>
+            Diese Checkliste wird von unseren Entwicklern genutzt um eine gewisse Barriere-Freiheit für unsere Endkunden zu gewährleisten. Jede Komponente/Seite sollte gegen diese Checkliste geprüft
+            werden.
+        </p>
 
-<p>Diese Checkliste wird von unseren Entwicklern genutzt um eine gewisse Barriere-Freiheit für unsere Endkunden zu gewährleisten.
-Jede Komponente/Seite sollte gegen diese Checkliste geprüft werden.</p>
+        <h2>Allgemein</h2>
 
-<h2>Allgemein</h2>
+        <label><input type="checkbox" />Alle automatischen Accessibility-Tests laufen durch</label> <br />
+        <label><input type="checkbox" />Axe Chrome extension</label> <br />
+        <label><input type="checkbox" />Wave Chrome Erweiterung</label> <br />
+        <label><input type="checkbox" />Lighthouse (Accessibility)</label> <br />
 
-<label><input type="checkbox">Alle automatischen Accessibility-Tests laufen durch</label> <br />
-<label><input type="checkbox">Axe Chrome extension</label> <br />
-<label><input type="checkbox">Wave Chrome Erweiterung</label> <br />
-<label><input type="checkbox">Lighthouse (Accessibility)</label> <br />
+        <h2>Markup</h2>
 
-<h2>Markup</h2>
+        <label><input type="checkbox" />`&lt;html />` hat korrektes lang-attribut</label> <br />
+        <label><input type="checkbox" />Es gibt bei tabindex nur 0 oder -1</label> <br />
+        <label><input type="checkbox" />`&lt;a />-Tag` wird für alle Links verwendet -> Seitenwechseln</label> <br />
+        <label><input type="checkbox" />`&lt;button />-Tag` wird für alle Buttons/Klick/Actionflächen genutzt (kein div mit onclick etc.)</label> <br />
 
-<label><input type="checkbox">`&lt;html />` hat korrektes lang-attribut</label> <br />
-<label><input type="checkbox">Es gibt bei tabindex nur 0 oder -1</label> <br />
-<label><input type="checkbox">`&lt;a />-Tag` wird für alle Links verwendet -> Seitenwechseln</label> <br />
-<label><input type="checkbox">`&lt;button />-Tag` wird für alle Buttons/Klick/Actionflächen genutzt (kein div mit onclick etc.)</label> <br />
+        <h2>Content</h2>
 
-<h2>Content</h2>
+        <label><input type="checkbox" />`&lt;button />`, `&lt;a />` und `&lt;label />` sind eindeutig und selbsterklärend</label> <br />
+        <label><input type="checkbox" />Es gibt nur eine `&lt;h1 />` pro Seite</label> <br />
 
-<label><input type="checkbox">`&lt;button />`, `&lt;a />` und `&lt;label />` sind eindeutig und selbsterklärend</label> <br />
-<label><input type="checkbox">Es gibt nur eine `&lt;h1 />` pro Seite</label> <br />
+        <h2>Bilder</h2>
 
-<h2>Bilder</h2>
+        <label><input type="checkbox" />Alle `&lt;img />-Elemente` haben ein Alt-Attribut</label> <br />
+        <label><input type="checkbox" />rein dekorative SVGs haben `aria-hidden="true"`</label> <br />
+        <label><input type="checkbox" />`&lt;img />-Elemente` mit source SVG haben das role Attribut `role="img"`</label> <br />
 
-<label><input type="checkbox">Alle `&lt;img />-Elemente` haben ein Alt-Attribut</label> <br />
-<label><input type="checkbox">rein dekorative SVGs haben `aria-hidden="true"`</label> <br />
-<label><input type="checkbox">`&lt;img />-Elemente` mit source SVG haben das role Attribut `role="img"`</label> <br />
+        <h2>Formulare</h2>
 
-<h2>Formulare</h2>
+        <label><input type="checkbox" />Alle Inputs sind mit entsprechenden Label verbunden</label> <br />
+        <label><input type="checkbox" />Form Input unterstützen grundsätzlich autocomplete</label> <br />
+        <label><input type="checkbox" />Input Errors werden direkt mit den entsprechenden Feldern assoziiert</label> <br />
 
-<label><input type="checkbox">Alle Inputs sind mit entsprechenden Label verbunden</label> <br />
-<label><input type="checkbox">Form Input unterstützen grundsätzlich autocomplete</label> <br />
-<label><input type="checkbox">Input Errors werden direkt mit den entsprechenden Feldern assoziiert</label> <br />
+        <h2>Mobile</h2>
 
-<h2>Mobile</h2>
+        <label><input type="checkbox" />Die Seite kann nicht horizontal gescrollt werden</label> <br />
+        <label><input type="checkbox" />Viewport Zoom ist deaktiviert</label> <br />
+        <label><input type="checkbox" />Alle Klickflächen mind. `44x44px`, außer bei Inline-Elementen wie Links</label> <br />
 
-<label><input type="checkbox">Die Seite kann nicht horizontal gescrollt werden</label> <br />
-<label><input type="checkbox">Viewport Zoom ist deaktiviert</label> <br />
-<label><input type="checkbox">Alle Klickflächen mind. `44x44px`, außer bei Inline-Elementen wie Links</label> <br />
+        <h2>Tastatur</h2>
 
-<h2>Tastatur</h2>
+        <label><input type="checkbox" />Tastatursteuerung muss komplett möglich sein</label> <br />
+        <label><input type="checkbox" />Alle interaktiven Elemente müssen einen sichtbaren focustyle haben</label> <br />
+        <label><input type="checkbox" />Keyboard-Focus Reihenfolge gleicht der des visuellen Layouts</label> <br />
+        <label><input type="checkbox" />Es gibt keine unsichtbaren fokusierbaren Elemente</label> <br />
+        <label><input type="checkbox" />Buttons können über Leertaste und Eingabetaste betätigt werden</label> <br />
+        <label><input type="checkbox" />Menüs und Overlays können via ESC-Taste wieder geschlossen werden</label> <br />
 
-<label><input type="checkbox">Tastatursteuerung muss komplett möglich sein</label> <br />
-<label><input type="checkbox">Alle interaktiven Elemente müssen einen sichtbaren focustyle haben</label> <br />
-<label><input type="checkbox">Keyboard-Focus Reihenfolge gleicht der des visuellen Layouts</label> <br />
-<label><input type="checkbox">Es gibt keine unsichtbaren fokusierbaren Elemente</label> <br />
-<label><input type="checkbox">Buttons können über Leertaste und Eingabetaste betätigt werden</label> <br />
-<label><input type="checkbox">Menüs und Overlays können via ESC-Taste wieder geschlossen werden</label> <br />
-
-
-<p><strong>Stand 02.2024</strong></p>
-</body>
-</html>
+        <p><strong>Stand 02.2024</strong></p>
+    </body>
+</html>