breezy 0.15.0 → 0.18.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e9400844dcf51065a2b0fd72e55f9813a9d3c0e7ad6ff947f7944db6c9e009d0
-  data.tar.gz: 6e0fa8b1140dec3660bfcacfcf148c91b9d0d094fbba0d0fbf4803f25a6cbf33
+  metadata.gz: f5407b99c417dc88944a8c1bf68fe6bda73a072ee43f25c1a45995d9545f97b2
+  data.tar.gz: 91354f50156543100d7f3add14668b9d1b8d324fa01c4207f6f0c87c863e7dfa
 SHA512:
-  metadata.gz: 9fe9fc7f8b1edb98f34112d1447d99a56bd4ce825feb4594622609bebead8e504deb3ba15c28a4de9bc8db24f7e0f7447fb04f29b391c8af4f2bbdfae36f7f9a
-  data.tar.gz: 16d79e3e4754bec10601b2a04200691f1e8b1379c3e14f6232796b942bfa96658f623d2f98f3515a3ce3545bd493ac7664278347fb100e875df000c71d9b42f8
+  metadata.gz: 449612b076ee7c7226ea368156901725f2736383054c3bef5b8bc103457e6aec4d2921013281d908ea49fa8ffc5d35226789aac47fb9c3e4ac8439ca98791ecb
+  data.tar.gz: 9d4e775dd2f41a0008bd3a5a8dd0f66032c68f4bc1e3321b3377fe8ae3c7bbcccb3c9a47449b3ec164fc2bab8687a8291a5bf568367847e9325ee3db89329d76

data/lib/generators/rails/templates/web/edit.jsx

@@ -1,40 +1,31 @@
 import React from 'react'
-import {mapStateToProps, mapDispatchToProps} from '@jho406/breezy'
-import {connect} from 'react-redux'
-import RailsTag from '@jho406/breezy/dist/RailsTag'
-import * as applicationActionCreators from 'javascript/packs/action_creators'
+import RailsTag from '@jho406/breezy/components/RailsTag'
+// import * as actionCreators from 'javascript/packs/action_creators'
+// import {useDispatch} from 'react-redux'
 
