Allow import to notebook from sibling Polymer HTML file about declarativewidgets

[purdrew]

For issue 2 in your comment, I would think if the path is of the form urth_components/paper-toggle-button/paper-toggle-button.html it would work.

[lbustelo]

@jhpedemonte

Issue 1

The style below works does work. There is somethign in Jupyter that detects that you are asking for the file and it redirects. I've used it to load css and to actually load a simple Polymer element.

<link rel="import" href="./my-element.html">

Issue 2

There does appear to be a problem with loading the dependencies from within the element.

When I try to use
<link rel="import" href="urth_components/polymer/polymer.html">
The browser was going to directory_where_my_element_is_defined/urth_components/polymer/polymer.html.

Now, if you use absolute path... it all works
<link rel="import" href="/urth_components/polymer/polymer.html">

[lbustelo]

@deedubuu can you take a look why the relative path does not work? I think we may be out of luck because another Jupyter built-in handler is taking over.

[jhpedemonte]

We were able to implement your suggestion for "issue 1" in PR jupyter/dashboards#79.

Your suggestions for "issue 2" (using absolute path) worked in the Notebook, but not with deployed dashboards (jupyter/dashboards#78).

[jhpedemonte]

Tested again yesterday. Importing sibling file (issue 1) works. Importing dependencies from within sibling file (issue 2) seems to work correctly, without a forward slash.

However, the Meetup Outreach demo's Upcoming Meetups list doesn't load correctly in this scenario. There does seem to be an iron-list element in the list's shadow DOM, but it is not properly initialized. Talking to @deedubbu yesterday, this seems to be the timing issue (issue #25).

Since this seems to be working, I'm closing.