inertia_rails-contrib 0.2.2 → 0.3.0

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

@@ -0,0 +1,120 @@
+<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
+  class="contents"
+  on:submit|preventDefault={dispatch('submit', { form: $form })}
+>
+<% attributes.each do |attribute| -%>
+  <div class="my-5">
+<% if attribute.password_digest? -%>
+    <label for="password">Password</label>
+    <input
+      type="password"
+      name="password"
+      id="password"
+      bind:value={$form.password}
+      class="block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full"
+    />
+    {#if $form.errors.password}
+      <div class="text-red-500 px-3 py-2 font-medium">
+        {$form.errors.password.join(', ')}
+      </div>
+    {/if}
+  </div>
+
+  <div class="my-5">
+    <label for="password_confirmation">Password Confirmation</label>
+    <input
+      type="password"
+      name="password_confirmation"
+      id="password_confirmation"
+      bind:value={$form.password_confirmation}
+      class="block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full"
+    />
+    {#if $form.errors.password_confirmation}
+      <div class="text-red-500 px-3 py-2 font-medium">
+        {$form.errors.password_confirmation.join(', ')}
+      </div>
+    {/if}
+<% else -%>
+    <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 %>}
+      rows="4"
+      class="block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full"
+    />
+<% 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])}
+      class="block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full"
+    />
+<% 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))}
+      class="block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full"
+    />
+<% elsif input_type(attribute) == "checkbox" -%>
+    <input
+      type="<%= input_type(attribute) %>"
+      name="<%= attribute.singular_name %>"
+      id="<%= attribute.singular_name %>"
+      bind:checked={$form.<%= attribute.column_name %>}
+      class="block mt-2 h-5 w-5"
+    />
+<% else -%>
+    <input
+      type="<%= input_type(attribute) %>"
+      name="<%= attribute.singular_name %>"
+      id="<%= attribute.singular_name %>"
+      bind:value={$form.<%= attribute.column_name %>}
+      class="block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full"
+    />
+<% end -%>
+    {#if $form.errors.<%= attribute.column_name %>}
+      <div class="text-red-500 px-3 py-2 font-medium">
+        {$form.errors.<%= attribute.column_name %>.join(', ')}
+      </div>
+    {/if}
+<% end -%>
+  </div>
+
+<% end -%>
+ <div class="inline">
+    <button
+      type="submit"
+      disabled={$form.processing}
+      class="rounded-lg py-3 px-5 bg-blue-600 text-white inline-block font-medium cursor-pointer"
+    >
+      {submitText}
+    </button>
+  </div>
+</form>

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

@@ -0,0 +1,43 @@
+<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>
+
+<div class="mx-auto md:w-2/3 w-full px-8 pt-8">
+  {#if flash.notice}
+    <p class="py-2 px-3 bg-green-50 mb-5 text-green-500 font-medium rounded-lg inline-block">
+      {flash.notice}
+    </p>
+  {/if}
+
+  <div class="flex justify-between items-center">
+    <h1 class="font-bold text-4xl"><%= human_name.pluralize %></h1>
+    <Link
+      href="<%= js_new_resource_path %>"
+      class="rounded-lg py-3 px-5 bg-blue-600 text-white block font-medium"
+    >
+      New <%= human_name.downcase %>
+    </Link>
+  </div>
+
+  <div class="min-w-full">
+    {#each <%= plural_table_name %> as <%= singular_table_name %> (<%= singular_table_name %>.id)}
+      <<%= inertia_component_name %> {<%= singular_table_name %>} />
+      <p>
+        <Link
+          href={`<%= js_resource_path %>`}
+          class="ml-2 rounded-lg py-3 px-5 bg-gray-100 inline-block font-medium"
+        >
+          Show this <%= human_name.downcase %>
+        </Link>
+      </p>
+    {/each}
+  </div>
+</div>

data/lib/generators/inertia_tw_templates/scaffold/templates/svelte4/New.svelte.tt

@@ -0,0 +1,33 @@
+<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 }))
+    form.post('<%= js_resources_path %>')
+  }
+</script>
+
+<svelte:head>
+  <title>New <%= human_name.downcase %></title>
+</svelte:head>
+
+<div class="mx-auto md:w-2/3 w-full px-8 pt-8">
+  <h1 class="font-bold text-4xl">New <%= human_name.downcase %></h1>
+
+  <Form
+    {<%= singular_table_name %>}
+    submitText="Create <%= human_name.downcase %>"
+    on:submit={handleSubmit}
+  />
+
+  <Link
+    href="<%= js_resources_path %>"
+    class="ml-2 rounded-lg py-3 px-5 bg-gray-100 inline-block font-medium"
+  >
+    Back to <%= human_name.pluralize.downcase %>
+  </Link>
+</div>

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

