Detect TypeScript extension (#749)

mondesirm · web-flow · commit 715964ae6201 · 2025-07-15T09:15:52.000-04:00
diff --git a/src/Generators/Statements/InertiaPageGenerator.php b/src/Generators/Statements/InertiaPageGenerator.php
@@ -58,20 +58,25 @@ public function output(Tree $tree): array
     protected function getAdapter(): ?array
     {
         $packagePath = base_path('package.json');
-
         if (!$this->filesystem->exists($packagePath)) {
             return null;
         }
 
         $contents = $this->filesystem->get($packagePath);
+        if (!preg_match('/@inertiajs\/(vue3|react|svelte)/i', $contents, $matches)) {
+            return null;
+        }
 
-        if (preg_match('/@inertiajs\/(vue3|react|svelte)/i', $contents, $matches)) {
-            $adapterKey = strtolower($matches[1]);
+        $adapterKey = strtolower($matches[1]);
+        if (!isset($this->adapters[$adapterKey])) {
+            return null;
+        }
 
-            return $this->adapters[$adapterKey] ?? null;
+        if ($adapterKey === 'react' && ($this->filesystem->exists(base_path('tsconfig.json')) || preg_match('/"typescript"/i', $contents))) {
+            return array_replace($this->adapters[$adapterKey], ['extension' => '.tsx']);
         }
 
-        return null;
+        return $this->adapters[$adapterKey];
     }
 
     protected function getStatementPath(string $view): string
diff --git a/tests/Feature/Generators/Statements/InertiaPageGeneratorTest.php b/tests/Feature/Generators/Statements/InertiaPageGeneratorTest.php
@@ -147,6 +147,7 @@ public static function inertiaAdaptersDataProvider(): array
         return [
             ['vue', '"@inertiajs/vue3": "^2.0.0"', 'resources/js/Pages/Customer/Show.vue', '.vue'],
             ['react', '"@inertiajs/react": "^2.0.0"', 'resources/js/Pages/Customer/Show.jsx', '.jsx'],
+            ['react', '"@inertiajs/react": "^2.0.0", "typescript": "^5.0.0"', 'resources/js/Pages/Customer/Show.tsx', '.tsx'],
             ['svelte', '"@inertiajs/svelte": "^2.0.0"', 'resources/js/Pages/Customer/Show.svelte', '.svelte'],
         ];
     }
diff --git a/tests/fixtures/inertia-pages/customer-show.tsx b/tests/fixtures/inertia-pages/customer-show.tsx
@@ -0,0 +1,10 @@
+import { Head } from '@inertiajs/react'
+
+export default function Show({ customer, customers }) {
+  return (
+    <div>
+      <Head title="Customer Show" />
+      <h1>Customer Show</h1>
+    </div>
+  )
+}

Original file line number	Diff line number	Diff line change
`@@ -147,6 +147,7 @@ public static function inertiaAdaptersDataProvider(): array`
`147`	`147`	`return [`
`148`	`148`	`['vue', '"@inertiajs/vue3": "^2.0.0"', 'resources/js/Pages/Customer/Show.vue', '.vue'],`
`149`	`149`	`['react', '"@inertiajs/react": "^2.0.0"', 'resources/js/Pages/Customer/Show.jsx', '.jsx'],`
	`150`	`+ ['react', '"@inertiajs/react": "^2.0.0", "typescript": "^5.0.0"', 'resources/js/Pages/Customer/Show.tsx', '.tsx'],`
`150`	`151`	`['svelte', '"@inertiajs/svelte": "^2.0.0"', 'resources/js/Pages/Customer/Show.svelte', '.svelte'],`
`151`	`152`	`];`
`152`	`153`	`}`