Fix formatting

Author: skryukov

bin/generate_scaffold_example

@@ -49,13 +49,14 @@ npm_cache = File.join(working_dir, 'npm_cache')
   FileUtils.mkdir_p(dir) unless File.directory?(dir)
 end
 
-# Clean working directory
-FileUtils.rm_r(working_dir) if File.directory?(working_dir)
-FileUtils.mkdir_p(working_dir)
+app_name = "scaffold_example_#{options[:framework]}"
+app_dir = File.join(working_dir, app_name)
+
+# Clean app directory
+FileUtils.rm_r(app_dir) if File.directory?(app_dir)
+FileUtils.mkdir_p(app_dir)
 
 # Generate a new Rails app
-app_name = 'scaffold_example'
-app_dir = File.join(working_dir, app_name)
 system("rails new #{app_dir} -J")
 
 # Install and configure with caching

lib/generators/inertia/install/templates/react/InertiaExample.jsx

@@ -1,8 +1,8 @@
 import { Head } from '@inertiajs/react'
 import { useState } from 'react'
 
-import reactSvg from '/assets/react.svg'
 import inertiaSvg from '/assets/inertia.svg'
+import reactSvg from '/assets/react.svg'
 import viteRubySvg from '/assets/vite_ruby.svg'
 
 import cs from './InertiaExample.module.css'

lib/generators/inertia/install/templates/react/InertiaExample.tsx

@@ -1,8 +1,8 @@
 import { Head } from '@inertiajs/react'
 import { useState } from 'react'
 
-import reactSvg from '/assets/react.svg'
 import inertiaSvg from '/assets/inertia.svg'
+import reactSvg from '/assets/react.svg'
 import viteRubySvg from '/assets/vite_ruby.svg'
 
 import cs from './InertiaExample.module.css'

lib/generators/inertia/install/templates/react/inertia.js

@@ -14,7 +14,9 @@ createInertiaApp({
   // progress: false,
 
   resolve: (name) => {
-    const pages = import.meta.glob('../pages/**/*.jsx', { eager: true })
+    const pages = import.meta.glob('../pages/**/*.jsx', {
+      eager: true,
+    })
     const page = pages[`../pages/${name}.jsx`]
     if (!page) {
       console.error(`Missing Inertia page component: '${name}.jsx'`)
@@ -35,8 +37,8 @@ createInertiaApp({
     } 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.'
+          '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.',
       )
     }
   },

lib/generators/inertia/install/templates/react/inertia.ts

@@ -2,7 +2,11 @@ import { createInertiaApp } from '@inertiajs/react'
 import { createElement, ReactNode } from 'react'
 import { createRoot } from 'react-dom/client'
 
-type ResolvedComponent = { default: ReactNode, layout?: (page: ReactNode) => ReactNode }
+// Temporary type definition, until @inertiajs/react provides one
+type ResolvedComponent = {
+  default: ReactNode
+  layout?: (page: ReactNode) => ReactNode
+}
 
 createInertiaApp({
   // Set default page title
@@ -16,7 +20,9 @@ createInertiaApp({
   // progress: false,
 
   resolve: (name) => {
-    const pages = import.meta.glob<ResolvedComponent>('../pages/**/*.tsx', {eager: true})
+    const pages = import.meta.glob<ResolvedComponent>('../pages/**/*.tsx', {
+      eager: true,
+    })
     const page = pages[`../pages/${name}.tsx`]
     if (!page) {
       console.error(`Missing Inertia page component: '${name}.tsx'`)
@@ -31,14 +37,14 @@ createInertiaApp({
     return page
   },
 
-  setup({el, App, props}) {
+  setup({ el, App, props }) {
     if (el) {
       createRoot(el).render(createElement(App, 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_typescript_tag "inertia" %> to the Inertia-specific layout instead.'
+          'If you see this error, it probably means you load Inertia.js on non-Inertia pages.\n' +
+          'Consider moving <%%= vite_typescript_tag "inertia" %> to the Inertia-specific layout instead.',
       )
     }
   },

lib/generators/inertia/install/templates/svelte/inertia.js

@@ -13,7 +13,9 @@ createInertiaApp({
   // progress: false,
 
   resolve: (name) => {
-    const pages = import.meta.glob('../pages/**/*.svelte', { eager: true })
+    const pages = import.meta.glob('../pages/**/*.svelte', {
+      eager: true,
+    })
     const page = pages[`../pages/${name}.svelte`]
     if (!page) {
       console.error(`Missing Inertia page component: '${name}.svelte'`)
@@ -34,8 +36,8 @@ createInertiaApp({
     } 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.'
+          '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.',
       )
     }
   },

lib/generators/inertia/install/templates/svelte/inertia.ts.tt

@@ -13,7 +13,9 @@ createInertiaApp({
   // progress: false,
 
   resolve: (name) => {
-    const pages = import.meta.glob<ResolvedComponent>('../pages/**/*.svelte', { eager: true })
+    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'`)
@@ -30,13 +32,13 @@ createInertiaApp({
 
   setup({ el, App, props }) {
     if (el) {
-      <%= "// @ts-expect-error 1.3.0 beta contains types mismatch\n" if inertia_resolved_version == Gem::Version.new('1.3.0-beta.2') -%>
+<%= "      // @ts-expect-error 1.3.0 beta contains types mismatch\n" if inertia_resolved_version == Gem::Version.new('1.3.0-beta.2') -%>
       mount(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_typescript_tag "inertia" %> to the Inertia-specific layout instead.'
+          'If you see this error, it probably means you load Inertia.js on non-Inertia pages.\n' +
+          'Consider moving <%%= vite_typescript_tag "inertia" %> to the Inertia-specific layout instead.',
       )
     }
   },

lib/generators/inertia/install/templates/svelte4/inertia.js

@@ -12,7 +12,9 @@ createInertiaApp({
   // progress: false,
 
   resolve: (name) => {
-    const pages = import.meta.glob('../pages/**/*.svelte', { eager: true })
+    const pages = import.meta.glob('../pages/**/*.svelte', {
+      eager: true,
+    })
     const page = pages[`../pages/${name}.svelte`]
     if (!page) {
       console.error(`Missing Inertia page component: '${name}.svelte'`)
@@ -33,8 +35,8 @@ createInertiaApp({
     } 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.'
+          '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.',
       )
     }
   },

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

@@ -12,7 +12,9 @@ createInertiaApp({
   // progress: false,
 
   resolve: (name) => {
-    const pages = import.meta.glob<ResolvedComponent>('../pages/**/*.svelte', { eager: true })
+    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'`)
@@ -34,8 +36,8 @@ createInertiaApp({
     } 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.'
+          '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.',
       )
     }
   },

lib/generators/inertia/install/templates/vue/InertiaExample.ts.vue

@@ -37,9 +37,9 @@
 import { Head } from '@inertiajs/vue3'
 import { ref } from 'vue'
 
-import vueSvg from '/assets/vue.svg'
 import inertiaSvg from '/assets/inertia.svg'
 import viteRubySvg from '/assets/vite_ruby.svg'
+import vueSvg from '/assets/vue.svg'
 
 defineProps({
   name: String,