by

Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • May 11 2019 09:03

    janbiedermann on master

    update config for example and t… (compare)

  • May 11 2019 08:43

    janbiedermann on master

    further readme split up (compare)

  • May 11 2019 08:24

    janbiedermann on master

    fix travis config (compare)

  • May 11 2019 08:21

    janbiedermann on master

    fix links (compare)

  • May 11 2019 08:19

    janbiedermann on master

    exclude specs in fixtures clean up a bit corrections in readme and 8 more (compare)

  • May 11 2019 06:09

    janbiedermann on master

    update branch for compilation t… add es6_modules_string branch t… (compare)

  • May 10 2019 20:11

    janbiedermann on master

    let var be let (compare)

  • May 10 2019 18:42

    janbiedermann on master

    add test to execute ruby with c… (compare)

  • May 10 2019 17:18

    janbiedermann on master

    update doc for branches and PRs (compare)

  • May 10 2019 13:00

    janbiedermann on master

    keep test_apps folder for tests (compare)

  • May 10 2019 12:21

    janbiedermann on master

    simplify a bit spec add owl to dependencies test for 'public/assets' add te… and 2 more (compare)

  • May 09 2019 21:53
    francescoagati closed #2
  • May 09 2019 21:53
    francescoagati commented #2
  • May 09 2019 21:47
    janbiedermann commented #2
  • May 09 2019 16:02
    francescoagati opened #2
  • May 09 2019 16:01
    francescoagati starred isomorfeus/opal-webpack-loader
  • May 04 2019 02:19

    janbiedermann on master

    document file tree more accurat… (compare)

  • May 03 2019 16:30
  • May 03 2019 15:42

    janbiedermann on 0.7.3

    (compare)

  • May 03 2019 15:41

    janbiedermann on 0.7.3

    (compare)

