inertia_rails 3.12.1 → 3.13.0

data/lib/generators/inertia/install/templates/svelte4/inertia.ts.tt

@@ -1,44 +0,0 @@
-import { createInertiaApp, type ResolvedComponent } from '@inertiajs/svelte'
-
-createInertiaApp({
-  // Set default page title
-  // see https://inertia-rails.dev/guide/title-and-meta
-  //
-  // title: title => title ? `${title} - App` : 'App',
-
-  // Disable progress bar
-  //
-  // see https://inertia-rails.dev/guide/progress-indicators
-  // progress: false,
-
-  resolve: (name) => {
-    const pages = import.meta.glob<ResolvedComponent>('../pages/**/*.svelte', {
-      eager: true,
-    })
-    const page = pages[`../pages/${name}.svelte`]
-    if (!page) {
-      console.error(`Missing Inertia page component: '${name}.svelte'`)
-    }
-
-    // To use a default layout, import the Layout component
-    // and use the following line.
-    // see https://inertia-rails.dev/guide/pages#default-layouts
-    //
-    // return { default: page.default, layout: page.layout || Layout }
-
-    return page
-  },
-
-  setup({ el, App, props }) {
-    if (el) {
-      <%= "// @ts-expect-error 1.3.0 beta contains types mismatch\n" if inertia_resolved_version.release == Gem::Version.new('1.3.0') -%>
-      new App({ target: el, props })
-    } else {
-      console.error(
-        'Missing root element.\n\n' +
-          'If you see this error, it probably means you load Inertia.js on non-Inertia pages.\n' +
-          'Consider moving <%%= vite_javascript_tag "inertia" %> to the Inertia-specific layout instead.',
-      )
-    }
-  },
-})

data/lib/generators/inertia/install/templates/svelte4/svelte.config.js

@@ -1,7 +0,0 @@
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
-
-export default {
-  // Consult https://svelte.dev/docs#compile-time-svelte-preprocess
-  // for more information about preprocessors
-  preprocess: vitePreprocess(),
-}

data/lib/generators/inertia/install/templates/svelte4/tsconfig.json

@@ -1,21 +0,0 @@
-{
-  "extends": "@tsconfig/svelte/tsconfig.json",
-  "compilerOptions": {
-    "target": "ESNext",
-    "useDefineForClassFields": true,
-    "module": "ESNext",
-    "resolveJsonModule": true,
-    /**
-     * Typecheck JS in `.svelte` and `.js` files by default.
-     * Disable checkJs if you'd like to use dynamic types in JS.
-     * Note that setting allowJs false does not prevent the use
-     * of JS in `.svelte` files.
-     */
-    "allowJs": true,
-    "checkJs": true,
-    "isolatedModules": true,
-    "moduleDetection": "force",
-  },
-  "include": ["<%= js_destination_path %>/**/*.ts", "<%= js_destination_path %>/**/*.js", "<%= js_destination_path %>/**/*.svelte"],
-  "references": [{ "path": "./tsconfig.node.json" }]
-}

data/lib/generators/inertia/install/templates/svelte4/tsconfig.node.json

@@ -1,12 +0,0 @@
-{
-  "compilerOptions": {
-    "composite": true,
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "skipLibCheck": true,
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "strict": true,
-    "noEmit": true,
-  },
-  "include": ["vite.config.ts"]
-}

data/lib/generators/inertia/install/templates/svelte4/vite-env.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="svelte" />
-/// <reference types="vite/client" />

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

@@ -1,2 +0,0 @@
-<h1><%= class_name %>#<%= @action %></h1>
-<p>Find me in <%= @path %></p>

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/Form.tsx.tt

