Ability to configure websocket url

[joshleblanc]

It's possible I just can't find it, however it would be nice to be able to configure the websocket connection url.

If you're using a cloud IDE, ports are usually exposed by a url such as <port>-<hash>.cloud-ide.com, rather than host:<port>

For example, if you're using gitpod.io, you might be exposing port 5000 on https://5000-bd966c71-8ca6-4d11-b180-fd86e410dc99.ws-us0.gitpod.io/, and the websocket on https://25222-bd966c71-8ca6-4d11-b180-fd86e410dc99.ws-us0.gitpod.io/.

Hyperstack tries to connect to https://5000-bd966c71-8ca6-4d11-b180-fd87e410dc99.ws-us0.gitpod.io:25222 by default.

[joshleblanc]

Closing this because the websocket appears to connect fine, it's just not rendering changes from the backend live. Not sure why

[catmando]

it still may be due to the ide. You can try changing the transport (in the hyperstack initializer) to :simple_poller

This is gross but works anywhere.

Also if you would post your question (as above) to Stack overflow and tag it with hyperstack, that would be great. SO is much easier to search, so we are trying to get a database of questions there.

[joshleblanc]

The websocket works. The problem was I was trying to add/modify models from the rails console. This adding stuff to the message queue, but I guess none of the clients were subscribed to it.

I created a form in the actual site, and that works fine.

I'll use SO in the future.

[catmando]

@HorizonShadow you should be able to add/modify models from the console just fine. However the way this works, is the console process sends an http post over to the server process. This is needed because the server process owns the messaging queues.

Do you see any messages coming in on the server when you update models on the console?

I would like to make sure we get this working as most of the core team is on linux and MacOS boxes, so we may have some edge cases around this whole console -> server thing.

[joshleblanc]

Nothing in the server logs. It might be related to the cloud IDE.

Console log is

2.6.0 :002 > Test.create(name: "test 6")
   (0.1ms)  begin transaction
  Test Create (0.5ms)  INSERT INTO "tests" ("name", "created_at", "updated_at") VALUES (?, ?, ?)  [["name", "test 6"], ["created_at", "2019-04-05 22:19:30.312761"], ["updated_at", "2019-04-05 22:19:30.312761"]]
   (46.9ms)  commit transaction
   (0.2ms)  SELECT "hyperstack_connections"."channel" FROM "hyperstack_connections"
  Hyperstack::Connection::QueuedMessage Load (0.1ms)  SELECT  "hyperstack_queued_messages".* FROM "hyperstack_queued_messages" WHERE "hyperstack_queued_messages"."connection_id" = ? LIMIT ?  [["connection_id", 0], ["LIMIT", 1]]
  Hyperstack::Connection::QueuedMessage Load (0.1ms)  SELECT  "hyperstack_queued_messages".* FROM "hyperstack_queued_messages" WHERE "hyperstack_queued_messages"."connection_id" = ? LIMIT ?  [["connection_id", 0], ["LIMIT", 1]]
  Hyperstack::Connection::QueuedMessage Load (0.1ms)  SELECT  "hyperstack_queued_messages".* FROM "hyperstack_queued_messages" WHERE "hyperstack_queued_messages"."connection_id" = ? LIMIT ?  [["connection_id", 0], ["LIMIT", 1]]

You can try this yourself over at https://gitpod.io/#https://github.com/HorizonShadow/hyperstack-test

[catmando]

Thanks for showing me gitpod... its pretty nice.

They don't appear to allow requests originating in the system to come back through their external URL.

For now I just hardcoded the URL the console will use as 127.0.0.1 which seems to work.

I'm going to leave this issue open until we figure out a better way. At least we can put in a config file I guess.

Here is a patch to stick in initializers/hyperstack.rb at the end

module ReactiveRecord
  class Broadcast
    def self.send_to_server(operation, data)
      salt = SecureRandom.hex
      authorization = Hyperstack.authorization(salt, data[:channel], data[:broadcast_id])
      raise 'no server running' unless Hyperstack::Connection.root_path
      puts "sending to the remote using http:127.0.0.1:5000/hyperstack"
      SendPacket.remote(
        'http://127.0.0.1:5000/hyperstack/',
        data,
        operation: operation,
        salt: salt,
        authorization: authorization
      ).tap { |p| raise p.error if p.rejected? }
    end
  end
end

[joshleblanc]

Thanks!

Following that line of thinking, I patched Hyperstack::Hotloader, too.

module Hyperstack
    class Hotloader
        def connect_to_websocket(port)
        host = '25222-fc613f80-6767-4b24-8269-fd688e5c335f.ws-us0.gitpod.io/'
        protocol = `window.location.protocol` == 'https:' ? 'wss:' : 'ws:'
        ws_url = "#{host}"
        puts "Hot-Reloader connecting to #{ws_url}"
        ws = `new WebSocket(#{protocol} + '//' + #{ws_url})`
        `#{ws}.onmessage = #{lambda { |e| reload(e) }}`
        `setInterval(function() { #{ws}.send('') }, #{@ping * 1000})` if @ping
        end
    end
end

There's no initializers for client side code, so I stuck it at the top of hyperstack/models/application_record.rb

With this change, and your change, everything seems to be working.