@@ -0,0 +1,2 @@
+.DS_Store
+npm-debug.log
@@ -36,8 +36,8 @@ Install synthesis
 
 ```sh
 meteor add mwc:synthesis #compiles html files
-# synthesis-file is optional. If you want to handle relative file paths.
-meteor add mwc:synthesis-file #compiles asset files for <img src="image.png"> to work.
+# synthesis-assets is optional. If you want to handle relative asset paths.
+meteor add mwc:synthesis-assets #compiles assets for <img src="image.png"> to work.
 ```
 
 synthesis is a meteor 1.3+ package. for 1.2 support use [mwc:compiler](https://github.com/meteorwebcomponents/compiler)
@@ -231,8 +231,8 @@ works inside html.
 <any-element src="[[image]]"><any-element> <!--Does not work!! if you want this to work use image = path/from/root/to/image.png -->
 <any-element src="{{image}}"><any-element> <!--Does not work!! if you want this to work use image = path/from/root/to/image.png -->
 
-<!-- files in public/ folder -->
-<any-element src="/sample-image.png"><any-element> <!--Works!! file should be in public folder src = /sample-image.png -->
+<!-- assets in public/ folder -->
+<any-element src="/sample-image.png"><any-element> <!--Works!! asset should be in public folder src = /sample-image.png -->
 
 ```
 works inside css also.
@@ -247,10 +247,10 @@ property: url(var(--url-var)); /* Does not work unless --url-var = absolute path
 --url-var = url(path/to/url);
 property: var(--url-var);
 */
-property: url(/path/to/image.png); /* Works!!. if file is in public folder */
+property: url(/path/to/image.png); /* Works!!. if asset is in public folder */
 ```
 
-File types we supports https://github.com/meteorwebcomponents/synthesis/blob/master/packages/synthesis-file/plugin/synthesis-file.js#L19. 
+File types we supports https://github.com/meteorwebcomponents/synthesis/blob/master/packages/synthesis-assets/plugin/synthesis-assets.js#L19. 
 
 Feel free to add pr's if you want to supports more file types.
 
 
@@ -12,7 +12,7 @@ meteor@1.6.0
 minifier-js@1.2.14
 modules@0.7.7
 modules-runtime@0.7.7
-mwc:synthesis-file@0.1.4
+mwc:synthesis-assets@0.1.5
 promise@0.8.8
 random@1.0.10
 spacebars-compiler@1.0.13
 
@@ -1,6 +1,8 @@
 # Synthesis is meteor + polymer
 [![Gitter](https://badges.gitter.im/Join Chat.svg)](https://gitter.im/aruntk/meteorwebcomponents?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
 
+[![Donate](https://dantheman827.github.io/images/donate-button.svg)](https://www.paypal.me/arunkumartk)
+
 ## About
 
 Synthesis helps you use polymer inside meteor.
@@ -32,7 +34,11 @@ Remove `blaze-html-templates` (or remove the html compiler you are using).
 
 Install synthesis
 
-`meteor add mwc:synthesis`
+```sh
+meteor add mwc:synthesis #compiles html files
+# synthesis-assets is optional. If you want to handle relative asset paths.
+meteor add mwc:synthesis-assets #compiles assets for <img src="image.png"> to work.
+```
 
 synthesis is a meteor 1.3+ package. for 1.2 support use [mwc:compiler](https://github.com/meteorwebcomponents/compiler)
 
@@ -42,6 +48,7 @@ You can optionally use these packages from meteorwebcomponents
 * [mwc:router](https://github.com/meteorwebcomponents/router) - Flowrouter with polymer.
 * [mwc:layout](https://github.com/meteorwebcomponents/layout) - Polymer layout renderer.
 
+
 ## Usage
 
 ### Polymer Settings
@@ -71,7 +78,9 @@ You can import html using
 
 2. `<link rel="import" href="./component.html"> `from html files
 
-> Please note that `import 'package/package.html;'` imports from node_modules directory while `<link rel="import" href="package/package.html">` is the same as `import "./package/package.html";`. This is kept like this to go through polymer components in which dependency files inside the same folder are imported as `<link rel="import" href="dependency.html">`
+> Please note that `import 'package/package.html;'` imports from node_modules directory while `<link rel="import" href="package/package.html">` is the same as `import "./package/package.html";`. This is kept like this to go through polymer components in which dependency files inside the same folder are imported as `<link rel="import" href="dependency.html">`. 
+
+> If you want to import scripts/stylesheets/html from public use `src="/path/to/my/file"`. `src="path/to/my/file"` is interpreted as `import "./path/to/my/file"`.
  
 Script
 
@@ -209,6 +218,44 @@ import "@polymer/paper-button/paper-button.html";
 ```
 >Please note that the @polymer packages are still in testing stage. And the polymer version is an older one.
 
+### Assets
+
+works inside html.
+
+```html
+<!-- imports/ui/path/to/element.html -->
+<img src="sample-image.png"> <!--Works!!-->
+<iron-image src="sample-image.png"><iron-image> <!--Works!!-->
+<any-element src="sample-image.png"><any-element> <!--Works!! src = imports/ui/path/to/sample-image.png -->
+<any-element src="../sample-image.png"><any-element> <!--Works!! src = imports/ui/path/sample-image.png-->
+<any-element src="[[image]]"><any-element> <!--Does not work!! if you want this to work use image = path/from/root/to/image.png -->
+<any-element src="{{image}}"><any-element> <!--Does not work!! if you want this to work use image = path/from/root/to/image.png -->
+
+<!-- assets in public/ folder -->
+<any-element src="/sample-image.png"><any-element> <!--Works!! asset should be in public folder src = /sample-image.png -->
+
+```
+works inside css also.
+
+```css
+
+/*imports/ui/path/to/element.html inside style tag  or  imports/ui/path/to/element.css */
+background: url(path/to/image.png); /* Works!!. */
+property: url(relative/path/to/image.png); /* Works!!. */
+property: url(var(--url-var)); /* Does not work unless --url-var = absolute path imports/ui/path/to/image.png */
+/* if you want to use variables use 
+--url-var = url(path/to/url);
+property: var(--url-var);
+*/
+property: url(/path/to/image.png); /* Works!!. if asset is in public folder */
+```
+
+File types we supports https://github.com/meteorwebcomponents/synthesis/blob/master/packages/synthesis-assets/plugin/synthesis-assets.js#L19. 
+
+Feel free to add pr's if you want to supports more file types.
+
+Relevant code https://github.com/meteorwebcomponents/synthesis/blob/master/packages/synthesis-compiler/synthesis-compiler.js#L166-L176 .
+
 ### Demo
 
 #####Using Bower
@@ -220,10 +267,19 @@ Check out the [Synthesis Demo](https://github.com/meteorwebcomponents/synthesis-
 Check out the [synthesis-meteor-polymer-npm-demo](https://github.com/meteorwebcomponents/synthesis-meteor-polymer-npm-demo)
 
 ### Kickstart Your Meteor Polymer projects
-[Kickstart a Meteor/Polymer project](https://github.com/aruntk/kickstart-meteor-polymer) with Synthesis.
+[Kickstart a Meteor/Polymer project - FlowRouter](https://github.com/aruntk/kickstart-meteor-polymer) with Synthesis.
+
+[KickStart Meteor/Polymer Project - Polymer App Route](https://github.com/aruntk/kickstart-meteor-polymer-with-app-route)
 
 ![synthesis1](https://cloud.githubusercontent.com/assets/6007432/14216652/9da7131a-f867-11e5-9f84-6dd75d60dd45.gif)
 
+### Like it?
+
+:star: this repo
+
+### Found a bug?
+
+Raise an issue!
 
 ### TODO
 
@@ -255,7 +311,7 @@ Try to find out which package contains large number of js files. Delete unecessa
 
 Q: Is it possible to use npm instead of bower for loading polymer and components
 
-Ans : Yes there is. Refer [using polymer instead of bower](#using-polymer-from-npm-instead-of-bower)
+Ans : Yes there is. Refer [using npm instead of bower](#using-polymer-from-npm-instead-of-bower)
 
 Q: Can I use Polymer and blaze together?
 
@@ -267,4 +323,4 @@ But there are some compatibility issues https://forums.meteor.com/t/polymer-mete
 
 Q: I love blaze's template level subscriptions and spacebars. I dont want to lose these features when I port my app to polymer. Any help?
 
-Ans : In my experience I find nothing that polymer cannot do which blaze can. Polymer is very easy to learn and while porting your app you'll find yourself copy pasting most of your code. For every blaze function they have solutions in polymer. We have got you covered when it comed to meteor data and subscriptions (including template level subs) Refer [mixin](https://github.com/meteorwebcomponents/mixin) . 
+Ans : In my experience I find nothing that polymer cannot do which blaze can. Polymer is very easy to learn and while porting your app you'll find yourself copy pasting most of your code. For every blaze function they have solutions in polymer. We have got you covered when it comes to meteor data and subscriptions (including template level subs) Refer [mixin](https://github.com/meteorwebcomponents/mixin) . 
@@ -1,7 +1,7 @@
 Package.describe({
-  name: 'mwc:synthesis-file',
-  version: '0.1.4',
-  summary: 'file handling for synthesis',
+  name: 'mwc:synthesis-assets',
+  version: '0.1.5',
+  summary: 'assets handling for synthesis',
   git: 'https://github.com/meteorwebcomponents/synthesis',
   documentation: 'README.md',
 });
@@ -13,12 +13,12 @@ Package.onUse((api) => {
 });
 
 Package.registerBuildPlugin({
-  name: 'synthesis-file',
+  name: 'synthesis-assets',
   use: [
     'caching-html-compiler@1.0.7',
     'ecmascript@0.4.1',
   ],
   sources: [
-    'plugin/synthesis-file.js',
+    'plugin/synthesis-assets.js',
   ],
 });
@@ -23,15 +23,15 @@ html-tools@1.0.10
 htmljs@1.0.10
 id-map@1.0.8
 jquery@1.11.9
-local-test:mwc:synthesis-compiler@1.3.4
+local-test:mwc:synthesis-compiler@1.3.5
 logging@1.0.14
 meteor@1.6.0
 minimongo@1.0.17
 modules@0.7.7
 modules-runtime@0.7.7
 mongo@1.1.9_1
 mongo-id@1.0.5
-mwc:synthesis-compiler@1.3.4
+mwc:synthesis-compiler@1.3.5
 npm-mongo@1.4.45
 observe-sequence@1.0.12
 ordered-dict@1.0.8