tomalec
commented
8 years ago Thanks for the kind words @joeblew99 !
Well.. more or less that's our main use case :) The only difference is that we use PuppetJS (precisely <puppet-polymer-client>) to have three-way (browser html - browser json - server json) data binding with (Starcounter) server.
Briefly:
- Starcounter serves the JSON view-model (as well as static HTML),
- PuppetJS (&
<puppet-polymer-client>) keeps JSON in sync via JSON Patches and WebSocket/HTTP, so we can change it as it would be local one, - we load some partials/templates using
imported-template, which also keeps data-binding working and let HTML Import spec control the dependencies and scripts execution, - to inspect/debug/mock/prototype data manipulation we use
<juicy-jsoneditor> - to edit partials - in admin mode, but with instant live preview with data binding on - we use
<juicy-ace-editor> - we also use Shadow DOM styling of vendor content and (custom) elements by
<juicy-composition>- If the partial/template comes from 3rd party, or many parties, we are able to style it without breaking DOM structure, bindings, and other functionalities of custom elements and scripts there.
For more info, take a look at:
- http://starcounter.io/ , http://starcounter.com/
- https://www.youtube.com/channel/UCh7_j2LnFYDqG_YqJNfAvPg
- https://github.com/PuppetJs/PuppetJs
- more advanced stuff on JSON Patch OT - our data sync magic - https://github.com/tomalec/talks
I plan to write small article on creating partials Web Components - way. Hopefully I'll find some time to make it in September. For sure you will find it at http://starcounter.io/blog/ and https://twitter.com/tomalecpl
If you have any other ideas or questions feel free to ask.
ps. Sorry for the late response, I have just came from vacations :palm_tree:
joeblew99
This is some seriously good stuff. Thanks for writing this !!
I have a use case question - not a feature request.
The user has lots of templates. Let's say they are in markdown and it represents email templates.
The user also has a json schema and json datasets that conforms to that json schema.
With juicy, I think I can build a way for the user to put special tags in the template and for the user to map json data to the tags. And show the result of the data binding.
The key point is that juicy becomes an IDE of sorts because everything is dynamic.
I actually want to do the data bind on the server in golang. But I want to make it easy for the user to visually edit markup and configure the data mapping of the json to the tags inside the template.
Your components look to be made to do this type of thing or am a madman ? :)