@inertiajs/svelte 2.3.17 → 3.0.0-beta.1

package/dist/components/InfiniteScroll.svelte.d.ts

@@ -1,117 +1,30 @@
-import { SvelteComponent } from "svelte";
-import { type InfiniteScrollComponentBaseProps } from '@inertiajs/core';
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        data: InfiniteScrollComponentBaseProps["data"];
-        buffer?: number | undefined;
-        as?: string | undefined;
-        manual?: boolean | undefined;
-        manualAfter?: number | undefined;
-        preserveUrl?: boolean | undefined;
-        reverse?: boolean | undefined;
-        autoScroll?: boolean | undefined;
-        startElement?: string | (() => HTMLElement | null) | null | undefined;
-        endElement?: string | (() => HTMLElement | null) | null | undefined;
-        itemsElement?: string | (() => HTMLElement | null) | null | undefined;
-        onlyNext?: boolean | undefined;
-        onlyPrevious?: boolean | undefined;
-        fetchPrevious?: ((options?: any) => void) | undefined;
-        fetchNext?: ((options?: any) => void) | undefined;
-        hasPrevious?: (() => boolean) | undefined;
-        hasNext?: (() => boolean) | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        previous: {
-            loadingPrevious: boolean;
-            loadingNext: boolean;
-            hasPrevious: boolean;
-            hasNext: boolean;
-            loading: boolean;
-            fetch: (options?: any) => void;
-            autoMode: boolean;
-            manualMode: boolean;
-            hasMore: boolean;
-            exposedPrevious: {
-                loadingPrevious: boolean;
-                loadingNext: boolean;
-                hasPrevious: boolean;
-                hasNext: boolean;
-                loading: boolean;
-                fetch: (options?: any) => void;
-                autoMode: boolean;
-                manualMode: boolean;
-                hasMore: boolean;
-            };
-        };
-        loading: {
-            loadingPrevious: boolean;
-            loadingNext: boolean;
-            hasPrevious: boolean;
-            hasNext: boolean;
-            loading: boolean;
-            fetch: (options?: any) => void;
-            autoMode: boolean;
-            manualMode: boolean;
-            hasMore: boolean;
-            exposedNext: {
-                loadingPrevious: boolean;
-                loadingNext: boolean;
-                hasPrevious: boolean;
-                hasNext: boolean;
-                loading: boolean;
-                fetch: (options?: any) => void;
-                autoMode: boolean;
-                manualMode: boolean;
-                hasMore: boolean;
-            };
-        };
-        next: {
-            loadingPrevious: boolean;
-            loadingNext: boolean;
-            hasPrevious: boolean;
-            hasNext: boolean;
-            loading: boolean;
-            fetch: (options?: any) => void;
-            autoMode: boolean;
-            manualMode: boolean;
-            hasMore: boolean;
-            exposedNext: {
-                loadingPrevious: boolean;
-                loadingNext: boolean;
-                hasPrevious: boolean;
-                hasNext: boolean;
-                loading: boolean;
-                fetch: (options?: any) => void;
-                autoMode: boolean;
-                manualMode: boolean;
-                hasMore: boolean;
-            };
-        };
-        default: {
-            loading: boolean;
-            loadingPrevious: boolean;
-            loadingNext: boolean;
-            exposedSlot: {
-                loading: boolean;
-                loadingPrevious: boolean;
-                loadingNext: boolean;
-            };
-        };
-    };
-    exports?: undefined;
-    bindings?: undefined;
-};
-export type InfiniteScrollProps = typeof __propDef.props;
-export type InfiniteScrollEvents = typeof __propDef.events;
-export type InfiniteScrollSlots = typeof __propDef.slots;
-export default class InfiniteScroll extends SvelteComponent<InfiniteScrollProps, InfiniteScrollEvents, InfiniteScrollSlots> {
-    get fetchPrevious(): (options?: any) => void;
-    get fetchNext(): (options?: any) => void;
-    get hasPrevious(): () => boolean;
-    get hasNext(): () => boolean;
+import { type InfiniteScrollComponentBaseProps, type ReloadOptions } from '@inertiajs/core';
+interface Props {
+    data: InfiniteScrollComponentBaseProps['data'];
+    buffer?: InfiniteScrollComponentBaseProps['buffer'];
+    as?: InfiniteScrollComponentBaseProps['as'];
+    manual?: InfiniteScrollComponentBaseProps['manual'];
+    manualAfter?: InfiniteScrollComponentBaseProps['manualAfter'];
+    preserveUrl?: InfiniteScrollComponentBaseProps['preserveUrl'];
+    reverse?: InfiniteScrollComponentBaseProps['reverse'];
+    autoScroll?: InfiniteScrollComponentBaseProps['autoScroll'];
+    startElement?: string | (() => HTMLElement | null) | null;
+    endElement?: string | (() => HTMLElement | null) | null;
+    itemsElement?: string | (() => HTMLElement | null) | null;
+    params?: ReloadOptions;
+    onlyNext?: boolean;
+    onlyPrevious?: boolean;
+    previous?: import('svelte').Snippet<[any]>;
+    loading?: import('svelte').Snippet<[any]>;
+    next?: import('svelte').Snippet<[any]>;
+    children?: import('svelte').Snippet<[any]>;
+    [key: string]: any;
 }
-export {};
+declare const InfiniteScroll: import("svelte").Component<Props, {
+    fetchPrevious: (options?: any) => void;
+    fetchNext: (options?: any) => void;
+    hasPrevious: () => boolean;
+    hasNext: () => boolean;
+}, "">;
+type InfiniteScroll = ReturnType<typeof InfiniteScroll>;
+export default InfiniteScroll;

package/dist/components/Link.svelte

@@ -1,32 +1,97 @@
-<script>import { isUrlMethodPair } from "@inertiajs/core";
-import { inertia } from "../index";
-export let href = "";
-export let as = "a";
-export let data = {};
-export let method = "get";
-export let replace = false;
-export let preserveScroll = false;
-export let preserveState = null;
-export let preserveUrl = false;
-export let only = [];
-export let except = [];
-export let headers = {};
-export let queryStringArrayFormat = "brackets";
-export let async = false;
-export let prefetch = false;
-export let cacheFor = 0;
-export let cacheTags = [];
-export let viewTransition = false;
-$: _method = isUrlMethodPair(href) ? href.method : method;
-$: _href = isUrlMethodPair(href) ? href.url : href;
-$: asProp = _method !== "get" ? "button" : as.toLowerCase();
-$: elProps = {
-  a: { href: _href },
-  button: { type: "button" }
-}[asProp] || {};
+<script lang="ts">
+  import { isUrlMethodPair, resolveUrlMethodPairComponent } from '@inertiajs/core'
+  import type { LinkComponentBaseProps } from '@inertiajs/core'
+  import { inertia } from '../index'
+
+  interface Props {
+    href?: LinkComponentBaseProps['href']
+    as?: keyof HTMLElementTagNameMap
+    data?: LinkComponentBaseProps['data']
+    method?: LinkComponentBaseProps['method']
+    replace?: LinkComponentBaseProps['replace']
+    preserveScroll?: LinkComponentBaseProps['preserveScroll']
+    preserveState?: LinkComponentBaseProps['preserveState'] | null
+    preserveUrl?: LinkComponentBaseProps['preserveUrl']
+    only?: LinkComponentBaseProps['only']
+    except?: LinkComponentBaseProps['except']
+    headers?: LinkComponentBaseProps['headers']
+    queryStringArrayFormat?: LinkComponentBaseProps['queryStringArrayFormat']
+    async?: LinkComponentBaseProps['async']
+    prefetch?: LinkComponentBaseProps['prefetch']
+    cacheFor?: LinkComponentBaseProps['cacheFor']
+    cacheTags?: LinkComponentBaseProps['cacheTags']
+    viewTransition?: LinkComponentBaseProps['viewTransition']
+    component?: LinkComponentBaseProps['component']
+    instant?: LinkComponentBaseProps['instant']
+    pageProps?: LinkComponentBaseProps['pageProps']
+    children?: import('svelte').Snippet
+    [key: string]: any
+  }
+
+  // Are these defined anywhere else?
+  type Callbacks = {
+    onfocus?: () => void
+    onblur?: () => void
+    onclick?: () => void
+    ondblclick?: () => void
+    onmousedown?: () => void
+    onmousemove?: () => void
+    onmouseout?: () => void
+    onmouseover?: () => void
+    onmouseup?: () => void
+    'oncancel-token'?: () => void
+    onbefore?: () => void
+    onstart?: () => void
+    onprogress?: () => void
+    onfinish?: () => void
+    oncancel?: () => void
+    onsuccess?: () => void
+    onerror?: () => void
+    onprefetching?: () => void
+    onprefetched?: () => void
+  }
+
+  let {
+    href = '',
+    as = 'a',
+    data = {},
+    method = 'get',
+    replace = false,
+    preserveScroll = false,
+    preserveState = null,
+    preserveUrl = false,
+    only = [],
+    except = [],
+    headers = {},
+    queryStringArrayFormat = 'brackets',
+    async = false,
+    prefetch = false,
+    cacheFor = 0,
+    cacheTags = [],
+    viewTransition = false,
+    component = undefined,
+    instant = false,
+    pageProps = null,
+    children,
+    ...rest
+  }: Props & Callbacks = $props()
+
+  let _method = $derived(isUrlMethodPair(href) ? href.method : method)
+  let _href = $derived(isUrlMethodPair(href) ? href.url : href)
+  let resolvedComponent = $derived(
+    component ? component : instant && isUrlMethodPair(href) ? resolveUrlMethodPairComponent(href) : null,
+  )
+
+  let asProp = $derived(_method !== 'get' ? 'button' : as.toLowerCase())
+  let elProps = $derived(
+    {
+      a: { href: _href },
+      button: { type: 'button' },
+    }[asProp] || {},
+  )
 </script>
 
-<!-- svelte-ignore a11y-no-static-element-interactions -->
+<!-- svelte-ignore a11y_no_static_element_interactions -->
 <svelte:element
   this={asProp}
   use:inertia={{
@@ -46,28 +111,11 @@ $: elProps = {
     cacheFor,
     cacheTags,
     viewTransition,
+    component: resolvedComponent,
+    pageProps,
   }}
-  {...$$restProps}
+  {...rest}
   {...elProps}
-  on:focus
-  on:blur
-  on:click
-  on:dblclick
-  on:mousedown
-  on:mousemove
-  on:mouseout
-  on:mouseover
-  on:mouseup
-  on:cancel-token
-  on:before
-  on:start
-  on:progress
-  on:finish
-  on:cancel
-  on:success
-  on:error
-  on:prefetching
-  on:prefetched
 >
-  <slot />
+  {@render children?.()}
 </svelte:element>

package/dist/components/Link.svelte.d.ts

@@ -1,57 +1,50 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        href?: string | import("@inertiajs/core").UrlMethodPair | undefined;
-        as?: keyof HTMLElementTagNameMap | undefined;
-        data?: import("@inertiajs/core").RequestPayload | undefined;
-        method?: import("@inertiajs/core").Method | undefined;
-        replace?: boolean | undefined;
-        preserveScroll?: import("@inertiajs/core").PreserveStateOption | undefined;
-        preserveState?: import("@inertiajs/core").PreserveStateOption | null | undefined;
-        preserveUrl?: boolean | undefined;
-        only?: string[] | undefined;
-        except?: string[] | undefined;
-        headers?: Record<string, string> | undefined;
-        queryStringArrayFormat?: import("@inertiajs/core").QueryStringArrayFormatOption | undefined;
-        async?: boolean | undefined;
-        prefetch?: boolean | import("@inertiajs/core").LinkPrefetchOption | import("@inertiajs/core").LinkPrefetchOption[] | undefined;
-        cacheFor?: import("@inertiajs/core").CacheForOption | import("@inertiajs/core").CacheForOption[] | undefined;
-        cacheTags?: string | string[] | undefined;
-        viewTransition?: boolean | ((viewTransition: ViewTransition) => void) | undefined;
-    };
-    events: {
-        focus: FocusEvent;
-        blur: FocusEvent;
-        click: PointerEvent;
-        dblclick: MouseEvent;
-        mousedown: MouseEvent;
-        mousemove: MouseEvent;
-        mouseout: MouseEvent;
-        mouseover: MouseEvent;
-        mouseup: MouseEvent;
-        'cancel-token': InputEvent | UIEvent | Event | SubmitEvent | ProgressEvent<EventTarget> | ErrorEvent | FormDataEvent | AnimationEvent | PointerEvent | MouseEvent | ToggleEvent | FocusEvent | CompositionEvent | ClipboardEvent | DragEvent | KeyboardEvent | SecurityPolicyViolationEvent | TouchEvent | TransitionEvent | WheelEvent;
-        before: InputEvent | UIEvent | Event | SubmitEvent | ProgressEvent<EventTarget> | ErrorEvent | FormDataEvent | AnimationEvent | PointerEvent | MouseEvent | ToggleEvent | FocusEvent | CompositionEvent | ClipboardEvent | DragEvent | KeyboardEvent | SecurityPolicyViolationEvent | TouchEvent | TransitionEvent | WheelEvent;
-        start: InputEvent | UIEvent | Event | SubmitEvent | ProgressEvent<EventTarget> | ErrorEvent | FormDataEvent | AnimationEvent | PointerEvent | MouseEvent | ToggleEvent | FocusEvent | CompositionEvent | ClipboardEvent | DragEvent | KeyboardEvent | SecurityPolicyViolationEvent | TouchEvent | TransitionEvent | WheelEvent;
-        progress: ProgressEvent<EventTarget>;
-        finish: InputEvent | UIEvent | Event | SubmitEvent | ProgressEvent<EventTarget> | ErrorEvent | FormDataEvent | AnimationEvent | PointerEvent | MouseEvent | ToggleEvent | FocusEvent | CompositionEvent | ClipboardEvent | DragEvent | KeyboardEvent | SecurityPolicyViolationEvent | TouchEvent | TransitionEvent | WheelEvent;
-        cancel: Event;
-        success: InputEvent | UIEvent | Event | SubmitEvent | ProgressEvent<EventTarget> | ErrorEvent | FormDataEvent | AnimationEvent | PointerEvent | MouseEvent | ToggleEvent | FocusEvent | CompositionEvent | ClipboardEvent | DragEvent | KeyboardEvent | SecurityPolicyViolationEvent | TouchEvent | TransitionEvent | WheelEvent;
-        error: ErrorEvent;
-        prefetching: InputEvent | UIEvent | Event | SubmitEvent | ProgressEvent<EventTarget> | ErrorEvent | FormDataEvent | AnimationEvent | PointerEvent | MouseEvent | ToggleEvent | FocusEvent | CompositionEvent | ClipboardEvent | DragEvent | KeyboardEvent | SecurityPolicyViolationEvent | TouchEvent | TransitionEvent | WheelEvent;
-        prefetched: InputEvent | UIEvent | Event | SubmitEvent | ProgressEvent<EventTarget> | ErrorEvent | FormDataEvent | AnimationEvent | PointerEvent | MouseEvent | ToggleEvent | FocusEvent | CompositionEvent | ClipboardEvent | DragEvent | KeyboardEvent | SecurityPolicyViolationEvent | TouchEvent | TransitionEvent | WheelEvent;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-    exports?: undefined;
-    bindings?: undefined;
-};
-export type LinkProps = typeof __propDef.props;
-export type LinkEvents = typeof __propDef.events;
-export type LinkSlots = typeof __propDef.slots;
-export default class Link extends SvelteComponent<LinkProps, LinkEvents, LinkSlots> {
+import type { LinkComponentBaseProps } from '@inertiajs/core';
+interface Props {
+    href?: LinkComponentBaseProps['href'];
+    as?: keyof HTMLElementTagNameMap;
+    data?: LinkComponentBaseProps['data'];
+    method?: LinkComponentBaseProps['method'];
+    replace?: LinkComponentBaseProps['replace'];
+    preserveScroll?: LinkComponentBaseProps['preserveScroll'];
+    preserveState?: LinkComponentBaseProps['preserveState'] | null;
+    preserveUrl?: LinkComponentBaseProps['preserveUrl'];
+    only?: LinkComponentBaseProps['only'];
+    except?: LinkComponentBaseProps['except'];
+    headers?: LinkComponentBaseProps['headers'];
+    queryStringArrayFormat?: LinkComponentBaseProps['queryStringArrayFormat'];
+    async?: LinkComponentBaseProps['async'];
+    prefetch?: LinkComponentBaseProps['prefetch'];
+    cacheFor?: LinkComponentBaseProps['cacheFor'];
+    cacheTags?: LinkComponentBaseProps['cacheTags'];
+    viewTransition?: LinkComponentBaseProps['viewTransition'];
+    component?: LinkComponentBaseProps['component'];
+    instant?: LinkComponentBaseProps['instant'];
+    pageProps?: LinkComponentBaseProps['pageProps'];
+    children?: import('svelte').Snippet;
+    [key: string]: any;
 }
-export {};
+type Callbacks = {
+    onfocus?: () => void;
+    onblur?: () => void;
+    onclick?: () => void;
+    ondblclick?: () => void;
+    onmousedown?: () => void;
+    onmousemove?: () => void;
+    onmouseout?: () => void;
+    onmouseover?: () => void;
+    onmouseup?: () => void;
+    'oncancel-token'?: () => void;
+    onbefore?: () => void;
+    onstart?: () => void;
+    onprogress?: () => void;
+    onfinish?: () => void;
+    oncancel?: () => void;
+    onsuccess?: () => void;
+    onerror?: () => void;
+    onprefetching?: () => void;
+    onprefetched?: () => void;
+};
+type $$ComponentProps = Props & Callbacks;
+declare const Link: import("svelte").Component<$$ComponentProps, {}, "">;
+type Link = ReturnType<typeof Link>;
+export default Link;

package/dist/components/Render.svelte

@@ -1,34 +1,75 @@
-<script context="module">export const h = (component, propsOrChildren, childrenOrKey, key = null) => {
-  const hasProps = typeof propsOrChildren === "object" && propsOrChildren !== null && !Array.isArray(propsOrChildren);
-  return {
-    component,
-    key: hasProps ? key : typeof childrenOrKey === "number" ? childrenOrKey : null,
-    props: hasProps ? propsOrChildren : {},
-    children: hasProps ? Array.isArray(childrenOrKey) ? childrenOrKey : childrenOrKey !== null ? [childrenOrKey] : [] : Array.isArray(propsOrChildren) ? propsOrChildren : propsOrChildren !== null ? [propsOrChildren] : []
-  };
-};
+<script module lang="ts">
+  import type { PageProps } from '@inertiajs/core'
+  import type { Component } from 'svelte'
+
+  export type RenderProps = {
+    component: Component
+    props?: PageProps
+    children?: RenderProps[]
+    key?: number | null
+    name?: string
+  }
+
+  export type RenderFunction = {
+    (component: Component, props?: PageProps, children?: RenderProps[], key?: number | null): RenderProps
+    (component: Component, children?: RenderProps[], key?: number | null): RenderProps
+  }
+
+  export const h: RenderFunction = (component, propsOrChildren, childrenOrKey, key: number | null = null) => {
+    const hasProps = typeof propsOrChildren === 'object' && propsOrChildren !== null && !Array.isArray(propsOrChildren)
+
+    return {
+      component,
+      key: hasProps ? key : typeof childrenOrKey === 'number' ? childrenOrKey : null,
+      props: hasProps ? propsOrChildren : {},
+      children: hasProps
+        ? ((Array.isArray(childrenOrKey)
+            ? childrenOrKey
+            : childrenOrKey !== null
+              ? [childrenOrKey]
+              : []) as RenderProps[])
+        : ((Array.isArray(propsOrChildren)
+            ? propsOrChildren
+            : propsOrChildren !== null
+              ? [propsOrChildren]
+              : []) as RenderProps[]),
+    }
+  }
 </script>
 
-<script>export let component;
-export let props = {};
-export let children = [];
-export let key = null;
+<script lang="ts">
+  import Render from './Render.svelte'
+  import { setContext } from 'svelte'
+  import { LAYOUT_CONTEXT_KEY } from '../layoutProps.svelte'
+
+  // svelte-ignore state_referenced_locally
+  const { component, props = {}, children = [], key = null, name }: RenderProps = $props()
+
+  // svelte-ignore state_referenced_locally
+  if (children.length > 0) {
+    setContext(LAYOUT_CONTEXT_KEY, {
+      get staticProps() {
+        return props
+      },
+      get name() {
+        return name
+      },
+    })
+  }
 </script>
 
 {#if component}
-  <!--
-  Add the `key` only to the last (page) component in the tree.
-  This ensures that the page component re-renders when `preserveState` is disabled,
-  while the layout components are persisted across page changes. -->
   {#key children?.length === 0 ? key : null}
     {#if children.length > 0}
-      <svelte:component this={component} {...props}>
+      {@const SvelteComponent = component}
+      <SvelteComponent {...props}>
         {#each children as child}
-          <svelte:self {...child} />
+          <Render {...child} />
         {/each}
-      </svelte:component>
+      </SvelteComponent>
     {:else}
-      <svelte:component this={component} {...props} />
+      {@const SvelteComponent_1 = component}
+      <SvelteComponent_1 {...props} />
     {/if}
   {/key}
 {/if}

package/dist/components/Render.svelte.d.ts

@@ -1,34 +1,18 @@
-import { SvelteComponent } from "svelte";
 import type { PageProps } from '@inertiajs/core';
-import type { ComponentType } from 'svelte';
+import type { Component } from 'svelte';
 export type RenderProps = {
-    component: ComponentType;
+    component: Component;
     props?: PageProps;
     children?: RenderProps[];
     key?: number | null;
+    name?: string;
 };
 export type RenderFunction = {
-    (component: ComponentType, props?: PageProps, children?: RenderProps[], key?: number | null): RenderProps;
-    (component: ComponentType, children?: RenderProps[], key?: number | null): RenderProps;
+    (component: Component, props?: PageProps, children?: RenderProps[], key?: number | null): RenderProps;
+    (component: Component, children?: RenderProps[], key?: number | null): RenderProps;
 };
 export declare const h: RenderFunction;
-declare const __propDef: {
-    props: {
-        component: ComponentType;
-        props?: PageProps;
-        children?: RenderProps[];
-        key?: number | null;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-type RenderProps_ = typeof __propDef.props;
-export type RenderEvents = typeof __propDef.events;
-export type RenderSlots = typeof __propDef.slots;
-export default class Render extends SvelteComponent<RenderProps_, RenderEvents, RenderSlots> {
-}
-export {};
+import Render from './Render.svelte';
+declare const Render: Component<RenderProps, {}, "">;
+type Render = ReturnType<typeof Render>;
+export default Render;