superglue 0.53.2 → 1.0.0

data/lib/generators/superglue/scaffold_controller/scaffold_controller_generator.rb

@@ -0,0 +1,61 @@
+# frozen_string_literal: true
+
+# This file was copied over from Rails land and slightly modified to account
+# for Superglue templates
+
+require "rails/generators/resource_helpers"
+require "rails/generators/rails/scaffold_controller/scaffold_controller_generator"
+
+module Superglue
+  module Generators
+    class ScaffoldControllerGenerator < Rails::Generators::NamedBase # :nodoc:
+      include Rails::Generators::ResourceHelpers
+
+      # Superglue uses the out-of-the-box controller generated by Rails.
+      source_root Rails::Generators::ScaffoldControllerGenerator.source_root
+
+      check_class_collision suffix: "Controller"
+
+      class_option :helper, type: :boolean
+      class_option :orm, banner: "NAME", type: :string, required: true,
+                         desc: "ORM to generate the controller for"
+
+      class_option :skip_routes, type: :boolean, desc: "Don't add routes to config/routes.rb."
+
+      argument :attributes, type: :array, default: [], banner: "field:type field:type"
+
+      def create_controller_files
+        template "controller.rb", File.join("app/controllers", controller_class_path, "#{controller_file_name}_controller.rb")
+      end
+
+      # Replaces template_engine (and its default erb), with view_collection
+      # defaulting to superglue:view_collection
+      hook_for :view_collection, required: true, default: "view_collection"
+
+      hook_for :resource_route, in: :rails, required: true do |route|
+        invoke route unless options.skip_routes?
+      end
+
+      hook_for :test_framework, in: :rails, as: :scaffold
+
+      # Invoke the helper using the controller name (pluralized)
+      hook_for :helper, in: :rails, as: :scaffold do |invoked|
+        invoke invoked, [controller_name]
+      end
+
+      private
+
+        def permitted_params
+          attachments, others = attributes_names.partition { |name| attachments?(name) }
+          params = others.map { |name| ":#{name}" }
+          params += attachments.map { |name| "#{name}: []" }
+          params.join(", ")
+        end
+
+        def attachments?(name)
+          attribute = attributes.find { |attr| attr.name == name }
+          attribute&.attachments?
+        end
+    end
+  end
+end

data/lib/generators/{rails/templates/web → superglue/view_collection/templates/erb}/edit.html.erb

@@ -1,7 +1,7 @@
 <%% initial_state = controller.render_to_string(active_template_virtual_path, formats: [:json], locals: local_assigns, layout: true) %>
 
 <script type="text/javascript">
-  window.SUPERGLUE_INITIAL_PAGE_STATE=<%%= initial_state.html_safe %>;
+  window.SUPERGLUE_INITIAL_PAGE_STATE=<%%= initial_state.html_safe %>;<%%# erblint:disable ErbSafety %>
 </script>
 
 <%%# If you need SSR follow instructions at %>

data/lib/generators/{rails/templates/web → superglue/view_collection/templates/erb}/index.html.erb

@@ -1,7 +1,7 @@
 <%% initial_state = controller.render_to_string(active_template_virtual_path, formats: [:json], locals: local_assigns, layout: true) %>
 
 <script type="text/javascript">
-  window.SUPERGLUE_INITIAL_PAGE_STATE=<%%= initial_state.html_safe %>;
+  window.SUPERGLUE_INITIAL_PAGE_STATE=<%%= initial_state.html_safe %>;<%%# erblint:disable ErbSafety %>
 </script>
 
 <%%# If you need SSR follow instructions at %>

data/lib/generators/{rails/templates/web → superglue/view_collection/templates/erb}/new.html.erb

@@ -1,7 +1,7 @@
 <%% initial_state = controller.render_to_string(active_template_virtual_path, formats: [:json], locals: local_assigns, layout: true) %>
 
 <script type="text/javascript">
-  window.SUPERGLUE_INITIAL_PAGE_STATE=<%%= initial_state.html_safe %>;
+  window.SUPERGLUE_INITIAL_PAGE_STATE=<%%= initial_state.html_safe %>;<%%# erblint:disable ErbSafety %>
 </script>
 
 <%%# If you need SSR follow instructions at %>

data/lib/generators/{rails/templates/web → superglue/view_collection/templates/erb}/show.html.erb

@@ -1,7 +1,7 @@
 <%% initial_state = controller.render_to_string(active_template_virtual_path, formats: [:json], locals: local_assigns, layout: true) %>
 
 <script type="text/javascript">
