pass ziggy data as props

jrmajor · Oct 10, 2024 · 52ff527 · 52ff527
1 parent c63aa6e
commit 52ff527
Show file tree

Hide file tree

Showing 7 changed files with 13 additions and 9 deletions.
diff --git a/app/Http/Middleware/HandleInertiaRequests.php b/app/Http/Middleware/HandleInertiaRequests.php
@@ -4,6 +4,7 @@
 
 use Illuminate\Http\Request;
 use Inertia\Middleware;
+use Tighten\Ziggy\Ziggy;
 
 class HandleInertiaRequests extends Middleware
 {
@@ -15,6 +16,7 @@ public function share(Request $request): array
         return [
             ...parent::share($request),
             'user' => $request->user(),
+            'ziggy' => (new Ziggy())->toArray(),
         ];
     }
 }
diff --git a/config/ziggy.php b/config/ziggy.php
@@ -3,11 +3,9 @@
 return [
 
     'output' => [
-        'path' => 'resources/js/helpers/ziggy.js',
+        'path' => 'resources/js/types/ziggy.js',
     ],
 
-    'skip-route-function' => true,
-
     'only' => [
         'ajax.*',
         'tales.*',

diff --git a/resources/js/browser.ts b/resources/js/browser.ts
@@ -8,6 +8,9 @@ document.startViewTransition ??= (cb: () => void) => cb();
 createInertiaApp({
 	resolve,
 	setup({ el, App, props }) {
+		// @ts-expect-error
+		globalThis.Ziggy = props.initialPage.props.ziggy;
+
 		// @ts-expect-error
 		mount(App, { target: el, props });
 	},

diff --git a/resources/js/helpers/.gitignore → resources/js/types/.gitignore b/resources/js/helpers/.gitignore → resources/js/types/.gitignore
diff --git a/resources/js/types/ziggy.d.ts b/resources/js/types/ziggy.d.ts
diff --git a/resources/views/app.blade.php b/resources/views/app.blade.php
@@ -14,7 +14,6 @@
       @vite(['resources/js/browser.ts', "resources/js/Pages/{$page['component']}.svelte"])
     @endunless
 
-    @routes
     @inertiaHead
 
     @production

diff --git a/tests/Unit/InertiaSharedPropsTest.php b/tests/Unit/InertiaSharedPropsTest.php
@@ -8,6 +8,7 @@
 use Inertia\Testing\AssertableInertia as Assert;
 use PHPUnit\Framework\Attributes\TestDox;
 use Tests\TestCase;
+use Tighten\Ziggy\Ziggy;
 
 final class InertiaSharedPropsTest extends TestCase
 {
@@ -28,9 +29,12 @@ public function testShareGuest(): void
             ->get('inertia-shared-props-test')
             ->assertOk()
             ->assertInertia(function (Assert $page) {
+                $ziggy = (new Ziggy())->toarray();
+
                 $this->assertSame([
                     'errors' => [],
                     'user' => null,
+                    'ziggy' => $ziggy,
                 ], $page->toArray()['props']);
             });
     }
@@ -43,12 +47,15 @@ public function testShareUser(): void
             ->get('inertia-shared-props-test')
             ->assertOk()
             ->assertInertia(function (Assert $page) use ($user) {
+                $ziggy = (new Ziggy())->toarray();
+
                 $this->assertSame([
                     'errors' => [],
                     'user' => [
                         'username' => $user->username,
                         'id' => $user->id,
                     ],
+                    'ziggy' => $ziggy,
                 ], $page->toArray()['props']);
             });
     }