RubyGems - inertia_rails-contrib - Versions diffs - 0.3.0 → 0.4.0 - Mend

inertia_rails-contrib 0.3.0 → 0.4.0

Files changed (120) hide show

data/lib/generators/inertia_templates/scaffold/templates/svelte4/New.svelte.tt DELETED Viewed

@@ -1,30 +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 }))
-    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 %>"
-  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 DELETED Viewed

@@ -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/Show.svelte.tt DELETED Viewed

@@ -1,46 +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
-  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 />
-  <button
-    use:inertia={{ href: `<%= js_resource_path %>`, method: 'delete' }}
-    on:click={onDestroy}
-    type="button"
-  >
-    Destroy this <%= human_name.downcase %>
-  </button>
-</div>
-<style>
-  .notice {
-    color: green;
-  }
-</style>

data/lib/generators/inertia_templates/scaffold/templates/vue/Edit.vue.tt DELETED Viewed

@@ -1,36 +0,0 @@
-<template>
-  <Head title="Editing <%= human_name.downcase %>" />
-  <h1>Editing <%= human_name.downcase %></h1>
-  <Form
-    :<%= singular_table_name %>="<%= 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>
-</template>
-<script setup>
-import { Link, Head } from '@inertiajs/vue3'
-import Form from './Form.vue'
-const { <%= singular_table_name %> } = defineProps(['<%= singular_table_name %>'])
-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>

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

@@ -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_templates/scaffold/templates/vue/Index.vue.tt DELETED Viewed

@@ -1,31 +0,0 @@
-<template>
-  <Head title="<%= human_name.pluralize %>" />
-  <p v-if="flash.notice" class="notice">{{ flash.notice }}</p>
-  <h1><%= human_name.pluralize %></h1>
-  <div>
-    <div v-for="<%= singular_table_name %> in <%= plural_table_name %>" :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>
-</template>
-<script setup>
-import { Link, Head } from '@inertiajs/vue3'
-import <%= inertia_component_name %> from './<%= inertia_component_name %>.vue'
-const { <%= plural_table_name %>, flash } = defineProps(['<%= plural_table_name %>', 'flash'])
-</script>
-<style scoped>
-.notice {
-  color: green;
-}
-</style>

data/lib/generators/inertia_templates/scaffold/templates/vue/New.vue.tt DELETED Viewed

@@ -1,29 +0,0 @@
-<template>
-  <Head title="New <%= human_name.downcase %>" />
-  <h1>New <%= human_name.downcase %></h1>
-  <Form
-    :<%= singular_table_name %>="<%= 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>
-</template>
-<script setup>
-import { Link, Head } from '@inertiajs/vue3'
-import Form from './Form.vue'
-const { <%= singular_table_name %> } = defineProps(['<%= singular_table_name %>'])
-const handleSubmit = (form) => {
-  form.transform((data) => ({ <%= singular_table_name %>: data }))
-  form.post('<%= js_resources_path %>')
-}
-</script>

data/lib/generators/inertia_templates/scaffold/templates/vue/One.vue.tt DELETED Viewed

@@ -1,26 +0,0 @@
-<template>
-  <div>
-<% attributes.reject(&:password_digest?).each do |attribute| -%>
-    <p>
-      <strong><%= attribute.human_name %>:</strong>
-<% if attribute.attachment? -%>
-      <a v-if="<%= singular_table_name %>.<%= attribute.column_name %>" :href="<%= singular_table_name %>.<%= attribute.column_name %>.url">
-        {{ <%= singular_table_name %>.<%= attribute.column_name %>.filename }}
-      </a>
-    </p>
-<% elsif attribute.attachments? -%>
-    </p>
-    <div v-for="file in <%= singular_table_name %>.<%= attribute.column_name %>">
-      <a :href="file.url">{{ file.filename }}</a>
-    </div>
-<% else -%>
-      {{ <%= singular_table_name %>.<%= attribute.column_name %> }}
-    </p>
-<% end -%>
-<% end -%>
-  </div>
-</template>
-<script setup>
-const { <%= singular_table_name %> } = defineProps(['<%= singular_table_name %>'])
-</script>

