gem 'romantic_text'

require 'romantic_text'

html = RomanticText.markup do
  `#wrapper`['data-version': '1.0'] do
    `h1` << 'Welcome to RomanticText'
    `main.contents`[] do
      `p`[] do
        _ 'This is '
        `strong`[class: 'red'] << 'a romantic DSL'
        _ ' for writing HTML.'
      end
    end
    dangerous_raw_html '<div class="footer">Thanks.</div>'
  end
end

puts html.to_s
# <div id="wrapper" data-version='1.0'>
# <h1>Welcome to RomanticText</h1>
# <main class="contents">
# <p>This is <strong class="red">a romantic DSL</strong> for writing HTML.</p>
# </main>
# <div class="footer">Thanks.</div>
# </div>

html = RomanticText.markup do
  `div` << 'Hello'
end
html.to_s # => <div>Hello</div>

html = RomanticText.markup do
  `div`[] do
    _ 'Hello'
  end
end
html.to_s # => <div>Hello</div>

html = RomanticText.markup do
  `a`[class: 'my-class', href: 'https://example.com'] do
    _ 'link'
  end
end
html.to_s # => <a class="my-class" href="https://example.com">link</a>

html = RomanticText.markup do
  `#my-id` << 'text'
  `p.my-class1.my-class2` << 'text'
end
html.to_s # => <div id="my-id">text</div><p class="my-class1 my-class2">text</p>

# safe :)
html = RomanticText.markup do
  `div`[] do
    _ '<script>alert(1)</script>'
  end
end
html.to_s # => <div>&lt;script&gt;alert(1)&lt;/script&gt;</div>

# danger :(
html = RomanticText.markup do
  `div`[] do
    dangerous_raw_html '<script>alert(1)</script>'
  end
end
html.to_s # => <div><script>alert(1)</script></div>

html = RomanticText.markup do
  `table` > `tr` > `td`[class: 'red'] > 'item'
end
html.to_s # => <table><tr><td class="red">item</td></tr></table>

html1 = RomanticText.markup do
  `p`[class: 'red'] do
    `strong` << 'Hello'
  end
end

html2 = RomanticText.markup do
  h('p', class: 'red') do
    h('strong') << 'Hello'
  end
end

html1.to_s == html2.to_s # => true

class Hoge
  def `(arg)
    arg.upcase
  end

  def custom_eval(&block)
    instance_eval(&block)
  end
end

Hoge.new.custom_eval { `hello` } # => HELLO