inertia_rails-contrib 0.3.0 → 0.4.0

data/lib/generators/inertia_templates/scaffold/templates/react/Form.jsx.tt

@@ -1,111 +0,0 @@
-import { useForm } from '@inertiajs/react'
-
-export default function Form({ <%= singular_table_name %>, onSubmit, submitText }) {
-  const form = useForm({
-<% attributes.each do |attribute| -%>
-<% if attribute.password_digest? -%>
-    password: '',
-    password_confirmation: '',
-<% else -%>
-    <%= attribute.column_name %>: <%= singular_table_name %>.<%= attribute.column_name %> || <%= default_value(attribute) %>,
-<% end -%>
-<% end -%>
-  })
-  const { data, setData, errors, processing } = form
-
-  const handleSubmit = (e) => {
-    e.preventDefault()
-    onSubmit(form)
-  }
-
-  return (
-    <form onSubmit={handleSubmit}>
-<% attributes.each do |attribute| -%>
-<% if attribute.password_digest? -%>
-      <div>
-        <label style={{ display: 'block' }} htmlFor="password">
-          Password
-        </label>
-        <input
-          type="password"
-          name="password"
-          id="password"
-          onChange={(e) => setData('password', e.target.value)}
-        />
-        {errors.password && (
-          <div style={{ color: 'red' }}>{errors.password.join(', ')}</div>
-        )}
-      </div>
-
-      <div>
-        <label style={{ display: 'block' }} htmlFor="password_confirmation">
-          Password Confirmation
-        </label>
-        <input
-          type="password"
-          name="password_confirmation"
-          id="password_confirmation"
-          onChange={(e) => setData('password_confirmation', e.target.value)}
-        />
-        {errors.password_confirmation && (
-          <div style={{ color: 'red' }}>{errors.password_confirmation.join(', ')}</div>
-        )}
-      </div>
-<% else -%>
-      <div>
-        <label style={{ display: 'block' }} htmlFor="<%= attribute.singular_name %>">
-          <%= attribute.human_name %>
-        </label>
-<% if input_type(attribute) == "text_area" -%>
-        <textarea
-          name="<%= attribute.singular_name %>"
-          id="<%= attribute.singular_name %>"
-          value={data.<%= attribute.column_name %>}
-          onChange={(e) => setData('<%= attribute.column_name %>', e.target.value)}
-        />
-<% elsif attribute.attachment? -%>
-        <input
-          type="file"
-          name="<%= attribute.singular_name %>"
-          id="<%= attribute.singular_name %>"
-          onChange={(e) => setData('<%= attribute.column_name %>', e.target.files[0])}
-        />
-<% elsif attribute.attachments? -%>
-        <input
-          type="file"
-          multiple
-          name="<%= attribute.singular_name %>[]"
-          id="<%= attribute.singular_name %>"
-          onChange={(e) => setData('<%= attribute.column_name %>', Array.from(e.target.files))}
-        />
-<% elsif input_type(attribute) == "checkbox" -%>
-        <input
-          type="<%= input_type(attribute) %>"
-          name="<%= attribute.singular_name %>"
-          id="<%= attribute.singular_name %>"
-          checked={data.<%= attribute.column_name %>}
-          onChange={(e) => setData('<%= attribute.column_name %>', e.target.checked)}
-        />
-<% else -%>
-        <input
-          type="<%= input_type(attribute) %>"
-          name="<%= attribute.singular_name %>"
-          id="<%= attribute.singular_name %>"
-          value={data.<%= attribute.column_name %>}
-          onChange={(e) => setData('<%= attribute.column_name %>', e.target.value)}
-        />
-<% end -%>
-        {errors.<%= attribute.column_name %> && (
-          <div style={{ color: 'red' }}>{errors.<%= attribute.column_name %>.join(', ')}</div>
-        )}
-      </div>
-<% end -%>
-<% end -%>
-      <div>
-        <button type="submit" disabled={processing}>
-          {submitText}
-        </button>
-      </div>
-    </form>
-  )
-}

