markitect-main/test_cli_with_assets.py

189 lines
6.5 KiB
Python
Raw Normal View History

feat: complete asset deployment for plugin engines **Asset Deployment Infrastructure:** - Enhanced RenderingEngineManager with complete asset deployment - Automatic plugin source directory discovery and asset copying - File system operations with proper directory structure preservation - Comprehensive error handling for missing assets **CLI Integration:** - Automatic asset deployment when using plugin engines - Verbose output showing deployment progress and statistics - Asset verification and accessibility validation - Production-ready deployment to _markitect/plugins/ structure **TestDrive JSUI Assets:** - Complete CSS asset suite (editor, controls, GitHub theme) - Placeholder image assets for testing deployment - Proper asset organization following plugin conventions - All 18 assets now deployed correctly **Testing Infrastructure:** - Comprehensive asset deployment testing - CLI integration verification with asset shipping - File existence and accessibility validation - Complete directory structure verification **Key Features:** - Assets deployed to `_markitect/plugins/testdrive-jsui/` when using --edit - HTML references match deployed asset locations - 18 total assets: 12 JS, 3 CSS, 3 images - Automatic deployment without --ship-assets flag needed - Clean separation of development vs production asset handling **Example Output:** ``` 🎯 Using rendering engine: testdrive-jsui (supports: edit, view) 📦 Deploying assets for engine 'testdrive-jsui'... 📄 Deployed 18 asset files js: 12 files css: 3 files images: 3 files ✅ Rendered with INTERACTIVE editing mode ``` This fixes the "HTML assets not found" issue when using explicit output directories with plugin engines. All plugin assets are now properly deployed and accessible. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-14 09:20:37 +01:00
#!/usr/bin/env python3
"""
Test CLI integration with asset deployment
"""
import sys
from pathlib import Path
import shutil
# Add current directory to path for imports
sys.path.insert(0, str(Path(__file__).parent))
def test_cli_with_asset_deployment():
"""Test CLI integration with complete asset deployment."""
print("🚀 Testing CLI Integration with Asset Deployment")
print("=" * 60)
try:
# Clean up and create test output directory
output_dir = Path('/tmp/test_cli_assets')
if output_dir.exists():
shutil.rmtree(output_dir)
output_dir.mkdir()
# Test markdown content
test_content = """# CLI Asset Deployment Test
This document verifies that the CLI properly deploys plugin assets.
## Test Scenarios
### JavaScript Assets
- Core systems (debug, section management)
- UI components (panels, controls)
- Main application entry point
### CSS Assets
- Base editor styles
- Control panel styles
- GitHub theme
### Images
- Control icons (edit, save, reset)
## Expected Results
All assets should be deployed to `_markitect/plugins/testdrive-jsui/` directory.
"""
# Write test file
input_file = output_dir / 'test_input.md'
input_file.write_text(test_content)
output_file = output_dir / 'test_output.html'
print(f"📝 Created test input: {input_file}")
# Import CLI function logic
from markitect.plugins import PluginManager, RenderingEngineManager, RenderingConfig
# Simulate CLI logic for plugin-based rendering
print("\n1⃣ Simulating CLI plugin rendering...")
# Initialize plugin system (same as CLI)
plugin_manager = PluginManager()
rendering_manager = RenderingEngineManager(plugin_manager)
# Engine selection (same as CLI default logic)
engine_name = 'testdrive-jsui' # Default for edit mode
rendering_engine = rendering_manager.get_engine(engine_name)
if not rendering_engine:
print(f" ❌ Engine '{engine_name}' not found")
return False
print(f" ✅ Using engine: {engine_name}")
# Read content (same as CLI)
content = input_file.read_text(encoding='utf-8')
# Configure rendering (same as CLI)
render_config = RenderingConfig(
asset_base_url="_markitect",
development_mode=False, # Production deployment for CLI usage
output_directory=output_file.parent
)
# Render document (same as CLI)
html_content = rendering_engine.render_document(content, 'edit', render_config)
# Deploy assets (same as CLI)
print(f"\n2⃣ Deploying assets...")
deployed_assets = rendering_manager.deploy_engine_assets(engine_name, render_config)
# Report deployment results
total_assets = sum(len(files) for files in deployed_assets.values() if isinstance(files, list))
print(f" 📄 Deployed {total_assets} asset files")
for asset_type, files in deployed_assets.items():
if isinstance(files, list) and files:
print(f" {asset_type}: {len(files)} files")
# Write HTML output (same as CLI)
output_file.write_text(html_content, encoding='utf-8')
output_size = output_file.stat().st_size
print(f"\n3⃣ HTML output written:")
print(f" 📄 File: {output_file}")
print(f" 📊 Size: {output_size:,} bytes")
# Verify asset references in HTML
print(f"\n4⃣ Verifying asset references in HTML...")
# Check for CSS references
css_refs = []
js_refs = []
for line in html_content.split('\n'):
if 'href=' in line and '.css' in line:
css_refs.append(line.strip())
elif 'src=' in line and '.js' in line and 'plugins/testdrive-jsui' in line:
js_refs.append(line.strip())
print(f" 🎨 CSS references: {len(css_refs)}")
for ref in css_refs[:3]:
print(f" {ref}")
if len(css_refs) > 3:
print(f" ... and {len(css_refs) - 3} more")
print(f" 📜 JS references: {len(js_refs)}")
for ref in js_refs[:3]:
print(f" {ref}")
if len(js_refs) > 3:
print(f" ... and {len(js_refs) - 3} more")
# Verify actual asset files exist
print(f"\n5⃣ Verifying deployed files exist...")
asset_base = output_dir / "_markitect" / "plugins" / "testdrive-jsui"
if not asset_base.exists():
print(f" ❌ Asset base directory missing: {asset_base}")
return False
# Count deployed files by type
js_files = list((asset_base / "static" / "js").rglob("*.js")) if (asset_base / "static" / "js").exists() else []
css_files = list((asset_base / "static" / "css").rglob("*.css")) if (asset_base / "static" / "css").exists() else []
img_files = list((asset_base / "images").rglob("*")) if (asset_base / "images").exists() else []
print(f" ✅ Deployed files verified:")
print(f" JavaScript: {len(js_files)} files")
print(f" CSS: {len(css_files)} files")
print(f" Images: {len(img_files)} files")
# Test asset accessibility
print(f"\n6⃣ Testing asset accessibility...")
missing_assets = 0
for asset_type, asset_list in rendering_engine.get_required_assets().items():
if asset_type == 'external':
continue
for asset_path in asset_list:
full_asset_path = asset_base / asset_path
if not full_asset_path.exists():
print(f" ❌ Missing: {asset_path}")
missing_assets += 1
if missing_assets == 0:
print(f" ✅ All required assets are accessible")
else:
print(f" ⚠️ {missing_assets} assets missing")
print(f"\n🎉 CLI asset deployment test completed!")
print(f"\n📊 Summary:")
print(f" Input: {input_file} ({len(content)} chars)")
print(f" Output: {output_file} ({output_size:,} bytes)")
print(f" Assets: {total_assets} files deployed")
print(f" 🌐 Open: file://{output_file.absolute()}")
return missing_assets == 0
except Exception as e:
print(f"❌ CLI asset deployment test failed: {e}")
import traceback
traceback.print_exc()
return False
if __name__ == "__main__":
success = test_cli_with_asset_deployment()
sys.exit(0 if success else 1)