-  window.SUPERGLUE_INITIAL_PAGE_STATE=<%%= initial_state.html_safe %>;
+  window.SUPERGLUE_INITIAL_PAGE_STATE=<%%= initial_state.html_safe %>;<%%# erblint:disable ErbSafety %>
 </script>
 
 <%%# If you need SSR follow instructions at %>

data/lib/generators/superglue/view_collection/templates/js/edit.jsx

@@ -0,0 +1,40 @@
+import React from 'react'
+import {
+  Form,
+  Layout,
+  <%- attributes.each do |attr| -%>
+  <%= js_component(attr)%>,
+  <%- end -%>
+  SubmitButton
+} from '@javascript/components'
+import { useContent } from '@thoughtbot/superglue'
+import { useAppSelector } from '@javascript/store'
+
+export default function <%= js_plural_table_name(:upper) %>Edit() {
+  const {
+    <%= js_singular_table_name %>Form,
+    <%= js_singular_table_name %>Path,
+    <%= js_plural_table_name %>Path,
+  } = useContent()
+
+  const { 
+    inputs, 
+    form, 
+    extras 
+  } = <%= js_singular_table_name %>Form
+  const validationErrors = useAppSelector((state) => state.flash["<%= js_singular_table_name%>FormErrors"])
+
+  return (
+    <Layout>
+      <Form {...form} extras={extras} validationErrors={validationErrors} data-sg-visit>
+        <%- attributes.each do |attr| -%>
+        <<%= js_component(attr)%> {...inputs.<%= attr.column_name.camelize(:lower)%>} label="<%= attr.column_name.humanize %>" errorKey="<%= attr.column_name %>" />
+        <%- end -%>
+        <SubmitButton {...inputs.submit} type="submit"> {inputs.submit.text} </SubmitButton>
+      </Form>
+
+      <a href={<%= js_singular_table_name %>Path} data-sg-visit>Show</a>
+      <a href={<%= js_plural_table_name %>Path} data-sg-visit>Back</a>
+    </Layout>
+  )
+}

data/lib/generators/superglue/view_collection/templates/js/index.jsx

@@ -0,0 +1,62 @@
+import React from 'react'
+import { Form, Layout } from '@javascript/components'
+import { useContent } from '@thoughtbot/superglue'
+
+export default function <%= js_plural_table_name(:upper) %>Index() {
+  const {
+    new<%= js_singular_table_name(:upper) %>Path,
+    <%= js_plural_table_name %> = [],
+  } = useContent()
+
+  const <%= js_singular_table_name %>Items = <%= js_plural_table_name %>.map((<%= js_singular_table_name %>) => {
+    const {
+      id,
+      <%- showable_attributes.each do |attr| -%>
+      <%= attr.column_name.camelize(:lower)%>,
+      <%- end -%>
+      edit<%= js_singular_table_name(:upper) %>Path,
+      <%= js_singular_table_name %>Path,
+      deleteForm
+    } = <%= js_singular_table_name %>
+
+    const { form, extras } = deleteForm;
+
+    return (
+      <tr key={id}>
+        <%- showable_attributes.each do |attr| -%>
+        <td>{<%=attr.column_name.camelize(:lower)%>}</td>
+        <%- end -%>
+        <td><a href={ <%= js_singular_table_name %>Path } data-sg-visit>Show</a></td>
+        <td><a href={ edit<%= js_singular_table_name(:upper) %>Path } data-sg-visit>Edit</a></td>
+        <td>
+          <Form {...form} extras={extras} data-sg-visit>
+            <button type="submit">Delete</button>
+          </Form>
+        </td>
+      </tr>
+    )
+  })
+
+  return (
+    <Layout>
+      <h1><%= js_plural_table_name(:upper) %></h1>
+
+      <table>
+        <thead>
+          <%- showable_attributes.each do |attr| -%>
+          <tr><th><%=attr.column_name.humanize%></th></tr>
+          <%- end -%>
+          <tr>
+            <th colSpan={3}></th>
+          </tr>
+        </thead>
+
+        <tbody>
+          {<%= js_singular_table_name %>Items}
+        </tbody>
+      </table>
+      <br />
+      <a href={new<%= js_singular_table_name(:upper) %>Path} data-sg-visit>New <%= singular_table_name.humanize %></a>
+    </Layout>
+  )
+}

data/lib/generators/superglue/view_collection/templates/js/new.jsx

