rails_react_scaffold 0.1.1 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6d4f89826bd1ed110b4ce787a994a5c1057f8728e2888fddc001020ab504a25c
-  data.tar.gz: 64edcc9b0b448f1fc5d991ab906c72406e7886c4a0352cbc69b278f1dc5df7a4
+  metadata.gz: d449b1aaa59264d0b4ce80f96d75b0b0b11dd8fe128bf33ba39eef567c8b7adc
+  data.tar.gz: b75e266ebeaa9a05ccbe0b338cc13991377813160f74186998fdb69d55c9356a
 SHA512:
-  metadata.gz: a171df4fa8cc3f0e0b82c68f9d32c151ba8fe1a4e97e2a8039df47647765cc7559c73b8f9cee1dac8462d3db00d4a5c0ab1302bcf26387a9fc7babf8de8d65df
-  data.tar.gz: 41ec8a8808a71652376e09d86e01212d83f9fb5363fc0795afeb8b5f2dde34334cc1e678d8d0b988e029e8223e7bde104fa399659ed469f228c8b5bf53fc6b01
+  metadata.gz: 452dd9ba8ec0cdf4e656c979afe99da9aaf5c2d89bf437b9b9cda715e2a5be32c56c36a23fb21229b1b0d40d9711b92a94c31bc78e0f01c008918f7cdf07387c
+  data.tar.gz: 23b166d769784490bfcffa0d4fda74322a88dabc20962ec86f477584f6c08bf22334cbbf65ac742f6c5d79bc6884098ebde9c5c70d8d298a340ebfb4bd60f3ae

data/CHANGELOG.md

@@ -1,5 +1,10 @@
 ## [Unreleased]
 
+## [0.2.0] - 2023-02-19
+
+- New Features
+  - Added support for Remount for mounting components.
+
 ## [0.1.1] - 2023-02-19
 
 - Bug Fixes

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/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.1"
+  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.1
+  version: 0.2.0
 platform: ruby
 authors:
 - Casey Li