opal/opal

Ruby in the Browser

Simon George

@sfcgeorge

This syntax also works $$.setTimeout(method(:tick).to_proc, 2000) http://opalrb.com/try/?code:def%20tick%0A%20%20puts%20%22yo%22%0Aend%0A%0A%24%24.setTimeout(method(%3Atick).to_proc%2C%20500)

G. Gibson

@mistergibson

Excellent, and much simpler than I thought it was - thanks again :)

Simon George

@sfcgeorge

That's from Ruby calling a JS function. If you mean from JS calling a Ruby function then no I don't think so. But you can do from Ruby inline JS calling Ruby

`setTimeout(#{method(:tick).to_proc}, 500)`

Note the backticks

G. Gibson

@mistergibson

ok, sure - that's cool

Simon George

@sfcgeorge

This post has more
https://dev.mikamai.com/2014/03/12/using-native-javascript-objects-from-opal/
Here is some docs
https://github.com/opal/opal/blob/master/stdlib/native.rb

G. Gibson

@mistergibson

That all seems very straight forward. at first I was just unsure about HOW to refer to an object/method with respect to the native call. Thanks for clarifying.

Elia Schito

@elia

Thank @elia a lot for wonderful Opal. Hope see Opal 1.0 is released in the future.

@zw963 Thanks! The plan is to have the next major release be 1.0

Forrest Chang

@fkchang

what versions of opal are people running, esp. in production?

G. Gibson

@mistergibson

@fkchang : I use a github pull for mine

Elia Schito

@elia

@fkchang we're still on 0.10 but have a branch almost ready for 0.11

Forrest Chang

@fkchang

@elia thanks, I want to update (long over due) opal-console handling compatibility between different opal versions is rather difficult our production app is 0.8 don't want to strand too many people, but want to move towards supporting 0.11

Colin Gunn

@balmoral

@fkchang in production on 0.11

Mitch VanDuyn

@catmando

@fkchang as I think u know hyperloop is dropping support for opal < 0.11 .

@adamcreekroad is getting catprint up on latest hyperloop and opal. No issues so far

G. Gibson

@mistergibson

I notice a lot of people went with React

What is the best (most comprehensive) UI framework out there?

Your opinions please :)

Elia Schito

@elia

@mistergibson three names off the top of my mind: http://ruby-hyperloop.org https://inesita.fazibear.me http://clearwater-docs.herokuapp.com

G. Gibson

@mistergibson

@elia : thanks

Colin Gunn

@balmoral

@mistergibson @elia one more UI (and full stack) framework in early stages is https://github.com/balmoral/robe. It’s been a personal learning project, and good enough to use in a restricted beta production app. I’m not currently able to provide much support to others, and there’s no documentation or specs yet! The README hypes it up a bit, mostly for self-encouragement. Feel free take a look and use anything that’s useful.

G. Gibson

@mistergibson

Thanks Colin

G. Gibson

@mistergibson

Hyperloop looks pretty cool, but someone said they are dropping support for Opal?

Jan Biedermann

@janbiedermann

yes, hyperloop drops support for opal 0.10
@mistergibson ruby-hyperloop supports opal 0.11 :tada:

G. Gibson

@mistergibson

sweet - thanks for the clarification :)

Mitch VanDuyn

@catmando

@mistergibson that was me being confusing... @fkchang was asking about relative use of opal < 0.11, and I am just saying that our plan for hyperloop release is to require opal 0.11 or better, and that at least one big project has upgraded to opal 0.11 without any big problems.

G. Gibson

@mistergibson

@catmando : I can require hyperloop in my pre-compiled .rb can I not? I'm new to it. I prefer to get all my deps in one .rb file and compile the whole she-bang into a .js include.

Mitch VanDuyn

@catmando

