[elm-discuss] Re: Integrating Elm with Web Components / Polymer

One interesting thing I found as I experimented this morning is that React components can be wrapped up to be web components, which might make react components more accessible from Elm (at present it is not straightforward

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

yes, that does seem to help, thanks for the pointer! ... ah, those magic incantations :) On Sunday, December 4, 2016 at 4:37:43 PM UTC-6, Richard Feldman wrote: > > Simon - video is not up yet. > > dedo - I haven't tried that, but try what Rupert did here >

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

Simon - video is not up yet. dedo - I haven't tried that, but try what Rupert did here - seemed to help with children of lists! On Sunday, December 4, 2016 at 1:43:08 PM UTC-8, dedo wrote: > > @Richard, I tried to use your

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

@Richard, I tried to use your google-maps / polymer version but had trouble getting google-map-marker s to work as children of the map element. Did map markers work for you? On Thursday, November 3, 2016 at 11:54:11 AM UTC-5, Richard

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

Is the video available now? On Friday, 4 November 2016 02:36:52 UTC+1, Richard Feldman wrote: > > Yes and yes! I'll post when the video is up. > > On Thu, Nov 3, 2016 at 3:45 PM, Peter Damoc > wrote: > >> This is pretty awesome. >> >> Have you given the talk in Vienna? >>

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

Richard, multiple Polymer elements can be styled mostly by using native CSS mixins (like https://elements.polymer-project.org/elements/paper-dropdown-menu): --paper-dropdown-menu-button A mixin that is applied to the internal menu button {} How to do that using your elm-css library? Il giorno ven

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

This is pretty awesome. Have you given the talk in Vienna? Is this part of that talk? :) On Thu, Nov 3, 2016 at 6:54 PM, Richard Feldman wrote: > FYI I got Google Maps working based on Fred's calendar repo: > https://github.com/rtfeldman/elm-google-maps > > -- >

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

FYI I got Google Maps working based on Fred's calendar repo: https://github.com/rtfeldman/elm-google-maps -- You received this message because you are subscribed to the Google Groups "Elm Discuss" group. To unsubscribe from this group and stop receiving emails from it, send an email to

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

On Monday, October 17, 2016 at 10:29:52 AM UTC+1, Rupert Smith wrote: > > On Friday, October 14, 2016 at 2:50:44 PM UTC+1, Peter Damoc wrote: >> >> On Fri, Oct 14, 2016 at 1:35 PM, 'Rupert Smith' via Elm Discuss < >> elm-d...@googlegroups.com> wrote: >> >>> 1. Build some support into the Elm

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

On Friday, October 14, 2016 at 2:50:44 PM UTC+1, Peter Damoc wrote: > > On Fri, Oct 14, 2016 at 1:35 PM, 'Rupert Smith' via Elm Discuss < > elm-d...@googlegroups.com > wrote: > >> 1. Build some support into the Elm compiler for webcomponents. >> > > There could also be a direction where Elm

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

On Fri, Oct 14, 2016 at 1:35 PM, 'Rupert Smith' via Elm Discuss < elm-discuss@googlegroups.com> wrote: > 1. Build some support into the Elm compiler for webcomponents. > There could also be a direction where Elm compiler only implements support for Custom Elements. It would be awesome if

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

On Tuesday, October 11, 2016 at 11:21:05 AM UTC+1, Rupert Smith wrote: > > I'm interested in expanding on the counter example to add more complexity > - and I have a component in mind that will be useful to me - the listbox > that I was working with previously. > > The areas to add more

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

