Fork me on GitHub
#shadow-cljs
<
2018-01-12
>
tony.kay01:01:13

Covers the browser in pretty good detal, and I think I’ve got most of the standard node targets covered as well

tony.kay01:01:44

Still needs some of the additional targets, testing, etc. But, it covers most of the wiki and blog at this point.

Jon02:01:04

time for a logo..?

Jon02:01:54

I need to update this page http://shadow-cljs.org/

Jon02:01:27

loading Google fonts from China is disaster... in that UsersGuide.html

tony.kay07:01:35

@jiyinyiyong If you want to send a PR that fixes it…it’s just asciidoctor: http://asciidoctor.org/docs/user-manual/#applying-a-theme

tony.kay07:01:25

The repository is https://github.com/shadow-cljs/shadow-cljs.github.io and there is a make file…just type make to try out changes.

thheller10:01:30

looks kinda ugly without the fonts

thheller10:01:49

should be possible to download them so they are served from the same page though

thheller11:01:23

just need to figure out which fonts are actually used

Jon14:01:56

Open Sans Light—Network resource(24 glyphs), Noto Serif—Network resource(169 glyphs), Droid Sans Mono—Network resource(82 glyphs)

Jon14:01:02

based on DevTools

Jon15:01:33

what do you think? to be a logo?

Alex H18:01:24

any ideas on how to handle some sass/scss or less styles properly/nicely with shadow-cljs?

Alex H18:01:34

ideally so that they also get re-built automatically, etc?

Alex H18:01:44

or is it just a case of using a separate process entirely to handle that?

tony.kay18:01:12

@alex340 You could build a custom target and trigger them.

tony.kay18:01:42

I'm not sure how to access it, but I'm guessing you could even trigger hot reload

Alex H18:01:11

interesting

tony.kay18:01:40

all of the built-in targets use that, so there are plenty of examples in the source

Alex H18:01:40

how would I go about detecting a change in one of the sass/less files?

Alex H18:01:46

with a custom target

tony.kay18:01:51

that I don't know off the top of my head. Look at the file watching source (hawk something-or-other)

tony.kay18:01:06

not sure if that is pluggable yet

tony.kay18:01:01

if nothing else you could hack it in the meantime with a cljs file that you touch during the trigger 😜

thheller19:01:35

@alex340 shadow-cljs itself does not provide anything css related currently but it will reload css on the page

thheller19:01:51

if you are using the :devtools :http-root and the css is embedded in the page with an absolute path the css will be reloaded

thheller19:01:53

I’m still deciding on a proper plugin API to enable doing the css compilation without the build itself

thheller19:01:25

for now I recommend the normal tooling and just putting the output in a proper place to be reloaded

Alex H19:01:01

ok, so if I get node-sass in watch mode to rebuild, shadowcljs should realize the file has changed and reload the css

Alex H19:01:04

that'll work for me for now

Alex H19:01:25

for production builds I'll see what I'll do, but I might just do an old-school Makefile executing both shadow-cljs and node-sass

thheller19:01:39

thats what I do currently

Alex H19:01:11

cool, thanks

Alex H19:01:43

@tony.kay thumbs up on that doc you are writing for shadow-cljs. Still need to read through it in detail, but the bits I have read make a ton of sense & have been very useful!

tony.kay19:01:55

most of it was written by @thheller. I'm just organizing and editing 🙂

thheller19:01:26

@jiyinyiyong I like the logo … although it seems a bit generic. Initially I thought I’d just take the CLJS logo and put a shadow under it 😉

Jon14:01:20

please explain "shadow" in shadow-cljs

Jon14:01:18

last time I asked about, I found it has no actually meaning(I might remember it wrong though).

Jon14:01:55

if there's is a meaning, then we should try visualising that.

thheller15:01:25

very first namespace I ever created in clojurescript was for DOM stuff. I was playing with the shadow DOM spec stuff at the time, so I named the ns shadow.dom. the prefix kinda stuck.

thheller15:01:36

no particular meaning beyond that

Jon00:01:47

made me wondering why is shadow dom named with "shadow"...

mitchelkuijpers19:01:53

I love the thing you have on GitHub @thheller the cljs logo and then the shadow

thheller19:01:18

yeah its pretty cool. @shaunlebron did that.

mitchelkuijpers19:01:41

Yeah also really love those colors