inertia_rails 3.12.1 → 3.13.0

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 %>"
-      on:input={(e) => ($form.<%= attribute.column_name %> = e.target.files[0])}
-    />
-<% elsif attribute.attachments? -%>
-    <input
-      type="file"
-      multiple
-      name="<%= attribute.singular_name %>[]"
-      id="<%= attribute.singular_name %>"
-      on:input={(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/Form.ts.svelte.tt

@@ -1,106 +0,0 @@
-<script lang="ts">
-  import { useForm, type InertiaForm } from '@inertiajs/svelte'
-  import { createEventDispatcher } from 'svelte'
-  import type { <%= inertia_model_type %>, <%= inertia_model_form_type %> } from './types'
-
-  const dispatch = createEventDispatcher<{
-    submit: { form: InertiaForm<<%= inertia_model_form_type %>> }
-  }>()
-
-  export let <%= singular_table_name %>: <%= inertia_model_type %>
-  export let submitText: string
-
-<% if attributes.any? { |a| a.attachment? || a.attachments? } -%>
-  const filesFromEvent = (e: Event) => {
-    const target = e.target as HTMLInputElement
-    return Array.from(target.files || [])
-  }
-
-<% end -%>
-  const form = useForm<<%= inertia_model_form_type %>>({
-<% attributes.reject { |a| a.attachment? || a.attachments? }.each do |attribute| -%>
-<% if attribute.password_digest? -%>
-    password: '',
-    password_confirmation: '',
-<% else -%>
-    <%= attribute.column_name %>: <%= singular_table_name %>.<%= attribute.column_name %>,
-<% 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}</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}</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 %>"
-      on:input={(e) => ($form.<%= attribute.column_name %> = filesFromEvent(e)[0])}
-    />
-<% elsif attribute.attachments? -%>
-    <input
-      type="file"
-      multiple
-      name="<%= attribute.singular_name %>[]"
-      id="<%= attribute.singular_name %>"
-      on:input={(e) => ($form.<%= attribute.column_name %> = filesFromEvent(e))}
-    />
-<% 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 %>}</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>

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

@@ -1,37 +0,0 @@
-<script lang="ts">
-  import { Link } from '@inertiajs/svelte'
-  import <%= inertia_component_name %> from './<%= inertia_component_name %>.svelte'
-  import type { <%= inertia_model_type %> } from './types'
-
-  export let <%= plural_table_name %>: <%= inertia_model_type %>[]
-  export let flash: { notice?: string }
-</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/svelte4/New.ts.svelte.tt

@@ -1,31 +0,0 @@
-<script lang="ts">
-  import { Link, type InertiaForm } from '@inertiajs/svelte'
-  import Form from './Form.svelte'
-  import type { <%= inertia_model_type %>, <%= inertia_model_form_type %> } from './types'
-
-  export let <%= singular_table_name %>: <%= inertia_model_type %>
-
-  const handleSubmit = (e: CustomEvent<{ form: InertiaForm<<%= inertia_model_form_type %>> }>) => {
-    const { form } = e.detail
-    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 %>"
-  on:submit={handleSubmit}
-/>
-
-<br />
-
-<div>
-  <Link href="<%= js_resources_path %>">Back to <%= human_name.pluralize.downcase %></Link>
-</div>

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

@@ -1,28 +0,0 @@
-<script>
-  export let <%= singular_table_name %>
-</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/svelte4/One.ts.svelte.tt

@@ -1,30 +0,0 @@
-<script lang="ts">
-  import type { <%= inertia_model_type %> } from './types'
-
-  export let <%= singular_table_name %>: <%= inertia_model_type %>
-</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/svelte4/Show.svelte.tt

@@ -1,39 +0,0 @@
-<script>
-  import { inertia, Link } from '@inertiajs/svelte'
-  import <%= inertia_component_name %> from './<%= inertia_component_name %>.svelte'
-
-  export let <%= singular_table_name %>
-  export let flash
-</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 />
-
-  <button
-    use:inertia={{ href: `<%= js_resource_path %>`, method: 'delete' }}
-    type="button"
-  >
-    Destroy this <%= human_name.downcase %>
-  </button>
-</div>
-
-<style>
-  .notice {
-    color: green;
-  }
-</style>

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

@@ -1,40 +0,0 @@
-<script lang="ts">
-  import { inertia, Link } from '@inertiajs/svelte'
-  import <%= inertia_component_name %> from './<%= inertia_component_name %>.svelte'
-  import type { <%= inertia_model_type %> } from './types'
-
-  export let <%= singular_table_name %>: <%= inertia_model_type %>
-  export let flash: { notice?: string }
-</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 />
-
-  <button
-    use:inertia={{ href: `<%= js_resource_path %>`, method: 'delete' }}
-    type="button"
-  >
-    Destroy this <%= human_name.downcase %>
-  </button>
-</div>
-
-<style>
-  .notice {
-    color: green;
-  }
-</style>

data/lib/generators/inertia_templates/scaffold/templates/svelte4/types.ts.tt

@@ -1,19 +0,0 @@
-export interface <%= inertia_model_type %> {
-  id: number
-<% attributes.reject(&:password_digest?).each do |attribute| -%>
-  <%= attribute.column_name %>: <%= ts_type(attribute) %>
-<% end -%>
-}
-
-export type <%= inertia_model_form_type %> = Omit<<%= inertia_model_type %>, <%= omit_input_attributes.map { |a| "'#{a}'" }.join(' | ') %>><% if custom_form_attributes.any? -%> & {
-<% custom_form_attributes.map do |attribute| -%>
-<% if attribute.password_digest? -%>
-  password: string
-  password_confirmation: string
-<% elsif attribute.attachment? -%>
-  <%= attribute.column_name %>?: File
-<% elsif attribute.attachments? -%>
-  <%= attribute.column_name %>?: File[]
-<% end -%>
-<% end -%>
-}<% end %>

data/lib/generators/inertia_templates/scaffold/templates/vue/Form.ts.vue.tt

@@ -1,101 +0,0 @@
-<template>
-  <form @submit.prevent="emit('onSubmit', form)">
-<% attributes.each do |attribute| -%>
-<% if attribute.password_digest? -%>
-    <div>
-      <label class="label" for="password">Password</label>
-      <input
-        type="password"
-        name="password"
-        id="password"
-        v-model="form.password"
-      />
-      <div v-if="form.errors.password" class="error">
-        {{ form.errors.password }}
-      </div>
-    </div>
-
-    <div>
-      <label class="label" for="password_confirmation">
-        Password confirmation
-      </label>
-      <input
-        type="password"
-        name="password_confirmation"
-        id="password_confirmation"
-        v-model="form.password_confirmation"
-      />
-      <div v-if="form.errors.password_confirmation" class="error">
-        {{ form.errors.password_confirmation }}
-      </div>
-    </div>
-<% else -%>
-    <div>
-      <label class="label" for="<%= attribute.singular_name %>"><%= attribute.human_name %></label>
-<% if input_type(attribute) == "text_area" -%>
-      <textarea name="<%= attribute.singular_name %>" id="<%= attribute.singular_name %>" v-model="form.<%= attribute.column_name %>" />
-<% elsif attribute.attachment? -%>
-      <input
-        type="file"
-        name="<%= attribute.singular_name %>"
-        id="<%= attribute.singular_name %>"
-        @input="form.<%= attribute.column_name %> = (($event.target as HTMLInputElement).files || [])[0]"
-      />
-<% elsif attribute.attachments? -%>
-      <input
-        type="file"
-        multiple
-        name="<%= attribute.singular_name %>[]"
-        id="<%= attribute.singular_name %>"
-        @input="form.<%= attribute.column_name %> = Array.from(($event.target as HTMLInputElement).files || [])"
-      />
-<% else -%>
-      <input type="<%= input_type(attribute) %>" name="<%= attribute.singular_name %>" id="<%= attribute.singular_name %>" v-model="form.<%= attribute.column_name %>" />
-<% end -%>
-      <div v-if="form.errors.<%= attribute.column_name %>" class="error">
-        {{ form.errors.<%= attribute.column_name %> }}
-      </div>
-    </div>
-<% end -%>
-<% end -%>
-    <div>
-      <button type="submit" :disabled="form.processing">
-        {{ submitText }}
-      </button>
-    </div>
-  </form>
-</template>
-
-<script setup lang="ts">
-import { InertiaForm, useForm } from '@inertiajs/vue3'
-import { <%= inertia_model_form_type %>, <%= inertia_model_type %> } from './types'
-
-const { <%= singular_table_name %>, submitText } = defineProps<{
-  <%= singular_table_name %>: <%= inertia_model_type %>
-  submitText: string
-}>()
-
-const emit = defineEmits<{
-  onSubmit: [form: InertiaForm<<%= inertia_model_form_type %>>]
-}>()
-
-const form = useForm<<%= inertia_model_form_type %>>({
-<% attributes.reject { |a| a.attachment? || a.attachments? }.each do |attribute| -%>
-<% if attribute.password_digest? -%>
-  password: '',
-  password_confirmation: '',
-<% else -%>
-  <%= attribute.column_name %>: <%= singular_table_name %>.<%= attribute.column_name %>,
-<% end -%>
-<% end -%>
-})
-</script>
-
-<style scoped>
-.label {
-  display: block;
-}
-.error {
-  color: red;
-}
-</style>

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

@@ -1,94 +0,0 @@
-<template>
-  <form @submit.prevent="emit('onSubmit', form)">
-<% attributes.each do |attribute| -%>
-<% if attribute.password_digest? -%>
-    <div>
-      <label class="label" for="password">Password</label>
-      <input
-        type="password"
-        name="password"
-        id="password"
-        v-model="form.password"
-      />
-      <div v-if="form.errors.password" class="error">
-        {{ form.errors.password.join(', ') }}
-      </div>
-    </div>
-
-    <div>
-      <label class="label" for="password_confirmation">
-        Password confirmation
-      </label>
-      <input
-        type="password"
-        name="password_confirmation"
-        id="password_confirmation"
-        v-model="form.password_confirmation"
-      />
-      <div v-if="form.errors.password_confirmation" class="error">
-        {{ form.errors.password_confirmation.join(', ') }}
-      </div>
-    </div>
-<% else -%>
-    <div>
-      <label class="label" for="<%= attribute.singular_name %>"><%= attribute.human_name %></label>
-<% if input_type(attribute) == "text_area" -%>
-      <textarea name="<%= attribute.singular_name %>" id="<%= attribute.singular_name %>" v-model="form.<%= attribute.column_name %>" />
-<% elsif attribute.attachment? -%>
-      <input
-        type="file"
-        name="<%= attribute.singular_name %>"
-        id="<%= attribute.singular_name %>"
-        @input="form.<%= attribute.column_name %> = $event.target.files[0]"
-      />
-<% elsif attribute.attachments? -%>
-      <input
-        type="file"
-        multiple
-        name="<%= attribute.singular_name %>[]"
-        id="<%= attribute.singular_name %>"
-        @input="form.<%= attribute.column_name %> = Array.from($event.target.files)"
-      />
-<% else -%>
-      <input type="<%= input_type(attribute) %>" name="<%= attribute.singular_name %>" id="<%= attribute.singular_name %>" v-model="form.<%= attribute.column_name %>" />
-<% end -%>
-      <div v-if="form.errors.<%= attribute.column_name %>" class="error">
-        {{ form.errors.<%= attribute.column_name %>.join(', ') }}
-      </div>
-    </div>
-<% end -%>
-<% end -%>
-    <div>
-      <button type="submit" :disabled="form.processing">
-        {{ submitText }}
-      </button>
-    </div>
-  </form>
-</template>
-
-<script setup>
-import { useForm } from '@inertiajs/vue3'
-
-const { <%= singular_table_name %>, submitText } = defineProps(['<%= singular_table_name %>', 'submitText'])
-const emit = defineEmits(['onSubmit'])
-
-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>
-
-<style scoped>
-.label {
-  display: block;
-}
-.error {
-  color: red;
-}
-</style>

data/lib/generators/inertia_tw_templates/controller/templates/svelte4/view.svelte.tt

@@ -1,2 +0,0 @@
-<h1 class="font-bold text-4xl"><%= class_name %>#<%= @action %></h1>
-<p>Find me in <%= @path %></p>