hyper-model 0.6.0

data/examples/chat-app/app/assets/stylesheets/application.scss

@@ -0,0 +1,33 @@
+@import "bootstrap-sprockets";
+@import "bootstrap";
+
+body {
+  padding-top: 50px;
+  padding-bottom: 60px;
+}
+div.alternating:nth-of-type(odd) {
+  background-color: #ddd;
+}
+div.alternating:nth-of-type(even) {
+  background-color: #ccc;
+}
+.input-box {
+  padding: 10px;
+}
+.white {
+  color: white;
+}
+.message {
+  padding-top: 10px;
+}
+textarea {
+  width: 100%;;
+}
+div.reactrb-icon {
+  float: left;
+  width: 50px;
+  height: 50px;
+  margin-right: 8px;
+  background-size: contain;
+  background-image: url("http://ruby-hyperloop.io/images/hyperloop_white.svg");
+}

data/examples/chat-app/app/controllers/application_controller.rb

@@ -0,0 +1,3 @@
+class ApplicationController < ActionController::Base
+  protect_from_forgery with: :exception
+end

data/examples/chat-app/app/controllers/home_controller.rb

@@ -0,0 +1,5 @@
+class HomeController < ApplicationController
+  def app
+    render_component
+  end
+end

data/examples/chat-app/app/hyperloop/components/app.rb

@@ -0,0 +1,12 @@
+# The main app
+class App < Hyperloop::Component
+  def render
+    DIV do
+      Nav()
+      if MessageStore.online?
+        Messages()
+        InputBox()
+      end
+    end
+  end
+end

data/examples/chat-app/app/hyperloop/components/formatted_div.rb

@@ -0,0 +1,15 @@
+# formats a markdown string using 'marked'
+class FormattedDiv < Hyperloop::Component
+  param :markdown, type: String
+  collect_other_params_as :attributes
+
+  render do
+    # send other attributes (such as css class) on to the outer div
+    DIV(params.attributes) do
+      DIV(
+        dangerously_set_inner_HTML:
+          { __html: `marked(#{params.markdown}, {sanitize: true })` }
+      )
+    end
+  end
+end

data/examples/chat-app/app/hyperloop/components/input_box.rb

@@ -0,0 +1,26 @@
+# input box for entering mark down string
+class InputBox < Hyperloop::Component
+
+  state composition: ''
+
+  render(DIV, class: 'row form-group input-box navbar navbar-inverse navbar-fixed-bottom') do
+    DIV(class: 'col-sm-1 white') { 'Say: ' }
+    TEXTAREA(class: 'col-sm-5', rows: rows, value: state.composition)
+    .on(:key_down) do |e|
+      next unless send_key?(e)
+      Operations::Send message: mutate.composition(''), user_name: MessageStore.user_name
+    end
+    .on(:change) do |e|
+      mutate.composition e.target.value
+    end
+    FormattedDiv class: 'col-sm-5 white', markdown: state.composition
+  end
+
+  def rows
+    [state.composition.count("\n") + 1, 20].min
+  end
+
+  def send_key?(e)
+    (e.char_code == 13 || e.key_code == 13) && (e.meta_key || e.ctrl_key)
+  end
+end

data/examples/chat-app/app/hyperloop/components/message.rb

@@ -0,0 +1,29 @@
+require 'models/message'
+# display a single message
+class DisplayMessage < Hyperloop::Component
+  param :message, type: Message
+
+  after_mount :scroll_to_bottom
+  after_update :scroll_to_bottom
+
+  render(DIV, class: 'row alternating message') do
+    DIV(class: 'col-sm-2') { params.message[:from] }
+    FormattedDiv class: 'col-sm-8', markdown: params.message[:message]
+    DIV(class: 'col-sm-2') { formatted_time }
+  end
+
+  def scroll_to_bottom
+    Element['html, body'].animate({ scrollTop: Element[Document].height }, :slow)
+  end
+
+  def formatted_time
+    time = params.message[:time]
+    if Time.now < time + 1.day
+      time.strftime '%I:%M %p'
+    elsif Time.now < time + 7.days
+      time.strftime '%A'
+    else
+      time.strftime '%D %I:%M %p'
+    end
+  end
+end

data/examples/chat-app/app/hyperloop/components/messages.rb

@@ -0,0 +1,8 @@
+# display all messages
+class Messages < Hyperloop::Component
+  render(DIV, class: 'container') do
+    MessageStore.all.each do |message|
+      DisplayMessage message: message
+    end
+  end
+end

data/examples/chat-app/app/hyperloop/components/nav.rb

@@ -0,0 +1,30 @@
+class Nav < Hyperloop::Component
+
+  before_mount do
+    mutate.user_name_input ''
+  end
+
+  render do
+    div.navbar.navbar_inverse.navbar_fixed_top do
+      div.container do
+        div.collapse.navbar_collapse(id: 'navbar') do
+          form.navbar_form.navbar_left(role: :search) do
+            div.form_group do
+              input.form_control(type: :text, value: state.user_name_input, placeholder: "Enter Your Handle"
+              ).on(:change) do |e|
+                mutate.user_name_input e.target.value
+              end
+              button.btn.btn_default(type: :button) { "login!" }.on(:click) do
+                Operations::Join(user_name: state.user_name_input)
+              end if valid_new_input?
+            end
+          end
+        end
+      end
+    end
+  end
+
+  def valid_new_input?
+    state.user_name_input.present? && state.user_name_input != MessageStore.user_name
+  end
+end

