@inertiajs/svelte 2.1.2 → 2.1.4

package/dist/components/Form.svelte

@@ -1,9 +1,10 @@
 <script>import {
   formDataToObject,
   resetFormFields,
-  mergeDataIntoQueryString
+  mergeDataIntoQueryString,
+  isUrlMethodPair
 } from "@inertiajs/core";
-import { isEqual } from "es-toolkit";
+import { isEqual } from "lodash-es";
 import { onMount } from "svelte";
 import useForm from "../useForm";
 const noop = () => void 0;
@@ -33,8 +34,8 @@ const form = useForm({});
 let formElement;
 let isDirty = false;
 let defaultData = new FormData();
-$: _method = typeof action === "object" ? action.method : method.toLowerCase();
-$: _action = typeof action === "object" ? action.url : action;
+$: _method = isUrlMethodPair(action) ? action.method : method.toLowerCase();
+$: _action = isUrlMethodPair(action) ? action.url : action;
 function getFormData() {
   return new FormData(formElement);
 }
@@ -96,6 +97,12 @@ function handleSubmit(event) {
   event.preventDefault();
   submit();
 }
+function handleReset(event) {
+  if (event.isTrusted) {
+    event.preventDefault();
+    reset();
+  }
+}
 export function reset(...fields) {
   resetFormFields(formElement, defaultData, fields);
 }
@@ -132,7 +139,9 @@ $: slotErrors = $form.errors;
   bind:this={formElement}
   action={_action}
   method={_method}
-  on:submit={handleSubmit} {...$$restProps}
+  on:submit={handleSubmit}
+  on:reset={handleReset}
+  {...$$restProps}
   inert={disableWhileProcessing && $form.processing ? true : undefined}
 >
   <slot

package/dist/components/Link.svelte

@@ -1,4 +1,5 @@
-<script>import { inertia } from "../index";
+<script>import { isUrlMethodPair } from "@inertiajs/core";
+import { inertia } from "../index";
 export let href = "";
 export let as = "a";
 export let data = {};
@@ -14,8 +15,8 @@ export let async = false;
 export let prefetch = false;
 export let cacheFor = 0;
 export let cacheTags = [];
