binnacle_chat 0.0.8

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 429f6bc23921c41b9efb5dced56dbc108a77bc60
+  data.tar.gz: d5e827a40a9127ce6f25ceed2f137ccf089e5fdf
+SHA512:
+  metadata.gz: 6859dd8b63bed9dcf6f61b1e5183141e87b317b568a25b87b701847cab6557b1659950ac45d247bacc77573f74b0437897dcfd17380863841d27b867fef7bee4
+  data.tar.gz: 8b570d45bd4ef15fafc0d18532a1a06c7ee237d7409525fa22c03880829cd943b5615f469c64c2d0acaeddab42b7ec4ce198378a3b29907424c9889230b8e4bb

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2015 Brian Sam-Bodden
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/Rakefile

@@ -0,0 +1,7 @@
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+
+require 'bundler/gem_tasks'

data/app/assets/javascripts/binnacle_chat.coffee

@@ -0,0 +1,149 @@
+#= require jquery
+#= require jquery-ui
+#= require binnacle
+#= require jspanel
+#= require gravatarjs
+
+$ ->
+  if $('.binnacle_chat').length > 0
+    identity = $('.binnacle_chat').data('identity')
+    email = $('.binnacle_chat').data('email')
+    displayName = $('.binnacle_chat').data('display-name')
+    room = $('.binnacle_chat').data('room')
+    id = $('.binnacle_chat').data('binnacle_chat_id')
+    title = $('.binnacle_chat').data('title')
+
+    # configure jspanel
+    binnacleChat = $.jsPanel
+      title: title
+      position:
+        top: (panel) ->
+          $(window).height() - parseInt(panel.css('height'))
+        right: "auto"
+      offset: top: -10, left: 10
+      bootstrap: 'default'
+      iconfont: 'font-awesome'
+      controls:
+        buttons: 'none'
+      id: id
+      addClass:
+        header: 'panel-heading'
+        content: 'panel-body'
+      overflow: 'scroll'
+      size: width: '450px', height: '300px'
+
+      # Pass footer toolbar so it won't scroll with the messages
+      toolbarFooter: '<div id="binnacle-chat-footer"><a class="pull-left members" data-toggle="popover" data-placement="top" data-html="true" data-content="<ul><li>Room Member</li></ul>"><i class="fa fa-user"></i></a><form id="chat-form" class="form pull-right"><input id="message" type="text" class="form-control" placeholder="Type something…" /></form></div>'
+
+    binnacleChat.content.append $('.binnacle_chat')
+
+    $('.jsPanel').addClass 'panel-primary panel'
+
+    #if minimized, change footer position absolute to relative
+    $('.jsPanel-btn-min').click ->
+      $('.jsPanel #binnacle-chat-footer').css 'position', 'relative'
+
+    #else change it back to absolute
+    $('.jsPanel-btn-norm').click ->
+      $('.jsPanel #binnacle-chat-footer').css 'position', 'absolute'
+
+    client = null
+    sessionId = Math.random().toString(36).substr(2)
+
+    binnacleEventHandler = (event) ->
+      console.log("Received message! #{event}")
+      $messages = $('#messages')
+
+      if event.clientId == identity
+        $message = $("#binnacle-chat-right").clone()
+      else
+        $message = $("#binnacle-chat-left").clone()
+
+      $message.find('.message p').text(event.json.message)
+      $message.find('.name').text(event.json.displayName)
+      $message.find('.time span').text((new Date(event.eventTime)).toLocaleString())
+      $message.removeAttr('id').removeClass('template')
+      $message.find('.chat-user img').attr('src', gravatar(event.json.email))
+
+      displayEvent($message)
+
+    subscriberJoined = (event) ->
+      if event.presenceId isnt client.options.identity
+        $messages = $('#messages')
+        activity = $('.user-joined.template').clone()
+        activity.find('span').text(event.presenceId)
+        activity.removeClass('template')
+
+        displayEvent(activity)
+
+        client && client.subscribers(displaySubscribers)
+
+    subscriberLeft = (event) ->
+      if event.presenceId isnt client.options.identity
+        $messages = $('#messages')
+        activity = $('.user-left.template').clone()
+        activity.find('span').text(event.presenceId)
+        activity.removeClass('template')
+
+        displayEvent(activity)
+
+        client && client.subscribers(displaySubscribers)
+
+    $('#chat-form').submit (e) ->
+      e.preventDefault()
+      message = $('#message').val()
+      return false unless message
+
+      binnacleEvent = new (Binnacle.Event)(
+        sessionId: sessionId
+        eventName: room
+        clientId: client.options.identity
+        json:
+          user: client.options.identity
+          email: email
+          displayName: displayName
+          message: message
+      )
+
+      client.signal binnacleEvent
+      $('#message').val ''
+
+    client = new (Binnacle.Client)(
+      apiKey: gon.apiKey
+      apiSecret: gon.apiSecret
+      endPoint: gon.endPoint
+      channelId: gon.channelId
+      missedMessages: true
+      limit: 5
+      since: 30
+      identity: identity
+      filterBy: 'event'
+      filterByValue: room
+      onSignal: binnacleEventHandler
+      onSubscriberJoined: subscriberJoined
+      onSubscriberLeft: subscriberLeft
+    )
+
+    client.subscribe()
+
+    displayEvent = (event) ->
+      $messages = $('#messages')
+      $messages.append event
+      event.removeClass('hidden')
+
+      $('.jsPanel-content').animate { scrollTop: $('.jsPanel-content').prop('scrollHeight') }, 500
+      event.effect 'highlight', {}, 2000
+
+    displaySubscribers = (subscribers, xhrData) ->
+      subscribersList = "<ul>"
+      subscribers.sort()
+      for subscriber in subscribers
+        subscribersList += "<li>#{subscriber}</li>"
+
+      subscribersList += "</ul>"
+
+      $('#binnacle-chat-footer .members').attr('data-content', subscribersList)
+
+    client.subscribers(displaySubscribers)
+
+  $('[data-toggle="popover"]').popover()