On Thursday, October 13, 2016 at 12:23:30 PM UTC+1, Rupert Smith wrote: > > Which is ok, but what I really want is for the listbox user to be able to > display more than just a string in the listbox, along these lines: > > root : Model -> Html Msg > root model = > listbox [ attrForSelect

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

On Wednesday, October 12, 2016 at 1:34:32 PM UTC+1, Rupert Smith wrote: > > So there is an issue with being able to change the state of the component, > post initialization, from the consumer of the component. Because if there > is a port used to set state on the component... which component? >

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

On Tuesday, October 11, 2016 at 11:21:05 AM UTC+1, Rupert Smith wrote: > > I'm interested in expanding on the counter example to add more complexity > - and I have a component in mind that will be useful to me - the listbox > that I was working with previously. > So I have a first pass at

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

On Thursday, October 13, 2016 at 9:33:18 AM UTC+1, Rupert Smith wrote: > > On Wednesday, October 12, 2016 at 5:34:36 PM UTC+1, Peter Damoc wrote: >> >> On Wed, Oct 12, 2016 at 6:57 PM, 'Rupert Smith' via Elm Discuss < >> elm-d...@googlegroups.com> wrote: >> >>> This limitation means you can't have

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

On Wednesday, October 12, 2016 at 5:34:36 PM UTC+1, Peter Damoc wrote: > > On Wed, Oct 12, 2016 at 6:57 PM, 'Rupert Smith' via Elm Discuss < > elm-d...@googlegroups.com > wrote: > >> This limitation means you can't have UI elements defined outside of a >> component affect its state. Suppose you

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

On Wed, Oct 12, 2016 at 6:57 PM, 'Rupert Smith' via Elm Discuss < elm-discuss@googlegroups.com> wrote: > This limitation means you can't have UI elements defined outside of a > component affect its state. Suppose you had a video component and a video > control bar compnent, you could not make

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

On Wednesday, October 12, 2016 at 1:55:02 PM UTC+1, Peter Damoc wrote: > > I did however became aware of a big limitation to this approach: ports. > > ports seam to be needed in order to implement triggering events in order > to communicate with the outside of the component. > I'll have to

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

Needing to set state on a component feels like an anti-pattern. I did however became aware of a big limitation to this approach: ports. ports seam to be needed in order to implement triggering events in order to communicate with the outside of the component. This limits the usefulness of the

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

On Tuesday, October 11, 2016 at 11:07:46 AM UTC+1, Rupert Smith wrote: > > On Monday, October 10, 2016 at 10:40:25 PM UTC+1, Peter Damoc wrote: >> >> Now, the next challenge is to figure a way to declare all this in Elm and >> automate as much as possible the process of creating the custom

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

On Monday, October 10, 2016 at 11:01:54 PM UTC+1, Richard Feldman wrote: > > Has anyone gotten anything doing really complicated DOM stuff (in > particular Google Maps comes to mind) working in Elm via web components? > > In theory it would Just Work, but in practice I always wonder... ;) > I

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

On Monday, October 10, 2016 at 10:40:25 PM UTC+1, Peter Damoc wrote: > > Now, the next challenge is to figure a way to declare all this in Elm and > automate as much as possible the process of creating the custom components. > :) > I think rolling these Elm web components by hand should

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

Has anyone gotten anything doing really complicated DOM stuff (in particular Google Maps comes to mind) working in Elm via web components? In theory it would Just Work, but in practice I always wonder... ;) On Mon, Oct 10, 2016 at 5:40 PM Peter Damoc wrote: > using attached

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

using attached instead of ready did the trick. Thanks for taking the time to figure this out! Now, the next challenge is to figure a way to declare all this in Elm and automate as much as possible the process of creating the custom components. :) On Tue, Oct 11, 2016 at 12:31 AM, 'Rupert

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

On Monday, October 10, 2016 at 3:38:13 PM UTC+1, Peter Damoc wrote: > > I have already tried doing this but have run into troubles: > > Here is the topic where I have the code and the problem: > https://groups.google.com/forum/#!topic/elm-discuss/QI6G6Pd5jPU > I think you just didn't get the

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

On Monday, October 10, 2016 at 9:31:26 PM UTC+1, Rupert Smith wrote: > > > > On Monday, October 10, 2016 at 3:38:13 PM UTC+1, Peter Damoc wrote: >> >> I have already tried doing this but have run into troubles: >> >> Here is the topic where I have the code and the problem: >>

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

On Monday, October 10, 2016 at 3:38:13 PM UTC+1, Peter Damoc wrote: > > I have already tried doing this but have run into troubles: > > Here is the topic where I have the code and the problem: > https://groups.google.com/forum/#!topic/elm-discuss/QI6G6Pd5jPU > I have found you can set it like

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

