inertiax-svelte 11.0.39 → 11.0.41

package/dist/components/App.svelte

@@ -12,7 +12,7 @@
 
 <script lang="ts">
   import { router } from 'inertiax-core'
-  import { DEFAULT_FRAME_ID } from '../frameContext.svelte'
+  import { DEFAULT_FRAME } from '../frameContext.svelte'
   import Frame from './Frame.svelte'
 
   interface Props {
@@ -26,7 +26,7 @@
 </script>
 
 <Frame
-  id={DEFAULT_FRAME_ID}
+  id={DEFAULT_FRAME}
   {router}
   {initialComponent}
   {initialPage}

package/dist/components/Frame.svelte

@@ -28,7 +28,7 @@
   import { onDestroy, onMount } from 'svelte'
   import { toStore } from 'svelte/store'
   import type { Component } from 'svelte'
-  import { DEFAULT_FRAME_ID, setFrameContext, useFrameContext, useGlobalResolveComponent } from '../frameContext.svelte'
+  import { DEFAULT_FRAME, setFrameContext, useFrameContext, useGlobalResolveComponent } from '../frameContext.svelte'
   import { resetLayoutProps, storeState } from '../layoutProps.svelte'
   import globalPage, { setPage } from '../page.svelte'
   import type { LayoutResolver, LayoutType } from '../types'
@@ -77,15 +77,15 @@
     return `frame-${Math.random().toString(36).slice(2, 10)}`
   }
 
-  // Use explicit id > src > random UUID.  Using src as the frameId gives
+  // Use explicit id > src > random UUID.  Using src as the frame gives
   // frames a deterministic identity — remounts with the same src share
   // history state, so the history-restore optimisation works naturally.
-  const frameId = id ?? src ?? createFrameId()
-  const shouldRenderLayout = renderLayout ?? frameId === DEFAULT_FRAME_ID
+  const frame = id ?? src ?? createFrameId()
+  const shouldRenderLayout = renderLayout ?? frame === DEFAULT_FRAME
 
   function resolveFrameComponent(name: string, page?: Page) {
     if (!frameResolveComponent) {
-      throw new Error(`No resolveComponent available for frame "${frameId}"`)
+      throw new Error(`No resolveComponent available for frame "${frame}"`)
     }
 
     // Empty component names occur during initial frame setup when the router
@@ -98,10 +98,10 @@
     return frameResolveComponent(name, page)
   }
 
-  const frameRouter = router ?? createRouter(frameId)
+  const frameRouter = router ?? createRouter(frame)
 
   // Frame-level visit options: non-top frames default to { replace: true, updateBrowserUrl: false }
-  const defaultFrameVisitOptions = frameId !== DEFAULT_FRAME_ID
+  const defaultFrameVisitOptions = frame !== DEFAULT_FRAME
     ? { replace: true, updateBrowserUrl: false }
     : { replace: false, updateBrowserUrl: true }
   const frameVisitOptions = $derived({ ...defaultFrameVisitOptions, ...visitOptions })
@@ -137,19 +137,19 @@
 
 
   setFrameContext({
-    id: frameId,
+    id: frame,
     router: frameRouter,
     resolveComponent: frameResolveComponent,
     page: toStore(() => page ?? emptyPage),
     visitOptions: frameVisitOptions,
   })
 
