stimulus_reflex 2.0.0 → 2.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 8072c82ab1f16ce62c41e6d970952c3762a9e2fe5d87d2036ff2f37af7f3a4fb
-  data.tar.gz: b3549d33023d9c27e878443f48391e13b82562e4dc9d9cbfb64b9744d8fe0702
+  metadata.gz: f261317eba89f3aca406db338af66069b57121ef68188dd32c22a8b263c84c0d
+  data.tar.gz: 16ead06810e664961d5d0bea297a82bfd109616c363eecb63e2211efbe0718e0
 SHA512:
-  metadata.gz: 5ba2646379f9bbe65485d947c55467640e890d516ad571f704e064f0fb78956b977ba405d5698efdb6fd3b7e87f1075a9948d59c4b6ec2855410d3b290137a31
-  data.tar.gz: 756a22a1a4cb5f1d4ad985dd1424ed15edc3d2e4d8efcf080d3c3a9a551a170fc1a76d84543fd105acc104b97c07d7f377348a00ec329222fa6341c0e627051c
+  metadata.gz: 43c62ef1ddec489d525dd429a78ee0113b215918ac4fa95192cf75fafe356b42705e775b29ccfa2ddf193833b3bc42d5e736828d97234353e2ae06bdd929bd63
+  data.tar.gz: 0b5870db51f39af566c2eda1a574783dba205b9f37d1c07083d82a5df6ef6a0a63dde0b43ee0881492155715e945926452f529677b7951d10f27228471a80097

data/CODE_OF_CONDUCT.md

@@ -0,0 +1,76 @@
+# Contributor Covenant Code of Conduct
+
+## Our Pledge
+
+In the interest of fostering an open and welcoming environment, we as
+contributors and maintainers pledge to making participation in our project and
+our community a harassment-free experience for everyone, regardless of age, body
+size, disability, ethnicity, sex characteristics, gender identity and expression,
+level of experience, education, socio-economic status, nationality, personal
+appearance, race, religion, or sexual identity and orientation.
+
+## Our Standards
+
+Examples of behavior that contributes to creating a positive environment
+include:
+
+- Using welcoming and inclusive language
+- Being respectful of differing viewpoints and experiences
+- Gracefully accepting constructive criticism
+- Focusing on what is best for the community
+- Showing empathy towards other community members
+
+Examples of unacceptable behavior by participants include:
+
+- The use of sexualized language or imagery and unwelcome sexual attention or
+  advances
+- Trolling, insulting/derogatory comments, and personal or political attacks
+- Public or private harassment
+- Publishing others' private information, such as a physical or electronic
+  address, without explicit permission
+- Other conduct which could reasonably be considered inappropriate in a
+  professional setting
+
+## Our Responsibilities
+
+Project maintainers are responsible for clarifying the standards of acceptable
+behavior and are expected to take appropriate and fair corrective action in
+response to any instances of unacceptable behavior.
+
+Project maintainers have the right and responsibility to remove, edit, or
+reject comments, commits, code, wiki edits, issues, and other contributions
+that are not aligned to this Code of Conduct, or to ban temporarily or
+permanently any contributor for other behaviors that they deem inappropriate,
+threatening, offensive, or harmful.
+
+## Scope
+
+This Code of Conduct applies both within project spaces and in public spaces
+when an individual is representing the project or its community. Examples of
+representing a project or community include using an official project e-mail
+address, posting via an official social media account, or acting as an appointed
+representative at an online or offline event. Representation of a project may be
+further defined and clarified by project maintainers.
+
+## Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported by contacting the project team at natehop@gmail.com. All
+complaints will be reviewed and investigated and will result in a response that
+is deemed necessary and appropriate to the circumstances. The project team is
+obligated to maintain confidentiality with regard to the reporter of an incident.
+Further details of specific enforcement policies may be posted separately.
+
+Project maintainers who do not follow or enforce the Code of Conduct in good
+faith may face temporary or permanent repercussions as determined by other
+members of the project's leadership.
+
+## Attribution
+
+This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4,
+available at https://www.contributor-covenant.org/version/1/4/code-of-conduct.html
+
+[homepage]: https://www.contributor-covenant.org
+
+For answers to common questions about this code of conduct, see
+https://www.contributor-covenant.org/faq

