got stock-ticker working

catmando · catmando · commit dca908efb14b · 2018-10-27T03:41:06.000-04:00
diff --git a/ruby/examples/misc/stock-tickers/app/hyperstack/components/app.rb b/ruby/examples/misc/stock-tickers/app/hyperstack/components/app.rb
@@ -12,6 +12,7 @@ class App < HyperComponent
     INPUT(placeholder: 'enter a stock symbol').on(:key_down) do |evt|
       next unless evt.key_code == 13
       mutate @symbols << evt.target.value
+      evt.target.value = ''
     end
   end
 end
diff --git a/ruby/examples/misc/stock-tickers/app/hyperstack/components/display_ticker.rb b/ruby/examples/misc/stock-tickers/app/hyperstack/components/display_ticker.rb
@@ -1,6 +1,6 @@
 class DisplayTicker < HyperComponent
   param :symbol
-  before_mount { @ticker = StockTicker.new(params.symbol) }
+  before_mount { @ticker = StockTicker.new(params.symbol, 10.seconds) }
   render(DIV) do
     "#{params.symbol.upcase} current price: #{@ticker.price}"
   end
diff --git a/ruby/examples/misc/stock-tickers/app/hyperstack/stores/stock_ticker.rb b/ruby/examples/misc/stock-tickers/app/hyperstack/stores/stock_ticker.rb
@@ -1,18 +1,28 @@
 class StockTicker
   include Hyperstack::State::Observable
 
+  state_reader :price
+  attr_reader :symbol
+
+  def initialize(symbol, update_interval = 5.minutes)
+    @symbol = symbol
+    fetch
+    every(update_interval) { fetch }
+  end
+
   def fetch
+    puts "fetching #{@symbol}"
     HTTP.get("https://api.iextrading.com/1.0/stock/#{@symbol}/delayed-quote").then do |response|
       mutate @price = response.json[:delayedPrice]
     end
   end
 
-  def initialize(symbol, update_interval = 5.minutes)
-    @symbol = symbol
-    fetch
-    every(update_interval) { fetch }
+  before_unmount do
+    # just to demonstrate use of before_unmount - this is not needed
+    # but if there were some other cleanups you needed you could put them here
+    # however intervals (every) delays (after) and websocket receivers are all
+    # cleaned up automatically
+    puts "cancelling #{@symbol}"
   end
 
-  state_reader :price
-  attr_reader :symbol
 end
diff --git a/ruby/examples/misc/stock-tickers/app/views/layouts/application.html.erb b/ruby/examples/misc/stock-tickers/app/views/layouts/application.html.erb
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <title>SmokeTest</title>
+    <title>Stock Tickers Example</title>
     <%= csrf_meta_tags %>
     <%= csp_meta_tag %>
 
diff --git a/ruby/examples/misc/stock-tickers/config/initializers/hyperstack.rb b/ruby/examples/misc/stock-tickers/config/initializers/hyperstack.rb
@@ -1,6 +1,7 @@
 Hyperstack.configuration do |config|
   config.prerendering = :on
-  config.import 'hyperstack-jquery'
+  config.import 'jquery', client_only: true
+  config.import 'hyperstack/component/jquery', client_only: true
   config.import 'browser/interval'
   config.import 'active_support'
   config.import 'hyperstack/hotloader', client_only: true if Rails.env.development?
