hotwired / hotwire-rails

Use Hotwire in your Ruby on Rails app
https://hotwired.dev
MIT License
971 stars 27 forks source link

After removing Rails UJS, I get duplicate broadcasts #10

Closed RailsCod3rFuture closed 3 years ago

RailsCod3rFuture commented 3 years ago

I'm using anycable | rails 6.0.3.4 | ruby 2.7.1 | webpacker 4.0 | hotwire-rails 0.1.2.

As stated in the header, removing @rails/ujs is now causing a duplicate response.

application.js

import "@hotwired/turbo-rails"
import $ from 'jquery';
global.$ = global.jQuery = $;
import "@fortawesome/fontawesome-free/js/all"
import '@client-side-validations/client-side-validations'
import '@client-side-validations/simple-form/dist/simple-form.bootstrap4'
import './typeahead'
import "nouislider/distribute/nouislider.min.css";
import * as noUiSlider from 'nouislider/distribute/nouislider'
window.noUiSlider = noUiSlider
import 'bootstrap'
import "./taginput"
import 'emojionearea';
import './legacy';
import './picker'
import './picker.time';

window.Bloodhound = require('bloodhound-js');
require("@rails/activestorage").start()
require("channels")
require("jquery")
require("trix")
require("@rails/actiontext")
require("chartkick")
require("chart.js")
require("@nathanvda/cocoon")

application.html.erb

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <%= javascript_include_tag 'analytics', async: true %>

    <title>Test</title>
    <%= csrf_meta_tags %>
    <%= csp_meta_tag %>

    <%= stylesheet_link_tag 'application', media: 'all' %>
    <%= javascript_pack_tag 'application' %>
    <%= javascript_include_tag 'https://cdn.jsdelivr.net/npm/spectrum-colorpicker2/dist/spectrum.min.js' %>

    <link href="//fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i" rel="stylesheet">
    <%= yield :head %>
    <%= action_cable_meta_tag %> // needed for anycable interaction
  </head>

package.json

{
  "name": "test",
  "private": true,
  "dependencies": {
    "@babel/preset-react": "^7.10.4",
    "@client-side-validations/client-side-validations": "^0.1.4",
    "@client-side-validations/simple-form": "^0.1.3",
    "@fortawesome/fontawesome-free": "^5.14.0",
    "@hotwired/turbo-rails": "^7.0.0-beta.2",
    "@nathanvda/cocoon": "^1.2.14",
    "@rails/actiontext": "^6.0.3-2",
    "@rails/activestorage": "^6.0.0",
    "@rails/webpacker": "4.3.0",
    "autoprefixer": "^9.8.6",
    "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
    "bloodhound-js": "^1.2.3",
    "bootstrap": "^5.0.0-alpha3",
    "bootstrap-icons": "^1.2.1",
    "chart.js": "^2.9.4",
    "chartkick": "^3.2.1",
    "clean-webpack-plugin": "^3.0.0",
    "css-loader": "^4.2.2",
    "emojionearea": "^3.0.0",
    "exports-loader": "^1.1.0",
    "expose-loader": "^1.0.0",
    "install": "^0.13.0",
    "jquery": "^3.5.1",
    "moment": "^2.29.0",
    "node-sass": "^4.14.1",
    "nouislider": "^14.6.3",
    "popper.js": "^1.16.1",
    "postcss-loader": "^3.0.0",
    "prop-types": "^15.7.2",
    "react": "^16.13.1",
    "react-bootstrap": "^1.3.0",
    "react-color": "^2.18.1",
    "react-datetime": "^3.0.4",
    "react-dom": "^16.13.1",
    "react-hot-loader": "^4.12.21",
    "react-input-mask": "^3.0.0-alpha.2",
    "react-player": "^2.6.2",
    "react-widgets": "^5.0.0-beta.21",
    "sass-loader": "^10.0.2",
    "stimulus": "^2.0.0",
    "style-loader": "^1.2.1",
    "trix": "^1.2.0",
    "uuid": "^8.3.0"
  },
  "version": "0.1.0",
  "devDependencies": {
    "webpack-dev-server": "^3.11.0"
  }
}
RailsCod3rFuture commented 3 years ago

I found the issue..create.turbo_stream had <%= turbo_stream.append in it... in it.