Polymer for WordPress

1. 

   Some Polymer elements in a post

2. 

   Post editor in admin

3. 

   Polymer Components meta box in post / page editor

4. 

   Scaffold test

5. 

   A custom element

How can I interact with the Polymer elements?

You can add your Javascript code for your page or post in the Javascript editor under the content editor – Polymer Components meta box.
Sample code to open a dialog from a button click:

window.addEventListener('polymer-ready', function(e) {
  document.querySelector('#btn_test').addEventListener('click', function(e) {
    document.querySelector('#my-dialog').toggle();
  });
});

Can I create my elements?

Yes, you can create a Block with an element and them import it from the Polymer box in posts / pages; with the SHIFT key you can select more than a block to import. You can also use the polymer-element tag in posts and pages also with script tags.

How can I load JSON data from Blocks?

You can create a Block with directly the JSON data, then in a post you can reference it using the shortcode block-url with the slug of the Block.
Example:

<core-ajax url="[block-url name='json-block-slug']" handleAs="json"></core-ajax>

Is it possible to work with JSON REST API plugin?

Sure. Here is an example that create a pages menu dinamically. Post content:

<core-ajax url="/wordpress/wp-json/pages" handleAs="json"></core-ajax>
<paper-dropdown-menu label="Pages">
  <paper-dropdown class="dropdown">
    <core-menu class="menu">
      <template id="menu" repeat="{{ pages }}">
        <paper-item noink><a href="{{slug}}">{{title}}</a></paper-item>
      </template>
    </core-menu>
  </paper-dropdown>
</paper-dropdown-menu>

Javascript content:

window.addEventListener('polymer-ready', function(e) {
  var ajax = document.querySelector('core-ajax');
  var menu = document.querySelector('#menu');
  ajax.addEventListener('core-response', function(e) {
    var model = {
      pages: this.response
    };
    menu.model = model;
  });
  ajax.go();
});

1.4.4

• Updated Polymer to 0.5.2

1.4.2

• Fix to blocks imports

1.4.1

• Security fix for meta box

1.4.0

• New feature: Blocks of code
• New shortcode: block-url

1.3.2

• New tags enabled
• Small fix to docs links

1.3.0

• Updated Polymer to 0.5.1

1.2.8

• New setting: CSS editor on/off
• Small fix

1.2.5

• New CSS editor for posts / pages
• New options: autop, override template
• Internal improvements

1.2.0

• New widget
• Auto-import improved
• Small fix to JS editor

1.1.2

• Small fix and changes to settings

1.1.0

• New settings screen
• New settings: JS in posts / pages
• Improved Javascript editor
• Added polymer-element tag

1.0.6

• New Javascript editor for posts / pages

1.0.2

• Small fix for admin docs

1.0.0

• First release