hi all. has anybody managed to get clojure support (syntax highlighting) for *.cljs.hl files in Atom io Editor ? cheers

i have managed to set it for .boot files but not *.cljs.hl files. thanks for the help

@jouerose: maybe try setting clojure syntax mode for all *.hl files?

like maybe the two-level extension confuses it

what’s up with https://github.com/hoplon/hoplon/wiki/HLisp … what can I do to help document HLISP? Seems like its one of Hoplon’s killer features!

This does not seem very friendly 😉 https://crossclj.info/ns/hoplon/6.0.0-alpha9/hoplon.core.cljs.html#_make-elem-ctor

@raymcdermott: look https://github.com/hoplon/hoplon/blob/master/Design.md

@micha: Atom does not accept '*' or '.' at the beginning of the file extension. for .boot files i just put "boot" in the list of clojure source. for cljs.hl i tried nothing happens, for hl also nothing

@jouerose: did you try just "hl"?

yes

Seems like this is the closest to human readable documentation https://github.com/hoplon/hoplon/wiki/API-Documentation

@micha yes

@jouerose: that should work, no?

or do you use the html syntax also?

@dm3 that’s good background but does not document the actual usage

yep, I mean if you want to write an HLisp wiki page

you can use that as the theoretical part

@micha it should but it does not.

does Atom have anything like vim modelines?

@dm3 ah, ok 😉 thanks

@micha i suspect the dot in the middle of cljs.hl is a special case Atom doesnt treat

@micha not a user of vim. i do not know

like in vim i can do ;; vim: set ft=clojure:

at the top of the file

that tells it to consider the file a clojure file

vim has a mechanism by which you can add editor settings to the file itself

and when it reads the file it will apply those settings

@micha humm that's neat.

emacs has a similar thing, and maybe Atom has that too

@micha i think i am going to stick to lighttable for now (see if there is autocomplete) and jump into hoplon learning

@jouerose: are you experienced with lisp programming already?

@micha i am a beginner

with clojure

one thing about lisp is that you don't need autocomplete as much as with an OO language

because in most cases autocomplete would amount to "what is the programmer thinking"

because the functions whose names you would be completing are general and can be applied to any object

@micha i see. i guess it is the "library exploration" aspect of autocomplete which attracts me. instead of always opening some doc

not like the way you have the same kind of method named different things on different obejcts

@micha interesting point indeed

or missing on this class but not on that class, etc

i see

with clojure there are relatively few methods that can be applied on anything

basically clojure.core namespace

i've never really used autocomplete in clojure, myself

other than the dumb autocomplete the editor does

like just if i use a string in the file i can tab complete it later if i use it again

most of what you do is accomplished by composing just maybe 10 or 20 functions from clojure.core

map, filter, reduce, assoc, dissoc, group-by, sort, sort-by, partition, interpose, partial, apply, comp, juxt

the repl has autocomplete

which is probably a good way to explore a namespace

the design of the language renders less necessary some other tools, i see

thanks for the write up

like i can't program c# without an IDE

because it's impossible to keep the class hierarchy in my head

Hi, I have a question about hoplon and semantic-ui library

I am trying to use its UI widgets, e.g. dropdown

@micha what do you think of Onsen UI ?

@jouerose: i'm not familiar with it

don't you even use vim-fireplace, Micha?

@micha ok

Unfortunately, https://github.com/exicon/hoplon-semantic-ui-example doesn’t have any code...

I tried following:

@dm3: yes vim fireplace works great for clojure

@micha not familiar with it yet, planning on using it as it seems it will do well for desktop and mobile web app

@dm3: i like how minimal vim-fireplace is, it does all the things i need really

and i don't need to tinker with it

Unfortunately, when semantic-ui selects the value it overwrites my value (which is initially a cell) with a plain string value

yep, thought you went completely hardcore for a second there

How should I use it?

@dm3: the main thing is that i don't want to be running the bleeding edge unstable stuff in my editor

@micha is there a plan to abstract websocket/channels in hoplon like you have already done with http ?

it makes me sad to spend my time playing around with editor config

haven't touched mine in a couple years

although I do :BundleInstall from time to time

totally, vundle ftw

what do you use to manage your workspace?

on OSX - amethyst

i've been using ctrlspace, which is pretty good

i mean inside vim

not much, really. ctrl+p and bufexplorer

and nerdtree

one vim per project

ah cool, that's how i used to do it, i'm not sure if ctrlspace is a win or not

tiling is via amethyst/xmonad

i've been trying to get into spacemacs, but there isn't anything good for managing my workflow in there

I've tried to get into spacemacs for a month. Half of plugins aren't evilified

@jouerose: yes i think websockets can be supported very nicely as a middleware layer wrapping castra

@jouerose: so your application code can still be just functions

then it just feels slower

@dm3: yeah that's what i found, too

@micha it is something i hope to see in Hoplon. the framework has started quite well. it would be great to have this aspect of realtime baked in.

