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>
This commit is contained in:
189
test_cli_with_assets.py
Normal file
189
test_cli_with_assets.py
Normal file
@@ -0,0 +1,189 @@
|
||||
#!/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)
|
||||
Reference in New Issue
Block a user