@@ -1,130 +0,0 @@
-import { useForm <%= ', InertiaFormProps ' if inertia_js_version.release == Gem::Version.new('1.3.0') %>} from '@inertiajs/react'
-import { FormEvent } from 'react'
-import { <%= inertia_model_form_type %>, <%= inertia_model_type %> } from './types'
-<% if inertia_js_version.release != Gem::Version.new('1.3.0') %>
-// Temporary fix for InertiaFormProps not being exported from @inertiajs/react
-type InertiaFormProps<TForm extends Record<string, any>> = ReturnType<typeof useForm<TForm>>
-<% end %>
-interface FormProps {
-  <%= singular_table_name %>: <%= inertia_model_type %>
-  onSubmit: (form: InertiaFormProps<<%= inertia_model_form_type %>>) => void
-  submitText: string
-}
-
-export default function Form({ <%= singular_table_name %>, onSubmit, submitText }: FormProps) {
-  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 -%>
-  })
-  const { data, setData, errors, processing } = form
-
-  const handleSubmit = (e: FormEvent<HTMLFormElement>) => {
-    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}</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}</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)}
-        />
-<% elsif input_type(attribute) == "number" -%>
-        <input
-          type="<%= input_type(attribute) %>"
-          name="<%= attribute.singular_name %>"
-          id="<%= attribute.singular_name %>"
-          value={data.<%= attribute.column_name %>}
-          onChange={(e) => setData('<%= attribute.column_name %>', parseInt(e.target.value))}
-        />
-<% 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 %>}</div>
-        )}
-      </div>
-<% end -%>
-<% end -%>
-      <div>
-        <button type="submit" disabled={processing}>
-          {submitText}
-        </button>
-      </div>
-    </form>
-  )
-}

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

@@ -1,37 +0,0 @@
-<script lang="ts">
-  import { Link, type InertiaFormProps } from '@inertiajs/svelte'
-  import type { <%= inertia_model_type %>, <%= inertia_model_form_type %> } from './types'
-  import Form from './Form.svelte'
-
-  let { <%= singular_table_name %> } = $props<{ <%= singular_table_name %>: <%= inertia_model_type %> }>()
-
-  const handleSubmit = ({ form }: { form: InertiaFormProps<<%= inertia_model_form_type %>> }) => {
-    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 %>"
-  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,97 +0,0 @@
-<script>
-  import { useForm } from '@inertiajs/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/Form.ts.svelte.tt

@@ -1,102 +0,0 @@
-<script lang="ts">
-  import { useForm, type InertiaFormProps } from '@inertiajs/svelte'
-  import type { <%= inertia_model_type %>, <%= inertia_model_form_type %> } from './types'
-
-  let { <%= singular_table_name %>, submitText, onSubmit } = $props<{
-    <%= singular_table_name %>: <%= inertia_model_type %>
-    onSubmit: (props: { form: InertiaFormProps<<%= inertia_model_form_type %>> }) => void
-    submitText: string
-  }>()
-
-  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 %> || <%= default_value(attribute) %>,
-<% end -%>
-<% end -%>
-  })
-
-  const handleSubmit = (e: SubmitEvent) => {
-    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}</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 %>"
-      oninput={(e) => ($form.<%= attribute.column_name %> = ((e.target as HTMLInputElement).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 as HTMLInputElement).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 %>}</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/New.ts.svelte.tt

@@ -1,30 +0,0 @@
-<script lang="ts">
-  import { Link, type InertiaFormProps } from '@inertiajs/svelte'
-  import type { <%= inertia_model_type %>, <%= inertia_model_form_type %> } from './types'
-  import Form from './Form.svelte'
-
-  let { <%= singular_table_name %> } = $props<{ <%= singular_table_name %>: <%= inertia_model_type %> }>()
-
-  const handleSubmit = ({ form }: { form: InertiaFormProps<<%= inertia_model_form_type %>> }) => {
-    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 %>"
-  onSubmit={handleSubmit}
-/>
-
-<br />
-
-<div>
-  <Link href="<%= js_resources_path %>">Back to <%= human_name.pluralize.downcase %></Link>
-</div>

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

@@ -1,38 +0,0 @@
-<script lang="ts">
-  import { Link, type InertiaForm } from '@inertiajs/svelte'
-  import type { <%= inertia_model_type %>, <%= inertia_model_form_type %> } from './types'
-  import Form from './Form.svelte'
-
-  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 }))
-<% 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 %>"
-  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>