data/Gemfile.lock

@@ -1,8 +1,8 @@
 PATH
   remote: .
   specs:
-    stimulus_reflex (2.0.0)
-      cable_ready (>= 4.0.3)
+    stimulus_reflex (2.1.2)
+      cable_ready (>= 4.0.7)
       nokogiri
       rack
       rails (>= 5.2)
@@ -67,18 +67,18 @@ GEM
       zeitwerk (~> 2.1, >= 2.1.8)
     ast (2.4.0)
     builder (3.2.3)
-    cable_ready (4.0.3)
+    cable_ready (4.0.7)
       rails (>= 5.2)
     coderay (1.1.2)
     concurrent-ruby (1.1.5)
     crass (1.0.4)
-    erubi (1.8.0)
+    erubi (1.9.0)
     globalid (0.4.2)
       activesupport (>= 4.2.0)
-    i18n (1.6.0)
+    i18n (1.7.0)
       concurrent-ruby (~> 1.0)
     jaro_winkler (1.5.3)
-    loofah (2.2.3)
+    loofah (2.3.0)
       crass (~> 1.0.2)
       nokogiri (>= 1.5.9)
     mail (2.7.1)
@@ -89,12 +89,12 @@ GEM
     mimemagic (0.3.3)
     mini_mime (1.0.2)
     mini_portile2 (2.4.0)
-    minitest (5.11.3)
-    nio4r (2.5.1)
+    minitest (5.12.2)
+    nio4r (2.5.2)
     nokogiri (1.10.4)
       mini_portile2 (~> 2.4.0)
-    parallel (1.17.0)
-    parser (2.6.4.0)
+    parallel (1.18.0)
+    parser (2.6.5.0)
       ast (~> 2.4.0)
     pry (0.12.2)
       coderay (~> 1.1.0)
@@ -122,8 +122,8 @@ GEM
     rails-dom-testing (2.0.3)
       activesupport (>= 4.2.0)
       nokogiri (>= 1.6)
-    rails-html-sanitizer (1.2.0)
-      loofah (~> 2.2, >= 2.2.2)
+    rails-html-sanitizer (1.3.0)
+      loofah (~> 2.3)
     railties (6.0.0)
       actionpack (= 6.0.0)
       activesupport (= 6.0.0)
@@ -131,7 +131,7 @@ GEM
       rake (>= 0.8.7)
       thor (>= 0.20.3, < 2.0)
     rainbow (3.0.0)
-    rake (12.3.3)
+    rake (13.0.0)
     rubocop (0.72.0)
       jaro_winkler (~> 1.5.1)
       parallel (~> 1.10)
@@ -142,14 +142,14 @@ GEM
     rubocop-performance (1.4.1)
       rubocop (>= 0.71.0)
     ruby-progressbar (1.10.1)
-    sprockets (3.7.2)
+    sprockets (4.0.0)
       concurrent-ruby (~> 1.0)
       rack (> 1, < 3)
     sprockets-rails (3.2.1)
       actionpack (>= 4.0)
       activesupport (>= 4.0)
       sprockets (>= 3.0.0)
-    standard (0.1.3)
+    standard (0.1.4)
       rubocop (~> 0.72.0)
       rubocop-performance (~> 1.4.0)
     standardrb (1.0.0)
@@ -162,7 +162,7 @@ GEM
     websocket-driver (0.7.1)
       websocket-extensions (>= 0.1.0)
     websocket-extensions (0.1.4)
-    zeitwerk (2.1.10)
+    zeitwerk (2.2.0)
 
 PLATFORMS
   ruby

data/README.md