On Monday, October 10, 2016 at 2:20:57 PM UTC+1, Rupert Smith wrote: > > On Monday, October 10, 2016 at 2:14:55 PM UTC+1, Rupert Smith wrote: >> >> On Sunday, October 9, 2016 at 9:41:46 PM UTC+1, Peter Damoc wrote: >>> >>> The only thing that remained to be shown with code is how to implement a

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

On Monday, October 10, 2016 at 2:14:55 PM UTC+1, Rupert Smith wrote: > > On Sunday, October 9, 2016 at 9:41:46 PM UTC+1, Peter Damoc wrote: >> >> The only thing that remained to be shown with code is how to implement a >> component in Elm and use it in Elm (yo, dawg style) . >> > > Like this: >

[elm-discuss] Re: Integrating Elm with Web Components / Polymer

On Saturday, October 8, 2016 at 10:29:27 PM UTC+1, Richard Feldman wrote: > > I'm catching up on this thread...so much impressive progress! :D > > It seems like: > >- registerElement is enough to get node "my-component" and on >"my-component-event" (with a custom decoder) working in Elm

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

On Friday, October 7, 2016 at 3:00:17 PM UTC+1, Peter Damoc wrote: > > > On Fri, Oct 7, 2016 at 4:41 PM, 'Rupert Smith' via Elm Discuss < > elm-d...@googlegroups.com > wrote: > >> customelements.io is all built on top of Polymer is it? >> >> Well, I got carried away. :) > > Not all of those

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

On Fri, Oct 7, 2016 at 4:41 PM, 'Rupert Smith' via Elm Discuss < elm-discuss@googlegroups.com> wrote: > customelements.io is all built on top of Polymer is it? > > Well, I got carried away. :) Not all of those libraries rest on Polymer. A lot of them, however, do. :) -- There is NO FATE, we

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

On Friday, October 7, 2016 at 9:43:40 AM UTC+1, Peter Damoc wrote: > > Yes, we just need web-components, not polymer. Polymer is prividing some >> convenience to experiment with web components though. >> >>> Well... it's more than just convenience. If this gets really iron out > and Elm

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

On Friday, October 7, 2016 at 8:08:43 AM UTC+1, Peter Damoc wrote: > > I was thinking more in terms of having a way to define custom components > in Elm and then use them in Elm while avoiding to duplicate the runtime and > the rest of the core libraries. :) > Yes, so you can have internal

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

On Fri, Oct 7, 2016 at 6:06 AM, John Mayer wrote: > My view is that we don't need Polymer, just the web components standards. > If you're deploying to production, that may means that you may need to > serve browser poly-fills. > We don't even need the entire

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

I was thinking more in terms of having a way to define custom components in Elm and then use them in Elm while avoiding to duplicate the runtime and the rest of the core libraries. :) On Thu, Oct 6, 2016 at 11:32 PM, 'Rupert Smith' via Elm Discuss < elm-discuss@googlegroups.com> wrote: > On

[elm-discuss] Re: Integrating Elm with Web Components / Polymer

I've heard scary things about Polymer performance, mainly on mobile browsers. What you guys think about the state of Polymer at this time? -- You received this message because you are subscribed to the Google Groups "Elm Discuss" group. To unsubscribe from this group and stop receiving emails

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

On Thursday, October 6, 2016 at 3:54:02 PM UTC+1, Peter Damoc wrote: > > Next challenge: how to implement Custom Elements in Elm. :) > > These examples cover a variety of different ways of working with elm and polymer together: https://github.com/kevinlebrun/elm-polymer This one, I think, is a

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

Next challenge: how to implement Custom Elements in Elm. :) On Thu, Oct 6, 2016 at 5:42 PM, 'Rupert Smith' via Elm Discuss < elm-discuss@googlegroups.com> wrote: > On Thursday, October 6, 2016 at 12:23:53 PM UTC+1, Peter Damoc wrote: >> >> This works for me in both Chrome and Firefox on OS X

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

On Thursday, October 6, 2016 at 12:23:53 PM UTC+1, Peter Damoc wrote: > > This works for me in both Chrome and Firefox on OS X with > the 'webcomponents-lite.js' > > Thanks for solving this. > After some poking around and a severe lack of documentation on the part of Polymer, I have managed

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