data/app/assets/stylesheets/binnacle_chat.css.scss

@@ -0,0 +1,86 @@
+/*
+ *= require jspanel/jquery.jspanel
+ */
+
+.jsPanel { overflow: visible; }
+.jsPanel-hdr { padding: 5px 10px; }
+.jsPanel-hdr-r span { color: #fff; font-size: 12px; }
+
+.binnacle_chat .template { display: none !important; }
+#messages { margin-bottom: 45px; padding: 10px; }
+.jsPanel-btn-small { display: none !important; }
+#binnacle-chat-footer {
+  position: absolute;
+  width: 100%;
+  background: #eee;
+  bottom: 0;
+  left: 0;
+  padding: 10px;
+}
+#binnacle-chat-footer .members {
+  cursor: pointer;
+  color: #444;
+  font-size: 14px;
+  margin-right: 10px;
+  padding: 5px 0;
+  text-decoration: none;
+}
+#binnacle-chat-footer .members:hover { color: #337ab7; }
+#binnacle-chat-footer .popover-content ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  font-size: 12px;
+}
+#binnacle-chat-footer .popover-content li { padding: 3px 0; }
+#binnacle-chat-footer form { width: 95%; }
+h3.jsPanel-title {
+  color: #fff !important;
+  font-size: 14px;
+  font-variant: normal;
+  text-transform: capitalize;
+  padding: 0;
+  line-height: 1.5;
+}
+.binnacle_chat .chat-item { padding: 5px 0; }
+.binnacle_chat .chat-user {
+  width: 50px;
+  height: 50px;
+  overflow: hidden;
+  background-clip: padding-box;
+  margin-top: 6px;
+}
+.binnacle_chat .item-left .chat-user { float: left; }
+.binnacle_chat .item-right .chat-user { float: right; }
+.binnacle_chat .chat-body {
+  padding: 8px 10px;
+  border-radius: 5px;
+  position: relative;
+  background-clip: padding-box;
+  width: 75%;
+}
+.binnacle_chat .item-left .chat-body { background: #f5f5f5; margin-left: 60px; }
+.binnacle_chat .item-right .chat-body { background: #dceffc; margin-right: 10px; float: right; }
+.binnacle_chat .chat-item .chat-body:before {
+  border-style: solid;
+  border-width: 6px;
+  content: "";
+  cursor: pointer;
+  position: absolute;
+  top: 25px;
+}
+.binnacle_chat .item-left .chat-body:before { border-color: transparent #f5f5f5 transparent transparent; left: -12px; }
+.binnacle_chat .item-right .chat-body:before { border-color: transparent transparent transparent #dceffc; right: -12px; }
+.binnacle_chat .chat-item .name { font-weight: 600; margin-bottom: 5px; }
+.binnacle_chat .chat-item .time {
+  position: absolute;
+  right: 10px;
+  top: 8px;
+  color: #666;
+  font-size: 10px;
+  font-weight: 300;
+}
+.binnacle_chat .user-activity {
+  margin: 10px auto;
+  color: #aaa;
+}

data/app/helpers/binnacle_chat_helper.rb

@@ -0,0 +1,18 @@
+module BinnacleChatHelper
+  def chat(options = {})
+    options[:id] ||= "binnacle_chat"
+    options[:room] ||= "binnacle_chat"
+    options[:title] ||= "Chat"
+    render(
+      partial: "binnacle_chat/binnacle_chat",
+      locals: {
+        binnacle_chat_id: options[:id],
+        binnacle_chat_room: options[:room],
+        binnacle_chat_identity: options[:identity],
+        binnacle_chat_email: options[:email],
+        binnacle_chat_display_name: options[:display_name],
+        binnacle_chat_title: options[:title]
+      }
+    )
+  end
+end

data/app/views/binnacle_chat/_binnacle_chat.html.erb

@@ -0,0 +1,46 @@
+<% content_for :binnacle_chat do %>
+  <%= Gon::Base.render_data %>
+<% end %>
+
+<div class="binnacle_chat" id="<%= binnacle_chat_id %>"
+     data-identity="<%= binnacle_chat_identity %>"
+     data-email="<%= binnacle_chat_email %>"
+     data-display-name="<%= binnacle_chat_display_name %>"
+     data-room="<%= binnacle_chat_room %>"
+     data-title="<%= binnacle_chat_title %>"
+  >
+  <div id="messages">
+    <div id='binnacle-chat-left' class="chat-item item-left clearfix template hidden">
+      <div class="chat-user">
+        <img src="#" class="img-responsive img-circle">
+      </div>
+      <div class="chat-body">
+        <div class="name">#{name}</div>
+        <div class="time hidden-xs"><i class="fa fa-clock-o"></i> <span>#{time}</span></div>
+        <div class="message">
+          <p>#{message}</p>
+        </div>
+      </div>
+    </div> <!-- /binnacle-chat-left -->
+    <div id='binnacle-chat-right' class="chat-item item-right clearfix template hidden">
+      <div class="chat-user">
+        <img src="#" class="img-responsive img-circle">
+      </div>
+      <div class="chat-body">
+        <div class="name">#{name}</div>
+        <div class="time hidden-xs"><i class="fa fa-clock-o"></i> <span>#{time}</span></div>
+        <div class="message">
+          <p>#{message}</p>
+        </div>
+      </div>
+    </div> <!-- /binnacle-chat-right -->
+
+    <div class="user-activity user-joined text-center template">
+      <i class="fa fa-smile-o"></i> <span>#{Room Member}</span> has joined the room
+    </div>
+
+    <div class="user-activity user-left text-center template">
+      <i class="fa fa-frown-o"></i> <span>#{Room Member}</span> has left the room
+    </div>
+  </div> <!-- /#messages -->
+</div>

data/config/routes.rb

@@ -0,0 +1,2 @@
+Rails.application.routes.draw do
+end

data/lib/binnacle_chat.rb

@@ -0,0 +1,6 @@
+require "binnacle_chat/engine"
+require "binnacle_chat/initializer"
+require "gon"
+
+module BinnacleChat
+end

data/lib/binnacle_chat/engine.rb

@@ -0,0 +1,11 @@
+require 'bundler/setup'
+
+module BinnacleChat
+  class Engine < ::Rails::Engine
+    initializer "binnacle_chat.load_initializer" do
+      ActiveSupport.on_load(:action_controller) do
+        include BinnacleChat::Initializer
+      end
+    end
+  end
+end

data/lib/binnacle_chat/initializer.rb

@@ -0,0 +1,16 @@
+module BinnacleChat
+  module Initializer
+		extend ActiveSupport::Concern
+
+    def initialize_binnacle_chat
+      gon.apiKey = ENV["BINNACLE_API_KEY"]
+      gon.apiSecret = ENV["BINNACLE_API_SECRET"]
+      gon.channelId = ENV["BINNACLE_CHAT_CHANNEL"]
+      if Rails.env.production?
+        gon.endPoint = "https://#{ENV["BINNACLE_ENDPOINT"]}"
+      else
+        gon.endPoint = "http://#{ENV["BINNACLE_ENDPOINT"]}:8080"
+      end
+    end
+  end
+end

data/lib/binnacle_chat/version.rb

@@ -0,0 +1,3 @@
+module BinnacleChat
+  VERSION = "0.0.8"
+end

metadata

@@ -0,0 +1,149 @@
+--- !ruby/object:Gem::Specification
+name: binnacle_chat
+version: !ruby/object:Gem::Version
+  version: 0.0.8
+platform: ruby
+authors:
+- Brian Sam-Bodden
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2017-04-17 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: coffee-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.1'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 4.1.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.1'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 4.1.0
+- !ruby/object:Gem::Dependency
+  name: sass-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '5.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '5.0'
+- !ruby/object:Gem::Dependency
+  name: gon
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '6.0'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 6.0.1
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '6.0'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 6.0.1
+- !ruby/object:Gem::Dependency
+  name: sqlite3
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.3'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 1.3.10
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.3'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 1.3.10
+- !ruby/object:Gem::Dependency
+  name: puma
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 2.14.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 2.14.0
+description: A Chat Widget for Rails powered by Binnacle.
+email:
+- brian@binnacle.io
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- MIT-LICENSE
+- Rakefile
+- app/assets/javascripts/binnacle_chat.coffee
+- app/assets/stylesheets/binnacle_chat.css.scss
+- app/helpers/binnacle_chat_helper.rb
+- app/views/binnacle_chat/_binnacle_chat.html.erb
+- config/routes.rb
+- lib/binnacle_chat.rb
+- lib/binnacle_chat/engine.rb
+- lib/binnacle_chat/initializer.rb
+- lib/binnacle_chat/version.rb
+homepage: https://binnacle.io/docs/03_widgets
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.6.11
+signing_key: 
+specification_version: 4
+summary: A Chat Widget for Rails.
+test_files: []