aruntk/polymer

Edward Watson

@edge0701

And also made the export of apolloClient inline rather than seperate in examples...

Andreas Galster

@AndreasGalster

how much of this fork is working right now?

queries are working, right?

i mean also with updating properties

Edward Watson

@edge0701

Queries and mutations. Subscriptions seem to be working but for some reason I am getting null data (it is something to do with my server as the subscription on the server also suffers from the same issue). Trying to work out what it is now.

Oh, and somewhere along the way my Apollo client dev tools stopped working :/ hmmph

Edward Watson

@edge0701

@aruntk Looks like you have an error in your README for subscription description. It should be a success hook instead of result hook as you perform entry.success.call in _getSubscribeCallbacks. Fixed it in 2.0 README.

Arun Kumar T K

@aruntk

Thanks for pointing that out. The hook was named "result" initially , then I changed the name to success but forgot to change the readme.

@edge0701 I've fixed a critical bug in polymer-apollo now. 1.1.21 released. aruntk/polymer-apollo#16

Edward Watson

@edge0701

@aruntk Have copied the clone (but in connectedCallback) and changed a little bit of my lifecycle events so I think it should be good. Code pushed. Thanks for the heads up.

Oh, and the setEl also in connected callback. I think that's where it should go...

Arun Kumar T K

@aruntk

thanks for mentioning setEl. It is not needed. Removed in the latest commit

Only the clone is required

Edward Watson

@edge0701

Okay. Done. Thank you (:

Edward Watson

@edge0701

Oh, btw @aruntk, little bug in unsubscribe edge0701/polymer-apollo@0967b71

Arun Kumar T K

@aruntk

Thanks man.

Jasper Catthoor

@Kattoor

Any of you know how to make a template update in a dom-repeat after the array over which the dom-repeat iterates has changed?

<template is="dom-repeat" items="[[history]]">
    <template is="dom-if" if="[[isLastElement(index)]]">
        ...
    </template>
</template>

Above could won't evaluate the dom-if when the history array changes

I change my history array with Polymer's built in array mutation though: this.splice('history', ...)

Edward Watson

@edge0701

Try putting the history length in the dom-if like so isLastElement(history.length, index) and compute from that. I know that's how I did it.

@Kattoor ^ forgot to tag you

Andreas Galster

@AndreasGalster

I wonder, how do you run your webpack apps in production? I'm currently deploying a webpack app with wc-loader and my initial bundle is 2.8 MB

are you running this devserver or express server? i'm also not sure if minify is working. all my code looks un-minified in the bundle and all comments remain

Arun Kumar T K

@aruntk

pls refer https://webpack.js.org/guides/production-build/

Rich

@richardxu100

Hey, have you guys worked with web component tester?

Andreas Galster

@AndreasGalster

A bit, what do you need?

@aruntk what does wc-loader take care of though? Based on what I'm seeing it's not possible to use UglifyJS to minify the code (I'm getting errors). Based on what I'm seeing that all comments html/js/css are remaining in the code but your package says it does minification.

I'm guessing wc-loader splits the webcomponents into separate parts? So then after that we should theoretically be able to use plugins for minification and comment stripping?

Arun Kumar T K

@aruntk

Similar to synthesis in meteor it takes care of all link imports + other html loader features without using regex(wc-loader uses parse5). I've added an inbuilt minify option. I'll try to create a demo with uglifyjs. Output of wc-loader is a javascript function which will render html,css contents during runtime.

Ideally uglifyjs should have been able minify the output code. Maybe its because of es6 features. First you should pipe the wc-loader output through babel loader and then uglify loader.

Arun Kumar T K

@aruntk

https://cloud.githubusercontent.com/assets/6007432/26241852/e208c400-3ca3-11e7-83fa-e689e921884a.png

https://github.com/aruntk/GitHunt-Polymer/blob/master/src/components/add-new.html#L26

this is the code corresponding to the link

the comment in line 26 is gone in the final build

Andreas Galster

@AndreasGalster

Sorry, this is my bad. You were right. I assumed that it must be the polymer element comments ... I've investigated more, turns out moment.js is 400kb and auth0 lock almost 2mb ...

Arun Kumar T K

@aruntk

:+1:

Andreas Galster

@AndreasGalster

Thanks so much for your help, got our app to be below 1MB now from 2.8MB before :D.

Arun Kumar T K

@aruntk

:smile:

Andreas Galster

@AndreasGalster

@aruntk I have a question: Does wc-loader take care of scripts in dependencies? I tried using marked-element. That one imports marked-import.html ... which in return lodes the marked library via script tag

It seems the element can't find marked, I'm thinking it's not importing marked.js properly

Andreas Galster

@AndreasGalster

Btw, again have to say it, you're the best :) Our community page ended up on product hunt :).

producthunt.com/posts/product-cafe

Andreas Galster

@AndreasGalster

@aruntk can you please shoot me an email what your rates are if you do freelancing? I'm currently raising funds and looking for someone to help on the dev side of Product Cafe. Maybe you'd be interested :)?

Arun Kumar T K

@aruntk

@AndreasGalster I'll check the issue with marked-element. Regarding the freelancing work could you please give me a brief of the product? My mail id is aruntknambiar@gmail.com

Sebastian Wierzbicki

@devseba_twitter

Hi. Is someone able to explain me what will happen with Polymer when Webcomponents will be supported by all browsers?
Because as far as i know polymer was created to polyfill the lacks of webcomponents browser support. Am i right?
So what will be the need for Polymer existence?

Gavin McFarland

@limitlessloop

@devseba_twitter while I can’t answer your question exactly as to what will happen to Polymer, I believe the polyfil aspects of Polymer were moved to webcomponents.js. So therefore Polymer must be more than just a polyfiller.

https://www.webcomponents.org/polyfills

Gavin McFarland

@limitlessloop

Does anyone know why after setting up a custom element using Polymer I might not be able to style it using attributes/properties of the custom element?

// index.html
<paper-button>Button</paper-button>

// paper-button.html
...
<template>
        <style>
            :host {
                background-color: grey;
                padding: 10px;
                display: block;
            }
            :host[raised] {
                font-weight: bold;
            }
        </style>
...

Gavin McFarland

@limitlessloop

Ok, I've finally realised that it should be :host([raised])

can't beleive how long it took me to find that

Where communities thrive

People

Repo info

Activity