Merge branch 'master' into feature/dynamic-form-propeties

Author: flexponsive

.github/workflows/playwright.yml

@@ -29,6 +29,9 @@ jobs:
       - name: Build Inertia
         run: pnpm -r --filter ./packages/core --filter ./packages/${{ matrix.adapter }}* build
 
+      - name: Type-check test-app
+        run: cd packages/${{ matrix.adapter == 'vue' && 'vue3' || matrix.adapter }}/test-app && pnpm run type-check
+
       - name: Install Playwright Browsers
         run: pnpm playwright install chromium
 

CHANGELOG.md

@@ -7,10 +7,33 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 For changes prior to v1.0.0, see the [legacy releases](https://legacy.inertiajs.com/releases).
 
-## [Unreleased](https://github.com/inertiajs/inertia/compare/v2.0.17...master)
+## [Unreleased](https://github.com/inertiajs/inertia/compare/v2.1.0...master)
 
 - Nothing yet
 
+## [v2.1.0](https://github.com/inertiajs/inertia/compare/v2.0.17...v2.1.0) - 2025-08-13
+
+### What's Changed
+
+* Support for passing custom component to `as` prop of `Link` component. by [@pascalbaljet](https://github.com/pascalbaljet) in https://github.com/inertiajs/inertia/pull/2443
+* Use `nodemon` to trigger new files and deleted files in test apps by [@pascalbaljet](https://github.com/pascalbaljet) in https://github.com/inertiajs/inertia/pull/2442
+* Use ReactNode type for children props by [@chack1172](https://github.com/chack1172) in https://github.com/inertiajs/inertia/pull/2385
+* Allow function as children component in react Deferred and WhenVisible by [@chack1172](https://github.com/chack1172) in https://github.com/inertiajs/inertia/pull/2386
+* Improve test that waits for scroll position restoration by [@pascalbaljet](https://github.com/pascalbaljet) in https://github.com/inertiajs/inertia/pull/2473
+* Introduction of the `Form` component by [@pascalbaljet](https://github.com/pascalbaljet) in https://github.com/inertiajs/inertia/pull/2474
+* Improve `children` prop of `<Form>` Component by [@pascalbaljet](https://github.com/pascalbaljet) in https://github.com/inertiajs/inertia/pull/2487
+* Add Form component ref support by [@pascalbaljet](https://github.com/pascalbaljet) in https://github.com/inertiajs/inertia/pull/2496
+* Make Svelte's <Deferred> not crash in an SSR environment by [@dkulchenko](https://github.com/dkulchenko) in https://github.com/inertiajs/inertia/pull/2396
+* Fix core: Queue processing when an item fails by [@pintend](https://github.com/pintend) in https://github.com/inertiajs/inertia/pull/2467
+* Migrate playgrounds to Tailwind 4 by [@jrmajor](https://github.com/jrmajor) in https://github.com/inertiajs/inertia/pull/2369
+
+### New Contributors
+
+* [@dkulchenko](https://github.com/dkulchenko) made their first contribution in https://github.com/inertiajs/inertia/pull/2396
+* [@pintend](https://github.com/pintend) made their first contribution in https://github.com/inertiajs/inertia/pull/2467
+
+**Full Changelog**: https://github.com/inertiajs/inertia/compare/v2.0.17...v2.1.0
+
 ## [v2.0.17](https://github.com/inertiajs/inertia/compare/v2.0.16...v2.0.17) - 2025-07-18
 
 ### What's Changed

CONTRIBUTING.md

@@ -30,11 +30,11 @@ inertia/
 
 ### Key Components
 
-* **Core Library:** The framework-agnostic engine powering all adapters (`packages/core`).
-* **Adapters:** Framework-specific integrations for React, Svelte, and Vue.
-* **Test Applications:** Minimal frontend apps used for automated testing (`packages/*/test-app/`).
-* **Playwright Tests:** Framework-agnostic end-to-end tests that verify behavior across adapters (`tests/*.spec.ts`).
-* **Playgrounds:** Full Laravel applications for manual testing (`playgrounds/`). These are optional and may eventually be removed.
+- **Core Library:** The framework-agnostic engine powering all adapters (`packages/core`).
+- **Adapters:** Framework-specific integrations for React, Svelte, and Vue.
+- **Test Applications:** Minimal frontend apps used for automated testing (`packages/*/test-app/`).
+- **Playwright Tests:** Framework-agnostic end-to-end tests that verify behavior across adapters (`tests/*.spec.ts`).
+- **Playgrounds:** Full Laravel applications for manual testing (`playgrounds/`). These are optional and may eventually be removed.
 
 ## Getting Started
 
@@ -146,8 +146,8 @@ pnpm dev:test-app:vue
 
 Each test app runs two servers:
 
-* A Node.js backend that automatically restarts when changed
-* A Vite development server for the frontend
+- A Node.js backend that automatically restarts when changed
+- A Vite development server for the frontend
 
 If you are developing a new feature or fixing a bug, you can use these test apps to develop and test your changes.
 
@@ -190,8 +190,8 @@ Add a new Playwright test to verify your change. Playwright allows us to test fe
 import { test, expect } from '@playwright/test'
 
 test('your feature works', async ({ page }) => {
-    await page.goto('/your-feature')
-    // Your assertions here
+  await page.goto('/your-feature')
+  // Your assertions here
 })
 ```
 
@@ -249,9 +249,7 @@ When preparing a release:
 
 2. Run `pnpm install` to update the lockfile.
 
-3. Update the `CHANGELOG.md` with a summary of changes.
-
-4. Publish the packages:
+3. Publish the packages:
 
    ```sh
    pnpm publish -r
@@ -263,4 +261,4 @@ When preparing a release:
    pnpm publish -r --tag=beta
    ```
 
-5. Tag a new release on [GitHub Releases](https://github.com/inertiajs/inertia/releases).
+4. Tag a new release on [GitHub Releases](https://github.com/inertiajs/inertia/releases).

package.json

@@ -9,6 +9,9 @@
     "dev:test-app:react": "pnpx concurrently -c \"#fdba74,#34d399\" \"cd tests/app && PACKAGE=react pnpm serve:watch\" \"cd packages/react/test-app && pnpm run dev\" --names=server,vite",
     "dev:test-app:svelte": "pnpx concurrently -c \"#fdba74,#34d399\" \"cd tests/app && PACKAGE=svelte pnpm serve:watch\" \"cd packages/svelte/test-app && pnpm run dev\" --names=server,vite",
     "dev:test-app:vue": "pnpx concurrently -c \"#fdba74,#34d399\" \"cd tests/app && PACKAGE=vue3 pnpm serve:watch\" \"cd packages/vue3/test-app && pnpm run dev\" --names=server,vite",
+    "type-check:test-app:react": "cd packages/react/test-app && pnpm run type-check",
+    "type-check:test-app:svelte": "cd packages/svelte/test-app && pnpm run type-check",
+    "type-check:test-app:vue": "cd packages/vue3/test-app && pnpm run type-check",
     "test:react": "PACKAGE=react playwright test",
     "test:svelte": "PACKAGE=svelte playwright test",
     "test:vue": "PACKAGE=vue3 playwright test",

packages/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inertiajs/core",
-  "version": "2.0.17",
+  "version": "2.1.0",
   "license": "MIT",
   "description": "A framework for creating server-driven single page apps.",
   "contributors": [

packages/core/src/queue.ts

@@ -8,7 +8,7 @@ export default class Queue<T> {
   }
 
   public process() {
-    this.processingPromise ??= this.processNext().then(() => {
+    this.processingPromise ??= this.processNext().finally(() => {
       this.processingPromise = null
     })
 

packages/core/src/router.ts

@@ -161,9 +161,9 @@ export class Router {
     const visit: PendingVisit = this.getPendingVisit(href, {
       ...options,
       showProgress: options.showProgress ?? !options.async,
-    })
+    } as VisitOptions)
 
-    const events = this.getVisitEvents(options)
+    const events = this.getVisitEvents(options as VisitOptions)
 
     // If either of these return false, we don't want to continue
     if (events.onBefore(visit) === false || !fireBeforeEvent(visit)) {
@@ -284,18 +284,19 @@ export class Router {
     return currentPage.resolve(component)
   }
 
-  public replace(params: ClientSideVisitOptions): void {
+  public replace<TProps = Page['props']>(params: ClientSideVisitOptions<TProps>): void {
     this.clientVisit(params, { replace: true })
   }
 
-  public push(params: ClientSideVisitOptions): void {
+  public push<TProps = Page['props']>(params: ClientSideVisitOptions<TProps>): void {
     this.clientVisit(params)
   }
 
-  protected clientVisit(params: ClientSideVisitOptions, { replace = false }: { replace?: boolean } = {}): void {
+  protected clientVisit<TProps = Page['props']>(params: ClientSideVisitOptions<TProps>, { replace = false }: { replace?: boolean } = {}): void {
     const current = currentPage.get()
 
-    const props = typeof params.props === 'function' ? params.props(current.props) : (params.props ?? current.props)
+    const props =
+      typeof params.props === 'function' ? params.props(current.props as TProps) : (params.props ?? current.props)
 
     const { onError, onFinish, onSuccess, ...pageParams } = params
 
@@ -304,7 +305,7 @@ export class Router {
         {
           ...current,
           ...pageParams,
-          props,
+          props: props as Page['props'],
         },
         {
           replace,