litecable 0.4.0

data/examples/sinatra/assets/reset.css

@@ -0,0 +1,223 @@
+/* Reset
+----------------------------------------------------------------------------- */
+
+/* stylelint-disable */
+
+html, body,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+address, code, img,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label,
+table, th, td,
+article, aside, nav, section, figure, figcaption, footer, header,
+audio, video {
+  margin: 0;
+  padding: 0;
+}
+blockquote, img, fieldset, form {
+  border: 0;
+}
+a, strong, em, b, i, small, sub, sup, img, label, th, td, audio, video {
+  vertical-align: baseline;
+}
+applet, object, iframe,
+abbr, acronym, big, cite,
+del, dfn, ins, kbd, q, s, samp,
+strike, tt, var, u, center, legend,
+caption, tbody, tfoot, thead, tr,
+canvas, details, embed,
+menu, output, ruby, summary,
+time, mark {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  vertical-align: baseline;
+  font: inherit;
+  font-size: 100%;
+}
+ul, ol {
+  list-style: none;
+}
+
+/* Border-box FTW
+https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
+*,
+*:before,
+*:after {
+  box-sizing: inherit;
+}
+html {
+  overflow-y: scroll;
+  box-sizing: border-box;
+  text-size-adjust: 100%;
+}
+a {
+  background-color: transparent; /* Remove the gray background color from active links in IE 10. */
+  -webkit-text-decoration-skip: none;
+
+  &:hover,
+  &:active {
+    outline: 0;
+  }
+}
+img {
+  vertical-align: middle;
+}
+strong, b {
+  font-weight: bold;
+}
+em, i {
+  font-style: italic;
+}
+h1, h2, h3, h4, h5, h6 {
+  font-weight: bold;
+}
+table {
+  border-spacing: 0;
+  border-collapse: collapse;
+}
+th {
+  font-weight: bold;
+}
+td {
+  vertical-align: top;
+}
+input,
+select,
+textarea,
+button {
+  margin: 0;
+  vertical-align: middle;
+  font-size: 100%;
+  font-family: inherit;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10-.
+ * 2. Remove the padding in IE 10-.
+ */
+[type="checkbox"],
+[type="radio"] {
+  box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ * 2. Show the overflow in Edge, Firefox, and IE.
+ */
+button,
+input, /* 1 */
+select { /* 2 */
+  overflow: visible;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+ * Correct `select` style inheritance in Firefox.
+ */
+button,
+select {
+  text-transform: none;
+}
+
+/**
+ * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
+ *    controls in Android 4.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+button,
+html [type="button"], /* 1 */
+[type="reset"],
+[type="submit"] {
+  cursor: pointer; /* 3 */
+  -webkit-appearance: button; /* 2 */
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  padding: 0;
+  border: 0;
+}
+/**
+ * 1. Remove the default vertical scrollbar in IE.
+ */
+textarea {
+  overflow: auto; /* 1 */
+  resize: vertical;
+}
+svg:not(:root) {
+  overflow: hidden; /* Correct overflow not hidden in IE. */
+}
+
+/**
+ * Correct the odd appearance of search inputs in Chrome and Safari.
+ */
+[type="search"] {
+  -webkit-appearance: textfield;
+}
+
+/**
+ * Remove the inner padding and cancel buttons in Chrome on OS X and
+ * Safari on OS X.
+ */
+[type="search"]::-webkit-search-cancel-button,
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+/* stylelint-enable */
+
+[role="button"],
+input[type="submit"],
+input[type="reset"],
+input[type="button"],
+button {
+    -webkit-box-sizing: content-box;
+       -moz-box-sizing: content-box;
+            box-sizing: content-box;
+}
+
+/* Reset `button` and button-style `input` default styles */
+input[type="submit"],
+input[type="reset"],
+input[type="button"],
+button {
+    background: none;
+    border: 0;
+    color: inherit;
+    /* cursor: default; */
+    font: inherit;
+    line-height: normal;
+    overflow: visible;
+    padding: 0;
+    -webkit-appearance: button; /* for input */
+    -webkit-user-select: none; /* for button */
+       -moz-user-select: none;
+        -ms-user-select: none;
+}
+input::-moz-focus-inner,
+button::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+}
+
+/* Make `a` like a button */
+[role="button"] {
+    color: inherit;
+    cursor: default;
+    display: inline-block;
+    text-align: center;
+    text-decoration: none;
+    white-space: pre;
+    -webkit-user-select: none;
+       -moz-user-select: none;
+        -ms-user-select: none;
+}

data/examples/sinatra/chat.rb

@@ -0,0 +1,39 @@
+# frozen_string_literal: true
+require "litecable"
+
+# Sample chat application
+module Chat
+  class Connection < LiteCable::Connection::Base # :nodoc:
+    identified_by :user, :sid
+
+    def connect
+      @user = cookies["user"]
+      @sid = request.params["sid"]
+      reject_unauthorized_connection unless @user
+      $stdout.puts "#{@user} connected"
+    end
+
+    def disconnect
+      $stdout.puts "#{@user} disconnected"
+    end
+  end
+
+  class Channel < LiteCable::Channel::Base # :nodoc:
+    identifier :chat
+
+    def subscribed
+      reject unless chat_id
+      stream_from "chat_#{chat_id}"
+    end
+
+    def speak(data)
+      LiteCable.broadcast "chat_#{chat_id}", user: user, message: data["message"], sid: sid
+    end
+
+    private
+
+    def chat_id
+      params.fetch("id")
+    end
+  end
+end

data/examples/sinatra/config.ru

@@ -0,0 +1,28 @@
+# frozen_string_literal: true
+lib = File.expand_path("../../../lib", __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+
+require './app'
+require './chat'
+
+LiteCable.config.log_level = Logger::DEBUG
+
+app = Rack::Builder.new do
+  map '/' do
+    run App
+  end
+end
+
+if ENV['ANYCABLE']
+  # Turn AnyCable compatibility mode
+  LiteCable.anycable!
+else
+  require "lite_cable/server"
+
+  app.map '/cable' do
+    use LiteCable::Server::Middleware, connection_class: Chat::Connection
+    run proc { |_| [200, { 'Content-Type' => 'text/plain' }, ['OK']] }
+  end
+end
+
+run app

data/examples/sinatra/views/index.slim

@@ -0,0 +1,8 @@
+h2 Room Id
+
+form action="/rooms" method="POST"
+  .row
+    input type="text" required="required" name="id"
+  .row
+    button.btn type="submit"
+      span Go!

data/examples/sinatra/views/layout.slim

@@ -0,0 +1,15 @@
+doctype html
+html
+  head
+    title LiteCable Sinatra Demo
+    meta name="viewport" content="width=device-width"
+    meta charset="UTF-8"
+    link rel="stylesheet" href="/reset.css"
+    link rel="stylesheet" href="/app.css"
+    script type="text/javascript" src="/cable.js"
+  body
+    .header
+      h1.title
+        a href='/' LiteCable
+    .container.main
+      == yield      

data/examples/sinatra/views/login.slim

@@ -0,0 +1,8 @@
+h2 Your Name
+
+form action="/sign_in" method="POST"
+  .row
+    input type="text" required="required" name="user"
+  .row
+    button.btn type="submit"
+      span Go!

data/examples/sinatra/views/resetcss.slim

@@ -0,0 +1,224 @@
+css:
+  /* Reset
+  ----------------------------------------------------------------------------- */
+
+  /* stylelint-disable */
+
+  html, body,
+  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+  address, code, img,
+  dl, dt, dd, ol, ul, li,
+  fieldset, form, label,
+  table, th, td,
+  article, aside, nav, section, figure, figcaption, footer, header,
+  audio, video {
+    margin: 0;
+    padding: 0;
+  }
+  blockquote, img, fieldset, form {
+    border: 0;
+  }
+  a, strong, em, b, i, small, sub, sup, img, label, th, td, audio, video {
+    vertical-align: baseline;
+  }
+  applet, object, iframe,
+  abbr, acronym, big, cite,
+  del, dfn, ins, kbd, q, s, samp,
+  strike, tt, var, u, center, legend,
+  caption, tbody, tfoot, thead, tr,
+  canvas, details, embed,
+  menu, output, ruby, summary,
+  time, mark {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    vertical-align: baseline;
+    font: inherit;
+    font-size: 100%;
+  }
+  ul, ol {
+    list-style: none;
+  }
+
+  /* Border-box FTW
+  https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
+  *,
+  *:before,
+  *:after {
+    box-sizing: inherit;
+  }
+  html {
+    overflow-y: scroll;
+    box-sizing: border-box;
+    text-size-adjust: 100%;
+  }
+  a {
+    background-color: transparent; /* Remove the gray background color from active links in IE 10. */
+    -webkit-text-decoration-skip: none;
+
+    &:hover,
+    &:active {
+      outline: 0;
+    }
+  }
+  img {
+    vertical-align: middle;
+  }
+  strong, b {
+    font-weight: bold;
+  }
+  em, i {
+    font-style: italic;
+  }
+  h1, h2, h3, h4, h5, h6 {
+    font-weight: bold;
+  }
+  table {
+    border-spacing: 0;
+    border-collapse: collapse;
+  }
+  th {
+    font-weight: bold;
+  }
+  td {
+    vertical-align: top;
+  }
+  input,
+  select,
+  textarea,
+  button {
+    margin: 0;
+    vertical-align: middle;
+    font-size: 100%;
+    font-family: inherit;
+  }
+
+  /**
+   * 1. Add the correct box sizing in IE 10-.
+   * 2. Remove the padding in IE 10-.
+   */
+  [type="checkbox"],
+  [type="radio"] {
+    box-sizing: border-box; /* 1 */
+    padding: 0; /* 2 */
+  }
+
+  /**
+   * Show the overflow in IE.
+   * 1. Show the overflow in Edge.
+   * 2. Show the overflow in Edge, Firefox, and IE.
+   */
+  button,
+  input, /* 1 */
+  select { /* 2 */
+    overflow: visible;
+  }
+
+  /**
+   * Address inconsistent `text-transform` inheritance for `button` and `select`.
+   * All other form control elements do not inherit `text-transform` values.
+   * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+   * Correct `select` style inheritance in Firefox.
+   */
+  button,
+  select {
+    text-transform: none;
+  }
+
+  /**
+   * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
+   *    controls in Android 4.
+   * 2. Correct inability to style clickable `input` types in iOS.
+   * 3. Improve usability and consistency of cursor style between image-type
+   *    `input` and others.
+   */
+  button,
+  html [type="button"], /* 1 */
+  [type="reset"],
+  [type="submit"] {
+    cursor: pointer; /* 3 */
+    -webkit-appearance: button; /* 2 */
+  }
+
+  /**
+   * Remove the inner border and padding in Firefox.
+   */
+  button::-moz-focus-inner,
+  input::-moz-focus-inner {
+    padding: 0;
+    border: 0;
+  }
+  /**
+   * 1. Remove the default vertical scrollbar in IE.
+   */
+  textarea {
+    overflow: auto; /* 1 */
+    resize: vertical;
+  }
+  svg:not(:root) {
+    overflow: hidden; /* Correct overflow not hidden in IE. */
+  }
+
+  /**
+   * Correct the odd appearance of search inputs in Chrome and Safari.
+   */
+  [type="search"] {
+    -webkit-appearance: textfield;
+  }
+
+  /**
+   * Remove the inner padding and cancel buttons in Chrome on OS X and
+   * Safari on OS X.
+   */
+  [type="search"]::-webkit-search-cancel-button,
+  [type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+  /* stylelint-enable */
+
+  [role="button"],
+  input[type="submit"],
+  input[type="reset"],
+  input[type="button"],
+  button {
+      -webkit-box-sizing: content-box;
+         -moz-box-sizing: content-box;
+              box-sizing: content-box;
+  }
+
+  /* Reset `button` and button-style `input` default styles */
+  input[type="submit"],
+  input[type="reset"],
+  input[type="button"],
+  button {
+      background: none;
+      border: 0;
+      color: inherit;
+      /* cursor: default; */
+      font: inherit;
+      line-height: normal;
+      overflow: visible;
+      padding: 0;
+      -webkit-appearance: button; /* for input */
+      -webkit-user-select: none; /* for button */
+         -moz-user-select: none;
+          -ms-user-select: none;
+  }
+  input::-moz-focus-inner,
+  button::-moz-focus-inner {
+      border: 0;
+      padding: 0;
+  }
+
+  /* Make `a` like a button */
+  [role="button"] {
+      color: inherit;
+      cursor: default;
+      display: inline-block;
+      text-align: center;
+      text-decoration: none;
+      white-space: pre;
+      -webkit-user-select: none;
+         -moz-user-select: none;
+          -ms-user-select: none;
+  }