data/examples/chat-app/app/hyperloop/models/application_record.rb

@@ -0,0 +1,3 @@
+class ApplicationRecord < ActiveRecord::Base
+  self.abstract_class = true
+end

data/examples/chat-app/app/hyperloop/models/message.rb

@@ -0,0 +1,6 @@
+require 'models/application_record'
+class Message < ApplicationRecord
+  def time
+    created_at
+  end
+end

data/examples/chat-app/app/hyperloop/operations/operations.rb

@@ -0,0 +1,13 @@
+module Operations
+  # add a message
+  class Send < Hyperloop::Operation
+    param :message
+    param :user_name
+
+    step { Message.create(message: params.message, from: params.user_name) }
+  end
+  # register user
+  class Join < Hyperloop::Operation
+    param :user_name
+  end
+end

data/examples/chat-app/app/hyperloop/stores/message_store.rb

@@ -0,0 +1,17 @@
+# Store for Messages and the current User Name
+class MessageStore < Hyperloop::Store
+  state :user_name, scope: :class, reader: true
+
+  def self.online?
+    state.user_name
+  end
+
+  def self.all
+    Message.all
+  end
+
+  receives Operations::Join do |params|
+    puts "receiving Operations::Join(#{params})"
+    mutate.user_name params.user_name
+  end
+end

data/examples/chat-app/app/policies/application_policy.rb

@@ -0,0 +1,9 @@
+# app/policies/application_policy
+class Hyperloop::ApplicationPolicy
+  # Allow any session to connect:
+  always_allow_connection
+  # Send all attributes from all public models
+  regulate_all_broadcasts { |policy| policy.send_all }
+  # Allow all changes to public models
+  allow_change(to: :all, on: [:create, :update, :destroy]) { true }
+end if Rails.env.development?

data/examples/chat-app/app/views/layouts/application.html.erb

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>ChatApp</title>
+    <%= csrf_meta_tags %>
+    <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
+    <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
+  </head>
+  <body>
+    <%= yield %>
+  </body>
+</html>

data/examples/chat-app/bin/bundle

@@ -0,0 +1,3 @@
+#!/usr/bin/env ruby
+ENV['BUNDLE_GEMFILE'] ||= File.expand_path('../../Gemfile', __FILE__)
+load Gem.bin_path('bundler', 'bundle')

data/examples/chat-app/bin/rails

@@ -0,0 +1,9 @@
+#!/usr/bin/env ruby
+begin
+  load File.expand_path('../spring', __FILE__)
+rescue LoadError => e
+  raise unless e.message.include?('spring')
+end
+APP_PATH = File.expand_path('../config/application', __dir__)
+require_relative '../config/boot'
+require 'rails/commands'

data/examples/chat-app/bin/rake

@@ -0,0 +1,9 @@
+#!/usr/bin/env ruby
+begin
+  load File.expand_path('../spring', __FILE__)
+rescue LoadError => e
+  raise unless e.message.include?('spring')
+end
+require_relative '../config/boot'
+require 'rake'
+Rake.application.run

data/examples/chat-app/bin/setup

@@ -0,0 +1,34 @@
+#!/usr/bin/env ruby
+require 'pathname'
+require 'fileutils'
+include FileUtils
+
+# path to your application root.
+APP_ROOT = Pathname.new File.expand_path('../../', __FILE__)
+
+def system!(*args)
+  system(*args) || abort("\n== Command #{args} failed ==")
+end
+
+chdir APP_ROOT do
+  # This script is a starting point to setup your application.
+  # Add necessary setup steps to this file.
+
+  puts '== Installing dependencies =='
+  system! 'gem install bundler --conservative'
+  system('bundle check') || system!('bundle install')
+
+  # puts "\n== Copying sample files =="
+  # unless File.exist?('config/database.yml')
+  #   cp 'config/database.yml.sample', 'config/database.yml'
+  # end
+
+  puts "\n== Preparing database =="
+  system! 'bin/rails db:setup'
+
+  puts "\n== Removing old logs and tempfiles =="
+  system! 'bin/rails log:clear tmp:clear'
+
+  puts "\n== Restarting application server =="
+  system! 'bin/rails restart'
+end

data/examples/chat-app/bin/spring

@@ -0,0 +1,17 @@
+#!/usr/bin/env ruby
+
+# This file loads spring without using Bundler, in order to be fast.
+# It gets overwritten when you run the `spring binstub` command.
+
+unless defined?(Spring)
+  require 'rubygems'
+  require 'bundler'
+
+  lockfile = Bundler::LockfileParser.new(Bundler.default_lockfile.read)
+  spring = lockfile.specs.detect { |spec| spec.name == "spring" }
+  if spring
+    Gem.use_paths Gem.dir, Bundler.bundle_path.to_s, *Gem.path
+    gem 'spring', spring.version
+    require 'spring/binstub'
+  end
+end

