Questions tagged [hyperstack]

Hyperstack is a Ruby-based DSL and modern web toolkit for building interactive web applications. Use this tag in questions related with development of web apps using this DSL, installation and configuration, compiling into JavaScript (by Opal) and also getting source maps with Webpack and Yarn

Hyperstack is a Ruby isomorphic framework integrated with Rails and React for building interactive web applications. Use this tag in questions related to the development of web apps using Hyperstack, installation and configuration, compiling into JavaScript (by Opal) and also getting source maps with Webpack and Yarn.

41 questions
5
votes
4 answers

checking to see if item is "clickable" in HyperSpec

I have a Hyperstack component like this: render do LI(class: class_names, title: conflicts || '', data: { toggle: :tooltip, placement: 'auto left', container: :body }) do DIV(class: 'row paper-row') do …
Mitch VanDuyn
  • 2,838
  • 1
  • 22
  • 29
4
votes
1 answer

Getting error text on the client when a model does not save

I am using the Hyperstack.org framework, so working with Opal compiled Ruby code. Hyperstack's integration with Rails creates a representation of some of the Models on the client and I have a question about error validation in the response. When…
BarrieH
  • 373
  • 3
  • 11
3
votes
1 answer

Hyperstack add dynamic class to manual class names

I need to add a dynamic class to some regular classes while updating syntax for Hyperstack: div.upload_header.text_left(class: ('uploaded' if FileUploads.complete?)) do Should become something like this: DIV(class: 'upload-header text-left…
2
votes
1 answer

Higher-order components in Hyperstack

There's a frequent usecase with javascript libraries where you want to decorate your components with higher order components. For example, the material-ui library includes a styling higher-order component withStyles. In javascript, you would…
Cereal
  • 3,699
  • 2
  • 23
  • 36
2
votes
2 answers

How to import Material-Icons in Hyperstack?

I try to use MaterialUi's (like here https://material-ui.com/demos/app-bar/) in my Hyperstack-App but I get error below. I installed @material-ui/icons with yarn, then I imported it in /app/javascript/packs/application.js like so import…
chiwowahh
  • 25
  • 4
2
votes
1 answer

When Using Devise with Hyperloop is Hyperloop::Application.acting_user_id accessible from Rails console?

Following https://github.com/barriehadfield/hyperloop_devise_tutorial when you call Hyperloop::Application.acting_user_id from rails console you get: NoMethodError: undefined method `client_drivers_get_acting_user_id' for…
Michail
  • 147
  • 8
1
vote
1 answer

Can Hyperloop Work with the newest Async/Await?

I see that the examples on https://hyperstack.org/ describes making a fetch as a wrapper around priomsies. I know that in JS async/await is syntatic sugar around promises, but Im curious if I can use the async/await pattern with the Hyperloop ruby…
Zack Weiner
  • 664
  • 4
  • 14
1
vote
2 answers

Can I use something along the lines of String#constantize to initialize a Hyperstack::Component?

I have some objects in my DB that I like to render with a dedicated Hyperstack view Component. Lets say my objects have a unique name property from A to J. Now I would like to loop through them with each and render a ComponentA, ComponentB,…
1
vote
1 answer

Restrict Hyperstack components/models to only those necessary for some specific page to work?

When you access some page in Hyperstack, every model from app/hyperstack/models directory is included and sent to the browser. For the sake of security and performance, is it possible to load (automatically or by some directive) only the required…
Michail
  • 147
  • 8
1
vote
1 answer

Hyperstack doesn't find landing page resource

Hypertext /install guide shows you how to add Hypertext to an existing Rails app. I've got to the point where I should be able to launch the legacy app as before, but the routes to image resources can't be resolved. I think I'm just not getting…
John Mount
  • 11
  • 3
1
vote
1 answer

What is the most accurate way to check if you are in rails server process for the needs of Hyperstack

Hyperstack is an isomorphic framework where same code can run server or client side. So there are specific cases where depending on where some piece of code gets executed (server or client side) different things should be accomplished (client…
Michail
  • 147
  • 8
1
vote
1 answer

How do you convert this JSX to Hyperstack?

How would you convert this JSX into a Hyperstack Component? const Stopwatch = () => ( { // do something }} …
BarrieH
  • 373
  • 3
  • 11
1
vote
1 answer

Can I use hyperstack without activerecord?

I use rethinkdb and nobrainer as my ODM. Will Hyperstack be in sync with my models? i.e. state syncing between the backend db and the frontend?
sambehera
  • 959
  • 3
  • 13
  • 33
1
vote
1 answer

Uncaught error: RuntimeError: Edit does not appear to be a react component

I'm getting the "Uncaught error: RuntimeError: Edit does not appear to be a react component." message, despite having edit defined within the same module: module Components module Admin module Discounts class Layout <…
1
vote
1 answer

When upgrading from Hyperloop to Hyperstack, is "opal_hot_reloader" gem still necessary?

I am just upgrading a Rails app from Hyperloop to Hyperstack. Is the "opal_hot_reloader" gem obsolete since Hyperstack?
cantonic
  • 1,033
  • 7
  • 12
1
2 3