1.2.2

Author: aruntk

packages/synthesis-jade/.versions

@@ -24,7 +24,7 @@ [email protected]
 [email protected]
 [email protected]
 [email protected]
-local-test:mwc:[email protected].1
+local-test:mwc:[email protected].2
 [email protected]
 [email protected]
 [email protected]
@@ -33,9 +33,9 @@ [email protected]
 [email protected]
 [email protected]_1
 [email protected]
-mwc:[email protected].0
+mwc:[email protected].1
 mwc:[email protected]
-mwc:[email protected].1
+mwc:[email protected].2
 [email protected]
 [email protected]
 [email protected]

packages/synthesis/.versions

@@ -24,7 +24,7 @@ [email protected]
 [email protected]
 [email protected]
 [email protected]
-local-test:mwc:[email protected].1
+local-test:mwc:[email protected].2
 [email protected]
 [email protected]
 [email protected]
@@ -33,7 +33,7 @@ [email protected]
 [email protected]
 [email protected]_1
 [email protected]
-mwc:[email protected].1
+mwc:[email protected].2
 mwc:[email protected]
 mwc:[email protected]
 [email protected]

packages/synthesis/README.md

@@ -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,10 @@ 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
+meteor add mwc:synthesis-file #compiles asset files 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)
 
@@ -71,7 +76,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 +216,23 @@ 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
+
+```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!!-->
+<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 -->
+``` 
+works inside html.
+
+File types we supports https://github.com/meteorwebcomponents/synthesis/blob/master/packages/synthesis-file/plugin/synthesis-file.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 +244,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 +288,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?