i don't mind using emacs keybindings inside a plugin or whatever, but the combination of everything being slightly slower and not having a way to set up tabs and buffers and things like i can in vim makes it too cumbersome

like with vim my keypresses are mostly deterministic

but with spacemax it's mostly fuzzy search which is nondeterministic

and that extra 100ms starts to add up then

the nicest thing was the integrated repl

but vim-fireplace kinda has something like that

also the debugging, which I sometimes wish I had in VIM

yeah i usually start a repl in tmux and connect to that from vim

so i can just switch tmux buffer to be in the repl

@jouerose: there's https://github.com/hoplon/notify, although it's a bit convoluted

and fireplace does pretty much what i need for in-editor repl

@dm3 thanks. will check it out.

@piotrek - seems noone is aware of the semantic library here, guess @onetom could help once he's online

@dm3 thanks for the hint, I will ping @onetom

@micha when you have time, would like to know your opinion on Onsen UI. cheers

@jouerose: i'll definitely look into it, thanks for the tip!

@ (y)

@piotrek: you're using the semantic-ui js stuff?

@micha: trying

i think @onetom mostly uses just the css part and implements the js part in cljs

most things should be simple to reimplement in hoplon

well simpler than the original js anyway

another approach would be to look at the js semantic uses and see if you can attach cells to functions in there

rather than to the dom elements themseleves

like maybe the widget has getters and setters you can hook into with a cell

I am looking for a rich components library with good widgets

and semantic-ui seems good

I’m not js/css expert

so I want to build using existing components

unfortunately i'm not familiar with how semantic ui does the js side

does it make jquery plugins?

that's how bootstrap does it

and those are pretty easy to wire up to cells

I think it does (plugins)