data/lib/generators/inertia_templates/scaffold/templates/react/Index.jsx.tt

@@ -1,26 +0,0 @@
-import { Link, Head } from '@inertiajs/react'
-import <%= inertia_component_name %> from './<%= inertia_component_name %>'
-
-export default function Index({ <%= plural_table_name %>, flash }) {
-  return (
-    <>
-      <Head title="<%= human_name.pluralize %>" />
-
-      {flash.notice && <p style={{ color: 'green' }}>{flash.notice}</p>}
-
-      <h1><%= human_name.pluralize %></h1>
-      <div>
-        {<%= plural_table_name %>.map((<%= singular_table_name %>) => (
-          <div key={<%= singular_table_name %>.id}>
-            <<%= inertia_component_name %> <%= singular_table_name %>={<%= singular_table_name %>} />
-            <p>
-              <Link href={`<%= js_resource_path %>`}>Show this <%= human_name.downcase %></Link>
-            </p>
-          </div>
-        ))}
-      </div>
-
-      <Link href="<%= js_new_resource_path %>">New <%= human_name.downcase %></Link>
-    </>
-  )
-}

data/lib/generators/inertia_templates/scaffold/templates/react/New.jsx.tt

@@ -1,27 +0,0 @@
-import { Link, Head } from '@inertiajs/react'
-import Form from './Form'
-
-export default function New({ <%= singular_table_name %> }) {
-  return (
-    <>
-      <Head title="New <%= human_name.downcase %>" />
-
-      <h1>New <%= human_name.downcase %></h1>
-
-      <Form
-        <%= singular_table_name %>={<%= singular_table_name %>}
-        onSubmit={(form) => {
-          form.transform((data) => ({ <%= singular_table_name %>: data }))
-          form.post('<%= js_resources_path %>')
-        }}
-        submitText="Create <%= human_name.downcase %>"
-      />
-
-      <br />
-
-      <div>
-        <Link href="<%= js_resources_path %>">Back to <%= human_name.pluralize.downcase %></Link>
-      </div>
-    </>
-  )
-}

data/lib/generators/inertia_templates/scaffold/templates/react/One.jsx.tt

@@ -1,26 +0,0 @@
-export default function <%= inertia_component_name %>({ <%= singular_table_name %> }) {
-  return (
-    <div>
-<% attributes.reject(&:password_digest?).each do |attribute| -%>
-      <p>
-        <strong><%= attribute.human_name %>:</strong>
-<% if attribute.attachment? -%>
-        {<%= singular_table_name %>.<%= attribute.column_name %> && (
-          <a href={<%= singular_table_name %>.<%= attribute.column_name %>.url}>{<%= singular_table_name %>.<%= attribute.column_name %>.filename}</a>
-        )}
-      </p>
-<% elsif attribute.attachments? -%>
-      </p>
-      {<%= singular_table_name %>.<%= attribute.column_name %>.map((file, i) => (
-        <div key={i}>
-          <a href={file.url}>{file.filename}</a>
-        </div>
-      ))}
-<% else -%>
-        {<%= singular_table_name %>.<%= attribute.column_name %>.toString()}
-      </p>
-<% end -%>
-<% end -%>
-    </div>
-  )
-}

data/lib/generators/inertia_templates/scaffold/templates/react/Show.jsx.tt

@@ -1,39 +0,0 @@
-import { Link, Head } from '@inertiajs/react'
-import <%= inertia_component_name %> from './<%= inertia_component_name %>'
-
-export default function Show({ <%= singular_table_name %>, flash }) {
-  const onDestroy = (e) => {
-    if (!confirm('Are you sure you want to delete this <%= human_name.downcase %>?')) {
-      e.preventDefault()
-    }
-  }
-
-  return (
-    <>
-      <Head title={`<%= human_name %> #${<%= singular_table_name %>.id}`} />
-
-      {flash.notice && <p style={{ color: 'green' }}>{flash.notice}</p>}
-
-      <h1><%= human_name %> #{<%= singular_table_name %>.id}</h1>
-
-      <<%= inertia_component_name %> <%= singular_table_name %>={<%= singular_table_name %>} />
-
-      <div>
-        <Link href={`<%= js_edit_resource_path %>`}>Edit this <%= human_name.downcase %></Link>
-        {' | '}
-        <Link href="<%= js_resources_path %>">Back to <%= human_name.pluralize.downcase %></Link>
-
-        <br />
-
-        <Link
-          href={`<%= js_resource_path %>`}
-          onClick={onDestroy}
-          as="button"
-          method="delete"
-        >
-          Destroy this <%= human_name.downcase %>
-        </Link>
-      </div>
-    </>
-  )
-}

