Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
    Isomorfeus Robot
    @isomorfeusbot
    [slack] <janbiedermann> test
    Jan Biedermann
    @janbiedermann
    test
    Isomorfeus Robot
    @isomorfeusbot
    [slack] <janbiedermann> @janbiedermann hat das Channel-Thema festgelegt: Please avoid using threads, because they don't show up on Gitter.
    Isomorfeus Robot
    @isomorfeusbot

    [slack] <janbiedermann> @Forrest Chang I made OpalDevtools work with Firefox, chrome and firefox extension run from the same ruby code in the isomorfeus directory.
    I still don't know how to do the injects, currently looking at the react devtools, https://github.com/facebook/react/tree/master/packages/react-devtools-extensions/src
    Somewhere there the secrets are hidden.

    We can build additional files, by adding entry points to isomorfeus/imports and coresponding loaders to isomorfeus/ and then adding the imports to the webpack config.

    [slack] <janbiedermann> Debugging the extension is way better in Firefox
    Isomorfeus Robot
    @isomorfeusbot
    [slack] <janbiedermann> I also added a debug_build, which gives source maps and ruby source code in firefox.
    Isomorfeus Robot
    @isomorfeusbot
    [slack] <janbiedermann> Enabled watch mode, if doing:
    yarn run debug_build, webpack will rebuild on file changes, only thing to do is reload the extension in browser, very nice.
    Isomorfeus Robot
    @isomorfeusbot

    [slack] <janbiedermann> OpalDevtools now has TabCompletion, at least it shows the available options. Then the prompt gets messy, but thats just a bug that needs to be fixed. Works in 🦊 and chrome.

    Also its possible to inject_opal on any website and play with the DOM, but not with the JS of the site.
    It was real work to get this 2 features working.

    [slack] <janbiedermann> and the inject_opal does inject on chrome, but then the execution doesn't work. Small bug.
    Isomorfeus Robot
    @isomorfeusbot
    [slack] <janbiedermann> Now working super smooth with tab completion ...
    [slack] <janbiedermann> added a new command: go_iso 😏
    Isomorfeus Robot
    @isomorfeusbot
    [slack] <janbiedermann> Cool, the chrome extension also works in Edge Canary
    Isomorfeus Robot
    @isomorfeusbot
    [slack] <janbiedermann> Tab completion doesnt work on http://hyperstack.org, 'coz: opal 0.11.4 ... sorry. Command execution seems to work though.
    Isomorfeus Robot
    @isomorfeusbot
    [slack] <Forrest Chang> @janbiedermann looks like you’re making good progress, sorry I hadn’t had time to work on it
    [slack] <janbiedermann> yes, i do, np
    [slack] <janbiedermann> your code is there anyway ;)
    Isomorfeus Robot
    @isomorfeusbot

    [slack] <janbiedermann> @Forrest Chang experiments branch has a object browser 🙂

    Also some other nice Features:

    • automatic detection of Opal and Version
    • automatic detection of Framework (it detects Isomorfeus, Hyperstack, Hyperloop and Clearwater for now)
    • in case of Isomorfeus shows a Force render! Button
    • When used with latest es6_modules_1_1 branch of opal and bundling with webpack and injecting a var as here: (https://github.com/opal/opal/pull/1976#issuecomment-538459551) then it shows a object browser.

    It works sort of, still some issues.

    The worst issue for the moment is , that Chrome does not seem to send the onNavigated event so that the check for Opal will not run. Works fine in 🔥🦊.

    [slack] <janbiedermann> The React People seem to call the check for react every second, probably because of the same problem. Not sure.
    Isomorfeus Robot
    @isomorfeusbot
    [slack] <janbiedermann> Found the problem, .onNavigated fires on chrome before page load, and in firefox after page load. Fixed it.
    Isomorfeus Robot
    @isomorfeusbot
    [slack] <janbiedermann> opal-devtools 0.0.2 - big improvement, for 🔥 🦊 already available, for Chrome soon ...
    [slack] <frédéric ZINGG> 👏can't wait to try
    Isomorfeus Robot
    @isomorfeusbot
    Isomorfeus Robot
    @isomorfeusbot
    [slack] <janbiedermann> opal-devtool 0.0.3 - fixing a small bug, already available for firefox
    chrome users have to wait ...
    [slack] <janbiedermann> Surely a much nicer experience with mozillas addons.
    Isomorfeus Robot
    @isomorfeusbot
    Isomorfeus Robot
    @isomorfeusbot
    [slack] <janbiedermann> 0.11? no tab completion.
    try it here https://isomorfeus.com/debug_guide
    Isomorfeus Robot
    @isomorfeusbot
    [slack] <frédéric ZINGG> not sure wha you mean by "try it here" ?
    I have been to that page and opened the opaldevtools, but what to see ?
    [slack] <janbiedermann> right side:
    -> Force Render!
    -> Showing Console -> click -> Showing Object Browser

    [slack] <janbiedermann> and tab completion in the console

    Isomorfeus.on_ TAB ....

    Isomorfeus Robot
    @isomorfeusbot
    [slack] <frédéric ZINGG> 👍
    Isomorfeus Robot
    @isomorfeusbot
    [slack] <janbiedermann> Finally 0.0.3 is available for chrome too ...