Files
markitect-main/markitect/templates/edit-mode-fixed.html
tegwick e84eb08dc5
Some checks failed
Test Suite / unit-tests (3.11) (push) Has been cancelled
Test Suite / unit-tests (3.12) (push) Has been cancelled
Test Suite / integration-tests (push) Has been cancelled
Test Suite / e2e-tests (push) Has been cancelled
Test Suite / performance-tests (push) Has been cancelled
Test Suite / code-quality (push) Has been cancelled
Test Suite / security-scan (push) Has been cancelled
Test Suite / test-summary (push) Has been cancelled
feat: Complete TestDrive-JSUI migration - Main app now uses capability
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>
2025-12-16 10:20:14 +01:00

64 lines
2.9 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="generator" content="Markitect {version}">
<title>{title}</title>
{css_content}
<!-- External dependencies - same as non-edit mode -->
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"
onload="window.markitectMarkedLoaded = true"
onerror="console.error('CDN library failed to load - network or firewall blocking marked.js'); window.markitectMarkedError = true;"></script>
</head>
<body class="{mode_class}">
<!-- Content container with fallback content -->
<div id="markdown-content">
{fallback_content}
</div>
<!-- Configuration Data Interface - ONLY place where Python data enters JavaScript -->
<script id="markitect-config" type="application/json">{config_json}</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="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>
window.addEventListener('load', function() {
console.log('🎯 Edit mode loading complete, initializing...');
// Handle CDN loading errors (same as non-edit mode)
if (window.markitectMarkedError) {
console.error("CDN library failed to load - network or firewall blocking marked.js");
}
// Simple initialization without retries
try {
if (typeof MarkitectMain !== 'undefined') {
console.log('🚀 Starting MarkitectMain initialization...');
MarkitectMain.initialize();
} else {
console.warn('⚠️ MarkitectMain not available, edit functionality may be limited');
}
} catch (error) {
console.error('❌ Edit mode initialization failed:', error);
console.log('📄 Content should still be visible in fallback mode');
}
});
</script>
</body>
</html>