From e84eb08dc5c0b89994b184f01bc2ba5382f5a3f3 Mon Sep 17 00:00:00 2001
From: tegwick <bernd.worsch@gmail.com>
Date: Tue, 16 Dec 2025 10:20:14 +0100
Subject: [PATCH] feat: Complete TestDrive-JSUI migration - Main app now uses
 capability
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Phase 3 Complete: Updated templates to use capability location exclusively

Changes:
- Update document.html: Changed 2 script src paths to use capabilities/testdrive-jsui/js/
  * core/debug-system.js → capability location
  * main.js → capability location

- Update edit-mode-fixed.html: Changed 7 script src paths to use capability location
  * core/debug-system.js, section-manager.js → capability
  * components/debug-panel.js, dom-renderer.js → capability
  * config-loader.js, main-updated.js → capability

- Update testdrive-jsui submodule to include Phase 1 & 3 migration

Verification:
✅ View mode rendering tested - all paths use capability
✅ Edit mode rendering tested - assets deploy from capability via plugin
✅ No old markitect/static/js/ references in generated HTML
✅ All 84 automated tests passing

Migration Status:
- Phase 1: ✅ Complete (files copied to capability)
- Phase 2: ⏭️ Skipped (comprehensive testing in Phase 1)
- Phase 3: ✅ Complete (templates updated, main app migrated)
- Phase 4: ⏸️ Ready (original files can be removed after verification)

Impact:
- Main MarkiTect app now exclusively uses capability for JavaScript UI
- Original files in /markitect/static/js/ preserved for rollback safety
- No breaking changes - all rendering modes work correctly

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 capabilities/testdrive-jsui              |  2 +-
 markitect/templates/document.html        |  6 +++---
 markitect/templates/edit-mode-fixed.html | 14 +++++++-------
 3 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/capabilities/testdrive-jsui b/capabilities/testdrive-jsui
index 9d7964f9..891d7855 160000
--- a/capabilities/testdrive-jsui
+++ b/capabilities/testdrive-jsui
@@ -1 +1 @@
-Subproject commit 9d7964f9e56d40286362f2389d7aed2c3b88e8f8
+Subproject commit 891d78553391928fac5230de2d6fae1e9a25af65
diff --git a/markitect/templates/document.html b/markitect/templates/document.html
index 67de7f8a..5d7e7cc8 100644
--- a/markitect/templates/document.html
+++ b/markitect/templates/document.html
@@ -122,8 +122,8 @@
         {content}
     </div>
 
-    <!-- Core JavaScript modules -->
-    <script src="markitect/static/js/core/debug-system.js"></script>
+    <!-- Core JavaScript modules from TestDrive-JSUI capability -->
+    <script src="capabilities/testdrive-jsui/js/core/debug-system.js"></script>
 
     <!-- Control system -->
     <script src="capabilities/testdrive-jsui/js/controls/control-base.js"></script>
@@ -133,7 +133,7 @@
     <script src="capabilities/testdrive-jsui/js/controls/edit-control.js"></script>
 
     <!-- Main application -->
-    <script src="markitect/static/js/main.js"></script>
+    <script src="capabilities/testdrive-jsui/js/main.js"></script>
 
     <!-- Handle CDN loading errors -->
     <script>
diff --git a/markitect/templates/edit-mode-fixed.html b/markitect/templates/edit-mode-fixed.html
index 114aa9ca..47b2e0d5 100644
--- a/markitect/templates/edit-mode-fixed.html
+++ b/markitect/templates/edit-mode-fixed.html
@@ -23,18 +23,18 @@
     <!-- Configuration Data Interface - ONLY place where Python data enters JavaScript -->
     <script id="markitect-config" type="application/json">{config_json}</script>
 
-    <!-- External JavaScript References - same pattern as non-edit mode -->
-    <script src="markitect/static/js/core/debug-system.js"></script>
-    <script src="markitect/static/js/core/section-manager.js"></script>
-    <script src="markitect/static/js/components/debug-panel.js"></script>
-    <script src="markitect/static/js/components/dom-renderer.js"></script>
+    <!-- JavaScript modules from TestDrive-JSUI capability -->
+    <script src="capabilities/testdrive-jsui/js/core/debug-system.js"></script>
+    <script src="capabilities/testdrive-jsui/js/core/section-manager.js"></script>
+    <script src="capabilities/testdrive-jsui/js/components/debug-panel.js"></script>
+    <script src="capabilities/testdrive-jsui/js/components/dom-renderer.js"></script>
     <script src="capabilities/testdrive-jsui/js/controls/control-base.js"></script>
     <script src="capabilities/testdrive-jsui/js/controls/contents-control.js"></script>
     <script src="capabilities/testdrive-jsui/js/controls/status-control.js"></script>
     <script src="capabilities/testdrive-jsui/js/controls/debug-control.js"></script>
     <script src="capabilities/testdrive-jsui/js/controls/edit-control.js"></script>
-    <script src="markitect/static/js/config-loader.js"></script>
-    <script src="markitect/static/js/main-updated.js"></script>
+    <script src="capabilities/testdrive-jsui/js/config-loader.js"></script>
+    <script src="capabilities/testdrive-jsui/js/main-updated.js"></script>
 
     <!-- Simple initialization - same pattern as non-edit mode -->
     <script>