data/examples/chat-app/bin/update

@@ -0,0 +1,29 @@
+#!/usr/bin/env ruby
+require 'pathname'
+require 'fileutils'
+include FileUtils
+
+# path to your application root.
+APP_ROOT = Pathname.new File.expand_path('../../', __FILE__)
+
+def system!(*args)
+  system(*args) || abort("\n== Command #{args} failed ==")
+end
+
+chdir APP_ROOT do
+  # This script is a way to update your development environment automatically.
+  # Add necessary update steps to this file.
+
+  puts '== Installing dependencies =='
+  system! 'gem install bundler --conservative'
+  system('bundle check') || system!('bundle install')
+
+  puts "\n== Updating database =="
+  system! 'bin/rails db:migrate'
+
+  puts "\n== Removing old logs and tempfiles =="
+  system! 'bin/rails log:clear tmp:clear'
+
+  puts "\n== Restarting application server =="
+  system! 'bin/rails restart'
+end

data/examples/chat-app/config.ru

@@ -0,0 +1,5 @@
+# This file is used by Rack-based servers to start the application.
+
+require_relative 'config/environment'
+
+run Rails.application

data/examples/chat-app/config/application.rb

@@ -0,0 +1,12 @@
+require_relative 'boot'
+
+require 'rails/all'
+
+# Require the gems listed in Gemfile, including any gems
+# you've limited to :test, :development, or :production.
+Bundler.require(*Rails.groups)
+
+module ChatApp
+  class Application < Rails::Application
+  end
+end

data/examples/chat-app/config/boot.rb

@@ -0,0 +1,3 @@
+ENV['BUNDLE_GEMFILE'] ||= File.expand_path('../Gemfile', __dir__)
+
+require 'bundler/setup' # Set up gems listed in the Gemfile.

data/examples/chat-app/config/cable.yml

@@ -0,0 +1,9 @@
+development:
+  adapter: async
+
+test:
+  adapter: async
+
+production:
+  adapter: redis
+  url: redis://localhost:6379/1

data/examples/chat-app/config/database.yml

@@ -0,0 +1,25 @@
+# SQLite version 3.x
+#   gem install sqlite3
+#
+#   Ensure the SQLite 3 gem is defined in your Gemfile
+#   gem 'sqlite3'
+#
+default: &default
+  adapter: sqlite3
+  pool: 5
+  timeout: 5000
+
+development:
+  <<: *default
+  database: db/development.sqlite3
+
+# Warning: The database defined as "test" will be erased and
+# re-generated from your development database when you run "rake".
+# Do not set this db to the same as development or production.
+test:
+  <<: *default
+  database: db/test.sqlite3
+
+production:
+  <<: *default
+  database: db/production.sqlite3

data/examples/chat-app/config/environment.rb

@@ -0,0 +1,5 @@
+# Load the Rails application.
+require_relative 'application'
+
+# Initialize the Rails application.
+Rails.application.initialize!

data/examples/chat-app/config/environments/development.rb

@@ -0,0 +1,56 @@
+Rails.application.configure do
+  config.react.variant = :development
+  config.watchable_files.concat Dir["#{config.root}/app/views/**/*.rb"]
+  # Settings specified here will take precedence over those in config/application.rb.
+
+  # In the development environment your application's code is reloaded on
+  # every request. This slows down response time but is perfect for development
+  # since you don't have to restart the web server when you make code changes.
+  config.cache_classes = false
+
+  # Do not eager load code on boot.
+  config.eager_load = false
+
+  # Show full error reports.
+  config.consider_all_requests_local = true
+
+  # Enable/disable caching. By default caching is disabled.
+  if true || Rails.root.join('tmp/caching-dev.txt').exist?
+    config.action_controller.perform_caching = true
+
+    config.cache_store = :memory_store
+    config.public_file_server.headers = {
+      'Cache-Control' => 'public, max-age=172800'
+    }
+  else
+    config.action_controller.perform_caching = false
+
+    config.cache_store = :null_store
+  end
+
+  # Don't care if the mailer can't send.
+  config.action_mailer.raise_delivery_errors = false
+
+  config.action_mailer.perform_caching = false
+
+  # Print deprecation notices to the Rails logger.
+  config.active_support.deprecation = :log
+
+  # Raise an error on page load if there are pending migrations.
+  config.active_record.migration_error = :page_load
+
+  # Debug mode disables concatenation and preprocessing of assets.
+  # This option may cause significant delays in view rendering with a large
+  # number of complex assets.
+  config.assets.debug = false
+
+  # Suppress logger output for asset requests.
+  config.assets.quiet = true
+
+  # Raises error for missing translations
+  # config.action_view.raise_on_missing_translations = true
+
+  # Use an evented file watcher to asynchronously detect changes in source code,
+  # routes, locales, etc. This feature depends on the listen gem.
+  config.file_watcher = ActiveSupport::EventedFileUpdateChecker
+end