rails_react_scaffold 0.1.0 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 18b1352090b47f7482237fffaef270b990c9d7d754c0da2e205430c54edd5541
-  data.tar.gz: 44131cc992121147161ec94c2e9a958ad6bd25a896eb1482c93baa8fc61659d9
+  metadata.gz: d449b1aaa59264d0b4ce80f96d75b0b0b11dd8fe128bf33ba39eef567c8b7adc
+  data.tar.gz: b75e266ebeaa9a05ccbe0b338cc13991377813160f74186998fdb69d55c9356a
 SHA512:
-  metadata.gz: bdd59ca44d2e9d4f63eddde9194608961d4fd194c15e7bd0a87d4705ae7442a11fd05abdab4af62c68c328985a4da75ca5cc199de046f54e1676d9a16b88f712
-  data.tar.gz: 27351ace6f4d03668a1821844441a4aac877f8dd3412d218339a2b11a13ffc0087e2d91f67065e998896ee6523795b3c1de7550ee397654e3929f87c0926415d
+  metadata.gz: 452dd9ba8ec0cdf4e656c979afe99da9aaf5c2d89bf437b9b9cda715e2a5be32c56c36a23fb21229b1b0d40d9711b92a94c31bc78e0f01c008918f7cdf07387c
+  data.tar.gz: 23b166d769784490bfcffa0d4fda74322a88dabc20962ec86f477584f6c08bf22334cbbf65ac742f6c5d79bc6884098ebde9c5c70d8d298a340ebfb4bd60f3ae

data/CHANGELOG.md

@@ -1,6 +1,16 @@
 ## [Unreleased]
 
-## [0.1.0] - 2023-02-17
+## [0.2.0] - 2023-02-19
+
+- New Features
+  - Added support for Remount for mounting components.
+
+## [0.1.1] - 2023-02-19
+
+- Bug Fixes
+  - Fixed issue that was causing Update in the controller to not work because instance variable was nil.
+
+## [0.1.0] - 2023-02-19
 
 - Initial release
   - Support for jQuery and Fetch AJAX engines

data/README.md

@@ -43,9 +43,9 @@ rails g rails_react_scaffold:controller MODEL_NAME
 |`component_dir`|string|The directory where the generated components will be placed|`app/javascript/components`|
 |`component_ext`|string|The file extension to use for generated react components. (js, jsx)|`js`|
 |`ajax_engine`|string|What you want to use to make your Ajax calls (fetch, jQuery, axios) **axios coming soon**|`fetch`|
