roots component

roots-component-hack.md

Roots Component working hack

1. create component.json NOTE: Whatever you use as the name in this will be same name you use in step 3
2. add your components and list /public/js/main.js as your script
3. in layout.jade remove the require.js script and add:

script(src="js/build.js")
script.
  require('name-from-component.js')

4. npm install component-builder component-resolver --save
5. in app.coffee require component-builder, component-resolver, & fs then under module.exports = add this

after: (roots, cb) ->

  resolve(process.cwd(),
    install: true
    , (err, tree) ->
      if err then cb(err)

      build.scripts(tree)
        .use('scripts', build.plugins.js())
        .end((err, str) ->
            if err then cb(err)

            fs.writeFile("./public/js/build.js"
              , build.scripts.require + str
              , cb
            )
        )
  )

6. If you didn't install the component dependencies, roots watch or roots compile will do that for you
7. run roots watch and see the magic happen!