-$: _method = typeof href === "object" ? href.method : method;
-$: _href = typeof href === "object" ? href.url : href;
+$: _method = isUrlMethodPair(href) ? href.method : method;
+$: _href = isUrlMethodPair(href) ? href.url : href;
 $: asProp = _method !== "get" ? "button" : as.toLowerCase();
 $: elProps = {
   a: { href: _href },

package/dist/createInertiaApp.js

@@ -1,5 +1,5 @@
 import { router, setupProgress } from '@inertiajs/core';
-import escape from 'html-escape';
+import { escape } from 'lodash-es';
 import App, {} from './components/App.svelte';
 export default async function createInertiaApp({ id = 'app', resolve, setup, progress = {}, page, }) {
     const isServer = typeof window === 'undefined';
@@ -14,7 +14,7 @@ export default async function createInertiaApp({ id = 'app', resolve, setup, pro
     const svelteApp = setup({
         el,
         App: App,
-        props
+        props,
     });
     if (isServer) {
         const { html, head, css } = svelteApp;

package/dist/link.js

@@ -1,4 +1,4 @@
-import { mergeDataIntoQueryString, router, shouldIntercept, } from '@inertiajs/core';
+import { isUrlMethodPair, mergeDataIntoQueryString, router, shouldIntercept, shouldNavigate, } from '@inertiajs/core';
 function link(node, initialParams = {}) {
     let inFlightCount = 0;
     let hoverTimeout;
@@ -30,10 +30,22 @@ function link(node, initialParams = {}) {
                 prefetch();
             }
         },
+        keydown: (event) => {
+            if (shouldIntercept(event) && shouldNavigate(event)) {
+                event.preventDefault();
+                prefetch();
+            }
+        },
         mouseup: (event) => {
             event.preventDefault();
             router.visit(href, visitParams);
         },
+        keyup: (event) => {
+            if (shouldNavigate(event)) {
+                event.preventDefault();
+                router.visit(href, visitParams);
+            }
+        },
         click: (event) => {
             if (shouldIntercept(event)) {
                 event.preventDefault();
@@ -60,7 +72,7 @@ function link(node, initialParams = {}) {
             return 30_000;
         })();
         cacheTags = cacheTagValues;
-        method = typeof params.href === 'object' ? params.href.method : (params.method?.toLowerCase() || 'get');
+        method = isUrlMethodPair(params.href) ? params.href.method : params.method?.toLowerCase() || 'get';
         [href, data] = hrefAndData(method, params);
         if (node.tagName === 'A') {
             node.href = href;
@@ -103,7 +115,7 @@ function link(node, initialParams = {}) {
         return node.dispatchEvent(new CustomEvent(type, detail));
     }
     function hrefAndData(method, params) {
-        return mergeDataIntoQueryString(method, typeof params.href === 'object' ? params.href.url : node.href || params.href || '', params.data || {}, params.queryStringArrayFormat || 'brackets');
+        return mergeDataIntoQueryString(method, isUrlMethodPair(params.href) ? params.href.url : node.href || params.href || '', params.data || {}, params.queryStringArrayFormat || 'brackets');
     }
     function prefetch() {
         router.prefetch(href, {

package/dist/page.d.ts

@@ -1,6 +1,11 @@
 import { type Page } from '@inertiajs/core';
-export declare const setPage: (this: void, value: Page<import("@inertiajs/core").PageProps>) => void;
+type SveltePage = Omit<Page, 'props'> & {
+    props: Page['props'] & {
+        [key: string]: any;
+    };
+};
+export declare const setPage: (this: void, value: SveltePage) => void;
 declare const _default: {
-    subscribe: (this: void, run: import("svelte/store").Subscriber<Page<import("@inertiajs/core").PageProps>>, invalidate?: import("svelte/store").Invalidator<Page<import("@inertiajs/core").PageProps>> | undefined) => import("svelte/store").Unsubscriber;
+    subscribe: (this: void, run: import("svelte/store").Subscriber<SveltePage>, invalidate?: import("svelte/store").Invalidator<SveltePage> | undefined) => import("svelte/store").Unsubscriber;
 };
 export default _default;

package/dist/useForm.js

@@ -1,6 +1,5 @@
 import { router } from '@inertiajs/core';
-import { cloneDeep, isEqual } from 'es-toolkit';
-import { get, has, set } from 'es-toolkit/compat';
+import { cloneDeep, get, has, isEqual, set } from 'lodash-es';
 import { writable } from 'svelte/store';
 export default function useForm(rememberKeyOrData, maybeData) {
     const rememberKey = typeof rememberKeyOrData === 'string' ? rememberKeyOrData : null;
@@ -13,6 +12,7 @@ export default function useForm(rememberKeyOrData, maybeData) {
     let cancelToken = null;
     let recentlySuccessfulTimeoutId = null;
     let transform = (data) => data;
+    let defaultsCalledInOnSuccess = false;
     const store = writable({
         ...(restored ? restored.data : data),
         isDirty: false,
@@ -37,6 +37,7 @@ export default function useForm(rememberKeyOrData, maybeData) {
             return this;
         },
         defaults(fieldOrFields, maybeValue) {
+            defaultsCalledInOnSuccess = true;
             if (typeof fieldOrFields === 'undefined') {
                 defaults = cloneDeep(this.data());
             }
@@ -82,10 +83,11 @@ export default function useForm(rememberKeyOrData, maybeData) {
             return this;
         },
         submit(...args) {
-            const objectPassed = typeof args[0] === 'object';
+            const objectPassed = args[0] !== null && typeof args[0] === 'object';
             const method = objectPassed ? args[0].method : args[0];
             const url = objectPassed ? args[0].url : args[1];
             const options = (objectPassed ? args[1] : args[2]) ?? {};
+            defaultsCalledInOnSuccess = false;
             const data = transform(this.data());
             const _options = {
                 ...options,
@@ -125,7 +127,9 @@ export default function useForm(rememberKeyOrData, maybeData) {
                     this.setStore('recentlySuccessful', true);
                     recentlySuccessfulTimeoutId = setTimeout(() => this.setStore('recentlySuccessful', false), 2000);
                     const onSuccess = options.onSuccess ? await options.onSuccess(page) : null;
-                    this.defaults(cloneDeep(this.data()));
+                    if (!defaultsCalledInOnSuccess) {
+                        this.defaults(cloneDeep(this.data()));
+                    }
                     return onSuccess;
                 },
                 onError: (errors) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inertiajs/svelte",
-  "version": "2.1.2",
+  "version": "2.1.4",
   "license": "MIT",
   "description": "The Svelte adapter for Inertia.js",
   "contributors": [
@@ -16,6 +16,14 @@
   "bugs": {
     "url": "https://github.com/inertiajs/inertia/issues"
   },
+  "files": [
+    "dist",
+    "!dist/**/*.test.*",
+    "!dist/**/*.spec.*"
+  ],
+  "type": "module",
+  "types": "./dist/index.d.ts",
+  "svelte": "./dist/index.js",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -26,26 +34,13 @@
       "svelte": "./dist/server.js"
     }
   },
-  "files": [
-    "dist",
-    "!dist/**/*.test.*",
-    "!dist/**/*.spec.*"
-  ],
-  "peerDependencies": {
-    "svelte": "^4.0.0 || ^5.0.0 || ^5.0.0-next.244"
-  },
-  "dependencies": {
-    "es-toolkit": "^1.33.0",
-    "html-escape": "^2.0.0",
-    "@inertiajs/core": "2.1.2"
-  },
   "devDependencies": {
     "@sveltejs/adapter-auto": "^3.2.0",
-    "@sveltejs/kit": "^2.20.6",
+    "@sveltejs/kit": "^2.36.3",
     "@sveltejs/package": "^2.3.4",
     "@sveltejs/vite-plugin-svelte": "^3.1.2",
-    "@types/html-escape": "^2.0.2",
-    "axios": "^1.8.2",
+    "axios": "^1.11.0",
+    "es-check": "^9.3.1",
     "publint": "^0.2.10",
     "svelte": "^4.2.19",
     "svelte-check": "^4.0.0",
@@ -53,14 +48,21 @@
     "typescript": "^5.5.4",
     "vite": "^5.4.19"
   },
-  "svelte": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "type": "module",
+  "peerDependencies": {
+    "svelte": "^4.0.0 || ^5.0.0"
+  },
+  "dependencies": {
+    "@types/lodash-es": "^4.17.12",
+    "lodash-es": "^4.17.21",
+    "@inertiajs/core": "2.1.4"
+  },
   "scripts": {
-    "dev": "pnpm package --watch",
     "build": "pnpm package && publint",
-    "package": "svelte-kit sync && svelte-package --input src",
+    "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"
+    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+    "dev": "pnpm package --watch",
+    "es2020-check": "pnpm build:with-deps && es-check es2020 \"dist/**/*.js\" --checkFeatures --module --noCache --verbose",
+    "package": "svelte-kit sync && svelte-package --input src"
   }
 }