@@ -0,0 +1,28 @@
+<script>
+  export let <%= singular_table_name %>
+</script>
+
+<div>
+<% attributes.reject(&:password_digest?).each do |attribute| -%>
+  <p class="my-5">
+    <strong class="block font-medium mb-1"><%= 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_tw_templates/scaffold/templates/svelte4/Show.svelte.tt

@@ -0,0 +1,58 @@
+<script>
+  import { inertia, Link } from '@inertiajs/svelte'
+  import <%= inertia_component_name %> from './<%= inertia_component_name %>.svelte'
+
+  export let <%= singular_table_name %>
+  export let flash
+
+  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>
+
+<div class="mx-auto md:w-2/3 w-full px-8 pt-8">
+  <div class="mx-auto">
+    {#if flash.notice}
+      <p class="py-2 px-3 bg-green-50 mb-5 text-green-500 font-medium rounded-lg inline-block">
+        {flash.notice}
+      </p>
+    {/if}
+
+    <h1 class="font-bold text-4xl"><%= human_name %> #{<%= singular_table_name %>.id}</h1>
+
+    <<%= inertia_component_name %> {<%= singular_table_name %>} />
+
+    <Link
+      href={`<%= js_edit_resource_path %>`}
+      class="ml-2 rounded-lg py-3 px-5 bg-gray-100 inline-block font-medium"
+    >
+      Edit this <%= human_name.downcase %>
+    </Link>
+    <Link
+      href="<%= js_resources_path %>"
+      class="ml-2 rounded-lg py-3 px-5 bg-gray-100 inline-block font-medium"
+    >
+      Back to <%= human_name.pluralize.downcase %>
+    </Link>
+    <div class="inline-block ml-2">
+      <button
+        use:inertia={{ href: `<%= js_resource_path %>`, method: 'delete' }}
+        on:click={onDestroy}
+        type="button"
+        class="mt-2 rounded-lg py-3 px-5 bg-gray-100 font-medium"
+      >
+        Destroy this <%= human_name.downcase %>
+      </button>
+    </div>
+  </div>
+</div>
+
+
+
+

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

@@ -57,13 +57,13 @@
 <% elsif attribute.attachments? -%>
       <input
         type="file"
-        multiple="multiple"
+        multiple
         name="<%= attribute.singular_name %>[]"
         id="<%= attribute.singular_name %>"
         @input="form.<%= attribute.column_name %> = Array.from($event.target.files)"
         class="block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full"
       />
-<% elsif attribute.field_type == :check_box -%>
+<% elsif input_type(attribute) == "checkbox" -%>
       <input
         type="<%= input_type(attribute) %>"
         name="<%= attribute.singular_name %>"

data/lib/inertia_rails_contrib/generators_helper.rb

@@ -1,15 +1,16 @@
 module InertiaRailsContrib
   module GeneratorsHelper
     def self.guess_the_default_framework
-      case Rails.root.join("package.json").read
+      package = Rails.root.join("package.json").read
+      case package
       when /@inertiajs\/react/
         "react"
       when /@inertiajs\/svelte/
-        "svelte"
+        package.match?(/"svelte": "\^5/) ? "svelte" : "svelte4"
       when /@inertiajs\/vue3/
         "vue"
       else
-        say_error "Could not determine the Inertia.js framework you are using."
+        Thor::Shell::Basic.new.say_error "Could not determine the Inertia.js framework you are using."
       end
     end
 

data/lib/inertia_rails_contrib/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module InertiaRailsContrib
-  VERSION = "0.2.2"
+  VERSION = "0.3.0"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: inertia_rails-contrib
 version: !ruby/object:Gem::Version
-  version: 0.2.2
+  version: 0.3.0
 platform: ruby
 authors:
 - Svyatoslav Kryukov
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-10-09 00:00:00.000000000 Z
+date: 2024-10-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties
@@ -78,6 +78,14 @@ files:
 - lib/generators/inertia/install/templates/svelte/tsconfig.json
 - lib/generators/inertia/install/templates/svelte/tsconfig.node.json
 - lib/generators/inertia/install/templates/svelte/vite-env.d.ts
+- lib/generators/inertia/install/templates/svelte4/InertiaExample.svelte
+- lib/generators/inertia/install/templates/svelte4/InertiaExample.ts.svelte
+- lib/generators/inertia/install/templates/svelte4/inertia.js
+- lib/generators/inertia/install/templates/svelte4/inertia.ts
+- lib/generators/inertia/install/templates/svelte4/svelte.config.js
+- lib/generators/inertia/install/templates/svelte4/tsconfig.json
+- lib/generators/inertia/install/templates/svelte4/tsconfig.node.json
+- lib/generators/inertia/install/templates/svelte4/vite-env.d.ts
 - lib/generators/inertia/install/templates/tailwind/application.css
 - lib/generators/inertia/install/templates/tailwind/postcss.config.js
 - lib/generators/inertia/install/templates/tailwind/tailwind.config.js.tt
@@ -95,6 +103,7 @@ files:
 - lib/generators/inertia_templates/controller/controller_generator.rb
 - lib/generators/inertia_templates/controller/templates/react/view.jsx.tt
 - lib/generators/inertia_templates/controller/templates/svelte/view.svelte.tt
+- lib/generators/inertia_templates/controller/templates/svelte4/view.svelte.tt
 - lib/generators/inertia_templates/controller/templates/vue/view.vue.tt
 - lib/generators/inertia_templates/scaffold/scaffold_generator.rb
 - lib/generators/inertia_templates/scaffold/templates/react/Edit.jsx.tt
@@ -109,6 +118,12 @@ files:
 - lib/generators/inertia_templates/scaffold/templates/svelte/New.svelte.tt
 - lib/generators/inertia_templates/scaffold/templates/svelte/One.svelte.tt
 - lib/generators/inertia_templates/scaffold/templates/svelte/Show.svelte.tt
+- lib/generators/inertia_templates/scaffold/templates/svelte4/Edit.svelte.tt
+- lib/generators/inertia_templates/scaffold/templates/svelte4/Form.svelte.tt
+- lib/generators/inertia_templates/scaffold/templates/svelte4/Index.svelte.tt
+- lib/generators/inertia_templates/scaffold/templates/svelte4/New.svelte.tt
+- lib/generators/inertia_templates/scaffold/templates/svelte4/One.svelte.tt
+- lib/generators/inertia_templates/scaffold/templates/svelte4/Show.svelte.tt
 - lib/generators/inertia_templates/scaffold/templates/vue/Edit.vue.tt
 - lib/generators/inertia_templates/scaffold/templates/vue/Form.vue.tt
 - lib/generators/inertia_templates/scaffold/templates/vue/Index.vue.tt
@@ -118,6 +133,7 @@ files:
 - lib/generators/inertia_tw_templates/controller/controller_generator.rb
 - lib/generators/inertia_tw_templates/controller/templates/react/view.jsx.tt
 - lib/generators/inertia_tw_templates/controller/templates/svelte/view.svelte.tt
+- lib/generators/inertia_tw_templates/controller/templates/svelte4/view.svelte.tt
 - lib/generators/inertia_tw_templates/controller/templates/vue/view.vue.tt
 - lib/generators/inertia_tw_templates/scaffold/scaffold_generator.rb
 - lib/generators/inertia_tw_templates/scaffold/templates/react/Edit.jsx.tt
@@ -132,6 +148,12 @@ files:
 - lib/generators/inertia_tw_templates/scaffold/templates/svelte/New.svelte.tt
 - lib/generators/inertia_tw_templates/scaffold/templates/svelte/One.svelte.tt
 - lib/generators/inertia_tw_templates/scaffold/templates/svelte/Show.svelte.tt
+- lib/generators/inertia_tw_templates/scaffold/templates/svelte4/Edit.svelte.tt
+- lib/generators/inertia_tw_templates/scaffold/templates/svelte4/Form.svelte.tt
+- lib/generators/inertia_tw_templates/scaffold/templates/svelte4/Index.svelte.tt
+- lib/generators/inertia_tw_templates/scaffold/templates/svelte4/New.svelte.tt
+- lib/generators/inertia_tw_templates/scaffold/templates/svelte4/One.svelte.tt
+- lib/generators/inertia_tw_templates/scaffold/templates/svelte4/Show.svelte.tt
 - lib/generators/inertia_tw_templates/scaffold/templates/vue/Edit.vue.tt
 - lib/generators/inertia_tw_templates/scaffold/templates/vue/Form.vue.tt
 - lib/generators/inertia_tw_templates/scaffold/templates/vue/Index.vue.tt