processFile() {
		var file = this.get("file");

		return readFile(file)
			.then(uri => this.addColor(uri))
			.then(uri => {
				let svgDataUri = SVG_URI_PREFIX + escape(uri);
				this.set({ svgDataUri });
				return svgDataUri;
			})
			.then(createImage)
			.then(img => this.drawSvgOnCanvas(img))
			.then(canvas => {
				let pngDataUri = canvas.toDataURL();
				this.set({ pngDataUri });
			})
			.then(() => this.calcSelectors());
	}
/**
	 * read the file and create data uris
	 * @return {Promise} a Promise that will resolve once the read is done
	 */
read the file and create data uris
@return {Promise} a Promise that will resolve once the read is done
read the file and create data uris @return { Promise } a Promise that will resolve once the read is done
processFile() {
		var file = this.get("file");
		return readFile(file)
			.then(uri => this.addColor(uri))
			.then(uri => {
				let svgDataUri = SVG_URI_PREFIX + escape(uri);
				this.set({ svgDataUri });
				return svgDataUri;
			})
			.then(createImage)
			.then(img => this.drawSvgOnCanvas(img))
			.then(canvas => {
				let pngDataUri = canvas.toDataURL();
				this.set({ pngDataUri });
			})
			.then(() => this.calcSelectors());
	}
processFile ( ) { var file = this . get ( "file" ) ; return readFile ( file ) . then ( uri => this . addColor ( uri ) ) . then ( uri => { let svgDataUri = SVG_URI_PREFIX + escape ( uri ) ; this . set ( { svgDataUri } ) ; return svgDataUri ; } ) . then ( createImage ) . then ( img => this . drawSvgOnCanvas ( img ) ) . then ( canvas => { let pngDataUri = canvas . toDataURL ( ) ; this . set ( { pngDataUri } ) ; } ) . then ( ( ) => this . calcSelectors ( ) ) ; }
read the file and create data uris
 @return {Promise} a Promise that will resolve once the read is done
read the file and create data uris @return { Promise } a Promise that will resolve once the read is done