https://github.com/hoplon/hoplon/wiki/Hoplon-with-Polymer

I threw that together, please have a read through and help improve :simple_smile:

looks awesome so far

are you able to hook them up to cells and stuff?

via "props" or attributes?

yes sir! but there are bugs because of jquery

i have had to do some creative formula cells

what kimd of bugs?

attributes are sent through a process in jquery which normalizes them, this nolonger applies as attributes have arbitrary names and developers can use existing attribute names

ah the lowercasing situation

not just

example: select will always resolve to either selected or selected=“selected"

Polymer uses this internally to select child elements to pull from shadow dom

i see

so i came up with this….

use goog.dom to set the attribute on hash change

bummer

i didn't know jquery did that

that's kind of a problem

you can however use the do! multimethod here

yeah there are a few other bugs but my solutions keeps being to drop jquery, i understand why you are using it tho

this is the same situation as here i think https://github.com/hoplon/hoplon/wiki/Raw-material#svg-viewbox-and-other-case-sensitive-attributes

you can implement a do! method for :selected that will eliminate jquery

yeah i think that is also caused by the same normalization that happens

my problem is that i’d rather not override core framework stuff

so you can do (paper/drawer :selected true) or whatever

the do! multimethod is there for that purpose

so you can extend the basic stuff that hoplon provides

make attributes mean whatever you want them to mean

i looked a bit into multimethods but maybe im misunderstanding how the overriding goes, should my index page contain the override? can I package that up in the silicone lib so it’s only there for Polymer stuff?

yeah totally

what i'd do is probably make a hoplon polymer lib

that wraps the polymer things

thats what I have now

you can put the do! definitions in there

https://github.com/degree9/silicone

when you :require the namespace they are installed

ah ok so I can put that in core then

ah i get the name now :simple_smile:

:stuck_out_tongue: haha yeah i like plays on words XD

yep, core is fine

this is pretty cool stuff

here ill take the demo out of maintenance

man this is sweet, thanks for making the wiki page

much simpler to get going than i thought

yeah for sure, iv been meaning to get to it, im having a lot of fun over here with the two libs together

i mean with your library that is

does that install the polyfills too?

yeah but it’s via polymer

nice

oh right, polymer is webcomponents+polyfills right?

sorta kinda lol

polyfills is now entirely in webcomponents

so polymer is just polymer

are you using the shadowdom polyfill?

yeah

i'm interested to know how much it affects performance

i've heard it's heavy, but people always overstate perf issues

so i'm skeptical of the claims that it's slow

there is a bit of a delay for sure but I dont think the issue is real

like the perf issue of it being slow, if you are building an app on this technology you are targeting it for latest browsers so the polyfills become less of an issue

only chrome though

but yeah i'm not afraid of a polyfill

lol

like they say in carpentry

https://www.polymer-project.org/1.0/resources/compatibility.html

"shim without shame"

hahah yeah perf issues usually mean more than a problem in the app, why are you running a browser so old? Is your new app really gonna be run on those?

lol right

and what's slow today will be fast 6 months from now

we want to compute in the future not the past

my webpage needs to run fast on a pdp-11

make it happen

lol

unacceptable, this teletype can't render my app at 60fps

hahahahaha

yeah it’s kinda a non issue, and mozilla not implementing imports right now is a wait for it kinda thing

i have thought about implementing defelem in terms of web components

have hoplon generate them

https://github.com/jeluard/lucuma/

i was looking at doing a fork of hoplon and implementing a bit of lucuma there

but im not sure how that all would work because of async issues in polymer

hoplon provides a similar abstraction

basically we need to load the polymer library before anything else otherwise the javascript engine will halt and do nothing

there are drawbacks to not be able create additional polymer elements the polymer way, such as styling requiring the classname versions instead of the mixins working

http://degree9.io/

that is running an old build but you can see polymer and hoplon in action

@micha: click all the things!

:exclamation:

the first load takes a bit

hm

First-hand user of polymer here. Used it back when it was late beta. Abandoned it in favor of react because performance :disappointed: Hopefully, latest polymer performs better now.

it's denying the app access to localstorage

@levitanong: I dont have much complaints with 1.0 expecially if you use the latest component versions

@micha: thats new, havnt seen that before

@flyboarder: Awesome!

things are sliding around though!

haha is the login appearing?

drawers drawering

yup

looks great

lol the build on my laptop is more complete

the polymer paper things are pretty slick

they look nice

yeah that was a requirement of this app, we need to build it without hiring a designer

so we picked a ui library and polymer recently hit 1.0 so its aligned up perfectly for us

it handles ui bits for us so I can build the actual app

yeah that's critical

I started with using material css lib and just raw hoplon but that was causing development to be slow because I needed to actually build all the complex ui elements, and things like modals are not implemented yet, getting polymer to work with hoplon has been great!!! fantastic work on both ends

thats a wrap for my evening, talk to you guys tomorrow :beers:

thanks for sharing all this stuff!

i want to make a polymer app now too

hahaha :stuck_out_tongue: well I dont have the full lib implemented in silicone yet so feel free :stuck_out_tongue:

:beers:

is there somewhere I can go to better understand how castra works?

@jethroksy: @nonrecursive has a PR out on it with some docs - https://github.com/hoplon/castra/pull/14/files. you can also ask any questions here :smile:

@alandipert: great! a pity the javelin walkthrough didn't come through... I'm on the other side of the earth so I couldn't make it

Going from BOOT_VERSION=2.4.2 to 2.5.0 broke the hoplon auto reload code.

2.5.0 -> java.util.concurrent.ExecutionException: java.nio.file.AccessDeniedException: target\index.html.out\hoplon\app_pages\indexDOT_html.js

boot.filesystem/copy! filesystem.clj: 51 boot.filesystem/patch! filesystem.clj: 82 ... boot.core/fileset-syncer/fn/iter/fn/fn/fn core.clj: 782 clojure.core/binding-conveyor-fn/fn core.clj: 1916

Small detail: This is on Windows 7 Professional.

Works with Boot 2.4.2 and [pandeiro/boot-http "0.7.0"] as the serve function

hmm

@symbit: can you repro this with the basic hoplon template?

or alternatively do you have a repo that demonstrates the problem?