The htmless from pitr-ch

yield just nested elements

Introduction: I'm actually trying to develop a framework for UI components for one of our complex rails projects. It's somewhat similar to Cells, but allows you to specify multiple blocks of markup code as parameters for such a component.

Capturing multiple blocks seems non-trivial and already opened a request in the haml repo: haml/haml#931
Now I'm testing many, many templating systems against my use case. (Spoiler: https://github.com/apotonick/erbse allows this but has an ugly syntax.)

Problem: yield returns all content instead of just the nested one.

Example: (reduced to the problem)

require 'htmless'

class ComponentContext
  def my_block
    puts '... my_block captured:'
    puts yield
    puts '......................'
    puts
    nil
  end
end

class MyBuilder < Htmless::Formatted
  def ui_component
    ctx = ComponentContext.new
    content = yield ctx

    puts '... ui_component captured:'
    puts content
    puts '..........................'

    nil
  end
end

html = MyBuilder.new.go_in do
  body do
    ui_component do |comp|
      text 'component content'

      comp.my_block do
        text 'my_block content'
      end
    end
  end
end.to_html
puts '---'
puts html

Output:

... my_block captured:

<body>component contentmy_block content
......................

... ui_component captured:

..........................
---

<body>component contentmy_block content
</body>

The output shows that my_block not only captures the nested text my_block content but everything else inside the Builder block.
The yield further outside in ui_component captures nothing of the markup.

@pitr-ch: Do you have a tip for me?

"undefined method `post' for class" when defining form element

When I attempt to build a POST form, I cannot seem to specify a 'method' attribute by any means. Take for example:

form.attributes('method' => 'post') do
    #stuff
end

This yields the following error:

undefined method `post' for class

I receive a similar error if I attempt to assign a type to a button element.

pitr-ch / htmless Goto Github PK

htmless's People

Contributors

Stargazers

Watchers

Forkers

htmless's Issues

yield just nested elements

"undefined method `post' for class" when defining form element

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent