This gem generates some JavaScript code with the specific rule.

• dotenv

Add this line to your application's Gemfile:

gem 'js_generator'

And then execute:

$ bundle install

Add this lines to .env:

# set your js top namespace
TOP_LEVEL_JS_NAMESPACE=Example

Run the command like this:

$ bundle exec js_generate admin/blogs/new 

This command generates these lines:

• Create the js file for the view like app/javascript/packs/views/admin/blogs/new.js.
• Write some codes below:

  // application.js
  window.Example.Admin = window.Example.Admin || {};
  window.Example.Admin.Blogs = window.Example.Admin.Blogs || {};
  import AdminBlogsNew from './views/admin/blogs/new';
  window.Example.Admin.Blogs.New = window.Example.Admin.Blogs.New || {};
  window.Example.Admin.Blogs.New = AdminBlogsNew;

• Write script tag to the view file(e.g. app/views/admin/blogs/new.html.erb).

  <script>
    window.Example.Admin.Blogs.New();
  </script>

Here is the js_generate syntax. The namespace is optional.

$ bundle exec js_generate [namespace(optional)]/[model_name]/[action_name]

# e.g. with namespace
$ bundle exec js_generate admin/blogs/new

# e.g. without namespace
$ bundle exec js_generate blogs/index 

$ bin/setup

$ bundle exec rspec