@@ -0,0 +1,38 @@
+import React from 'react'
+import { 
+  Form, 
+  Layout,
+  <%- attributes.each do |attr| -%>
+  <%= js_component(attr)%>,
+  <%- end -%>
+  SubmitButton
+} from '@javascript/components'
+import { useContent } from '@thoughtbot/superglue'
+import { useAppSelector } from '@javascript/store'
+
+export default function <%= js_plural_table_name(:upper) %>New() {
+  const {
+    <%= js_singular_table_name %>Form,
+    <%= js_plural_table_name %>Path
+  } = useContent()
+
+  const { 
+    inputs, 
+    form, 
+    extras 
+  } = <%= js_singular_table_name %>Form
+  const validationErrors = useAppSelector((state) => state.flash["<%= js_singular_table_name%>FormErrors"])
+
+  return (
+    <Layout>
+      <Form {...form} extras={extras} validationErrors={validationErrors} data-sg-visit>
+        <%- attributes.each do |attr| -%>
+        <<%= js_component(attr)%> {...inputs.<%= attr.column_name.camelize(:lower)%>} label="<%= attr.column_name.humanize %>" errorKey="<%= attr.column_name %>" />
+        <%- end -%>
+        <SubmitButton {...inputs.submit} type="submit"> {inputs.submit.text} </SubmitButton>
+      </Form>
+
+      <a href={<%= js_plural_table_name %>Path} data-sg-visit>Back</a>
+    </Layout>
+  )
+}

data/lib/generators/superglue/view_collection/templates/js/show.jsx

@@ -0,0 +1,26 @@
+import React from 'react'
+import { Layout } from '@javascript/components'
+import { useContent } from '@thoughtbot/superglue'
+
+export default function <%= js_plural_table_name(:upper) %>Show() {
+  const {
+    <%- showable_attributes.each do |attr| -%>
+    <%= attr.column_name.camelize(:lower) %>,
+    <%- end -%>
+    edit<%= js_singular_table_name(:upper) %>Path,
+    <%= js_plural_table_name %>Path
+  } = useContent()
+
+  return (
+    <Layout>
+    <%- showable_attributes.each do |attr| -%>
+      <p>
+        <strong><%= attr.column_name.humanize %>:</strong>
+        {<%=attr.column_name.camelize(:lower)%>}
+      </p>
+    <%- end -%>
+      <a href={ edit<%= js_singular_table_name(:upper) %>Path } data-sg-visit>Edit</a>
+      <a href={ <%= js_plural_table_name %>Path } data-sg-visit>Back</a>
+    </Layout>
+  )
+}

data/lib/generators/superglue/view_collection/templates/props/edit.json.props

@@ -0,0 +1,9 @@
+if @<%= singular_table_name %>.errors.any?
+  flash.now["<%= js_singular_table_name%>FormErrors"] = @<%= singular_table_name %>.errors.as_json
+end
+
+json.<%= js_singular_table_name %>Form(partial: 'form') do
+end
+
+json.<%= js_singular_table_name%>Path <%= singular_table_name%>_path(@<%=singular_table_name%>)
+json.<%= js_plural_table_name %>Path <%= plural_table_name %>_path

data/lib/generators/superglue/view_collection/templates/props/index.json.props

@@ -0,0 +1,14 @@
+json.<%= js_plural_table_name %> do
+  json.array! @<%= plural_table_name %> do |<%= singular_table_name %>|
+    <%- attributes_list_with_timestamps.each do |attr| -%>
+    json.<%=attr.to_s.camelize(:lower)%> <%= singular_table_name %>.<%=attr%>
+    <%- end -%>
+    json.edit<%=js_singular_table_name(:upper)%>Path edit_<%=singular_table_name%>_path(<%=singular_table_name%>)
+    json.<%=js_singular_table_name%>Path <%=singular_table_name%>_path(<%=singular_table_name%>)
+    json.deleteForm do
+      form_props(model: <%=singular_table_name%>, method: :delete)
+    end
+  end
+end
+
+json.new<%= js_singular_table_name(:upper) %>Path new_<%= singular_table_name %>_path

data/lib/generators/superglue/view_collection/templates/props/new.json.props

@@ -0,0 +1,10 @@
+if @<%= singular_table_name %>.errors.any?
+  flash.now["<%= js_singular_table_name%>FormErrors"] = @<%= singular_table_name %>.errors.as_json
+end
+
+json.<%= js_singular_table_name %>Form(partial: 'form') do
+end
+
+json.<%= js_plural_table_name %>Path <%= plural_table_name %>_path
+
+

data/lib/generators/superglue/view_collection/templates/props/show.json.props

