Giter Site home page Giter Site logo

Instructions don't work about opal-browser HOT 5 CLOSED

opal avatar opal commented on June 15, 2024
Instructions don't work

from opal-browser.

Comments (5)

meh avatar meh commented on June 15, 2024

Did you require 'browser'?

from opal-browser.

stugol avatar stugol commented on June 15, 2024

Yup.

from opal-browser.

elia avatar elia commented on June 15, 2024

@stugol is it in a haml filter?

from opal-browser.

stugol avatar stugol commented on June 15, 2024

Yup. I have the following filter code:

module Haml::Filters::Opal
  include Haml::Filters::Base

  def render_with_options ruby, options
    text = ::Opal.compile(ruby)
    type = (options[:format] == :html5) ? '' : " type=#{options[:attr_wrapper]}text/javascript#{options[:attr_wrapper]}"

    text.rstrip!
    text.gsub!("\n", "\n    ")

    <<HTML
<script#{type}>
  //<![CDATA[
    #{text}
  //]]>
</script>
HTML
  end
end

from opal-browser.

hmdne avatar hmdne commented on June 15, 2024

This looks like there's no browser loaded on the browser side, only opal-browser server side. You would either need to add require "browser" in some HAML filter or add some <script src='opal-browser.js'></script> with a pre-compiled opal-browser (November 2019: I don't think there are any up-to-date pre-compiled distributions of opal-browser as of yet, we will probably do it with the next release)

I'm closing this issue in a process of tidying up issues of this project. Please feel free to reopen it if it is still relevant :)

from opal-browser.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.