polymer-apollo icon indicating copy to clipboard operation
polymer-apollo copied to clipboard

Polymer 2.0 mixin

Open AndreasGalster opened this issue 7 years ago • 3 comments

I'm looking at PolymerApollo right now, trying to convert your behavior to 2.0 syntax. Some things to discuss are:

  • Where to put beforeRegister stuff? This has been removed with 2.x, I think this might belong into the constructor now (2.0 is class based like standard webcomponents)
  • How do we create the PolymerApollo behavior?

I was thinking doing it like so:

export const PolymerApollo = (superclass, options) => class extends superclass {

And then in the component do this maybe?

class AppShell extends PolymerApolloBehavior(Polymer.Element, apolloClient) {

Please let me know what you think, I'm just learning classes now, so I'm not sure if that makes sense.

Almost got something working, just gotta fix some dependencies in a demo, then I'll push a sample repo with what I have so far.

AndreasGalster avatar Mar 16 '17 18:03 AndreasGalster

I'm trying to get this to work in Polymer 2 too, but no luck so far;

using the wrapping syntax (class MyElement extends PolymerApolloBehavior(Polymer.Element) {}) gives the error Uncaught TypeError: PolymerApolloBehavior is not a function

Using Polymer.mixinBehaviors([PolymerApolloBehavior, Polymer.Element]) gives the error Uncaught TypeError: Cannot read property '__mixinSet' of undefined.

fwielstra avatar Jul 06 '17 09:07 fwielstra

@fwielstra Use [email protected] . Basic Usage - https://github.com/aruntk/polymer-apollo#usage-in-components

aruntk avatar Jul 06 '17 10:07 aruntk

I am an idiot and used a wrong version of a polymer component again. Sorry <3

fwielstra avatar Jul 06 '17 10:07 fwielstra