Skip to content
/ bowerz Public

Sample kraken-js 1.0 app with bower component integration

Notifications You must be signed in to change notification settings

grawk/bowerz

Repository files navigation

bowerz

test bower components in kraken 1.0

Requirements

Expect bower components which (for component named matt):

  • has single layer template directory: matt/templates/*.dust
  • one or more locale based directory endpoints matt/locales/{CC}/{lc}/*.properties where CC=country code and lc=language code

grunt-bower-task layout needs to:

  • copy matt/templates/*.dust -> public/templates/components/matt/*.dust
  • copy matt/locales/{CC}/{lc}/*.properties -> locales/{CC}/{lc}/components/matt/*.properties

Install app and run grunt bower task

$ git clone <this repo>
$ cd bowerz
$ npm install

Note, before you run the bower task, there is no public/templates or locales/**/**/templates directories. The task will create these per what it finds in the "matt" component.

$ grunt bower

After running the task, we have copied the files: matt.dust, joni.dust, matt.properties, joni.properties to the appropriate directories

Changes

To achieve this, add the grunt-bower-task to the project:

package.json

"grunt-bower-task": "git://github.com/grawk/grunt-bower-task#devel"

See the pull request opened against grunt-bower-task: yatskevich/grunt-bower-task#114

Add a "bower.js" file to the tasks directory, with a custom layout function (see entire tasks/bower.js file)

layout: function(type, component, src) {
	var loc, newpath;
	if (type === "properties") {
		//what is the {CC}/{lc} ?
		loc = src.match(/[A-Z]{2}\/[a-z]{2}/g);
		newpath = "../locales/" + loc + "/" + component + "/";
	} else if (type === "dust") {
		newpath = "../public/templates/components/" + component + "/";
	}
	return path.join(newpath);
},

Add exportsOverride section to bower.json:

	"exportsOverride": {
		"*": {
			"dust": "templates/*.dust",
			"properties": "locales/**/*.properties"
		}
	}

Running the command grunt bower should now install component files per our requirements above

About

Sample kraken-js 1.0 app with bower component integration

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published