Help integrating semantic-ui to code generator for meteor

[perak]

Hi, I am adding support for "semantic-ui" to http://www.meteorkitchen.com - code generator for Meteor. All existing apps will be able to be built with semantic-ui markup (currently, "kitchen" generates "bootstrap" markup).

I believe this will help promote semantic-ui - "kitchen" have 1.2k users (developers) at the moment.

I need help with the following:

help by writting snippets:

"meteor-kitchen" generates application by assembling templates - code snippets called components. Example is "login form", "signup form", "forgot pass form", etc. I need help of people who are willing to write code snippets - actually, to convert existing "bootstrap" snippets to "semantic-ui" - change markup and class names.

solve problems with initialization code

semantic-ui components require initialization, for example - dropdown menu doesn't work by just adding markup into page - you need to execute something like:

Template.semanticMenus.rendered = function() {
  this.$('.ui.menu .ui.dropdown').dropdown({
    on: 'hover'
  });
  this.$('.ui.menu .ui.browse').popup({
    inline: true
  });
}

(I already added issue #33 for this).

I need guide / best practice on how to solve this.

Also, components that are hidden in moment when template is rendered, are not properly initialized (components inside {{#if }} ... {{/if}} block for example), so just adding initialization into Template.rendered hook is not enough.

---

Next version of meteor-kitchen (v0.9.46) will have basic, minimal support for semantic-ui. I'l publish it in next few days. Since then you'l be able to contribute (and I am happy to help).

Thanks (I hope this issue is not off-topic - it's strongly related to semantic-ui and meteor).

:)