Parser: Detect image_tag Action View helper

[marcoroth]

This pull request allows the parser to be able to detect and transform the image_tag helper using the action_view_helpers parser option.

For example:

<%= image_tag image_path("picture.png"), class: "image" %>

Gets parsed as:

@ DocumentNode (location: (1:0)-(1:58))
└── children: (1 item)
    └── @ HTMLElementNode (location: (1:0)-(1:58))
        ├── open_tag:
        │   └── @ ERBOpenTagNode (location: (1:0)-(1:58))
        │       ├── tag_opening: "<%=" (location: (1:0)-(1:3))
        │       ├── content: " image_tag image_path("picture.png"), class: "image" " (location: (1:3)-(1:56))
        │       ├── tag_closing: "%>" (location: (1:56)-(1:58))
        │       ├── tag_name: "img" (location: (1:4)-(1:13))
        │       └── children: (2 items)
        │           ├── @ HTMLAttributeNode (location: (1:14)-(1:39))
        │           │   ├── name:
        │           │   │   └── @ HTMLAttributeNameNode (location: (1:14)-(1:39))
        │           │   │       └── children: (1 item)
        │           │   │           └── @ LiteralNode (location: (1:14)-(1:39))
        │           │   │               └── content: "src"
        │           │   │
        │           │   ├── equals: ":" (location: (1:14)-(1:39))
        │           │   └── value:
        │           │       └── @ HTMLAttributeValueNode (location: (1:14)-(1:39))
        │           │           ├── open_quote: ∅
        │           │           ├── children: (1 item)
        │           │           │   └── @ RubyLiteralNode (location: (1:14)-(1:39))
        │           │           │       └── content: "image_path(\"picture.png\")"
        │           │           │
        │           │           ├── close_quote: ∅
        │           │           └── quoted: false
        │           │
        │           └── @ HTMLAttributeNode (location: (1:41)-(1:48))
        │               ├── name:
        │               │   └── @ HTMLAttributeNameNode (location: (1:41)-(1:48))
        │               │       └── children: (1 item)
        │               │           └── @ LiteralNode (location: (1:41)-(1:48))
        │               │               └── content: "class"
        │               │
        │               ├── equals: "=" (location: (1:41)-(1:48))
        │               └── value:
        │                   └── @ HTMLAttributeValueNode (location: (1:41)-(1:48))
        │                       ├── open_quote: """ (location: (1:41)-(1:48))
        │                       ├── children: (1 item)
        │                       │   └── @ LiteralNode (location: (1:41)-(1:48))
        │                       │       └── content: "image"
        │                       │
        │                       ├── close_quote: """ (location: (1:48)-(1:48))
        │                       └── quoted: true
        │
        ├── tag_name: "img" (location: (1:4)-(1:13))
        ├── body: []
        ├── close_tag: ∅
        ├── is_void: true
        └── element_source: "ActionView::Helpers::AssetTagHelper#image_tag"

This pull request also updates the rewriters to be able to rewrite from/to the image_path syntax. The above example can be transformed to this and back:

<img src="<%= image_path("picture.png") %>" class="image" />

Follow up on #1122
Follow up on #1354
Follow up on #1374

[pkg-pr-new]

npx https://pkg.pr.new/@herb-tools/formatter@1437

npx https://pkg.pr.new/@herb-tools/language-server@1437

npx https://pkg.pr.new/@herb-tools/linter@1437

commit: b089e4d

[github-actions]

🌿 Interactive Playground and Documentation Preview

A preview deployment has been built for this pull request. Try out the changes live in the interactive playground:

• Playground Preview
• Documentation Preview
• Website Preview

---

_{🌱 Grown from commit b089e4d}

---

✅ Preview deployment has been cleaned up.