-  if (frameId === DEFAULT_FRAME_ID && page) {
+  if (frame === DEFAULT_FRAME && page) {
     setPage(page)
   }
 
   $effect.pre(() => {
-    if (frameId === DEFAULT_FRAME_ID && page) {
+    if (frame === DEFAULT_FRAME && page) {
       setPage(page)
     }
   })
@@ -176,7 +176,7 @@
       swapComponent: async (args) => {
         // Sync the global page store for the top frame so usePage()
         // outside of any Frame context stays up to date.
-        if (frameId === DEFAULT_FRAME_ID) {
+        if (frame === DEFAULT_FRAME) {
           setPage(args.page)
         }
         component = args.component
@@ -243,6 +243,24 @@
         },
       })
 
+      // Handle 409 conflict responses (version mismatch / external redirect)
+      if (response.status === 409) {
+        const location = response.headers?.['x-inertia-location']
+        const redirect = response.headers?.['x-inertia-redirect']
+
+        if (location || redirect) {
+          if (frame !== DEFAULT_FRAME) {
+            // Non-top frames can't redirect the browser — reload the page so
+            // the app recovers at the document level.
+            window.location.reload()
+          } else {
+            window.location.href = location || redirect
+          }
+
+          return
+        }
+      }
+
       let data: any = response.data
       if (typeof data === 'string') {
         try {
@@ -464,4 +482,4 @@
   Invisible anchor used to find the nearest DOM parent for delegated click
   handling and as a scroll-region anchor. display:contents so no layout box.
 -->
-<span style="display:contents" data-inertia-frame={frameId} {@attach attachClickHandler}></span>
+<span style="display:contents" data-inertia-frame={frame} {@attach attachClickHandler}></span>

package/dist/frameContext.svelte.d.ts

@@ -2,7 +2,7 @@ import { type Router, type VisitOptions } from 'inertiax-core';
 import type { Page } from 'inertiax-core';
 import type { Readable } from 'svelte/store';
 import type { ComponentResolver } from './types';
-export declare const DEFAULT_FRAME_ID = "_top";
+export declare const DEFAULT_FRAME = "_top";
 export type FrameContext = {
     id: string;
     router: Router;
@@ -16,4 +16,4 @@ export declare function useFrameRouter(): Router;
 export declare function useFrameResolveComponent(): ComponentResolver | undefined;
 export declare function setGlobalResolveComponent(resolveComponent: ComponentResolver | undefined): void;
 export declare function useGlobalResolveComponent(): ComponentResolver | undefined;
-export declare function useFrameId(): string;
+export declare function useFrame(): string;

package/dist/frameContext.svelte.js

@@ -1,6 +1,6 @@
 import { getContext, hasContext, setContext } from 'svelte';
 import { router as globalRouter } from 'inertiax-core';
-export const DEFAULT_FRAME_ID = '_top';
+export const DEFAULT_FRAME = '_top';
 const FRAME_CONTEXT_KEY = Symbol('inertia:frame-context');
 let globalResolveComponent;
 export function setFrameContext(context) {
@@ -21,6 +21,6 @@ export function setGlobalResolveComponent(resolveComponent) {
 export function useGlobalResolveComponent() {
     return globalResolveComponent;
 }
-export function useFrameId() {
-    return useFrameContext()?.id ?? DEFAULT_FRAME_ID;
+export function useFrame() {
+    return useFrameContext()?.id ?? DEFAULT_FRAME;
 }

package/dist/index.d.ts

@@ -18,5 +18,5 @@ export { default as useHttp } from './useHttp.svelte';
 export { default as usePoll } from './usePoll';
 export { default as usePrefetch } from './usePrefetch.svelte';
 export { default as useRemember } from './useRemember.svelte';
-export { DEFAULT_FRAME_ID, setFrameContext, useFrameContext, useFrameId, useFrameRouter } from './frameContext.svelte';
+export { DEFAULT_FRAME, setFrameContext, useFrameContext, useFrame, useFrameRouter } from './frameContext.svelte';
 export declare const config: import("inertiax-core").Config<import("inertiax-core").InertiaAppConfig>;

package/dist/index.js

@@ -19,5 +19,5 @@ export { default as useHttp } from './useHttp.svelte';
 export { default as usePoll } from './usePoll';
 export { default as usePrefetch } from './usePrefetch.svelte';
 export { default as useRemember } from './useRemember.svelte';
-export { DEFAULT_FRAME_ID, setFrameContext, useFrameContext, useFrameId, useFrameRouter } from './frameContext.svelte';
+export { DEFAULT_FRAME, setFrameContext, useFrameContext, useFrame, useFrameRouter } from './frameContext.svelte';
 export const config = coreConfig.extend({});

package/dist/page.svelte.js

@@ -1,6 +1,6 @@
 import {} from 'inertiax-core';
 import { get } from 'svelte/store';
-import { DEFAULT_FRAME_ID, useFrameContext } from './frameContext.svelte';
+import { DEFAULT_FRAME, useFrameContext } from './frameContext.svelte';
 const page = $state({
     component: '',
     props: {},
@@ -12,7 +12,7 @@ export function setPage(newPage) {
 }
 export function usePage() {
     const context = useFrameContext();
-    if (!context || context.id === DEFAULT_FRAME_ID) {
+    if (!context || context.id === DEFAULT_FRAME) {
         return page;
     }
     return get(context.page);

package/dist/useFormState.svelte.js

@@ -3,10 +3,10 @@ import { cloneDeep, isEqual } from 'es-toolkit';
 import { get, has, set } from 'es-toolkit/compat';
 import { createValidator, resolveName, toSimpleValidationErrors } from 'laravel-precognition';
 import { config } from '.';
-import { useFrameId, useFrameRouter } from './frameContext.svelte';
+import { useFrame, useFrameRouter } from './frameContext.svelte';
 export default function useFormState(options) {
     const frameRouter = useFrameRouter();
-    const frameId = useFrameId();
+    const frameId = useFrame();
     const { data: dataOption, rememberKey, precognitionEndpoint: initialPrecognitionEndpoint } = options;
     const scopedRememberKey = rememberKey ? `${frameId}:${rememberKey}` : null;
     const isDataFunction = typeof dataOption === 'function';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "inertiax-svelte",
-  "version": "11.0.39",
+  "version": "11.0.41",
   "license": "MIT",
   "description": "The Svelte adapter for Inertia.js",
   "contributors": [
@@ -38,27 +38,27 @@
   },
   "devDependencies": {
     "@sveltejs/adapter-auto": "^7.0.1",
-    "@sveltejs/kit": "^2.65.0",
+    "@sveltejs/kit": "^2.70.1",
     "@sveltejs/package": "^2.5.8",
-    "@sveltejs/vite-plugin-svelte": "^7.1.2",
+    "@sveltejs/vite-plugin-svelte": "^7.2.0",
     "es-check": "9.5.3",
     "publint": "^0.3.21",
-    "svelte": "^5.56.3",
-    "svelte-check": "^4.6.0",
+    "svelte": "^5.56.7",
+    "svelte-check": "^4.7.3",
     "tslib": "^2.8.1",
     "typescript": "^6.0.3",
-    "vite": "^8.0.16"
+    "vite": "^8.1.5"
   },
   "peerDependencies": {
     "svelte": "^5.0.0"
   },
   "dependencies": {
-    "es-toolkit": "^1.47.1",
+    "es-toolkit": "^1.49.0",
     "laravel-precognition": "^2.0.0",
-    "inertiax-core": "11.0.38"
+    "inertiax-core": "11.0.41"
   },
   "scripts": {
-    "build": "pnpm package && svelte-check --tsconfig ./tsconfig.json && publint",
+    "build": "pnpm package && svelte-check --tsconfig ./tsconfig.json",
     "build:with-deps": "svelte-kit sync && vite build --config vite-with-deps.config.js",
     "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
     "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",