Joakim
2315ba4750
• Add full multi-table schema for collections with normalized design (collections, collection_templates, collection_items, collection_item_versions) • Implement collection detection and processing in enhancement pipeline for .insertr-add elements • Add template extraction and storage from existing HTML children with multi-variant support • Enable collection reconstruction from database on server restart with proper DOM rebuilding • Extend ContentClient interface with collection operations and full database integration • Update enhance command to use engine.DatabaseClient for collection persistence support
Demo Sites Collection
This directory contains demo sites for testing and showcasing Insertr CMS functionality across different layouts, CSS frameworks, and content types.
Available Demo Sites
default/ - Basic Demo Site
- Simple HTML with explicit
class="insertr"markings - Demonstrates basic text and link editing
- Vanilla CSS styling
simple/ - Minimal Example
- Single page with minimal styling
- Shows container expansion (
.insertron parent elements) - Good starting point for new implementations
dan-eden-portfolio/ - Real-World Portfolio
- Clean personal portfolio with modern styling
- Uses automatic element discovery (no manual
.insertrclasses) - Demonstrates style-aware editing with complex CSS
devigo-web/ - Multi-Page Site
- Multiple HTML files with navigation
- Various content types (headings, paragraphs, buttons, links)
- Tests cross-page content management
Demo Server Usage
Development Testing
# Start demo server with all sites
just dev
# Access sites at:
# http://localhost:8080/sites/default/
# http://localhost:8080/sites/simple/
# http://localhost:8080/sites/dan-eden-portfolio/
# http://localhost:8080/sites/devigo-web/
Configuration
Each demo site is configured in insertr.yaml:
server:
sites:
- site_id: "default"
source_path: "./demos/default"
path: "./demos/default_enhanced"
auto_enhance: true
discovery:
enabled: false # Uses explicit .insertr markings
- site_id: "dan-eden-portfolio"
source_path: "./demos/dan-eden-portfolio"
path: "./demos/dan-eden-portfolio_enhanced"
auto_enhance: true
discovery:
enabled: true # Auto-discovers editable elements
Testing Features
- Style-Aware Editing: Each site tests different CSS frameworks and styling approaches
- Element Discovery: Compare manual
.insertrvs automatic discovery modes - Content Types: Test text, rich content, links, and multi-property elements
- Authentication: Mock authentication for easy testing without setup
Adding New Demo Sites
- Create new directory in
demos/ - Add HTML files and assets
- Configure in
insertr.yamlunderserver.sites - Run
just devto test