data/lib/generators/inertia_templates/scaffold/templates/vue/Show.vue.tt DELETED Viewed

@@ -1,44 +0,0 @@
-<template>
-  <Head :title="`<%= human_name %> #${<%= singular_table_name %>.id}`" />
-  <p v-if="flash.notice" class="notice">{{ 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 %>`"
-      @click="onDestroy"
-      as="button"
-      method="delete"
-    >
-      Destroy this <%= human_name.downcase %>
-    </Link>
-  </div>
-</template>
-<script setup>
-import { Link, Head } from '@inertiajs/vue3'
-import <%= inertia_component_name %> from './<%= inertia_component_name %>.vue'
-const { <%= singular_table_name %>, flash } = defineProps(['<%= singular_table_name %>', 'flash'])
-const onDestroy = (e) => {
-  if (!confirm('Are you sure you want to delete this <%= human_name.downcase %>?')) {
-    e.preventDefault()
-  }
-}
-</script>
-<style scoped>
-.notice {
-  color: green;
-}
-</style>

data/lib/generators/inertia_tw_templates/controller/controller_generator.rb DELETED Viewed

@@ -1,12 +0,0 @@
-# frozen_string_literal: true
-require "inertia_rails_contrib/generators/controller_template_base"
-module InertiaTwTemplates
-  module Generators
-    class ControllerGenerator < InertiaRailsContrib::Generators::ControllerTemplateBase
-      hide!
-      source_root File.expand_path("./templates", __dir__)
-    end
-  end
-end

data/lib/generators/inertia_tw_templates/controller/templates/react/view.jsx.tt DELETED Viewed

@@ -1,8 +0,0 @@
-export default function <%= @action.camelize %>() {
-  return (
-    <>
-      <h1 className="font-bold text-4xl"><%= class_name %>#<%= @action %></h1>
-      <p>Find me in <%= @path %></p>
-    </>
-  );
-}

data/lib/generators/inertia_tw_templates/controller/templates/svelte/view.svelte.tt DELETED Viewed

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

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

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

data/lib/generators/inertia_tw_templates/controller/templates/vue/view.vue.tt DELETED Viewed

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

data/lib/generators/inertia_tw_templates/scaffold/scaffold_generator.rb DELETED Viewed

@@ -1,12 +0,0 @@
-# frozen_string_literal: true
-require "inertia_rails_contrib/generators/scaffold_template_base"
-module InertiaTwTemplates
-  module Generators
-    class ScaffoldGenerator < InertiaRailsContrib::Generators::ScaffoldTemplateBase
-      hide!
-      source_root File.expand_path("./templates", __dir__)
-    end
-  end
-end

data/lib/generators/inertia_tw_templates/scaffold/templates/react/Edit.jsx.tt DELETED Viewed

@@ -1,42 +0,0 @@
-import { Link, Head } from '@inertiajs/react'
-import Form from './Form'
-export default function Edit({ <%= singular_table_name %> }) {
-  return (
-    <>
-      <Head title="Editing <%= human_name.downcase %>" />
-      <div className="mx-auto md:w-2/3 w-full px-8 pt-8">
-        <h1 className="font-bold text-4xl">Editing <%= human_name.downcase %></h1>
-        <Form
-          <%= singular_table_name %>={<%= singular_table_name %>}
-          onSubmit={(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 -%>
-          }}
-          submitText="Update <%= human_name.downcase %>"
-        />
-        <Link
-          href={`<%= js_resource_path %>`}
-          className="ml-2 rounded-lg py-3 px-5 bg-gray-100 inline-block font-medium"
-        >
-          Show this <%= human_name.downcase %>
-        </Link>
-        <Link
-          href="<%= js_resources_path %>"
-          className="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/react/Form.jsx.tt DELETED Viewed

@@ -1,122 +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} className="contents">
-<% attributes.each do |attribute| -%>
-      <div className="my-5">
-<% if attribute.password_digest? -%>
-        <label htmlFor="password">Password</label>
-        <input
-          type="password"
-          name="password"
-          id="password"
-          className="block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full"
-          onChange={(e) => setData('password', e.target.value)}
-        />
-        {errors.password && (
-          <div className="text-red-500 px-3 py-2 font-medium">
-            {errors.password.join(', ')}
-          </div>
-        )}
-      </div>
-      <div className="my-5">
-        <label htmlFor="password_confirmation">Password Confirmation</label>
-        <input
-          type="password"
-          name="password_confirmation"
-          id="password_confirmation"
-          className="block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full"
-          onChange={(e) => setData('password_confirmation', e.target.value)}
-        />
-        {errors.password_confirmation && (
-          <div className="text-red-500 px-3 py-2 font-medium">
-            {errors.password_confirmation.join(', ')}
-          </div>
-        )}
-<% else -%>
-        <label 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 %>}
-          rows="4"
-          className="block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full"
-          onChange={(e) => setData('<%= attribute.column_name %>', e.target.value)}
-        />
-<% elsif attribute.attachment? -%>
-        <input
-          type="file"
-          name="<%= attribute.singular_name %>"
-          id="<%= attribute.singular_name %>"
-          className="block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full"
-          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 %>"
-          className="block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full"
-          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 %>}
-          className="block mt-2 h-5 w-5"
-          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 %>}
-          className="block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full"
-          onChange={(e) => setData('<%= attribute.column_name %>', e.target.value)}
-        />
-<% end -%>
-        {errors.<%= attribute.column_name %> && (
-          <div className="text-red-500 px-3 py-2 font-medium">
-            {errors.<%= attribute.column_name %>.join(', ')}
-          </div>
-        )}
-<% end -%>
-      </div>
-<% end -%>
-      <div className="inline">
-        <button
-          type="submit"
-          disabled={processing}
-          className="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/react/Index.jsx.tt DELETED Viewed

@@ -1,43 +0,0 @@
-import { Link, Head } from '@inertiajs/react'
-import { Fragment } from 'react'
-import <%= inertia_component_name %> from './<%= inertia_component_name %>'
-export default function Index({ <%= plural_table_name %>, flash }) {
-  return (
-    <>
-      <Head title="<%= human_name.pluralize %>" />
-      <div className="mx-auto md:w-2/3 w-full px-8 pt-8">
-        {flash.notice && (
-          <p className="py-2 px-3 bg-green-50 mb-5 text-green-500 font-medium rounded-lg inline-block">
-            {flash.notice}
-          </p>
-        )}
-        <div className="flex justify-between items-center">
-          <h1 className="font-bold text-4xl"><%= human_name.pluralize %></h1>
-          <Link
-            href="<%= js_new_resource_path %>"
-            className="rounded-lg py-3 px-5 bg-blue-600 text-white block font-medium"
-          >
-            New <%= human_name.downcase %>
-          </Link>
-        </div>
-        <div className="min-w-full">
-          {<%= plural_table_name %>.map((<%= singular_table_name %>) => (
-            <Fragment key={<%= singular_table_name %>.id}>
-              <<%= inertia_component_name %> <%= singular_table_name %>={<%= singular_table_name %>} />
-              <p>
-                <Link
-                  href={`<%= js_resource_path %>`}
-                  className="ml-2 rounded-lg py-3 px-5 bg-gray-100 inline-block font-medium"
-                >
-                  Show this <%= human_name.downcase %>
-                </Link>
-              </p>
-            </Fragment>
-          ))}
-        </div>
-      </div>
-    </>
-  )
-}

data/lib/generators/inertia_tw_templates/scaffold/templates/react/New.jsx.tt DELETED Viewed

@@ -1,30 +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 %>" />
-      <div className="mx-auto md:w-2/3 w-full px-8 pt-8">
-        <h1 className="font-bold text-4xl">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 %>"
-        />
-        <Link
-          href="<%= js_resources_path %>"
-          className="ml-2 rounded-lg py-3 px-5 bg-gray-100 inline-block font-medium"
-        >
-          Back to <%= human_name.pluralize.downcase %>
-        </Link>
-      </div>
-    </>
-  )
-}