@@ -0,0 +1,6 @@
+<%- attributes_list_with_timestamps.each do |attr|-%>
+json.<%=attr.to_s.camelize(:lower)%> @<%= singular_table_name %>.<%=attr%>
+<%- end -%>
+
+json.<%= js_plural_table_name %>Path <%= plural_table_name %>_path
+json.edit<%= js_singular_table_name(:upper) %>Path edit_<%= singular_table_name %>_path(@<%= singular_table_name %>)

data/lib/generators/superglue/view_collection/templates/ts/edit.tsx

@@ -0,0 +1,54 @@
+import React from 'react'
+import { 
+  Form, 
+  FormProps,
+  Layout,
+  <%- attributes.each do |attr| -%>
+  <%= js_component(attr)%>,
+  <%= js_component(attr)%>Props,
+  <%- end -%>
+  SubmitButton,
+  SubmitButtonProps
+} from '@javascript/components'
+import { useContent } from '@thoughtbot/superglue'
+import { useAppSelector } from '@javascript/store'
+
+type ContentProps = {
+  <%= js_singular_table_name %>Path: string
+  <%= js_plural_table_name %>Path: string,
+  <%= js_singular_table_name %>Form: FormProps<{
+    <%- attributes.each do |attr| -%>
+    <%= attr.column_name.camelize(:lower)%>: <%= js_component(attr)%>Props
+    <%- end -%>
+    submit: SubmitButtonProps
+  }>
+}
+
+export default function <%= js_plural_table_name(:upper) %>Edit() {
+  const {
+    <%= js_singular_table_name %>Form,
+    <%= js_singular_table_name %>Path,
+    <%= js_plural_table_name %>Path,
+  } = useContent<ContentProps>()
+
+  const { 
+    inputs, 
+    form, 
+    extras 
+  } = <%= js_singular_table_name %>Form
+  const validationErrors = useAppSelector((state) => state.flash["<%= js_singular_table_name%>FormErrors"])
+
+  return (
+    <Layout>
+      <Form {...form} extras={extras} validationErrors={validationErrors} data-sg-visit>
+        <%- attributes.each do |attr| -%>
+        <<%= js_component(attr)%> {...inputs.<%= attr.column_name.camelize(:lower)%>} label="<%= attr.column_name.humanize %>" errorKey="<%= attr.column_name %>" />
+        <%- end -%>
+        <SubmitButton {...inputs.submit} type="submit"> {inputs.submit.text} </SubmitButton>
+      </Form>
+
+      <a href={<%= js_singular_table_name %>Path} data-sg-visit>Show</a>
+      <a href={<%= js_plural_table_name %>Path} data-sg-visit>Back</a>
+    </Layout>
+  )
+}

data/lib/generators/superglue/view_collection/templates/ts/index.tsx

@@ -0,0 +1,77 @@
+import React from 'react'
+import { Form, FormProps, Layout } from '@javascript/components'
+import { useContent } from '@thoughtbot/superglue'
+
+type ContentProps = {
+  new<%= js_singular_table_name(:upper) %>Path: string
+  <%= js_plural_table_name %>: {
+    id: number,
+    <%- showable_attributes.each do |attr| -%>
+    <%= attr.column_name.camelize(:lower)%>: <%= json_mappable_type(attr)%>
+    <%- end -%>
+    createdAt: string,
+    updatedAt: string,
+    edit<%= js_singular_table_name(:upper) %>Path: string,
+    <%= js_singular_table_name %>Path: string,
+    deleteForm: FormProps
+  }[]
+}
+
+export default function <%= js_plural_table_name(:upper) %>Index() {
+  const {
+    new<%= js_singular_table_name(:upper) %>Path,
+    <%= js_plural_table_name %> = [],
+  } = useContent<ContentProps>()
+
+  const <%= js_singular_table_name %>Items = <%= js_plural_table_name %>.map((<%= js_singular_table_name %>) => {
+    const {
+      id,
+      <%- showable_attributes.each do |attr| -%>
+      <%= attr.column_name.camelize(:lower)%>,
+      <%- end -%>
+      edit<%= js_singular_table_name(:upper) %>Path,
+      <%= js_singular_table_name %>Path,
+      deleteForm
+    } = <%= js_singular_table_name %>
+
+    const { form, extras } = deleteForm;
+
+    return (
+      <tr key={id}>
+        <%- showable_attributes.each do |attr| -%>
+        <td>{<%=attr.column_name.camelize(:lower)%>}</td>
+        <%- end -%>
+        <td><a href={ <%= js_singular_table_name %>Path } data-sg-visit>Show</a></td>
+        <td><a href={ edit<%= js_singular_table_name(:upper) %>Path } data-sg-visit>Edit</a></td>
+        <td>
+          <Form {...form} extras={extras} data-sg-visit>
+            <button type="submit">Delete</button>
+          </Form>
+        </td>
+      </tr>
+    )
+  })
+
+  return (
+    <Layout>
+      <h1><%= js_plural_table_name(:upper) %></h1>
+
+      <table>
+        <thead>
+          <%- showable_attributes.each do |attr| -%>
+          <tr><th><%=attr.column_name.humanize%></th></tr>
+          <%- end -%>
+          <tr>
+            <th colSpan={3}></th>
+          </tr>
+        </thead>
+
+        <tbody>
+          {<%= js_singular_table_name %>Items}
+        </tbody>
+      </table>
+      <br />
+      <a href={new<%= js_singular_table_name(:upper) %>Path} data-sg-visit>New <%= singular_table_name.humanize %></a>
+    </Layout>
+  )
+}

