From 7cd82c095456f6fbd76bc040e6c8d916d9cfad09 Mon Sep 17 00:00:00 2001
From: Philippe Torrel <webmaster@gkontra.de>
Date: Wed, 4 Nov 2026 13:28:39 +0100
Subject: [PATCH]

---
 .../.vscode/launch.json                       | 64 +++++++++++++++++++
 .../.vscode/settings.json                     |  4 ++
 2 files changed, 68 insertions(+)
 create mode 100644 07_js-debug/unterricht/tag43/03_debug-vscode-lexifind/.vscode/launch.json
 create mode 100644 07_js-debug/unterricht/tag43/03_debug-vscode-lexifind/.vscode/settings.json

diff --git a/07_js-debug/unterricht/tag43/03_debug-vscode-lexifind/.vscode/launch.json b/07_js-debug/unterricht/tag43/03_debug-vscode-lexifind/.vscode/launch.json
new file mode 100644
index 0000000..efb64a6
--- /dev/null
+++ b/07_js-debug/unterricht/tag43/03_debug-vscode-lexifind/.vscode/launch.json
@@ -0,0 +1,64 @@
+{
+  // Debug-Setup für LexiFind (Vite + React + TypeScript).
+
+  "version": "0.2.0",
+  "configurations": [
+    {
+      // Öffnet die App im integrierten Browser von VS Code (ab VS Code 1.112, chromium seit 2021) .
+      "type": "editor-browser",
+      "request": "launch",
+      "name": "LexiFind debuggen (integrierter Browser)",
+      // Vite-Standardport, in vite.config.ts ist kein anderer Port gesetzt.
+      "url": "http://localhost:5173",
+      "webRoot": "${workspaceFolder}",
+      "sourceMaps": true,
+      // Vite liefert die Quellen unter /src/... aus. So landen Breakpoints in den .tsx-Dateien.
+      "sourceMapPathOverrides": {
+        "/src/*": "${webRoot}/src/*",
+        "/@fs/*": "/*"
+      },
+      // Blackboxing: F11 (Step Into) springt nie in Fremd- oder Framework-Code.
+      "skipFiles": [
+        "<node_internals>/**",
+        "**/node_modules/**",
+        "**/.vite/**",
+        "**/react/**",
+        "**/react-dom/**",
+        "**/react-router/**",
+        "**/react-router-dom/**",
+        "**/scheduler/**",
+        "**/@vite/**",
+        "**/@fs/**",
+        "**/vite/**",
+        "**/@react-refresh"
+      ]
+    },
+    {
+      // Ausweichlösung für ältere VS-Code-Versionen: öffnet ein externes Chrome-Fenster.
+      "type": "chrome",
+      "request": "launch",
+      "name": "LexiFind debuggen (Chrome, extern)",
+      "url": "http://localhost:5173",
+      "webRoot": "${workspaceFolder}",
+      "sourceMaps": true,
+      "sourceMapPathOverrides": {
+        "/src/*": "${webRoot}/src/*",
+        "/@fs/*": "/*"
+      },
+      "skipFiles": [
+        "<node_internals>/**",
+        "**/node_modules/**",
+        "**/.vite/**",
+        "**/react/**",
+        "**/react-dom/**",
+        "**/react-router/**",
+        "**/react-router-dom/**",
+        "**/scheduler/**",
+        "**/@vite/**",
+        "**/@fs/**",
+        "**/vite/**",
+        "**/@react-refresh"
+      ]
+    }
+  ]
+}
diff --git a/07_js-debug/unterricht/tag43/03_debug-vscode-lexifind/.vscode/settings.json b/07_js-debug/unterricht/tag43/03_debug-vscode-lexifind/.vscode/settings.json
new file mode 100644
index 0000000..b5d0235
--- /dev/null
+++ b/07_js-debug/unterricht/tag43/03_debug-vscode-lexifind/.vscode/settings.json
@@ -0,0 +1,4 @@
+{
+  // localhost-Links (z. B. aus dem Vite-Terminal) im integrierten Browser von VS Code öffnen
+  "workbench.browser.openLocalhostLinks": true
+}