@@ -1,305 +1,45 @@
-[![Lines of Code](http://img.shields.io/badge/lines_of_code-218-brightgreen.svg?style=flat)](http://blog.codinghorror.com/the-best-code-is-no-code-at-all/)
+[![Lines of Code](http://img.shields.io/badge/lines_of_code-465-brightgreen.svg?style=flat)](http://blog.codinghorror.com/the-best-code-is-no-code-at-all/)
 [![Maintainability](https://api.codeclimate.com/v1/badges/2b24fdbd1ae37a24bedb/maintainability)](https://codeclimate.com/github/hopsoft/stimulus_reflex/maintainability)
-![Prettier](https://github.com/hopsoft/stimulus_reflex/workflows/Prettier%20Check%20Action/badge.svg)
-![StandardRB](https://github.com/hopsoft/stimulus_reflex/workflows/StandardRB%20Check%20Action/badge.svg)
+![Prettier-Standard](https://github.com/hopsoft/stimulus_reflex/workflows/Prettier-Standard/badge.svg)
+![StandardRB](https://github.com/hopsoft/stimulus_reflex/workflows/StandardRB/badge.svg)
+![Tests](https://github.com/hopsoft/stimulus_reflex/workflows/Tests/badge.svg)
 
 # StimulusReflex
 
 _reflex_ - an action that is performed as a response to a stimulus
 
-### Build reactive [Single Page Applications (SPAs)](https://en.wikipedia.org/wiki/Single-page_application) with [Rails](https://rubyonrails.org) and [Stimulus](https://stimulusjs.org)
-
-This project supports building [reactive applications](https://en.wikipedia.org/wiki/Reactive_programming)
-with the Rails tooling you already know and love.
-It's designed to work perfectly with [server rendered HTML](https://guides.rubyonrails.org/action_view_overview.html),
-[Russian doll caching](https://edgeguides.rubyonrails.org/caching_with_rails.html#russian-doll-caching),
-[Stimulus](https://stimulusjs.org), [Turbolinks](https://www.youtube.com/watch?v=SWEts0rlezA), etc...
-
-__No need for a complex front-end framework. No need to grow your team or duplicate your efforts.__
+**Build reactive applications with the Rails tooling you already know and love.** StimulusReflex is designed to work perfectly with [server rendered HTML](https://guides.rubyonrails.org/action_view_overview.html), [Russian doll caching](https://edgeguides.rubyonrails.org/caching_with_rails.html#russian-doll-caching), [Stimulus](https://stimulusjs.org/), [Turbolinks](https://www.youtube.com/watch?v=SWEts0rlezA), etc... and strives to live up to the vision outlined in [The Rails Doctrine](https://rubyonrails.org/doctrine/).
 
 _Inspired by [Phoenix LiveView](https://youtu.be/Z2DU0qLfPIY?t=670)._ 🙌
 
-## Table of Contents
-
-<!-- toc -->
-
-- [Before you Begin](#before-you-begin)
-- [How it Works](#how-it-works)
-- [Setup](#setup)
-  * [JavaScript](#javascript)
-    + [app/javascript/controllers/index.js](#appjavascriptcontrollersindexjs)
-  * [Gemfile](#gemfile)
-- [Usage](#usage)
-  * [Implicit Declarative Reflexes](#implicit-declarative-reflexes)
-    + [app/views/pages/example.html.erb](#appviewspagesexamplehtmlerb)
-    + [app/reflexes/example_reflex.rb](#appreflexesexample_reflexrb)
-  * [Explicitly Defined Reflexes](#explicitly-defined-reflexes)
-    + [app/views/pages/example.html.erb](#appviewspagesexamplehtmlerb-1)
-    + [app/javascript/controllers/example.js](#appjavascriptcontrollersexamplejs)
-    + [app/reflexes/example_reflex.rb](#appreflexesexample_reflexrb-1)
-- [What Just Happened](#what-just-happened)
-- [Advanced Usage](#advanced-usage)
-  * [The Reflex `element` property](#the-reflex-element-property)
-  * [ActionCable](#actioncable)
-    + [Performance](#performance)
-    + [ActionCable Rooms](#actioncable-rooms)
-  * [Render Delay](#render-delay)
-- [Demo Applications](#demo-applications)
-- [Contributing](#contributing)
-  * [Coding Standards](#coding-standards)
-  * [Releasing](#releasing)
-
-<!-- tocstop -->
-
-## Before you Begin
-
-StimulusReflex provides functionality similar to what can already be achieved with Rails by combining
-[UJS remote elements](https://guides.rubyonrails.org/working_with_javascript_in_rails.html#remote-elements)
-, [Stimulus](https://stimulusjs.org), and [Turbolinks](https://github.com/turbolinks/turbolinks).
-_Consider building with standard Rails tooling before introducing StimulusReflex._
-_Check out the [Stimulus TodoMVC](https://github.com/hopsoft/stimulus_todomvc) example if you are unsure how to accomplish this._
-
-StimulusReflex offers 3 primary benefits over the traditional Rails HTTP request/response cycle.
-
-1. __Communication happens on the ActionCable web socket__ _- saves time by avoiding the overhead of establishishing traditional HTTP connections_
-1. __The controller action is invoked directly__ _- skips framework overhead such as the middleware chain, etc..._
-1. __DOM diffing is used to update the page__ _- provides faster rendering and less jitter_
-
-## How it Works
-
-1. Render a standard Rails view template
-1. Use [Stimulus](https://stimulusjs.org) and [ActionCable](https://edgeguides.rubyonrails.org/action_cable_overview.html) to invoke a method on the server
-1. Watch the page automatically render updates via fast [DOM diffing](https://github.com/patrick-steele-idem/morphdom)
-1. That's it...
-
-__Yes, it really is that simple.__
-There are no hidden gotchas.
-
-![How it Works](https://raw.githubusercontent.com/hopsoft/stimulus_reflex/master/docs/diagram.png)
-
-## Setup
-
-### JavaScript
-
-```
-yarn add stimulus_reflex
-```
-#### app/javascript/controllers/index.js
-
-This is the file where Stimulus is initialized in your application.
-_Note that your file location may be different._
-
-```javascript
-import { Application } from 'stimulus';
-import { definitionsFromContext } from 'stimulus/webpack-helpers';
-import StimulusReflex from 'stimulus_reflex';
-
-const application = Application.start();
-const context = require.context('controllers', true, /_controller\.js$/);
-application.load(definitionsFromContext(context));
-StimulusReflex.initialize(application);
-```
-
-### Gemfile
-
-```ruby
-gem "stimulus_reflex"
-```
-
-## Usage
-
-### Implicit Declarative Reflexes
-
-This example shows how to create a reactive feature without the need to write any JavaScript
-other than initializing StimulusReflex itself _([see the setup instructions](#javascript))_. Everything else is managed entirely by HTML and Ruby.
-
-#### app/views/pages/example.html.erb
-
-```erb
-<head></head>
-  <body>
-    <a href="#" data-reflex="click->ExampleReflex#increment" data-step="1" data-count="<%= @count.to_i %>">
-      Increment <%= @count.to_i %>
-    </a>
-  </body>
-</html>
-```
-
-#### app/reflexes/example_reflex.rb
-
-```ruby
-class ExampleReflex < StimulusReflex::Reflex
-  def increment
-    @count = element.dataset[:count].to_i + element.dataset[:step].to_i
-  end
-end
-```
-
-The code above will automatically update the relevant DOM nodes with the updated count whenever the anchor is clicked.
-
-__Note that all concerns from managing state to rendering views are handled server side.__
-This technique works regardless of how complex the UI may become.
-For example, we could render multiple instances of `@count` in unrelated sections of the page and they will all update.
-
-### Explicitly Defined Reflexes
-
-This example shows how to create a reactive feature by defining an explicit client side
-Stimulus controller to handle the DOM event and trigger the server side reflex.
-
-#### app/views/pages/example.html.erb
-
-```erb
-<head></head>
-  <body>
-    <a href="#" data-controller="example" data-action="click->example#increment">
-      Increment <%= @count.to_i %>
-    </a>
-  </body>
-</html>
-```
-
-#### app/javascript/controllers/example.js
-
-```javascript
-import { Controller } from "stimulus"
-import StimulusReflex from "stimulus_reflex"
+## Docs
 
-export default class extends Controller {
-  connect() {
-    StimulusReflex.register(this);
-  }
+- [Official Documentation](https://docs.stimulusreflex.com)
+- [Documentation Source Code](https://github.com/hopsoft/stimulus_reflex/tree/master/docs)
 
-  increment() {
-    // trigger a server-side reflex and a client-side page update
-    this.stimulate('ExampleReflex#increment', 1);
-  }
-}
-```
-
-#### app/reflexes/example_reflex.rb
-
-```ruby
-class ExampleReflex < StimulusReflex::Reflex
-  def increment(step = 1)
-    @count = @count.to_i + step
-  end
-end
-```
-
-## What Just Happened
-
-The following happens when a `StimulusReflex::Reflex` is invoked.
-
-1. The page that triggered the reflex is re-rerendered. _Instance variables created in the reflex are available to both the controller and view templates._
-2. The re-rendered HTML is sent to the client over the ActionCable socket.
-3. The page is updated via fast DOM diffing courtesy of morphdom.
-
-   _NOTE: While future versions of StimulusReflex may support more granular updates, today the entire body is re-rendered and sent over the socket._
-
-## Advanced Usage
-
-### The Reflex `element` property
-
-All reflex methods expose an `element` property.
-This property holds a Hash like data structure that represents the HTML element that triggered the refelx.
-It contains all of the Stimulus controller's
-[DOM element attributes](https://developer.mozilla.org/en-US/docs/Web/API/Element/attributes) as well as other properties like `checked` and `value`.
-_Most of the values will be strings._
-
-```html
-<checkbox id="example"
-          label="Example"
-          data-controller="checkbox"
-          data-value="123"
-          checked />
-```
-
-```ruby
-class ExampleReflex < StimulusReflex::Reflex
-  def work()
-    element[:id]    # => the HTML element's id attribute value
-    element.dataset # => a Hash that represents the HTML element's dataset
-
-    element[:id]                 # => "example"
-    element[:checked]            # => true
-    element[:label]              # => "Example"
-    element["data-controller"]   # => "checkbox"
-    element["data-value"]        # => "123"
-    element.dataset[:controller] # => "checkbox"
-    element.dataset[:value]      # => "123"
-  end
-end
-```
-
-- `element[:checked]` holds a boolean
-- `element[:selected]` holds a boolean
-- `element[:value]` holds the [DOM element's value](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value)
-- `select` elements assign `element[:value]` to their selected option's value
-- `select` elements with _multiselect_ enabled assign `element[:values]` to their selected options values
-- All other values exposed in `element` are extracted from the DOM element's attributes
-
-### ActionCable
-
-StimulusReflex will use the ActionCable defaults of `window.App` and `App.cable` if they exist.
-If these defaults do not exist, StimulusReflex will establish a new socket connection.
-
-#### Performance
-
-ActionCable emits verbose log messages. Disabling ActionCable logs may improve performance.
-
-```ruby
-# config/application.rb
-
-ActionCable.server.config.logger = Logger.new(nil)
-```
-
-#### ActionCable Rooms
-
-You may find the need to restrict notifications to a specific room.
-This can be accomplished by setting the `data-room` attribute on the StimulusController element.
-
-```erb
-<a href="#" data-controller="example" data-action="click->example#increment" data-room="12345">
-```
-
-### Render Delay
-
-An attempt is made to reduce repaint/reflow jitter when users trigger lots of updates.
-
-You can control how long to wait _(think debounce)_ prior to updating the page.
-Simply set the `renderDelay` _(milliseconds)_ option when registering the controller.
-
-```javascript
-export default class extends Controller {
-  connect() {
-    StimulusReflex.register(this, {renderDelay: 200});
-  }
-}
-```
-
-The default value is `25`.
-
-## Demo Applications
-
-Building apps with StimulusReflex should evoke your memories of the original [Rails demo video](https://www.youtube.com/watch?v=Gzj723LkRJY).
-
-> Look at all the things I'm **not** doing. -DHH
+## Contributing
 
-- [TodoMVC](https://github.com/hopsoft/stimulus_reflex_todomvc)
+### Code of Conduct
 
-## Contributing
+Everyone interacting with StimulusReflex is expected to follow the [Code of Conduct](CODE_OF_CONDUCT.md)
 
 ### Coding Standards
 
 This project uses [Standard](https://github.com/testdouble/standard)
-and [Prettier](https://github.com/prettier/prettier) to minimize bike shedding related to code formatting.
+and [Prettier-Standard](https://github.com/sheerun/prettier-standard) to minimize bike shedding related to code formatting.
+
 Please run `./bin/standardize` prior submitting pull requests.
 
+View the [wiki](https://github.com/hopsoft/stimulus_reflex/wiki/Editor-Configuration) to see recommendations for configuring your editor to work best with the project.
+
 ### Releasing
 
 1. Bump version number at `lib/stimulus_reflex/version.rb`
 1. Run `rake build`
 1. Run `rake release`
 1. Change directories `cd ./javascript`
-1. Run `yarn publish --tag GIT_TAG_CREATED_BY_RUBYGEMS`
-1. Assign same version number to the JavaScript package _Might not be required?_
+1. Run `yarn publish` - NOTE: this will throw a fatal error because the tag already exists but the package will still publish
+
+## License
+
+StimulusReflex is released under the [MIT License](LICENSE.txt).

data/Rakefile

@@ -1,4 +1,9 @@
 # frozen_string_literal: true
 
 require "bundler/gem_tasks"
-task default: :spec
+
+task default: [:test]
+
+task :test do
+  exec "cd javascript && yarn run test"
+end

data/bin/loc

@@ -0,0 +1,3 @@
+#!/usr/bin/env bash
+
+cloc --exclude-dir=node_modules,test --include-ext=rb,js .

data/bin/standardize

@@ -1,4 +1,4 @@
-#!/bin/bash
+#!/usr/bin/env bash
 
 bundle exec standardrb --fix
-cd ./javascript && yarn run prettier --write stimulus_reflex.js
+cd ./javascript && yarn run prettier-standard stimulus_reflex.js test/*.js

data/lib/stimulus_reflex/channel.rb

@@ -18,6 +18,8 @@ class StimulusReflex::Channel < ActionCable::Channel::Base
 
   def receive(data)
     url = data["url"].to_s
+    selectors = (data["selectors"] || []).select(&:present?)
+    selectors = ["body"] if selectors.blank?
     target = data["target"].to_s
     reflex_name, method_name = target.split("#")
     reflex_name = reflex_name.classify
@@ -25,21 +27,27 @@ class StimulusReflex::Channel < ActionCable::Channel::Base
     element = StimulusReflex::Element.new(data["attrs"])
 
     begin
-      reflex = reflex_name.constantize.new(self, url: url, element: element)
+      reflex_class = reflex_name.constantize
+      raise ArgumentError.new("#{reflex_name} is not a StimulusReflex::Reflex") unless is_reflex?(reflex_class)
+      reflex = reflex_class.new(self, url: url, element: element, selectors: selectors)
       delegate_call_to_reflex reflex, method_name, arguments
     rescue => invoke_error
-      logger.error "\e[31mStimulusReflex::Channel Failed to invoke #{target}! #{url} #{invoke_error}\e[0m"
+      return broadcast_error("StimulusReflex::Channel Failed to invoke #{target}! #{url} #{invoke_error}", data)
     end
 
     begin
-      render_page_and_broadcast_morph url, reflex
+      render_page_and_broadcast_morph url, reflex, selectors, data
     rescue => render_error
-      logger.error "\e[31mStimulusReflex::Channel Failed to rerender #{url} #{render_error}\e[0m"
+      broadcast_error "StimulusReflex::Channel Failed to re-render #{url} #{render_error}", data
     end
   end
 
   private
 
+  def is_reflex?(reflex_class)
+    reflex_class.ancestors.include? StimulusReflex::Reflex
+  end
+
   def delegate_call_to_reflex(reflex, method_name, arguments = [])
     method = reflex.method(method_name)
     required_params = method.parameters.select { |(kind, _)| kind == :req }
@@ -54,9 +62,9 @@ class StimulusReflex::Channel < ActionCable::Channel::Base
     end
   end
 
-  def render_page_and_broadcast_morph(url, reflex)
+  def render_page_and_broadcast_morph(url, reflex, selectors, data = {})
     html = render_page(url, reflex)
-    broadcast_morph url, html if html.present?
+    broadcast_morphs selectors, data, html if html.present?
   end
 
   def render_page(url, reflex)
@@ -90,14 +98,28 @@ class StimulusReflex::Channel < ActionCable::Channel::Base
     controller.response.body
   end
 
-  def broadcast_morph(url, html)
-    html = extract_body_html(html)
-    cable_ready[stream_name].morph selector: "body", html: html, children_only: true
+  def broadcast_morphs(selectors, data, html)
+    document = Nokogiri::HTML(html)
+    selectors.each do |selector|
+      match = document.css(selector)
+      next if match.blank?
+      cable_ready[stream_name].morph(
+        selector: selector,
+        html: match.inner_html,
+        children_only: true,
+        permanent_attribute_name: "data-reflex-permanent",
+        stimulus_reflex: data
+      )
+    end
     cable_ready.broadcast
   end
 
-  def extract_body_html(html)
-    doc = Nokogiri::HTML(html)
-    doc.css("body").to_s
+  def broadcast_error(message, data = {})
+    logger.error "\e[31m#{message}\e[0m"
+    cable_ready[stream_name].dispatch_event(
+      name: "stimulus-reflex:500",
+      detail: {stimulus_reflex: data.merge(error: message)}
+    )
+    cable_ready.broadcast
   end
 end

data/lib/stimulus_reflex/reflex.rb

@@ -1,15 +1,16 @@
 # frozen_string_literal: true
 
 class StimulusReflex::Reflex
-  attr_reader :channel, :url, :element
+  attr_reader :channel, :url, :element, :selectors
 
   delegate :connection, to: :channel
   delegate :session, to: :request
 
-  def initialize(channel, url: nil, element: nil)
+  def initialize(channel, url: nil, element: nil, selectors: [])
     @channel = channel
     @url = url
     @element = element
+    @selectors = selectors
   end
 
   def request

data/lib/stimulus_reflex/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module StimulusReflex
-  VERSION = "2.0.0"
+  VERSION = "2.1.2"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: stimulus_reflex
 version: !ruby/object:Gem::Version
-  version: 2.0.0
+  version: 2.1.2
 platform: ruby
 authors:
 - Nathan Hopkins
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-09-11 00:00:00.000000000 Z
+date: 2019-10-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rack
@@ -59,14 +59,14 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 4.0.3
+        version: 4.0.7
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 4.0.3
+        version: 4.0.7
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement
@@ -145,13 +145,14 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
+- CODE_OF_CONDUCT.md
 - Gemfile
 - Gemfile.lock
 - LICENSE.txt
 - README.md
-- README.md.orig
 - Rakefile
 - bin/console
+- bin/loc
 - bin/setup
 - bin/standardize
 - lib/stimulus_reflex.rb

data/README.md.orig

@@ -1,159 +0,0 @@
-[![Lines of Code](http://img.shields.io/badge/lines_of_code-159-brightgreen.svg?style=flat)](http://blog.codinghorror.com/the-best-code-is-no-code-at-all/)
-[![Maintainability](https://api.codeclimate.com/v1/badges/2b24fdbd1ae37a24bedb/maintainability)](https://codeclimate.com/github/hopsoft/stimulus_reflex/maintainability)
-
-# StimulusReflex
-
-### Build reactive [Single Page Applications (SPAs)](https://en.wikipedia.org/wiki/Single-page_application) with [Rails](https://rubyonrails.org) and [Stimulus](https://stimulusjs.org)
-
-This project supports building [reactive applications](https://en.wikipedia.org/wiki/Reactive_programming)
-with the Rails tooling you already know and love.
-It's designed to work perfectly with [server rendered HTML](https://guides.rubyonrails.org/action_view_overview.html),
-[Russian doll caching](https://edgeguides.rubyonrails.org/caching_with_rails.html#russian-doll-caching),
-[Stimulus](https://stimulusjs.org), [Turbolinks](https://www.youtube.com/watch?v=SWEts0rlezA), etc...
-
-
-__No need for a complex front-end framework. No need to grow your team or duplicate your efforts.__
-
----
-
-> The lifecycle of a "modern" SPA app is so convoluted, it requires a team to build and support.
-> The wire size and computation demands of these heavy client sites frequently run slower than the server-rendered pages that they replaced.
-> With Stimulus Reflex, a Rails developer can build Single Page Applications without the need for client rendering or heavy JS frameworks.
-
----
-
-_Inspired by [Phoenix LiveView](https://youtu.be/Z2DU0qLfPIY?t=670)._ 🙌
-
-## How it Works
-
-1. Render a standard Rails view template
-1. Use [Stimulus](https://stimulusjs.org) and [ActionCable](https://edgeguides.rubyonrails.org/action_cable_overview.html) to invoke a method on the server
-1. Watch the page automatically render updates via fast [DOM diffing](https://github.com/patrick-steele-idem/morphdom)
-1. That's it...
-
-__Yes, it really is that simple.__
-There are no hidden gotchas.
-
-![How it Works](https://raw.githubusercontent.com/hopsoft/stimulus_reflex/master/docs/diagram.png)
-
-## Setup
-
-### JavaScript
-
-```
-yarn add stimulus_reflex
-```
-
-### Gemfile
-
-```ruby
-gem "stimulus_reflex"
-```
-
-## Basic Usage
-
-### app/views/pages/example.html.erb
-
-```erb
-<head></head>
-  <body>
-    <a href="#" data-controller="example" data-action="click->example#increment">
-      Increment <%= @count.to_i %>
-    </a>
-  </body>
-</html>
-```
-
-### app/javascript/controllers/example.js
-
-```javascript
-import { Controller } from "stimulus"
-import StimulusReflex from "stimulus_reflex"
-
-export default class extends Controller {
-  connect() {
-    StimulusReflex.register(this);
-  }
-
-  increment() {
-    // trigger a server-side reflex and a client-side page update
-    this.stimulate('ExampleReflex#increment', 1);
-  }
-}
-```
-
-### app/reflexes/example_reflex.rb
-
-```ruby
-class ExampleReflex < StimulusReflex::Reflex
-  def increment(step = 1)
-    @count = @count.to_i + step
-  end
-end
-```
-
-The following happens after the `StimulusReflex::Reflex` method call finishes.
-
-1. The page that triggered the reflex is re-rerendered. _Instance variables created in the reflex are available to both the controller and view templates._
-2. The re-rendered HTML is sent to the client over the ActionCable socket.
-3. The page is updated via fast DOM diffing courtesy of morphdom. _While future versions of StimulusReflex might support more granular updates, today the entire body is re-rendered and sent over the socket._
-
-## Advanced Usage
-
-### ActionCable
-
-StimulusReflex will use the ActionCable defaults of `window.App` and `App.cable` if they exist.
-If these defaults do not exist, StimulusReflex will establish a new socket connection.
-
-### Performance
-
-ActionCable emits verbose log messages. Disabling ActionCable logs may improve performance.
-
-```ruby
-# config/application.rb
-
-ActionCable.server.config.logger = Logger.new(nil)
-```
-
-### ActionCable Rooms
-
-You may find the need to restrict notifications to a specific room.
-This can be accomplished by setting the `data-room` attribute on the StimulusController element.
-
-```erb
-<a href="#" data-controller="example" data-action="click->example#increment" data-room="12345">
-```
-
-### Render Delay
-
-An attempt is made to reduce repaint/reflow jitter when users trigger lots of updates.
-
-You can control how long to wait _(think debounce)_ prior to updating the page.
-Simply set the `renderDelay` _(milliseconds)_ option when registering the controller.
-
-```javascript
-export default class extends Controller {
-  connect() {
-    StimulusReflex.register(this, {renderDelay: 200});
-  }
-}
-```
-
-The default value is `25`.
-
-## Demo Applications
-
-Building apps with StimulusReflex should evoke your memories of the original [Rails demo video](https://www.youtube.com/watch?v=Gzj723LkRJY).
-
-> Look at all the things I'm **not** doing. -DHH
-
-- [TodoMVC](https://github.com/hopsoft/stimulus_reflex_todomvc)
-
-<<<<<<< HEAD
-## Contributing
-
-This project uses [Standard](https://github.com/testdouble/standard)
-and [Prettier](https://github.com/prettier/prettier) to minimize bike shedding related to code formatting.
-Please run `./bin/standardize` prior submitting pull requests.
-=======
->>>>>>> master