This works for me in both Chrome and Firefox on OS X with the 'webcomponents-lite.js' Thanks for solving this. On Thu, Oct 6, 2016 at 2:11 PM, 'Rupert Smith' via Elm Discuss < elm-discuss@googlegroups.com> wrote: > On Thursday, October 6, 2016 at 12:07:15 PM UTC+1, Rupert Smith wrote: >> >>

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

On Thursday, October 6, 2016 at 12:07:15 PM UTC+1, Rupert Smith wrote: > > On Thursday, October 6, 2016 at 11:50:01 AM UTC+1, Rupert Smith wrote: >> >> On Thursday, October 6, 2016 at 11:14:46 AM UTC+1, Peter Damoc wrote: >>> >>> Custom elements also work decently when the custom element takes no

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

On Thursday, October 6, 2016 at 11:50:01 AM UTC+1, Rupert Smith wrote: > > On Thursday, October 6, 2016 at 11:14:46 AM UTC+1, Peter Damoc wrote: >> >> Custom elements also work decently when the custom element takes no >> children but if it does, it stops working. >> > > Rendering of keyed nodes

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

On Thursday, October 6, 2016 at 11:14:46 AM UTC+1, Peter Damoc wrote: > > Custom elements also work decently when the custom element takes no > children but if it does, it stops working. > Rendering of keyed nodes in the vdom is here:

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

I would love some insights from the people who have a better understanding of what might be happening here. The custom elements interface looks amazing in theory. Custom elements also work decently when the custom element takes no children but if it does, it stops working. I tried it with

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

I have created very tiny example of how to use polymer element in Elm: https://github.com/edvail/double-event-issue But, dear, why events are duplicated? Each typed character fires two identical events. Il giorno mer 5 ott 2016 alle ore 18:18 Peter Damoc ha scritto: > I have

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

On Wednesday, October 5, 2016 at 4:59:17 PM UTC+1, Rupert Smith wrote: > > On Wednesday, October 5, 2016 at 4:48:59 PM UTC+1, Peter Damoc wrote: >> >> This is very interesting. >> Can you share some code so others can look at this? >> > > Its here: > >

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

On Wednesday, October 5, 2016 at 4:48:59 PM UTC+1, Peter Damoc wrote: > > This is very interesting. > Can you share some code so others can look at this? > Its here: https://github.com/rupertlssmith/thesett_style_lab I have no idea how I hook into the events that it generates using 'on',

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

This is very interesting. Can you share some code so others can look at this? On Wed, Oct 5, 2016 at 6:42 PM, 'Rupert Smith' via Elm Discuss < elm-discuss@googlegroups.com> wrote: > On Wednesday, October 5, 2016 at 11:44:35 AM UTC+1, Rupert Smith wrote: >> >> I am going to give this a go, as

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

This is discussed in the video that I linked earlier. In a very simple demo he end up with 65 HTTP requests. That might be a lot. Also, in a more advanced app that number could be quite higher. However, the reason that I said that Polymers do not work like that is that if they would have worked

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

On Wednesday, October 5, 2016 at 12:54:19 PM UTC+1, Peter Damoc wrote: > > Polymers do not work like that. > Why do you say this, in relation to using a CDN to fetch the bits? Is it because you always use vulcanize to package the component lib up into your own customized version of it? There

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

Yes! Also, if you naively import it without importing the dependencies, the JS Console will give you clues about missing links. as for the bower dependencies you listed, yes... they are all needed. The polymer project has and insane amount of dependencies. It's like every function in elm-html

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

On Wednesday, October 5, 2016 at 3:32:21 PM UTC+1, Rupert Smith wrote: > > > > On Wednesday, October 5, 2016 at 3:28:31 PM UTC+1, Rupert Smith wrote: >> >> On Wednesday, October 5, 2016 at 12:54:19 PM UTC+1, Peter Damoc wrote: >>> >>> Polymers do not work like that. >>> For optimizing the size,

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