-class <%= plural_table_name.camelize %>Edit extends React.Component {
-  render () {
-    const {
-      form,
-      flash,
-      <%= singular_table_name.camelize(:lower) %>Path,
-      <%= plural_table_name.camelize(:lower) %>Path,
-    } = this.props
-    const error = flash.form_error
+export default function <%= plural_table_name.camelize %>Edit ({
+  // visit,
+  // remote,
+  form,
+  flash,
+  <%= singular_table_name.camelize(:lower) %>Path,
+  <%= plural_table_name.camelize(:lower) %>Path,
+}) {
+  const error = flash.form_error
 
-    const messagesEl = error && (
-      <div id="error_explanation">
-        <h2>{ error.explanation }</h2>
-        <ul>{ error.messages.map(({body})=> <li key={body}>{body}</li>) }</ul>
-      </div>
-    )
+  const messagesEl = error && (
+    <div id="error_explanation">
+      <h2>{ error.explanation }</h2>
+      <ul>{ error.messages.map(({body})=> <li key={body}>{body}</li>) }</ul>
+    </div>
+  )
 
-    return (
-      <div>
-        {messagesEl}
-        <RailsTag {...form} data-bz-visit={true}/>
-        <a href={<%= singular_table_name.camelize(:lower) %>Path} data-bz-visit={true}>Show</a>
-        <a href={<%= plural_table_name.camelize(:lower) %>Path}  data-bz-visit={true}>Back</a>
-      </div>
-    )
-  }
+  return (
+    <div>
+      {messagesEl}
+      <RailsTag {...form} data-bz-visit={true}/>
+      <a href={<%= singular_table_name.camelize(:lower) %>Path} data-bz-visit={true}>Show</a>
+      <a href={<%= plural_table_name.camelize(:lower) %>Path}  data-bz-visit={true}>Back</a>
+    </div>
+  )
 }
-
-export default connect(
-  mapStateToProps,
-  {...mapDispatchToProps, ...applicationActionCreators}
-)(<%= plural_table_name.camelize %>Edit)
-
-

data/lib/generators/rails/templates/web/index.jsx

@@ -1,59 +1,49 @@
 import React from 'react'
-import {mapStateToProps, mapDispatchToProps} from '@jho406/breezy'
-import { connect } from 'react-redux'
-
-class <%= plural_table_name.camelize %>Index extends React.Component {
-  static defaultProps = {
-    <%= plural_table_name.camelize(:lower) %>: []
-  }
-
-  render () {
-    const {
-      flash,
-      new<%= singular_table_name.camelize %>Path,
-    } = this.props
-    const <%= singular_table_name.camelize(:lower) %>Items = this.props.<%= plural_table_name.camelize(:lower) %>.map((<%= singular_table_name.camelize(:lower) %>, key) => {
-      return (
-        <tr key={<%= singular_table_name.camelize(:lower) %>.id}>
-          <%- attributes_list.select{|attr| attr != :id }.each do |attr| -%>
-          <td>{<%=singular_table_name.camelize(:lower)%>.<%=attr.camelize(:lower)%>}</td>
-          <%- end -%>
-          <td><a href={ <%=singular_table_name%>.<%=singular_table_name.camelize(:lower)%>Path } data-bz-visit={true}>Show</a></td>
-          <td><a href={ <%=singular_table_name%>.edit<%=singular_table_name.camelize%>Path } data-bz-visit={true}>Edit</a></td>
-          <td><a href={ <%=singular_table_name%>.delete<%=singular_table_name.camelize%>Path }data-bz-visit={true} data-bz-method={"DELETE"}>Delete</a></td>
-        </tr>
-      )
-    })
-
+// import * as actionCreators from 'javascript/packs/action_creators'
+// import {useDispatch} from 'react-redux'
+
+export default function <%= plural_table_name.camelize %>Index({
+  // visit,
+  // remote,
+  flash,
+  new<%= singular_table_name.camelize %>Path,
+  <%= plural_table_name.camelize(:lower) %> = [],
+}) {
+  const <%= singular_table_name.camelize(:lower) %>Items = <%= plural_table_name.camelize(:lower) %>.map((<%= singular_table_name.camelize(:lower) %>, key) => {
     return (
-      <div>
-        <p id="notice">{flash.notice}</p>
+      <tr key={<%= singular_table_name.camelize(:lower) %>.id}>
+        <%- attributes_list.select{|attr| attr != :id }.each do |attr| -%>
+        <td>{<%=singular_table_name.camelize(:lower)%>.<%=attr.camelize(:lower)%>}</td>
+        <%- end -%>
+        <td><a href={ <%=singular_table_name%>.<%=singular_table_name.camelize(:lower)%>Path } data-bz-visit={true}>Show</a></td>
+        <td><a href={ <%=singular_table_name%>.edit<%=singular_table_name.camelize%>Path } data-bz-visit={true}>Edit</a></td>
+        <td><a href={ <%=singular_table_name%>.delete<%=singular_table_name.camelize%>Path }data-bz-visit={true} data-bz-method={"DELETE"}>Delete</a></td>
+      </tr>
+    )
+  })
 
-        <h1><%= plural_table_name.capitalize %></h1>
+  return (
+    <div>
+      <p id="notice">{flash.notice}</p>
 
-        <table>
-          <thead>
-            <%- attributes_list.select{|attr| attr != :id }.each do |attr| -%>
-            <tr><th><%=attr.capitalize%></th></tr>
-            <%- end -%>
-            <tr>
-              <th colSpan="3"></th>
-            </tr>
-          </thead>
+      <h1><%= plural_table_name.capitalize %></h1>
 
-          <tbody>
-            {<%= singular_table_name %>Items}
-          </tbody>
-        </table>
-        <br />
-        <a href={new<%= singular_table_name.camelize %>Path} data-bz-visit={true}>New <%= singular_table_name.capitalize %></a>
-      </div>
-    )
-  }
+      <table>
+        <thead>
+          <%- attributes_list.select{|attr| attr != :id }.each do |attr| -%>
+          <tr><th><%=attr.capitalize%></th></tr>
+          <%- end -%>
+          <tr>
+            <th colSpan="3"></th>
+          </tr>
+        </thead>
+
+        <tbody>
+          {<%= singular_table_name %>Items}
+        </tbody>
+      </table>
+      <br />
+      <a href={new<%= singular_table_name.camelize %>Path} data-bz-visit={true}>New <%= singular_table_name.capitalize %></a>
+    </div>
+  )
 }
-
-export default connect(
-  mapStateToProps,
-  mapDispatchToProps
-)(<%= plural_table_name.camelize %>Index)
-

data/lib/generators/rails/templates/web/new.jsx

@@ -1,37 +1,29 @@
 import React from 'react'
-import {mapStateToProps, mapDispatchToProps} from '@jho406/breezy'
-import {connect} from 'react-redux'
-import RailsTag from '@jho406/breezy/dist/RailsTag'
-import * as applicationActionCreators from 'javascript/packs/action_creators'
+import RailsTag from '@jho406/breezy/components/RailsTag'
+// import * as actionCreators from 'javascript/packs/action_creators'
+// import { useDispatch } from 'react-redux'
 
-class <%= plural_table_name.camelize %>New extends React.Component {
-  render () {
-    const {
-      form,
-      flash,
-      <%= plural_table_name.camelize(:lower) %>Path,
-    } = this.props
-    const error = flash.form_error
+export default function <%= plural_table_name.camelize %>New({
+  // visit,
+  // remote
+  form,
+  flash,
+  <%= plural_table_name.camelize(:lower) %>Path,
+}) {
+  const error = flash.form_error
 
-    const messagesEl = error && (
-      <div id="error_explanation">
-        <h2>{ error.explanation }</h2>
-        <ul>{ error.messages.map(({body})=> <li key={body}>{body}</li>) }</ul>
-      </div>
-    )
+  const messagesEl = error && (
+    <div id="error_explanation">
+      <h2>{ error.explanation }</h2>
+      <ul>{ error.messages.map(({body})=> <li key={body}>{body}</li>) }</ul>
+    </div>
+  )
 
-    return (
-      <div>
-        {messagesEl}
-        <RailsTag {...this.props.form} data-bz-visit={true}/>
-        <a href={<%= plural_table_name.camelize(:lower) %>Path} data-bz-visit={true}>Back</a>
-      </div>
-    )
-  }
+  return (
+    <div>
+      {messagesEl}
+      <RailsTag {...form} data-bz-visit={true}/>
+      <a href={<%= plural_table_name.camelize(:lower) %>Path} data-bz-visit={true}>Back</a>
+    </div>
+  )
 }
-
-export default connect(
-  mapStateToProps,
-  {...mapDispatchToProps, ...applicationActionCreators}
-)(<%= plural_table_name.camelize %>New)
-

data/lib/generators/rails/templates/web/show.jsx

@@ -1,27 +1,28 @@
 import React from 'react'
-import {mapStateToProps, mapDispatchToProps} from '@jho406/breezy'
-import { connect } from 'react-redux'
+// import * as actionCreators from 'javascript/packs/action_creators'
+// import {useDispatch} from 'react-redux'
 
-class <%= plural_table_name.camelize %>Show extends React.Component {
-  render () {
-    return (
-      <div>
-        <p id="notice">{this.props.flash && this.props.flash.notice}</p>
-        <%- attributes_list_with_timestamps.select{|attr| attr != :id }.each do |attr| -%>
-        <p>
-          <strong><%= attr.capitalize %>:</strong>
-          {this.props.<%=attr.camelize(:lower)%>}
-        </p>
-        <%- end -%>
-        <a href={ this.props.edit<%= singular_table_name.camelize %>Path } data-bz-visit={true}>Edit</a>
-        <a href={ this.props.<%= plural_table_name.camelize(:lower) %>Path } data-bz-visit={true}>Back</a>
-      </div>
-    )
-  }
+export default function <%= plural_table_name.camelize %>Show({
+  // visit,
+  // remote,
+  flash,
+  <%- attributes_list_with_timestamps.select{|attr| attr != :id }.each do |attr| -%>
+  <%=attr.camelize(:lower)%>,
+  <%- end -%>
+  edit<%= singular_table_name.camelize %>Path,
+  <%= plural_table_name.camelize(:lower) %>Path
+}) {
+  return (
+    <div>
+      <p id="notice">{flash && flash.notice}</p>
+      <%- attributes_list_with_timestamps.select{|attr| attr != :id }.each do |attr| -%>
+      <p>
+        <strong><%= attr.capitalize %>:</strong>
+        {<%=attr.camelize(:lower)%>}
+      </p>
+      <%- end -%>
+      <a href={ edit<%= singular_table_name.camelize %>Path } data-bz-visit={true}>Edit</a>
+      <a href={ <%= plural_table_name.camelize(:lower) %>Path } data-bz-visit={true}>Back</a>
+    </div>
+  )
 }
-
-export default connect(
-  mapStateToProps,
-  mapDispatchToProps
-)(<%= plural_table_name.camelize %>Show)
-

data/lib/install/templates/web/application.js

@@ -1,115 +1,63 @@
-import React from 'react'
-import {combineReducers, createStore, applyMiddleware, compose} from 'redux'
-import reduceReducers from 'reduce-reducers'
-import thunk from 'redux-thunk'
-import { Provider } from 'react-redux'
-import { render } from 'react-dom'
-import { createBrowserHistory, createMemoryHistory } from 'history'
-import { start } from '@jho406/breezy'
-import Nav from '@jho406/breezy/dist/NavComponent'
-import ujsHandlers from '@jho406/breezy/dist/utils/ujs'
-import { persistStore, persistReducer } from 'redux-persist'
-import storage from 'redux-persist/lib/storage'
-import { applicationRootReducer, applicationPagesReducer } from './reducer'
-import { buildVisitAndRemote } from './application_visit'
-
-if(typeof window !== 'undefined' ) {
-  document.addEventListener("DOMContentLoaded", function() {
-    const appEl = document.getElementById('app')
-    const location = window.location
+import React from 'react';
+import { combineReducers, createStore, applyMiddleware, compose } from 'redux';
+import reduceReducers from 'reduce-reducers';
+import thunk from 'redux-thunk';
+import { Provider } from 'react-redux';
+import { render } from 'react-dom';
+import { ApplicationBase } from '@jho406/breezy';
+import { persistStore, persistReducer } from 'redux-persist';
+import storage from 'redux-persist/lib/storage';
+import { applicationRootReducer, applicationPagesReducer } from './reducer';
+import { buildVisitAndRemote } from './application_visit';
+
+// Mapping between your props template to Component, you must add to this
+// to register any new page level component you create. If you are using the
+// scaffold, it will auto append the identifers for you.
+//
+// e.g {'posts/new': PostNew}
+const identifierToComponentMapping = {
+};
+
+if (typeof window !== "undefined") {
+  document.addEventListener("DOMContentLoaded", function () {
+    const appEl = document.getElementById("app");
+    const location = window.location;
 
     if (appEl) {
       render(
         <Application
           appEl={appEl}
-          // The base url is an optional prefix to all calls made by the `visit`
+          // The base url prefixed to all calls made by the `visit`
           // and `remote` thunks.
-          baseUrl={''}
+          baseUrl={location.origin}
           // The global var BREEZY_INITIAL_PAGE_STATE is set by your erb
           // template, e.g., index.html.erb
           initialPage={window.BREEZY_INITIAL_PAGE_STATE}
           // The initial path of the page, e.g., /foobar
           path={location.pathname + location.search + location.hash}
-        />, appEl)
+          buildVisitAndRemote={buildVisitAndRemote}
+        />,
+        appEl
+      );
     }
- })
+  });
 }
 
-export default class Application extends React.Component {
-  constructor(props) {
-    super(props)
-    this.hasWindow = typeof window !== 'undefined'
-
-    // Mapping between your props template to Component, you must add to this
-    // to register any new page level component you create. If you are using the
-    // scaffold, it will auto append the identifers for you.
-    //
-    // e.g {'posts/new': PostNew}
-    this.identifierToComponentMapping = {
-    }
-
-    // Create a navigator Ref for UJS attributes and to enhance the base `visit`
-    // and `visit` thunks
-    this.navigatorRef = React.createRef()
-
-    // Start Breezy and return an object to prepare the Redux store
-    const breezy = start({
-      initialPage: this.props.initialPage,
-      baseUrl: this.props.baseUrl,
-      path: this.props.path,
-      fetch: this.hasWindow ? window.fetch : undefined,
-    })
-    this.breezy = breezy
-
-    // Build the store and pass Breezy's provided reducer to be combined with
-    // your reducers located at `application_reducer.js`
-    const {initialState, reducer} = breezy
-    this.store = this.buildStore(initialState, reducer)
-
-    // Fire initial events and populate the store
-    breezy.prepareStore(this.store)
-
-    // Build visit and remote thunks
-    // Your modified `visit` and `remote` will get passed below to the
-    // NavComponent then to your components through the provided
-    // mapDispatchToProps.
-    //
-    // You can access them via `this.props.visit` or `this.props.remote`. In
-    // your page components
-    const {visit, remote} = buildVisitAndRemote(this.navigatorRef, this.store)
-    this.visit = visit
-    this.remote = remote
-  }
-
-  componentDidMount() {
-    const { appEl } = this.props
-    // Create the ujs event handlers. You can change the ujsAttributePrefix
-    // in the event the data attribute conflicts with another.
-    this.ujsHandlers = ujsHandlers({
-      visit: this.visit,
-      remote: this.remote,
-      store: this.store,
-      ujsAttributePrefix: 'data-bz'
-    })
-    const {onClick, onSubmit} = this.ujsHandlers
-
-    appEl.addEventListener('click', onClick)
-    appEl.addEventListener('submit', onSubmit)
+export default class Application extends ApplicationBase {
+  mapping() {
+    return identifierToComponentMapping;
   }
 
-  componentWillUnmount() {
-    const { appEl } = this.props
-    const {onClick, onSubmit} = this.ujsHandlers
-
-    appEl.removeEventListener('click', onClick)
-    appEl.removeEventListener('submit', onSubmit)
-    this.breezy.stop()
+  visitAndRemote(navRef, store) {
+    return buildVisitAndRemote(navRef, store);
   }
 
-  buildStore(initialState, {breezy: breezyReducer, pages: pagesReducer}) {
+  buildStore(initialState, { breezy: breezyReducer, pages: pagesReducer }) {
     // Create the store
     // See `./reducer.js` for an explaination of the two included reducers
-    const composeEnhancers = (this.hasWindow && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__) || compose;
+    const composeEnhancers =
+      (this.hasWindow && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__) ||
+      compose;
     const reducer = this.wrapWithPersistReducer(
       reduceReducers(
         combineReducers({
@@ -118,19 +66,19 @@ export default class Application extends React.Component {
         }),
         applicationRootReducer
       )
-    )
+    );
     const store = createStore(
       reducer,
       initialState,
       composeEnhancers(applyMiddleware(thunk))
-    )
+    );
 
-    if(this.hasWindow) {
+    if (this.hasWindow) {
       // Persist the store using Redux-Persist
-      persistStore(store)
+      persistStore(store);
     }
 
-    return store
+    return store;
   }
 
   wrapWithPersistReducer(reducers) {
@@ -138,53 +86,29 @@ export default class Application extends React.Component {
     // The key is set to the stringified JS asset path to remove the need for
     // migrations when hydrating.
     if (!this.hasWindow) {
-      return reducers
+      return reducers;
     }
-    const prefix = 'breezy'
-    const persistKey = prefix + this.props.initialPage.assets.filter( asset => asset.endsWith('.js')).join(",")
+    const prefix = "breezy";
+    const persistKey =
+      prefix +
+      this.props.initialPage.assets
+        .filter((asset) => asset.endsWith(".js"))
+        .join(",");
     const persistConfig = {
       key: persistKey,
       storage,
-    }
+    };
 
     // Remove older storage items that were used by previous JS assets
     if (this.hasWindow) {
-      const storedKeys = Object.keys(localStorage)
+      const storedKeys = Object.keys(localStorage);
       storedKeys.forEach((key) => {
         if (key.startsWith(`persist:${prefix}`) && key !== persistKey) {
-          localStorage.removeItem(key)
+          localStorage.removeItem(key);
         }
-      })
-    }
-
-    return persistReducer(persistConfig, reducers)
-  }
-
-  createHistory() {
-    if(this.hasWindow) {
-      // This is used for client side rendering
-      return createBrowserHistory({})
-    } else {
-      // This is used for server side rendering
-      return createMemoryHistory({})
+      });
     }
-  }
-
-  render() {
-    const history = this.createHistory()
 
-    // The Nav component is pretty bare and can be inherited from for custom
-    // behavior or replaced with your own.
-    return <Provider store={this.store}>
-      <Nav
-        store={this.store}
-        ref={this.navigatorRef}
-        visit={this.visit}
-        remote={this.remote}
-        mapping={this.identifierToComponentMapping}
-        history={history}
-        initialPageKey={this.breezy.initialPageKey}
-      />
-    </Provider>
+    return persistReducer(persistConfig, reducers);
   }
 }

data/lib/install/templates/web/application_visit.js

@@ -1,4 +1,4 @@
-import { visit, remote } from '@jho406/breezy/dist/action_creators'
+import { visit, remote } from '@jho406/breezy/action_creators'
 
 export function buildVisitAndRemote(ref, store) {
   const appRemote = (...args) => {
@@ -19,14 +19,9 @@ export function buildVisitAndRemote(ref, store) {
           return
         }
 
-        // There can only be one visit at a time, if `canNavigate` is false,
-        // then this request will be saved to the store but should be ignored 
-        // for a more recent visit.
-        if (meta.canNavigate) {
-          ref.current.navigateTo(meta.pageKey, {
-            action: meta.suggestedAction,
-          })
-        }
+        ref.current.navigateTo(meta.pageKey, {
+          action: meta.suggestedAction,
+        })
       })
       .finally(() => {
         // Do something after

data/lib/install/templates/web/initializer.rb

@@ -1,3 +1 @@
 require 'props_template/core_ext'
-
-Props.reset_encoder!

data/lib/install/web.rb

@@ -56,10 +56,13 @@ say "Adding required member methods to ApplicationRecord"
 add_member_methods
 
 say "Installing React, Redux, and Breezy"
-run "yarn add babel-plugin-module-resolver babel-preset-react history@\"^4\" html-react-parser@\"^0.13\" prop-types react-redux redux-thunk redux redux-persist reduce-reducers react react-dom immer @jho406/breezy --save"
+run "yarn add babel-plugin-module-resolver history@\"^4\" html-react-parser@\"^0.13\" react-redux redux-thunk redux redux-persist reduce-reducers immer @jho406/breezy --save"
 
 say "Updating webpack config to include .jsx file extension and resolved_paths"
-insert_into_file Webpacker.config.config_path, "    - .jsx\n", after: /extensions:\n/
+insert_into_file Webpacker.config.config_path, "    - .jsx\n", after: /\bextensions:\n/
+# For newer webpacker
+insert_into_file Webpacker.config.config_path, "'app/views', 'app/components'", after: /additional_paths: \[/
+# For older webpacker
 insert_into_file Webpacker.config.config_path, "'app/views', 'app/components'", after: /resolved_paths: \[/
 
 say "Webpacker now supports breezy.js 🎉", :green

data/lib/tasks/install.rake

@@ -15,7 +15,7 @@ namespace :breezy do
     package_json = JSON.parse(File.read(Rails.root.join("package.json")))
 
     if package_json['dependencies']['react'].nil?
-      $stderr.puts "React not installed. Did you run `rails webpacker:install:react`?"
+      $stderr.puts "React not installed. Did you install React? https://github.com/rails/webpacker#react"
       $stderr.puts "Exiting!" && exit!
     end
   end

data/test/render_test.rb

@@ -44,8 +44,6 @@ class RenderTest < ActionController::TestCase
 
 
   setup do
-    Props.reset_encoder!
-
     if Rails.version >= '6'
       # In rails 6, the fixture orders the templates based on their appearance in the handler
       # This doesn't happen IRL, so I'm going to explicitly set the handler here.

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: breezy
 version: !ruby/object:Gem::Version
-  version: 0.15.0
+  version: 0.18.1
 platform: ruby
 authors:
 - Johny Ho
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-07-23 00:00:00.000000000 Z
+date: 2021-07-11 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -28,16 +28,16 @@ dependencies:
   name: props_template
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - '='
+    - - ">="
       - !ruby/object:Gem::Version
-        version: 0.15.0
+        version: 0.20.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - '='
+    - - ">="
       - !ruby/object:Gem::Version
-        version: 0.15.0
+        version: 0.20.0
 - !ruby/object:Gem::Dependency
   name: webpacker
   requirement: !ruby/object:Gem::Requirement
@@ -210,7 +210,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.0.3
+rubygems_version: 3.1.2
 signing_key:
 specification_version: 4
 summary: Rails integration for BreezyJS