as I can simply do $(“#my-ui-widget”).dropdown() where dropdown comes from semantic-ui

so what i would do is see if you can find getters and setters and events on the widget's js object

and you can attach watches to cells to trigger those

and have event handlers that set the value in the cell when the user change the value via the ui

in the widget

I will try it - thanks

http://adzerk.com/blog/2014/10/a-dashboard-with-hoplon/

alan shows the pattern there

for hoplonizing a jquery plugin

you can usually turn a jquery plugin into a hoplon custom element very easily

One more question

When I use library like jquery, where I define some component (like in my snippet) I have to add some init code (e.g. $(“#my-ui-widget”).dropdown())

what is the idiomatic way to handle this init code especially if I define a reusable defelem returning such components?

look https://github.com/hoplon/jquery.daterangepicker/blob/master/src/hoplon/jquery/daterangepicker.cljs.hl for an example

it's a bit complicated as it tries to manage the state of multiple datepickers

only letting the "current" one to be open

(with-init!
        (cell= (doto (js/jQuery elem) destroy (create opts)))

this is how the plugin is reinitialized based on the updated opts cell (or the first time)

@jouerose: Regarding .cljs.hl support syntax in Atom editor, have you read this?

"*":
  core:
    customFileTypes:
      "source.clojure": [
        "cljs\.hl"
      ]

hmm, I wrapped my init into with-init! but I am getting error in console: Transition: Element is no longer attached to DOM. Unable to animate. slide down in <div class="menu" tabindex="-1">…</div>

I just translated a js version into hoplon

first, you want to only act on the element that you've created: (doto (js/jQuery p) (.dropdown))

@jouerose: or simply this :

"*":
  core:
    customFileTypes:
      "source.clojure": [
        "hl"
      ]

@dm3 OK, I have changed it but still the same error

so it looks like my element might be removed somehow from the DOM?

could hoplon remove it?

That’s all I have (+dependency on [cljsjs/semantic-ui "2.1.8-0”])

ah

doto ... should be in a cell=

although...

you don't have any dependencies there

@jouerose: maybe a last possibility "cljs\\.hl"

@piotrek, maybe the semantic-ui javascript is doing something funky there. I don't see why the element would get detached

That’s strange

When I added an empty element at the end of the ui dropdown div it works fine...

magic!

seems like semantic ui problem

@dm3 thanks for your help

@micha I have done as you suggested - I registered my onChange listener on the semantic-ui component and my listener updates a cell passed as a param to my defelem element

@micha thanks for your suggestion

@micha @leontalbot thank you for your help. I understood my 3 misunderstandings regarding the configuration of cljs.hl syntax highlight support in Atom editor. 1) support of boot files comes already with the core clojure language support. 2) I had placed customFileTypes at the end of file but order matters and it must be under the "core:" title like in the example @leontalbot gave. i checked and there is no need to espace characters "cljs.hl" works fine. "hl" also. 3) inside the customFilesTypes, the scope called "source.clojure" was written "clojure.source". Thanks all for your help.

@jouerose: Excellent!

I can I translate the following in hoplon?

window.onload = function() { init() };
 function init() {
   Tabletop.init( { key: public_spreadsheet_url,
                    callback: showInfo,
                    simpleSheet: true } );
 }

I've included js library to head but I get Uncaught ReferenceError: Tabletop is not defined while doing the following

@leontalbot: i am new. i am going to learn too

@jouerose: if you have a moment and would like to make a note on the wiki about how you did it that would be most appreciated!

@leontalbot: the issue you're seeing is that script tags will load async

a bettwe way to do that is to make the js into a cljsjs package that you can depend on in your project

the it will be concatenated with main.js or whatever

so you won't have that problem

(with-init!
  (.init js/Tabletop
         (clj->js
                      {:key sheet-key
                       :callback #(reset! sheet-data @%)
                       :simpleSheet true})))

otherwise, if you don't want to do that you can use the jQuery.getScript("/somescript.js", function() { callback here })

@leontalbot: yeah when with-init! runs the script hasn't yet finished loading

ok...

Thanks

A cljsjs package is something I can do locally or I must push to clojar?

got it https://github.com/cljsjs/packages/wiki/Creating-Packages

ok, I try that!

you can do it locally too, yes

but making a package would be something the community can help with, which is good

@micha with pleasure

@piotrek: we are using semantic ui CSS only and hardly missed anything from the js parts indeed

good point though that there is nothing under https://github.com/exicon/hoplon-semantic-ui-example i got stuck with it because at that time less4j couldnt compile the less source of semantic ui. we ended up using the vanilla default build instead. whoever i tried the boot-sass task w bourbon and foundation and i have some instructions for that here: http://hoplon.discoursehosting.net/t/trying-to-create-a-boot-task-to-compile-sass-files/386/9

thanks to deraen there is also a boot task for LESS: https://github.com/Deraen/less4clj so u can follow the same principle and just get the semantic ui less source from webjars: http://www.webjars.org/listfiles/org.webjars.bower/semantic-ui/2.1.8

@piotrek: here is an example of a hoplonified semantic ui dropdown:

(defelem multiselect-dropdown [{:keys [items placeholder on-change]}]
  (let [visible? (cell false)
        sorted-items (cell= (sort items))
        selected-items #(filter :selected (vals @items))]
    (div :class (cell= {"ui fluid multiple selection dropdown" true
                        "active visible"                       visible?})
         :mousedown #(reset! visible? true)
         (i :class "dropdown icon")
         (loop-tpl
           :bindings [item (cell= (filter #(:selected (val %)) sorted-items))]
           (a :class "ui label transition visible" (cell= (when item (:title (val item))))
              :mousedown #(do
                           (swap! items assoc-in [(key @item) :selected] false)
                           (on-change (selected-items)))
              (i :class "delete icon")))
         (div :class "default text" placeholder)
         (div :class (cell= {"menu transition" true "visible" visible?})
              :tabindex "-1"
              :focus visible?
              :blur #(reset! visible? false)
              (loop-tpl
                :bindings [item sorted-items]
                (div :class (cell= {"item"            true
                                    "active filtered" (:selected (val item))})
                     :click #(do
                              (swap! items assoc-in [(key @item) :selected] true)
                              (on-change (selected-items)))
                     (cell= (:title (val item)))))))))

example usage:

(defc fields-data nil)

(def resolutions
  (cell {:720x1280 {:title "720x1280"}
         :540x960  {:title "540x960"}
         :1280x800 {:title "1280x800"}
         :1280x720 {:title "1280x720"}
         :1024x600 {:title "1024x600"}
         :320x480  {:title "320x480"}
         :320x320  {:title "320x320"}
         :240x400  {:title "240x400"}
         :480x800  {:title "480x800"}
         :360x640  {:title "360x640"}
         :240x320  {:title "240x320"}}))

(ui/multiselect-dropdown :items resolutions
                         :placeholder "Choose at least one"
                         :on-change #(swap! fields-data assoc :supported-resolutions (map :title %)))

hi all. in the boot.properties file there is BOOT_CLOJURE_VERSION=1.7.0 and in the build.boot there is a dependency [org.clojure/clojure "1.7.0"] . what is the relation between the two ? is there any one that overrides another ? thanks for letting me know. cheers

@jouerose: BOOT_CLOJURE_VERSION is the version of clojure that boot uses for itself, [org.clojure/clojure "1.7.0”] is the project dependency version of clojure

@flyboarder: Thanks.

@flyboarder: if i were to bump up the boot clojure version to 1.8.0 do you think it would be ok or would i may be be messing with it ?

@alandipert @micha would have a better idea on the stability of using 1.8 with boot, I think it would depend on what tasks you are using

i use 1.8 all the time

my only problems are from libraries that don't work with 1.8

e.g. some popular clojure libraries that are shipped with AOT'd clojure, like older versions of cheshire

usually the fix it to update that dependency

instaparse is another one - contains non-forward compat AOT'd clojure bytecode

but yeah, boot itself is fully 1.8 compat

(afaict ™️ )

@alandipert: thanks

i haven't had any issues with 1.8 either im even running on java 9ea

@onetom

@onetom: thanks