feat: switch to kebab-case for inertia generated items

Author: mychidarko

bin/leaf

@@ -47,7 +47,17 @@ $app->on('command.notFound', function ($event) use ($app) {
 
         $event->setExitCode($exitCode);
         $event->stopPropagation();
+
+        return;
     }
+
+    // no project console to forward to — without this, an unknown
+    // command outside a project exits 0 in total silence, which reads
+    // as success to scripts and agents
+    echo 'Command not found: ' . ($data[0] ?? '') . "\n";
+    echo "Run `leaf list` to see available commands. Project commands (db:*, g:*, scaffold:*, key:generate) only work inside a Leaf MVC app.\n";
+
+    $event->setExitCode(1);
 });
 
 exit((int) ($app->run(false) ?? 0));

src/themes/react/routes/_frontend.php

@@ -1,5 +1,4 @@
 <?php
 
-app()->get('/hello', function () {
-    inertia('Hello');
-});
+app()->get('/hello', fn () => response()->inertia('hello'));
+app()->get('/login', fn () => response()->inertia('login'));

src/themes/react/views/_inertia.blade.php

@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title inertia>Document</title>
     <?php echo \Leaf\Vite::reactRefresh(); ?>
-    <?php echo vite(['/js/app.jsx', "/js/Pages/{$page['component']}.jsx"]); ?>
+    <?php echo vite(['/js/app.jsx', "/js/pages/{$page['component']}.jsx"]); ?>
     <?php
         if (!isset($__inertiaSsrDispatched)) {
             $__inertiaSsrDispatched = true;

src/themes/react/views/js/Pages/Login.jsx

@@ -1,4 +1,4 @@
-const Hello = ({ auth, welcome }) => {
+const Login = ({ auth, welcome }) => {
     return (
         <div>
             <h1>Login</h1>
@@ -7,4 +7,4 @@ const Hello = ({ auth, welcome }) => {
     )
 }
 
-export default Hello;
+export default Login;

src/themes/react/views/js/app.jsx

@@ -8,8 +8,8 @@ createInertiaApp({
     title: (title) => `${title} - ${appName}`,
     resolve: (name) =>
         resolvePageComponent(
-            `./Pages/${name}.jsx`,
-            import.meta.glob('./Pages/**/*.jsx')
+            `./pages/${name}.jsx`,
+            import.meta.glob('./pages/**/*.jsx')
         ),
     setup({ el, App, props }) {
         createRoot(el).render(<App {...props} />);

src/themes/svelte/routes/_frontend.php

@@ -1,5 +1,3 @@
 <?php
 
-app()->get('/hello', function () {
-    inertia('Hello');
-});
+app()->get('/hello', fn () => response()->inertia('hello'));

src/themes/svelte/views/js/app.js

@@ -6,13 +6,13 @@ const appName = import.meta.env.VITE_APP_NAME || "Leaf PHP";
 createInertiaApp({
 	title: (title) => `${title} - ${appName}`,
 	resolve: (name) =>
-		resolvePageComponent(`./Pages/${name}.svelte`,
-			import.meta.glob('./Pages/**/*.svelte', { eager: true })
+		resolvePageComponent(`./pages/${name}.svelte`,
+			import.meta.glob('./pages/**/*.svelte', { eager: true })
 		),
 	//or with persistent layouts
 	// {// setting the default page layout
-	// 	const pages = import.meta.glob('./Pages/**/*.svelte', { eager: true })
-	// 	let page = pages[`./Pages/${name}.svelte`]
+	// 	const pages = import.meta.glob('./pages/**/*.svelte', { eager: true })
+	// 	let page = pages[`./pages/${name}.svelte`]
 	// 	return { default: page.default, layout: page.layout || Layout }
 	// },
 	setup({ el, App, props, plugin }) {

src/themes/vue/routes/_frontend.php

@@ -1,5 +1,3 @@
 <?php
 
-app()->get('/hello', function () {
-    inertia('Hello');
-});
+app()->get('/hello', fn () => response()->inertia('hello'));

src/themes/vue/views/_inertia.blade.php

@@ -5,7 +5,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title inertia>Document</title>
-    <?php echo vite(['/js/app.js', "/js/Pages/{$page['component']}.vue"]); ?>
+    <?php echo vite(['/js/app.js', "/js/pages/{$page['component']}.vue"]); ?>
     <?php
         if (!isset($__inertiaSsrDispatched)) {
             $__inertiaSsrDispatched = true;

src/themes/vue/views/js/app.js

@@ -8,8 +8,8 @@ createInertiaApp({
 	title: (title) => `${title} - ${appName}`,
 	resolve: (name) =>
 		resolvePageComponent(
-			`./Pages/${name}.vue`,
-			import.meta.glob("./Pages/**/*.vue")
+			`./pages/${name}.vue`,
+			import.meta.glob("./pages/**/*.vue")
 		),
 	setup({ el, App, props, plugin }) {
 		return createApp({ render: () => h(App, props) })