-|`json_engine`|string|What to use to generate your JSON responses (jbuiler, rabl) **jbuilder coming soon**|`jbuilder`|
-|`use_cancan`|boolean|If you want to load and authorize resources through CanCan(Can).|`false`|
-|`use_remount`|boolean|**Coming soon** If you want to use Remount to mount your components.|`false`|
+|`json_engine`|string|What to use to generate your JSON responses (jbuiler, [rabl](https://github.com/nesquena/rabl)) **jbuilder coming soon**|`jbuilder`|
+|`use_cancan`|boolean|If you want to load and authorize resources through [CanCan(Can)](https://github.com/CanCanCommunity/cancancan).|`false`|
+|`use_remount`|boolean|If you want to use [Remount](https://github.com/rstacruz/remount) to mount your components.|`false`|
 |`use_webpacker`|boolean|If you want to use javascript_pack_tag to include your JS in your ERB files.|`false`|
 |`use_webpacker_chunks`|boolean|If you want use javascript_packs_with_chunks_tag to include your JS in your ERB files.|`false`|
 

data/lib/generators/rails_react_scaffold/templates/controller.rb

@@ -2,7 +2,7 @@ class <%= controller_class_name %>Controller < ApplicationController
   <%- if options[:use_cancan] -%>
   load_and_authorize_resource
   <%- else -%>
-  before_action :set_<%= singular_name %>, only: [:show, :edit, :destroy]
+  before_action :set_<%= singular_name %>, only: [:show, :edit, :destroy, :update]
   <%- end -%>
 
   def index

data/lib/generators/rails_react_scaffold/templates/react_components/edit_page.js.erb

@@ -1,5 +1,11 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
+<%- if options['use_remount'] -%>
+import { define } from 'remount';
+<%- else -%>
+import ReactDOM from 'react-dom';
+<%- end -%>
+
 import <%= plural_name.camelize %>Form from './<%= plural_name %>_form';
 
 const <%= plural_name.camelize %>EditPage = ({ <%= singular_name.camelize(:lower)%>Id }) => (
@@ -10,7 +16,7 @@ const <%= plural_name.camelize %>EditPage = ({ <%= singular_name.camelize(:lower
 );
 
 <% if options['use_remount'] %>
-/* REMOUNT COMING SOON */
+define({ '<%= "#{plural_name.dasherize}-edit-page" %>': <%= "#{plural_name.camelize}EditPage" %> });
 <% else %>
 document.addEventListener('DOMContentLoaded', () => {
   const mountPoint = document.getElementById('<%= "#{plural_name}-edit-page-mount-point" %>');

data/lib/generators/rails_react_scaffold/templates/react_components/index_page.js.erb

@@ -1,6 +1,11 @@
 import React from 'react';
 import { useState, useEffect } from 'react';
 import ReactDOM from 'react-dom';
+<%- if options['use_remount'] -%>
+import { define } from 'remount';
+<%- else -%>
+import ReactDOM from 'react-dom';
+<%- end -%>
 
 const <%= plural_name.camelize %>IndexPage = () => {
 
@@ -109,7 +114,7 @@ const <%= plural_name.camelize %>IndexPage = () => {
 };
 
 <%- if options['use_remount'] -%>
-/* REMOUNT COMING SOON */
+define({ '<%= "#{plural_name.dasherize}-index-page" %>': <%= "#{plural_name.camelize}IndexPage" %> });
 <%- else -%>
 document.addEventListener('DOMContentLoaded', () => {
   const mountPoint = document.getElementById('<%= "#{plural_name}-index-page-mount-point" %>');

data/lib/generators/rails_react_scaffold/templates/react_components/new_page.js.erb

@@ -1,5 +1,10 @@
 import React from 'react';
+<%- if options['use_remount'] -%>
+import { define } from 'remount';
+<%- else -%>
 import ReactDOM from 'react-dom';
+<%- end -%>
+
 import <%= plural_name.camelize %>Form from './<%= plural_name %>_form';
 
 const <%= plural_name.camelize %>NewPage = () => (
@@ -10,7 +15,7 @@ const <%= plural_name.camelize %>NewPage = () => (
 );
 
 <%- if options['use_remount'] -%>
-/* REMOUNT COMING SOON */
+define({ '<%= "#{plural_name.dasherize}-new-page" %>': <%= "#{plural_name.camelize}NewPage" %> });
 <%- else -%>
 document.addEventListener('DOMContentLoaded', () => {
   const mountPoint = document.getElementById('<%= "#{plural_name}-new-page-mount-point" %>');

data/lib/generators/rails_react_scaffold/templates/react_components/show_page.js.erb

@@ -1,5 +1,11 @@
 import React, { useState, useEffect } from 'react';
 import ReactDOM from 'react-dom';
+<%- if options['use_remount'] -%>
+import { define } from 'remount';
+<%- else -%>
+import ReactDOM from 'react-dom';
+<%- end -%>
+
 const <%= plural_name.camelize %>ShowPage = ({ <%= singular_name.camelize(:lower)%>Id }) => {
 
   const [loading, setLoading] = useState(true);
@@ -61,7 +67,7 @@ const <%= plural_name.camelize %>ShowPage = ({ <%= singular_name.camelize(:lower
 };
 
 <%- if options['use_remount'] -%>
-/* REMOUNT COMING SOON */
+define({ '<%= "#{plural_name.dasherize}-show-page" %>': <%= "#{plural_name.camelize}ShowPage" %> });
 <%- else -%>
 document.addEventListener('DOMContentLoaded', () => {
   const mountPoint = document.getElementById('<%= "#{plural_name}-show-page-mount-point" %>');

data/lib/generators/rails_react_scaffold/templates/views/edit.html.erb

@@ -4,4 +4,8 @@
 <%- if options[:use_webpacker] -%>
 <%= "<%= javascript_pack_tag '#{plural_name}/#{plural_name}_edit_page' %%>" %>
 <%- end -%>
-<div id="<%= "#{plural_name}-edit-page-mount-point" %>" data-<%= singular_name.dasherize %>-id=<%= "<%= @#{singular_name}.id  %%>" %>></div>
+<%- if options['use_remount'] -%>
+<books-edit-page props-json='{"<%= singular_name.camelize(:lower)%>Id": <%= "<%= @#{singular_name}.id  %%>" %>}'></books-edit-page>
+<%- else -%>
+<div id="<%= "#{plural_name}-edit-page-mount-point" %>" data-<%= singular_name.dasherize %>-id=<%= "<%= @#{singular_name}.id  %%>" %>></div>
+<%- end -%>

data/lib/generators/rails_react_scaffold/templates/views/index.html.erb

@@ -4,4 +4,8 @@
 <%- if options[:use_webpacker] -%>
 <%= "<%= javascript_pack_tag '#{plural_name}/#{plural_name}_index_page' %%>" %>
 <%- end -%>
-<div id="<%= "#{plural_name}-index-page-mount-point" %>"></div>
+<%- if options['use_remount'] -%>
+<books-index-page></books-index-page>
+<%- else -%>
+<div id="<%= "#{plural_name}-index-page-mount-point" %>"></div>
+<%- end -%>

data/lib/generators/rails_react_scaffold/templates/views/new.html.erb

@@ -4,4 +4,8 @@
 <%- if options[:use_webpacker] -%>
 <%= "<%= javascript_pack_tag '#{plural_name}/#{plural_name}_new_page' %%>" %>
 <%- end -%>
-<div id="<%= "#{plural_name}-new-page-mount-point" %>"></div>
+<%- if options['use_remount'] -%>
+<books-new-page></books-new-page>
+<%- else -%>
+<div id="<%= "#{plural_name}-new-page-mount-point" %>"></div>
+<%- end -%>

data/lib/generators/rails_react_scaffold/templates/views/show.html.erb

@@ -4,4 +4,8 @@
 <%- if options[:use_webpacker] -%>
 <%= "<%= javascript_pack_tag '#{plural_name}/#{plural_name}_show_page' %%>" %>
 <%- end -%>
-<div id="<%= "#{plural_name}-show-page-mount-point" %>" data-<%= singular_name.dasherize %>-id=<%= "<%= @#{singular_name}.id  %%>" %>></div>
+<%- if options['use_remount'] -%>
+<books-show-page props-json='{"<%= singular_name.camelize(:lower)%>Id": <%= "<%= @#{singular_name}.id  %%>" %>}'></books-show-page>
+<%- else -%>
+<div id="<%= "#{plural_name}-show-page-mount-point" %>" data-<%= singular_name.dasherize %>-id=<%= "<%= @#{singular_name}.id  %%>" %>></div>
+<%- end -%>

data/lib/rails_react_scaffold/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module RailsReactScaffold
-  VERSION = "0.1.0"
+  VERSION = "0.2.0"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: rails_react_scaffold
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.2.0
 platform: ruby
 authors:
 - Casey Li
@@ -65,7 +65,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.3.7
+rubygems_version: 3.4.7
 signing_key:
 specification_version: 4
 summary: Gem to build Rails scaffolds for Rails projects that use React front ends.