Isomorfeus Robot
@isomorfeusbot
[slack] <janbiedermann> So now i can be confident, Func Components actually work 😄
[slack] <janbiedermann> Sure, css is to easy, we want more power
[slack] <frédéric ZINGG> yes, just need a bit of to_n, JS here and there 😃
But seriously, I think we can attract some users with delivering simple solution of animating SVG and make impressive website.
Not only for geek ! also for artist !
[slack] <janbiedermann> i agree
[slack] <janbiedermann> Lets see, maybe we can provide a GS wrapper
[slack] <frédéric ZINGG> right, I will experiment more with the lib.
But having a simple way of working with SVG, has always been my dream.
But looks like computing implementation takes years !
Isomorfeus Robot
@isomorfeusbot
[slack] <frédéric ZINGG> <@UHHUC9E58> Another annoying question regarding Gsap and javascript object:
Gsap lib has a timeline class.
in pure REACT we got:
const tl = new gsap.timeline(); <http://tl.to|tl.to>(title, { autoAlpha: 1, duration: 1 });
in the JS console I tried:: https://files.slack.com/files-pri/THYSYJT0F-F011P90JSN5/download/image.png
[slack] <frédéric ZINGG> in RUBY code, I tried:
t1 = http://Gsap.to_n.JS.timeline http://t1.to(header3_ref, { autoAlpha: 1, duration: 1 }.to_n)
[slack] <janbiedermann> Gsap.to_n.JS.timeline()
[slack] <janbiedermann> must use brackets
[slack] <frédéric ZINGG> ok, I just update the brackets, but still got the same error:: https://files.slack.com/files-pri/THYSYJT0F-F011FHMCKSP/download/image.png
[slack] <janbiedermann> http://t1.JS.to(...)
[slack] <janbiedermann> you create a js object
[slack] <frédéric ZINGG> right, I just tried and work.
I got a different error but that is better.: https://files.slack.com/files-pri/THYSYJT0F-F011P9HLTNV/download/image.png
[slack] <frédéric ZINGG> it mis more about the args format I pass to the func I think.
The ref probably
[slack] <janbiedermann> ok, this may be because of the new not called
Isomorfeus Robot
@isomorfeusbot
[slack] <frédéric ZINGG> how I do create the instance with new, I mean the syntax, I'm not sure 😥
[slack] <janbiedermann> me neither, just looking it up
[slack] <frédéric ZINGG> yes already what I got
t1 = http://Gsap.to_n.JS.timeline() http://t1.JS.to(header3_ref, { autoAlpha: 1, duration: 1 }.to_n)
[slack] <janbiedermann> gsap timeline may return a function/constructor, js new maybe just calles the function. So it may be enough to just do:
t = Gsap.to_n.JS.timeline() t1 = t.JS.call()
[slack] <janbiedermann> i may be wrong though
Isomorfeus Robot
@isomorfeusbot
[slack] <frédéric ZINGG> I tried like this, but still the same
t = http://Gsap.to_n.JS.timeline() t1 = t.JS.call() http://t1.JS.to(header3_ref, { autoAlpha: 1, duration: 1 }.to_n)
[slack] <janbiedermann> then probably its something else, i dont know
[slack] <frédéric ZINGG> t = $$($nesting, 'Gsap').$to_n().timeline(); t1 = t.call(); return http://t1.to(header3_ref, $hash2(["autoAlpha", "duration"], {"autoAlpha": 1, "duration": 1}).$to_n());}, $$2.$$s = self, $$2.$$arity = 0, $$2));
[slack] <frédéric ZINGG> ok, don't worry tanks !
I will explore different things.
[slack] <janbiedermann> it looks like an internal gsap error that is possibly triggered by a ruby to js misunderstanding, or something else.
[slack] <frédéric ZINGG> ok, tx.
Isomorfeus Robot
@isomorfeusbot
[slack] <frédéric ZINGG> @janbiedermann Good morning.
In fact, the GSAP TIMELINE works very well !
[slack] <frédéric ZINGG> t1 = http://Gsap.to_n.JS.timeline({repeat: 2, repeatDelay: 1}.to_n) http://t1.JS.to(timeline1_ref.JS[:current], { x: 500, duration: 3 }.to_n) http://t1.JS.to(timeline2_ref.JS[:current], { y: 100, duration: 3 }.to_n)
[slack] <frédéric ZINGG> H1(ref: timeline1_ref) do "Timeline text 1" end H1(ref: timeline2_ref) do "Timeline text 2" end
Isomorfeus Robot
@isomorfeusbot
[slack] <janbiedermann> Woohoo, awesome!
Isomorfeus Robot
@isomorfeusbot
[slack] <frédéric ZINGG> @janbiedermann Stupid question:
If I got an element with a string ref:
H1(ref: "ref_bla") do "Isomorfeus 1" end
[slack] <frédéric ZINGG> how to I get the element soemwhere else:
IN REACT: this.refs.ref_bla
[slack] <frédéric ZINGG> but in :isomorfeus: ?
[slack] <frédéric ZINGG> ha, maybe have to declare it first: `
ref :my_ref # a simple ref
Isomorfeus Robot
@isomorfeusbot
[slack] <frédéric ZINGG> ------------------
Looks like doesn't work in that sort of FUNC class
class GsapAnimation < LucidMaterial::Func::Base ref :h1_ref
[slack] <frédéric ZINGG> Uncaught TypeError: Cannot read property '$to_proc' of undefined
Isomorfeus Robot
@isomorfeusbot

[slack] <janbiedermann> yes, you have to declare it first an also use it properly:

declaration at class level:
ref :bla

usage in render block, in props or instance:
ref(:bla)
ruby_ref(:bla)

H1(ref: ref(:bla))

[slack] <janbiedermann> ref(:bla) -> native js object
ruby_ref(:bla) -> ruby comfort
[slack] <frédéric ZINGG> ok, tx.
looks like it works for ```LucidMaterial::Component::Base``` but not forLucidMaterial::Func::Base`
[slack] <janbiedermann> right
[slack] <janbiedermann> for Func you must use React.create_ref in render block
[slack] <janbiedermann> just like you did before
Isomorfeus Robot
@isomorfeusbot
[slack] <frédéric ZINGG> ha ok, was just to be sure 👍
This message was deleted
Isomorfeus Robot
@isomorfeusbot
[slack] <janbiedermann> maybe to clarify:
Component Func class: ref :bla - render: ruby_ref(:bla) React.create_ref => React::Ref ref(:bla) React.create_http://ref.to_n => Native JS ref object
Isomorfeus Robot
@isomorfeusbot
[slack] <janbiedermann> FYI: I just deactivated the :isomorfeus: twitter account.
Isomorfeus Robot
@isomorfeusbot
[slack] <frédéric ZINGG> 👍