An Umbraco Property Editor written in typescript, including grunt setup for compiling, linting, distributing.
####This is just a proof of concept editor, should not be used in production, and does not follow the umbraco UI guidelines, but simply shows that you can do whatever you want...
npm install -g grunt-cli, tsd
npm install
tsd install jquery --save
tsd install angularjs/ --save
grunt
grunt nuget
grunt package
This will monitor the Less, typescript & HTML files for you and build, concat & copy them as needed every time you save a file.
grunt watch
You can easily copy your property editor to an Umbraco site to test it out. This will copy the folder that gets run when calling grunt. You simply need to specify the root of the Umbraco site by specifiying a target switch.
grunt --target=c:\inetpub\wwwroot\my-umbraco-site\
or
grunt watch --target=c:\inetpub\wwwroot\my-umbraco-site\
Your property editor comes with a basic test setup for unit testing the editors controller. This is done with Jasmine and Karma
To run your unit tests:
grunt test
Notice: To run unit tests you have to copy over all Umbraco's core javascript files. Which you can do by setting -target to point at your /umbraco/ directory, you only have to do this once.
grunt test --target=c:\inetpub\wwwroot\my-umbraco-site\umbraco