Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Jan 20 2016 01:59
    caspervonb opened #187
  • Jan 19 2016 14:16
    caspervonb synchronize #186
  • Jan 19 2016 14:16

    caspervonb on reorganize-docs

    doc: move getting-started guide… (compare)

  • Jan 19 2016 14:11
    caspervonb opened #186
  • Jan 19 2016 14:08

    caspervonb on reorganize-docs

    doc: rename man -> doc Having … doc: separate docs into sub-fol… (compare)

  • Jan 19 2016 13:14
    caspervonb opened #185
  • Jan 19 2016 13:14

    caspervonb on change-readme-banner

    doc: use banner image from medi… (compare)

  • Jan 19 2016 12:56
    caspervonb closed #184
  • Jan 19 2016 12:56
    caspervonb commented #184
  • Jan 16 2016 21:45
    caspervonb opened #184
  • Jan 15 2016 16:10
    caspervonb opened #183
  • Jan 15 2016 01:21
    caspervonb closed #182
  • Jan 15 2016 01:21
    caspervonb closed #128
  • Jan 15 2016 01:21

    caspervonb on master

    doc: add contributing document … (compare)

  • Jan 15 2016 01:17

    caspervonb on contributing

    doc: add contributing document … (compare)

  • Jan 15 2016 01:17
    caspervonb synchronize #182
  • Jan 14 2016 18:22
    caspervonb opened #182
  • Jan 14 2016 18:19

    caspervonb on contributing

    doc: add contributing document … (compare)

  • Jan 14 2016 17:01
    caspervonb opened #181
  • Jan 13 2016 04:41
    rgbkrk commented #101
Slađan Ristić
@sladiri
I just tried amok hot loading with Mercury framework. @caspervonb
Casper Beyer
@caspervonb
Hm, mercury is new to me. but it should work! :)
Yeah looking at it, its functional in nature so should get pretty good milage out of it with amok
Slađan Ristić
@sladiri
Yes, I'll have to create some UI prototypes for school, and want use amok with either mercury, mithril or cyclejs. Mercury looks like similar to cycle. Cool, good to know that you don't see any huge problems. :)
Casper Beyer
@caspervonb
Curioustho, where did you find amok @sladiri ?
Been a while since I've been plugging it
Slađan Ristić
@sladiri
@caspervonb I am not sure, I think I looked for live coding with Mithril and found your videos on Youtube.
Casper Beyer
@caspervonb
Cool cool :)
Slađan Ristić
@sladiri
@caspervonb It was by accident, I already settled for the fact that the hot-replacement was the best you could do. I guess, for newcomers it is easy to miss the advantages of having a REPL instead of hot-replacement only. The first time I saw hot live coding was an Om/React presentation for Clojurescript. :)
I'm looking forward to trying it out on a project
Casper Beyer
@caspervonb
:+1:
Remember, I can't improve things thats not brought up via the issue tracker :)
Slađan Ristić
@sladiri
Of course, I am trying to understand it all. :) I'd like to create an example for Mercury at least
Yang Su
@yangsu
What's the status of this project? Haven't seen any commits since january
Casper Beyer
@caspervonb
@yangsu it's still alive, but the lights have to stay on around here too.
Yang Su
@yangsu
cool just curious. I've been playing around with it for some personal projects and it's been awesome so far.
Casper Beyer
@caspervonb
Great to hear :)
Jigar Gosar
@jigargosar
hey guys, does amok support browserify/bable?
I am currently using budo, and it refreshes the entire page.
Rasmus Porsager
@porsager
Hi @jigargosar I've had success using -c watchify -- -t babelify
Jigar Gosar
@jigargosar
and this will not reload the whole page? just confirming
Rasmus Porsager
@porsager
yeah you'll get hot reload
Jigar Gosar
@jigargosar
awesome.
@porsager thanks a lot.
will try.
Rasmus Porsager
@porsager
You're welcome.. let me know if it doesn't work.. I think i remember something about newer versions of babelify than 6.3 didn't work
so maybe you would need to npm install babelify@6.3
Jigar Gosar
@jigargosar
Also one more thing, are there any gotchas related to hot reload, that I need to be aware of?
Rasmus Porsager
@porsager
I assume you use some kind of vdom in your app. which one ? (mithril?)
Jigar Gosar
@jigargosar
@porsager will definitely ask for your help if I get stuck.
no vdom, simple mustache template, and jquery to replace when the model changes.
Rasmus Porsager
@porsager
ok... you just need to remember to redraw on scriptChange
I've got an entry point to my app that looks like this:
Jigar Gosar
@jigargosar
model is an immutable json, which gets regenerated using Ramda upon user modification.
Rasmus Porsager
@porsager
import m from 'mithril'

window.addEventListener('scriptChange', m.redraw)

window.addEventListener('fileChange', function(event) {
  var filename = event.detail.filename
  console.log(filename)

  if (filename.match(/(.jpg|.png|.webm)$/)) {
    var imgs = document.querySelectorAll('img[src*="'+ filename + '"]');

    [].forEach.apply(imgs, function(img) {
      img.src = event.detail.filename + '?' + performance.now()
    })
  } else if (filename.match(/.css$/)) {
    var link = document.querySelector('link[href*="'+ filename + '"]')
    link.href = event.detail.filename + '?' + performance.now()
  }
})

import './js/app'
it's called amok.js in the root and then i have this in an npm script
amok -b chrome -t -w . -c watchify amok.js -- -t babelify"
Ok, I can highly recommend mithril ;) http://mithril.js.org
Jigar Gosar
@jigargosar
will give it a shot. thanks. I am currently using jquery to figure out how template is rendered, and based on that I position dynamic elements on top of it. these dynamic components participate is complicated drag and drop process, for which I am using jquery.draggable etc.
usually with vdom, you don't get any of this. :(
Rasmus Porsager
@porsager
ah, ok.. it's fairly easy to plug other libraries in mithril for that
I did a test using dragula (vanilla js drag drop library) and mithril which seemed to work fine
Jigar Gosar
@jigargosar
thats good news.
Rasmus Porsager
@porsager
Jigar Gosar
@jigargosar
also, I don't like mutable state. no getter setters for me.
Rasmus Porsager
@porsager
I think mithril should work even better for you then ;)
Jigar Gosar
@jigargosar
awesome, BTW the example is great.
also liking mithril already, for its simplicity.
I love simple things in life.
Rasmus Porsager
@porsager
Cool! You should head over to https://gitter.im/lhorie/mithril.js for more inspiration then ;)
Jigar Gosar
@jigargosar
tools that try to solve one specific problem, and if there is a kitchen sink like jquery, I write wrappers over it, to split the api.