@mistergibson hyperloop believes in omakase (chief's choice) but I would not recommend it. I think you will find it much easier to let hyperloop manage your dependencies.

G. Gibson

@mistergibson

@catmando : I'll look into that - thanks :) (BTW: great job on hyperloop itself - it looks beautiful).

Mitch VanDuyn

@catmando

that said if you want to learn from the bottoms up, I recommend starting with hyperloop-js which just gives you all of client side hyperloop as a js include file. You just wont get any server side goodness.

G. Gibson

@mistergibson

Mitch VanDuyn

@catmando

if you are interested in that approach look at the chat tutorial. You build a client side only app.

G. Gibson

@mistergibson

Mitch VanDuyn

@catmando

but personally I would recommend going through the 1 hour video tutorial and building the TodoApp. This will give you a better idea of the big picture and what hyperloop is capable of . BTW there is a gitter room dedicated to hyperloop here:

https://gitter.im/ruby-hyperloop/chat

G. Gibson

@mistergibson

Thanks

Forrest Chang

@fkchang

@/all released opal_hot_reloader 0.1.5 gem with the 0.11 support

Elia Schito

@elia

:tada:

G. Gibson

@mistergibson

@fkchang : cool idea

Billy.Zheng

@zw963

@fkchang , Cool

Billy.Zheng

@zw963

@/all, I extract opal/opal gitter chat history into one text file, if you want search something , please visit https://zw963.github.io and download chat file.

G. Gibson

@mistergibson

I'm having issues getting an xml parser into Opal. Is there a recommended one I should be using instead of REXML?

Elthariel

@elthariel

@mistergibson, Join us on the hyperloop gitter, we're nice :)

G. Gibson

@mistergibson

@elthariel : I'm there - lurking and learning :)

Frederic ZINGG

@fzingg

@elia Hi Elia,
I'm trying to work with D3 and Opal.
I found your article (written in 2014): https://dev.mikamai.com/2014/06/04/learning-d3js-basics-with-ruby-and-opal/
And I also found a library: https://github.com/taw/opal-d3

What is your opinion and your advice in order to get Opal and D3 working well ? Tx.

Billy.Zheng

@zw963

hi, @fkchang , I search out a old study project, which bascially just try to reproduce this blog created by you. but i found it not worked now when run rake http, following is error message:

Building http
        running
module.js:471
    throw err;
    ^

Error: Cannot find module 'glob'
    at Function.Module._resolveFilename (module.js:469:15)
    at Function.Module._load (module.js:417:25)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
    at singleton_class_alloc.$$node_require [as $node_require] (/home/public/Dropbox/others/Project/opal/0.11/opal-node/http.js:22699:63)
    at /home/public/Dropbox/others/Project/opal/0.11/opal-node/http.js:23016:26
    at Opal.modules.nodejs/dir (/home/public/Dropbox/others/Project/opal/0.11/opal-node/http.js:23057:5)
    at Object.Opal.load (/home/public/Dropbox/others/Project/opal/0.11/opal-node/http.js:2192:7)
    at Object_alloc.Opal.require [as $require] (/home/public/Dropbox/others/Project/opal/0.11/opal-node/http.js:2216:17)
    at Opal.modules.nodejs (/home/public/Dropbox/others/Project/opal/0.11/opal-node/http.js:23214:8)

Billy.Zheng

@zw963

@/all, Hi, here have a awesome tutorial for opal by @elia, with slide, youtube video. i think maybe some one interest in it.
And, BONUS: we can seem a talk by @elia in video. :smile:

Forrest Chang

@fkchang

@zw963 did you have the glob module installed? i.e. npm install --save glob

Elia Schito

@elia

@fzingg I never went beyond the article that basically that D3.js says it's kinda hard to wrap, but I think @taw did a great job with opal-d3 and the only thing missing is something more in the readme, like examples etc. That's probably the easiest contribution from anyone approaching the project (HINT HINT! :smile:). Also as a sidenote method_missing should work properly on bridged classes (classes defined in JS outside of Opal).

Frederic ZINGG

@fzingg

@elia @taw Yes, I tried his opal-d3 and it looks great and works well. The only thing is that it works with OPAL 0.10 and because I combine everything with Hyperloop last version which works only with Opal 0.11, I would need to update the opal-d3. I will see with @taw .

Where communities thrive

People

Repo info

Activity