feat: implement zero-configuration auto-enhancement demo workflow
- Add intelligent auto-enhancement that detects viable content elements - Replace manual enhancement with automated container-first detection - Support inline formatting (strong, em, span, links) within editable content - Streamline demo workflow: just demo shows options, auto-enhances on demand - Clean up legacy commands and simplify directory structure - Auto-enhancement goes directly from source to demo-ready (no intermediate dirs) - Add Dan Eden portfolio and simple test sites for real-world validation - Auto-enhanced 40 elements in Dan Eden portfolio, 5 in simple site - Achieve true zero-configuration CMS experience
This commit is contained in:
@@ -61,6 +61,7 @@ func extractTextRecursive(node *html.Node, text *strings.Builder) {
|
||||
}
|
||||
|
||||
// hasOnlyTextContent checks if a node contains only text content (no nested HTML elements)
|
||||
// DEPRECATED: Use hasEditableContent for more sophisticated detection
|
||||
func hasOnlyTextContent(node *html.Node) bool {
|
||||
if node.Type != html.ElementNode {
|
||||
return false
|
||||
@@ -82,6 +83,87 @@ func hasOnlyTextContent(node *html.Node) bool {
|
||||
return true
|
||||
}
|
||||
|
||||
// Inline formatting elements that are safe for editing
|
||||
var inlineFormattingTags = map[string]bool{
|
||||
"strong": true,
|
||||
"b": true,
|
||||
"em": true,
|
||||
"i": true,
|
||||
"span": true,
|
||||
"code": true,
|
||||
"small": true,
|
||||
"sub": true,
|
||||
"sup": true,
|
||||
"a": true, // Links within content are fine
|
||||
}
|
||||
|
||||
// Elements that should NOT be nested within editable content
|
||||
var blockingElements = map[string]bool{
|
||||
"button": true, // Buttons shouldn't be nested in paragraphs
|
||||
"input": true,
|
||||
"select": true,
|
||||
"textarea": true,
|
||||
"img": true,
|
||||
"video": true,
|
||||
"audio": true,
|
||||
"canvas": true,
|
||||
"svg": true,
|
||||
"iframe": true,
|
||||
"object": true,
|
||||
"embed": true,
|
||||
"div": true, // Nested divs usually indicate complex structure
|
||||
"section": true, // Block-level semantic elements
|
||||
"article": true,
|
||||
"header": true,
|
||||
"footer": true,
|
||||
"nav": true,
|
||||
"aside": true,
|
||||
"main": true,
|
||||
"form": true,
|
||||
"table": true,
|
||||
"ul": true,
|
||||
"ol": true,
|
||||
"dl": true,
|
||||
}
|
||||
|
||||
// hasEditableContent checks if a node contains content that can be safely edited
|
||||
// This includes text and safe inline formatting elements
|
||||
func hasEditableContent(node *html.Node) bool {
|
||||
if node.Type != html.ElementNode {
|
||||
return false
|
||||
}
|
||||
|
||||
return hasOnlyTextAndSafeFormatting(node)
|
||||
}
|
||||
|
||||
// hasOnlyTextAndSafeFormatting recursively checks if content is safe for editing
|
||||
func hasOnlyTextAndSafeFormatting(node *html.Node) bool {
|
||||
for child := node.FirstChild; child != nil; child = child.NextSibling {
|
||||
switch child.Type {
|
||||
case html.TextNode:
|
||||
continue // Text is always safe
|
||||
case html.ElementNode:
|
||||
// Check if it's a blocking element
|
||||
if blockingElements[child.Data] {
|
||||
return false
|
||||
}
|
||||
// Allow safe inline formatting
|
||||
if inlineFormattingTags[child.Data] {
|
||||
// Recursively validate the formatting element
|
||||
if !hasOnlyTextAndSafeFormatting(child) {
|
||||
return false
|
||||
}
|
||||
continue
|
||||
}
|
||||
// Unknown/unsafe element
|
||||
return false
|
||||
default:
|
||||
continue // Comments, whitespace, etc.
|
||||
}
|
||||
}
|
||||
return true
|
||||
}
|
||||
|
||||
// isContainer checks if a tag is typically used as a container element
|
||||
func isContainer(node *html.Node) bool {
|
||||
if node.Type != html.ElementNode {
|
||||
@@ -124,7 +206,34 @@ func findViableChildren(node *html.Node) []*html.Node {
|
||||
continue
|
||||
}
|
||||
|
||||
// Check if element has only text content
|
||||
// Check if element has editable content (improved logic)
|
||||
if hasEditableContent(child) {
|
||||
viable = append(viable, child)
|
||||
}
|
||||
}
|
||||
|
||||
return viable
|
||||
}
|
||||
|
||||
// findViableChildrenLegacy uses the old text-only logic for backwards compatibility
|
||||
func findViableChildrenLegacy(node *html.Node) []*html.Node {
|
||||
var viable []*html.Node
|
||||
|
||||
for child := node.FirstChild; child != nil; child = child.NextSibling {
|
||||
if child.Type == html.TextNode {
|
||||
if strings.TrimSpace(child.Data) == "" {
|
||||
continue
|
||||
}
|
||||
}
|
||||
|
||||
if child.Type != html.ElementNode {
|
||||
continue
|
||||
}
|
||||
|
||||
if isSelfClosing(child) {
|
||||
continue
|
||||
}
|
||||
|
||||
if hasOnlyTextContent(child) {
|
||||
viable = append(viable, child)
|
||||
}
|
||||
@@ -193,3 +302,13 @@ func findElementWithContext(node *html.Node, target Element) *html.Node {
|
||||
func GetAttribute(node *html.Node, key string) string {
|
||||
return getAttribute(node, key)
|
||||
}
|
||||
|
||||
// HasEditableContent checks if a node has editable content (exported version)
|
||||
func HasEditableContent(node *html.Node) bool {
|
||||
return hasEditableContent(node)
|
||||
}
|
||||
|
||||
// FindViableChildren finds viable children for editing (exported version)
|
||||
func FindViableChildren(node *html.Node) []*html.Node {
|
||||
return findViableChildren(node)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user