data/lib/generators/superglue/view_collection/templates/ts/new.tsx

@@ -0,0 +1,50 @@
+import React from 'react'
+import { 
+  Form, 
+  FormProps,
+  Layout,
+  <%- attributes.each do |attr| -%>
+  <%= js_component(attr)%>,
+  <%= js_component(attr)%>Props,
+  <%- end -%>
+  SubmitButton,
+  SubmitButtonProps
+} from '@javascript/components'
+import { useContent } from '@thoughtbot/superglue'
+import { useAppSelector } from '@javascript/store'
+
+type ContentProps = {
+  <%= js_plural_table_name %>Path: string
+  <%= js_singular_table_name %>Form: FormProps<{
+    <%- attributes.each do |attr| -%>
+    <%= attr.column_name.camelize(:lower)%>: <%= js_component(attr)%>Props
+    <%- end -%>
+    submit: SubmitButtonProps
+  }>
+}
+
+export default function <%= js_plural_table_name(:upper) %>New() {
+  const {
+    <%= js_singular_table_name %>Form,
+    <%= js_plural_table_name %>Path,
+  } = useContent<ContentProps>()
+  const { 
+    inputs, 
+    form, 
+    extras 
+  } = <%= js_singular_table_name %>Form
+  const validationErrors = useAppSelector((state) => state.flash["<%= js_singular_table_name%>FormErrors"])
+
+  return (
+    <Layout>
+      <Form {...form} extras={extras} validationErrors={validationErrors} data-sg-visit>
+        <%- attributes.each do |attr| -%>
+        <<%= js_component(attr)%> {...inputs.<%= attr.column_name.camelize(:lower)%>} label="<%= attr.column_name.humanize %>" errorKey="<%= attr.column_name %>" />
+        <%- end -%>
+        <SubmitButton {...inputs.submit} type="submit"> {inputs.submit.text} </SubmitButton>
+      </Form>
+
+      <a href={<%= js_plural_table_name %>Path} data-sg-visit>Back</a>
+    </Layout>
+  )
+}

data/lib/generators/superglue/view_collection/templates/ts/show.tsx

@@ -0,0 +1,37 @@
+import React from 'react'
+import { Layout } from '@javascript/components'
+import { useContent } from '@thoughtbot/superglue'
+
+type ContentProps = {
+  id: string
+  <%- attributes.each do |attr| -%>
+  <%= attr.column_name.camelize(:lower)%>: <%= json_mappable_type(attr)%>
+  <%- end -%>
+  createdAt: string
+  updatedAt: string
+  <%= js_plural_table_name %>Path: string
+  edit<%= js_singular_table_name(:upper) %>Path: string
+}
+
+export default function <%= js_plural_table_name(:upper) %>Show() {
+  const {
+    <%- showable_attributes.each do |attr| -%>
+    <%= attr.column_name.camelize(:lower) %>,
+    <%- end -%>
+    edit<%= js_singular_table_name(:upper) %>Path,
+    <%= js_plural_table_name %>Path,
+  } = useContent<ContentProps>()
+
+  return (
+    <Layout>
+    <%- showable_attributes.each do |attr| -%>
+      <p>
+        <strong><%= attr.column_name.humanize %>:</strong>
+        {<%=attr.column_name.camelize(:lower)%>}
+      </p>
+    <%- end -%>
+      <a href={ edit<%= js_singular_table_name(:upper) %>Path } data-sg-visit>Edit</a>
+      <a href={ <%= js_plural_table_name %>Path } data-sg-visit>Back</a>
+    </Layout>
+  )
+}