inertiax-svelte 2.3.2 → 2.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "inertiax-svelte",
-  "version": "2.3.2",
+  "version": "2.4.0",
   "license": "MIT",
   "description": "The Svelte adapter for Inertia.js",
   "contributors": [

package/src/Frame.svelte

@@ -7,6 +7,7 @@
   const {children, src, hint, component, id = Math.random(), ...restProps} = $props()
   
   setContext('inertia:frame-id', id)
+
   const components = $derived($store.frames?.[id] && h($store.frames[id].component.default, Object.assign({}, restProps, $store.frames[id].props)))
   
   onMount(() => {

package/src/createInertiaApp.js

@@ -35,7 +35,7 @@ export default async function createInertiaApp({ id = 'app', resolve, setup, pro
       const targetFrame = page.target
       if (targetFrame) store.update((current) => ({
         ...current,
-        frames: { ...current.frames, [targetFrame]: {component, props: page.props} }
+        frames: { ...current.frames, [targetFrame]: {component, props: page.props, page} }
       }))
       else store.update((current) => ({
         component,

package/src/useForm.js

@@ -1,15 +1,19 @@
 import { router } from 'inertiax-core'
 import isEqual from 'lodash.isequal'
 import cloneDeep from 'lodash.clonedeep'
-import { writable } from 'svelte/store'
+import { get, writable } from 'svelte/store'
 import { getContext } from 'svelte'
+import inertiaStore from './store'
 
 function useForm(...args) {
   const rememberKey = typeof args[0] === 'string' ? args[0] : null
   const data = (typeof args[0] === 'string' ? args[1] : args[0]) || {}
   const restored = rememberKey ? router.restore(rememberKey) : null
   const frameId = getContext('inertia:frame-id')
-  const frameSrc = getContext('inertia:frame-src')
+  
+  const frameSrc = frameId && get(inertiaStore).frames[frameId].page.url
+  console.log(frameSrc)
+  
   let defaults = cloneDeep(data)
   let cancelToken = null
   let recentlySuccessfulTimeoutId = null
@@ -95,6 +99,9 @@ function useForm(...args) {
       
       const _options = {
         ...options,
+        headers: {
+          'X-Inertia-Frame-Src': frameSrc,
+        },
         target: typeof(options.target) !== 'undefined' ? options.target : frameId,
         onCancelToken: (token) => {
           cancelToken = token
@@ -107,7 +114,7 @@ function useForm(...args) {
           this.setStore('wasSuccessful', false)
           this.setStore('recentlySuccessful', false)
           clearTimeout(recentlySuccessfulTimeoutId)
-
+          
           if (options.onBefore) {
             return options.onBefore(visit)
           }