data/lib/generators/inertia_templates/scaffold/templates/svelte/Edit.svelte.tt

@@ -1,36 +0,0 @@
-<script>
-  import { Link } from '@inertiajs/svelte'
-  import Form from './Form.svelte'
-
-  let { <%= singular_table_name %> } = $props()
-
-  const handleSubmit = ({ form }) => {
-    form.transform((data) => ({ <%= singular_table_name %>: data }))
-<% if attributes.any?(&:attachments?) -%>
-    form.post(`<%= js_resource_path %>`, {
-      headers: { 'X-HTTP-METHOD-OVERRIDE': 'put' },
-    })
-<% else -%>
-    form.patch(`<%= js_resource_path %>`)
-<% end -%>
-  }
-</script>
-
-<svelte:head>
-  <title>Editing <%= human_name.downcase %></title>
-</svelte:head>
-
-<h1>Editing <%= human_name.downcase %></h1>
-
-<Form
-  {<%= singular_table_name %>}
-  submitText="Update <%= human_name.downcase %>"
-  onSubmit={handleSubmit}
-/>
-
-<br />
-
-<div>
-  <Link href={`<%= js_resource_path %>`}>Show this <%= human_name.downcase %></Link> |
-  <Link href="<%= js_resources_path %>">Back to <%= human_name.pluralize.downcase %></Link>
-</div>

data/lib/generators/inertia_templates/scaffold/templates/svelte/Form.svelte.tt