On Wednesday, October 5, 2016 at 3:28:31 PM UTC+1, Rupert Smith wrote: > > On Wednesday, October 5, 2016 at 12:54:19 PM UTC+1, Peter Damoc wrote: >> >> Polymers do not work like that. >> For optimizing the size, see the links I posted in the previous comment. >> >> I have a personal

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

On Wednesday, October 5, 2016 at 12:54:19 PM UTC+1, Peter Damoc wrote: > > Polymers do not work like that. > For optimizing the size, see the links I posted in the previous comment. > > I have a personal exploration of polymer that tried to minimize the output: >

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

Polymers do not work like that. For optimizing the size, see the links I posted in the previous comment. I have a personal exploration of polymer that tried to minimize the output: https://github.com/pdamoc/polymer-exploration On Wed, Oct 5, 2016 at 2:01 PM, 'Rupert Smith' via Elm Discuss <

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

For what is worth, the approach described here: https://github.com/Polymer/polycasts/tree/master/ep39-vulcanize/vulcanized-app https://www.youtube.com/watch?v=EUZWE8EZ0IU=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN=16 might provide some more ideas. On Wed, Oct 5, 2016 at 1:44 PM, 'Rupert Smith' via Elm

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

If I'm reading this right, you may be able to get just the polyfills. http://webcomponents.org/polyfills/ On Oct 5, 2016 7:01 AM, "'Rupert Smith' via Elm Discuss" < elm-discuss@googlegroups.com> wrote: > > > On Wednesday, October 5, 2016 at 11:44:35 AM UTC+1, Rupert Smith wrote: >> >> On

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

On Wednesday, October 5, 2016 at 11:44:35 AM UTC+1, Rupert Smith wrote: > > On Tuesday, September 27, 2016 at 11:41:44 PM UTC+1, Frederick Yankowski > wrote: >> >> I took Peter’s gist as a basis and made a repo out of it: >> https://github.com/fredcy/elm-polymer-calendar >> > I am going to

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

On Tuesday, September 27, 2016 at 11:41:44 PM UTC+1, Frederick Yankowski wrote: > > I took Peter’s gist as a basis and made a repo out of it: > https://github.com/fredcy/elm-polymer-calendar > I am going to give this a go, as I need an MDL styles multi-select:

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

On Wednesday, September 28, 2016 at 11:55:06 AM UTC+1, Peter Damoc wrote: > > I looked at the entire dist folder as that was the actual result in my > perspective. 1MB index.html with about 700k extra JS (elm.js included) > Yes, it was not minified. > > The performance details are part of what

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

I looked at the entire dist folder as that was the actual result in my perspective. 1MB index.html with about 700k extra JS (elm.js included) Yes, it was not minified. The performance details are part of what I mean by integration. Should I, the beginner, solve this or should I have some kind of

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

On Wednesday, September 28, 2016 at 7:59:55 AM UTC+1, Peter Damoc wrote: > > I've tried your solution and at least I got to confirm a personal fear: > it's scary big. > 1.7MB might not seam much but... I'll be honest, I don't like artifacts > this big . > The inspector says that it will take

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

On Wed, Sep 28, 2016 at 1:10 PM, 'Rupert Smith' via Elm Discuss < elm-discuss@googlegroups.com> wrote: > I use grunt based on how I was using grunt with angular prior to trying > out Elm - but others will have different ways of building that suit their > preferences. As you say, it is something

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

I took Peter’s gist as a basis and made a repo out of it: https://github.com/fredcy/elm-polymer-calendar My version uses a small bit of native code to convert the JS Date value from the calendar component (sent as a JS event) into an Elm Date value. That avoids the kluge I had before using

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

I have updated the gist with a version that works for retrieving information from the web-component https://gist.github.com/pdamoc/48c6f7dd2f7fec44bdd3262f269f635c It generates 2 Msg when a date is clicked but it works.. Thank you for the idea with getting the information as a Value. Now the need

Re: [elm-discuss] Re: Integrating Elm with Web Components / Polymer

Peter, I played around with the code in your gist. The value returned by the "date-changed" event does indeed seem to be a JS Date value (which I determined by handling it as a Json.Value value). I don't see how to convert that Json.Value holding a JS Date into an Elm `Time` value. The