Add templates, tests, and miscellaneous project files

Includes new page templates (fitness-gym, nonprofit, online-course,
photography-studio, real-estate, startup-company, travel-blog,
wedding-invitation) with thumbnail SVGs, test specs, documentation
files, and minor updates to index.html, router.php, and playwright config.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-01 14:15:58 -08:00
parent 03f573b451
commit b511a6684d
61 changed files with 6919 additions and 6 deletions

104
test-anchor-manual.sh Executable file
View File

@@ -0,0 +1,104 @@
#!/bin/bash
# Manual Test Script for Anchor Visibility
# Run this script and follow the on-screen instructions
set -e
echo "======================================"
echo "Anchor Visibility Manual Test"
echo "======================================"
echo ""
# Check if server is running
if ! curl -s http://localhost:8081 > /dev/null; then
echo "❌ ERROR: Site builder not running on http://localhost:8081"
echo "Start it with: cd /home/jknapp/code/site-builder && docker compose up -d"
exit 1
fi
echo "✅ Server is running on http://localhost:8081"
echo ""
echo "STEP 1: Test Editor Visibility"
echo "------------------------------"
echo "1. Open http://localhost:8081 in your browser"
echo "2. Find 'Anchor Point' block in the left panel"
echo "3. Click it to add to the canvas"
echo "4. You should see a box with:"
echo " - Dashed gray border"
echo " - Light blue background"
echo " - ⚓ anchor icon"
echo " - Editable text field: 'anchor-1'"
echo ""
echo "5. Click on the text field and change the name"
echo "6. Verify the anchor's ID updates automatically"
echo ""
read -p "Press Enter when you've verified editor visibility..."
echo ""
echo "STEP 2: Test Preview Mode"
echo "------------------------"
echo "1. Click the 'Preview' button in the top toolbar"
echo "2. A new window/tab should open"
echo "3. The anchor point should be INVISIBLE"
echo "4. (Optional) Open DevTools and verify:"
echo " - Element exists in DOM: <div data-anchor=\"true\" class=\"editor-anchor\">"
echo " - But has style: display: none"
echo ""
read -p "Press Enter when you've verified preview mode..."
echo ""
echo "STEP 3: Test Export"
echo "------------------"
echo "We'll export to ZIP and check the HTML"
echo ""
# Create temp directory
TEMP_DIR=$(mktemp -d)
echo "Using temp directory: $TEMP_DIR"
echo "1. Click 'Export' button in the editor"
echo "2. Click 'Export ZIP'"
echo "3. Save the file to: $TEMP_DIR/site.zip"
echo ""
read -p "Press Enter when you've saved the ZIP file..."
if [ ! -f "$TEMP_DIR/site.zip" ]; then
echo "⚠️ ZIP file not found at $TEMP_DIR/site.zip"
echo "Skipping export verification..."
else
echo "✅ ZIP file found"
# Extract and check
cd "$TEMP_DIR"
unzip -q site.zip
echo ""
echo "Checking index.html for anchor elements..."
if grep -q "data-anchor=\"true\"" index.html; then
echo "❌ FAIL: Found data-anchor=\"true\" in exported HTML"
exit 1
fi
if grep -q "editor-anchor" index.html; then
echo "❌ FAIL: Found 'editor-anchor' in exported HTML"
exit 1
fi
echo "✅ PASS: No anchor elements found in exported HTML"
# Cleanup
cd -
rm -rf "$TEMP_DIR"
fi
echo ""
echo "======================================"
echo "✅ All manual tests passed!"
echo "======================================"
echo ""
echo "Summary:"
echo " • Anchors visible in editor (with ⚓ icon)"
echo " • Anchors hidden in preview mode"
echo " • Anchors completely removed from export"
echo ""