@@ -1,98 +0,0 @@
-<script>
-  import { useForm } from '@inertiajs/svelte'
-  import { createEventDispatcher } from 'svelte'
-
-  let { <%= singular_table_name %>, submitText, onSubmit } = $props()
-
-  const form = useForm({
-<% attributes.each do |attribute| -%>
-<% if attribute.password_digest? -%>
-    password: '',
-    password_confirmation: '',
-<% else -%>
-    <%= attribute.column_name %>: <%= singular_table_name %>.<%= attribute.column_name %> || <%= default_value(attribute) %>,
-<% end -%>
-<% end -%>
-  })
-
-  const handleSubmit = (e) => {
-    e.preventDefault()
-    onSubmit({form: $form })
-  }
-</script>
-
-<form onsubmit={handleSubmit}>
-<% attributes.each do |attribute| -%>
-<% if attribute.password_digest? -%>
-  <div>
-    <label for="password">Password</label>
-    <input
-      type="password"
-      name="password"
-      id="password"
-      bind:value={$form.password}
-    />
-    {#if $form.errors.password}
-      <div class="error">{$form.errors.password.join(', ')}</div>
-    {/if}
-  </div>
-
-  <div>
-    <label for="password_confirmation">Password Confirmation</label>
-    <input
-      type="password"
-      name="password_confirmation"
-      id="password_confirmation"
-      bind:value={$form.password_confirmation}
-    />
-    {#if $form.errors.password_confirmation}
-      <div class="error">{$form.errors.password_confirmation.join(', ')}</div>
-    {/if}
-  </div>
-<% else -%>
-  <div>
-    <label for="<%= attribute.singular_name %>"><%= attribute.human_name %></label>
-<% if input_type(attribute) == "text_area" -%>
-    <textarea name="<%= attribute.singular_name %>" id="<%= attribute.singular_name %>" bind:value={$form.<%= attribute.column_name %>}></textarea>
-<% elsif attribute.attachment? -%>
-    <input
-      type="file"
-      name="<%= attribute.singular_name %>"
-      id="<%= attribute.singular_name %>"
-      oninput={(e) => ($form.<%= attribute.column_name %> = e.target.files[0])}
-    />
-<% elsif attribute.attachments? -%>
-    <input
-      type="file"
-      multiple
-      name="<%= attribute.singular_name %>[]"
-      id="<%= attribute.singular_name %>"
-      oninput={(e) => ($form.<%= attribute.column_name %> = Array.from(e.target.files))}
-    />
-<% else -%>
-    <input
-      type="<%= input_type(attribute) %>"
-      name="<%= attribute.singular_name %>"
-      id="<%= attribute.singular_name %>"
-      <%= input_type(attribute) == "checkbox" ? "bind:checked" : "bind:value" %>={$form.<%= attribute.column_name %>}
-    />
-<% end -%>
-    {#if $form.errors.<%= attribute.column_name %>}
-      <div class="error">{$form.errors.<%= attribute.column_name %>.join(', ')}</div>
-    {/if}
-  </div>
-<% end -%>
-<% end -%>
-  <div>
-    <button type="submit" disabled={$form.processing}>{submitText}</button>
-  </div>
-</form>
-
-<style>
-  label {
-    display: block;
-  }
-  .error {
-    color: red;
-  }
-</style>

data/lib/generators/inertia_templates/scaffold/templates/svelte/Index.svelte.tt

@@ -1,35 +0,0 @@
-<script>
-  import { Link } from '@inertiajs/svelte'
-  import <%= inertia_component_name %> from './<%= inertia_component_name %>.svelte'
-
-  let { <%= plural_table_name %>, flash } = $props()
-</script>
-
-<svelte:head>
-  <title><%= human_name.pluralize %></title>
-</svelte:head>
-
-{#if flash.notice}
-  <p class="notice">{flash.notice}</p>
-{/if}
-
-<h1><%= human_name.pluralize %></h1>
-
-<div>
-  {#each <%= plural_table_name %> as <%= singular_table_name %> (<%= singular_table_name %>.id)}
-    <div>
-      <<%= inertia_component_name %> {<%= singular_table_name %>} />
-      <p>
-        <Link href={`<%= js_resource_path %>`}>Show this <%= human_name.downcase %></Link>
-      </p>
-    </div>
-  {/each}
-</div>
-
-<Link href="<%= js_new_resource_path %>">New <%= human_name.downcase %></Link>
-
-<style>
-  .notice {
-    color: green;
-  }
-</style>

data/lib/generators/inertia_templates/scaffold/templates/svelte/New.svelte.tt

@@ -1,29 +0,0 @@
-<script>
-  import { Link } from '@inertiajs/svelte'
-  import Form from './Form.svelte'
-
-  let { <%= singular_table_name %> } = $props()
-
-  const handleSubmit = ({ form }) => {
-    form.transform((data) => ({ <%= singular_table_name %>: data }))
-    form.post('<%= js_resources_path %>')
-  }
-</script>
-
-<svelte:head>
-  <title>New <%= human_name.downcase %></title>
-</svelte:head>
-
-<h1>New <%= human_name.downcase %></h1>
-
-<Form
-  {<%= singular_table_name %>}
-  submitText="Create <%= human_name.downcase %>"
-  onSubmit={handleSubmit}
-/>
-
-<br />
-
-<div>
-  <Link href="<%= js_resources_path %>">Back to <%= human_name.pluralize.downcase %></Link>
-</div>

data/lib/generators/inertia_templates/scaffold/templates/svelte/One.svelte.tt

@@ -1,28 +0,0 @@
-<script>
-  let { <%= singular_table_name %> } = $props()
-</script>
-
-<div>
-<% attributes.reject(&:password_digest?).each do |attribute| -%>
-  <p>
-    <strong><%= attribute.human_name %>:</strong>
-<% if attribute.attachment? -%>
-    {#if <%= singular_table_name %>.<%= attribute.column_name %>}
-      <a href={<%= singular_table_name %>.<%= attribute.column_name %>.url}>
-        {<%= singular_table_name %>.<%= attribute.column_name %>.filename}
-      </a>
-    {/if}
-  </p>
-<% elsif attribute.attachments? -%>
-  </p>
-  {#each <%= singular_table_name %>.<%= attribute.column_name %> as { url, filename }}
-    <div>
-      <a href={url}>{filename}</a>
-    </div>
-  {/each}
-<% else -%>
-    {<%= singular_table_name %>.<%= attribute.column_name %>}
-  </p>
-<% end -%>
-<% end -%>
-</div>

data/lib/generators/inertia_templates/scaffold/templates/svelte/Show.svelte.tt

@@ -1,41 +0,0 @@
-<script>
-  import { Link } from '@inertiajs/svelte'
-  import <%= inertia_component_name %> from './<%= inertia_component_name %>.svelte'
-
-  let { <%= singular_table_name %>, flash } = $props()
-
-  const onDestroy = (e) => {
-    if (!confirm('Are you sure you want to delete this <%= human_name.downcase %>?')) {
-      e.preventDefault()
-    }
-  }
-</script>
-
-<svelte:head>
-  <title><%= human_name %> #{<%= singular_table_name %>.id}</title>
-</svelte:head>
-
-{#if flash.notice}
-  <p class="notice">{flash.notice}</p>
-{/if}
-
-<h1><%= human_name %> #{<%= singular_table_name %>.id}</h1>
-
-<<%= inertia_component_name %> {<%= singular_table_name %>} />
-
-<div>
-  <Link href={`<%= js_edit_resource_path %>`}>Edit this <%= human_name.downcase %></Link> |
-  <Link href="<%= js_resources_path %>">Back to <%= human_name.pluralize.downcase %></Link>
-
-  <br />
-
-  <Link href={`<%= js_resource_path %>`} method="delete" onclick={onDestroy}>
-    Destroy this <%= human_name.downcase %>
-  </Link>
-</div>
-
-<style>
-  .notice {
-    color: green;
-  }
-</style>

data/lib/generators/inertia_templates/scaffold/templates/svelte4/Edit.svelte.tt

@@ -1,37 +0,0 @@
-<script>
-  import { Link } from '@inertiajs/svelte'
-  import Form from './Form.svelte'
-
-  export let <%= singular_table_name %>
-
-  const handleSubmit = (e) => {
-    const { form } = e.detail
-    form.transform((data) => ({ <%= singular_table_name %>: data }))
-<% if attributes.any?(&:attachments?) -%>
-    form.post(`<%= js_resource_path %>`, {
-      headers: { 'X-HTTP-METHOD-OVERRIDE': 'put' },
-    })
-<% else -%>
-    form.patch(`<%= js_resource_path %>`)
-<% end -%>
-  }
-</script>
-
-<svelte:head>
-  <title>Editing <%= human_name.downcase %></title>
-</svelte:head>
-
-<h1>Editing <%= human_name.downcase %></h1>
-
-<Form
-  {<%= singular_table_name %>}
-  submitText="Update <%= human_name.downcase %>"
-  on:submit={handleSubmit}
-/>
-
-<br />
-
-<div>
-  <Link href={`<%= js_resource_path %>`}>Show this <%= human_name.downcase %></Link> |
-  <Link href="<%= js_resources_path %>">Back to <%= human_name.pluralize.downcase %></Link>
-</div>

data/lib/generators/inertia_templates/scaffold/templates/svelte4/Form.svelte.tt

@@ -1,96 +0,0 @@
-<script>
-  import { useForm } from '@inertiajs/svelte'
-  import { createEventDispatcher } from 'svelte'
-
-  const dispatch = createEventDispatcher()
-
-  export let <%= singular_table_name %>
-  export let submitText
-
-  const form = useForm({
-<% attributes.each do |attribute| -%>
-<% if attribute.password_digest? -%>
-    password: '',
-    password_confirmation: '',
-<% else -%>
-    <%= attribute.column_name %>: <%= singular_table_name %>.<%= attribute.column_name %> || <%= default_value(attribute) %>,
-<% end -%>
-<% end -%>
-  })
-</script>
-
-<form on:submit|preventDefault={dispatch('submit', { form: $form })}>
-<% attributes.each do |attribute| -%>
-<% if attribute.password_digest? -%>
-  <div>
-    <label for="password">Password</label>
-    <input
-      type="password"
-      name="password"
-      id="password"
-      bind:value={$form.password}
-    />
-    {#if $form.errors.password}
-      <div class="error">{$form.errors.password.join(', ')}</div>
-    {/if}
-  </div>
-
-  <div>
-    <label for="password_confirmation">Password Confirmation</label>
-    <input
-      type="password"
-      name="password_confirmation"
-      id="password_confirmation"
-      bind:value={$form.password_confirmation}
-    />
-    {#if $form.errors.password_confirmation}
-      <div class="error">{$form.errors.password_confirmation.join(', ')}</div>
-    {/if}
-  </div>
-<% else -%>
-  <div>
-    <label for="<%= attribute.singular_name %>"><%= attribute.human_name %></label>
-<% if input_type(attribute) == "text_area" -%>
-    <textarea name="<%= attribute.singular_name %>" id="<%= attribute.singular_name %>" bind:value={$form.<%= attribute.column_name %>}></textarea>
-<% elsif attribute.attachment? -%>
-    <input
-      type="file"
-      name="<%= attribute.singular_name %>"
-      id="<%= attribute.singular_name %>"
-      oninput={(e) => ($form.<%= attribute.column_name %> = e.target.files[0])}
-    />
-<% elsif attribute.attachments? -%>
-    <input
-      type="file"
-      multiple
-      name="<%= attribute.singular_name %>[]"
-      id="<%= attribute.singular_name %>"
-      oninput={(e) => ($form.<%= attribute.column_name %> = Array.from(e.target.files))}
-    />
-<% else -%>
-    <input
-      type="<%= input_type(attribute) %>"
-      name="<%= attribute.singular_name %>"
-      id="<%= attribute.singular_name %>"
-      <%= input_type(attribute) == "checkbox" ? "bind:checked" : "bind:value" %>={$form.<%= attribute.column_name %>}
-    />
-<% end -%>
-    {#if $form.errors.<%= attribute.column_name %>}
-      <div class="error">{$form.errors.<%= attribute.column_name %>.join(', ')}</div>
-    {/if}
-  </div>
-<% end -%>
-<% end -%>
-  <div>
-    <button type="submit" disabled={$form.processing}>{submitText}</button>
-  </div>
-</form>
-
-<style>
-  label {
-    display: block;
-  }
-  .error {
-    color: red;
-  }
-</style>

data/lib/generators/inertia_templates/scaffold/templates/svelte4/Index.svelte.tt

@@ -1,36 +0,0 @@
-<script>
-  import { Link } from '@inertiajs/svelte'
-  import <%= inertia_component_name %> from './<%= inertia_component_name %>.svelte'
-
-  export let <%= plural_table_name %>
-  export let flash
-</script>
-
-<svelte:head>
-  <title><%= human_name.pluralize %></title>
-</svelte:head>
-
-{#if flash.notice}
-  <p class="notice">{flash.notice}</p>
-{/if}
-
-<h1><%= human_name.pluralize %></h1>
-
-<div>
-  {#each <%= plural_table_name %> as <%= singular_table_name %> (<%= singular_table_name %>.id)}
-    <div>
-      <<%= inertia_component_name %> {<%= singular_table_name %>} />
-      <p>
-        <Link href={`<%= js_resource_path %>`}>Show this <%= human_name.downcase %></Link>
-      </p>
-    </div>
-  {/each}
-</div>
-
-<Link href="<%= js_new_resource_path %>">New <%= human_name.downcase %></Link>
-
-<style>
-  .notice {
-    color: green;
-  }
-</style>