@inertiajs/vue3 2.2.8 → 2.2.10

package/dist/index.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -101,7 +102,7 @@ function useForm(rememberKeyOrData, maybeData) {
   const restored = rememberKey ? import_core2.router.restore(rememberKey) : null;
   let defaults = typeof data === "function" ? (0, import_lodash_es2.cloneDeep)(data()) : (0, import_lodash_es2.cloneDeep)(data);
   let cancelToken = null;
-  let recentlySuccessfulTimeoutId = null;
+  let recentlySuccessfulTimeoutId;
   let transform = (data2) => data2;
   let defaultsCalledInOnSuccess = false;
   const form = (0, import_vue.reactive)({
@@ -177,7 +178,6 @@ function useForm(rememberKeyOrData, maybeData) {
       const url = objectPassed ? args[0].url : args[1];
       const options = (objectPassed ? args[1] : args[2]) ?? {};
       defaultsCalledInOnSuccess = false;
-      const data2 = transform(this.data());
       const _options = {
         ...options,
         onCancelToken: (token) => {
@@ -244,10 +244,11 @@ function useForm(rememberKeyOrData, maybeData) {
           }
         }
       };
+      const transformedData = transform(this.data());
       if (method === "delete") {
-        import_core2.router.delete(url, { ..._options, data: data2 });
+        import_core2.router.delete(url, { ..._options, data: transformedData });
       } else {
-        import_core2.router[method](url, data2, _options);
+        import_core2.router[method](url, transformedData, _options);
       }
     },
     get(url, options) {
@@ -293,11 +294,11 @@ function useForm(rememberKeyOrData, maybeData) {
 }
 
 // src/app.ts
-var component = (0, import_vue2.ref)(null);
-var page = (0, import_vue2.ref)(null);
+var component = (0, import_vue2.ref)(void 0);
+var page = (0, import_vue2.ref)();
 var layout = (0, import_vue2.shallowRef)(null);
-var key = (0, import_vue2.ref)(null);
-var headManager = null;
+var key = (0, import_vue2.ref)(void 0);
+var headManager;
 var App = (0, import_vue2.defineComponent)({
   name: "Inertia",
   props: {
@@ -326,19 +327,20 @@ var App = (0, import_vue2.defineComponent)({
     }
   },
   setup({ initialPage, initialComponent, resolveComponent, titleCallback, onHeadUpdate }) {
-    component.value = initialComponent ? (0, import_vue2.markRaw)(initialComponent) : null;
+    component.value = initialComponent ? (0, import_vue2.markRaw)(initialComponent) : void 0;
     page.value = initialPage;
-    key.value = null;
+    key.value = void 0;
     const isServer = typeof window === "undefined";
-    headManager = (0, import_core3.createHeadManager)(isServer, titleCallback, onHeadUpdate);
+    headManager = (0, import_core3.createHeadManager)(isServer, titleCallback || ((title) => title), onHeadUpdate || (() => {
+    }));
     if (!isServer) {
       import_core3.router.init({
         initialPage,
         resolveComponent,
-        swapComponent: async (args) => {
-          component.value = (0, import_vue2.markRaw)(args.component);
-          page.value = args.page;
-          key.value = args.preserveState ? key.value : Date.now();
+        swapComponent: async (options) => {
+          component.value = (0, import_vue2.markRaw)(options.component);
+          page.value = options.page;
+          key.value = options.preserveState ? key.value : Date.now();
         }
       });
       import_core3.router.on("navigate", () => headManager.forceUpdate());
@@ -409,7 +411,7 @@ async function createInertiaApp({
 }) {
   const isServer = typeof window === "undefined";
   const el = isServer ? null : document.getElementById(id);
-  const initialPage = page2 || JSON.parse(el.dataset.page);
+  const initialPage = page2 || JSON.parse(el?.dataset.page || "{}");
   const resolveComponent = (name) => Promise.resolve(resolve(name)).then((module2) => module2.default || module2);
   let head = [];
   const vueApp = await Promise.all([
@@ -417,23 +419,33 @@ async function createInertiaApp({
     import_core4.router.decryptHistory().catch(() => {
     })
   ]).then(([initialComponent]) => {
-    return setup({
+    const props = {
+      initialPage,
+      initialComponent,
+      resolveComponent,
+      titleCallback: title
+    };
+    if (isServer) {
+      const ssrSetup = setup;
+      return ssrSetup({
+        el: null,
+        App: app_default,
+        props: { ...props, onHeadUpdate: (elements) => head = elements },
+        plugin
+      });
+    }
+    const csrSetup = setup;
+    return csrSetup({
       el,
       App: app_default,
-      props: {
-        initialPage,
-        initialComponent,
-        resolveComponent,
-        titleCallback: title,
-        onHeadUpdate: isServer ? (elements) => head = elements : null
-      },
+      props,
       plugin
     });
   });
   if (!isServer && progress2) {
     (0, import_core4.setupProgress)(progress2);
   }
-  if (isServer) {
+  if (isServer && render) {
     const body = await render(
       (0, import_vue3.createSSRApp)({
         render: () => (0, import_vue3.h)("div", {
@@ -462,7 +474,7 @@ var deferred_default = (0, import_vue4.defineComponent)({
     if (!this.$slots.fallback) {
       throw new Error("`<Deferred>` requires a `<template #fallback>` slot");
     }
-    return keys.every((key2) => this.$page.props[key2] !== void 0) ? this.$slots.default() : this.$slots.fallback();
+    return keys.every((key2) => this.$page.props[key2] !== void 0) ? this.$slots.default?.() : this.$slots.fallback();
   }
 });
 
@@ -612,15 +624,15 @@ var Form = (0, import_vue5.defineComponent)({
         onFinish: props.onFinish,
         onCancel: props.onCancel,
         onSuccess: (...args) => {
-          props.onSuccess(...args);
-          props.onSubmitComplete(exposed);
+          props.onSuccess?.(...args);
+          props.onSubmitComplete?.(exposed);
           maybeReset(props.resetOnSuccess);
           if (props.setDefaultsOnSuccess === true) {
             defaults();
           }
         },
         onError: (...args) => {
-          props.onError(...args);
+          props.onError?.(...args);
           maybeReset(props.resetOnError);
         },
         ...props.options
@@ -709,7 +721,7 @@ var Head = (0, import_vue6.defineComponent)({
   },
   methods: {
     isUnaryTag(node) {
-      return [
+      return typeof node.type === "string" && [
         "area",
         "base",
         "br",
@@ -740,10 +752,19 @@ var Head = (0, import_vue6.defineComponent)({
           return carry + ` ${name}="${(0, import_lodash_es4.escape)(value)}"`;
         }
       }, "");
-      return `<${node.type}${attrs}>`;
+      return `<${String(node.type)}${attrs}>`;
     },
     renderTagChildren(node) {
-      return typeof node.children === "string" ? node.children : node.children.reduce((html, child) => html + this.renderTag(child), "");
+      const { children } = node;
+      if (typeof children === "string") {
+        return children;
+      }
+      if (Array.isArray(children)) {
+        return children.reduce((html, child) => {
+          return html + this.renderTag(child);
+        }, "");
+      }
+      return "";
     },
     isFunctionNode(node) {
       return typeof node.type === "function";
@@ -762,7 +783,7 @@ var Head = (0, import_vue6.defineComponent)({
     },
     renderTag(node) {
       if (this.isTextNode(node)) {
-        return node.children;
+        return String(node.children);
       } else if (this.isFragmentNode(node)) {
         return "";
       } else if (this.isCommentNode(node)) {
@@ -773,7 +794,7 @@ var Head = (0, import_vue6.defineComponent)({
         html += this.renderTagChildren(node);
       }
       if (!this.isUnaryTag(node)) {
-        html += `</${node.type}>`;
+        html += `</${String(node.type)}>`;
       }
       return html;
     },
@@ -784,9 +805,8 @@ var Head = (0, import_vue6.defineComponent)({
       return elements;
     },
     renderNodes(nodes) {
-      return this.addTitleElement(
-        nodes.flatMap((node) => this.resolveNode(node)).map((node) => this.renderTag(node)).filter((node) => node)
-      );
+      const elements = nodes.flatMap((node) => this.resolveNode(node)).map((node) => this.renderTag(node)).filter((node) => node);
+      return this.addTitleElement(elements);
     },
     resolveNode(node) {
       if (this.isFunctionNode(node)) {
@@ -831,7 +851,8 @@ var InfiniteScroll = (0, import_vue7.defineComponent)({
   slots: Object,
   props: {
     data: {
-      type: String
+      type: String,
+      required: true
     },
     buffer: {
       type: Number,
@@ -991,7 +1012,7 @@ var InfiniteScroll = (0, import_vue7.defineComponent)({
           (0, import_vue7.h)(
             "div",
             { ref: startElementRef },
-            slots.previous ? slots.previous(exposedPrevious) : loadingPrevious.value ? slots.loading?.(exposedPrevious) : null
+            slots.previous ? slots.previous(exposedPrevious) : loadingPrevious.value ? slots.loading?.(exposedPrevious) : void 0
           )
         );
       }
@@ -1020,7 +1041,7 @@ var InfiniteScroll = (0, import_vue7.defineComponent)({
           (0, import_vue7.h)(
             "div",
             { ref: endElementRef },
-            slots.next ? slots.next(exposedNext) : loadingNext.value ? slots.loading?.(exposedNext) : null
+            slots.next ? slots.next(exposedNext) : loadingNext.value ? slots.loading?.(exposedNext) : void 0
           )
         );
       }
@@ -1145,7 +1166,7 @@ var Link = (0, import_vue8.defineComponent)({
   },
   setup(props, { slots, attrs }) {
     const inFlightCount = (0, import_vue8.ref)(0);
-    const hoverTimeout = (0, import_vue8.ref)(null);
+    const hoverTimeout = (0, import_vue8.ref)();
     const prefetchModes = (0, import_vue8.computed)(() => {
       if (props.prefetch === true) {
         return ["hover"];
@@ -1176,7 +1197,7 @@ var Link = (0, import_vue8.defineComponent)({
       clearTimeout(hoverTimeout.value);
     });
     const method = (0, import_vue8.computed)(
-      () => (0, import_core7.isUrlMethodPair)(props.href) ? props.href.method : props.method.toLowerCase()
+      () => (0, import_core7.isUrlMethodPair)(props.href) ? props.href.method : (props.method ?? "get").toLowerCase()
     );
     const as = (0, import_vue8.computed)(() => {
       if (typeof props.as !== "string" || props.as.toLowerCase() !== "a") {
@@ -1188,7 +1209,7 @@ var Link = (0, import_vue8.defineComponent)({
       () => (0, import_core7.mergeDataIntoQueryString)(
         method.value,
         (0, import_core7.isUrlMethodPair)(props.href) ? props.href.url : props.href,
-        props.data,
+        props.data || {},
         props.queryStringArrayFormat
       )
     );
@@ -1221,12 +1242,12 @@ var Link = (0, import_vue8.defineComponent)({
       onBefore: props.onBefore,
       onStart: (visit) => {
         inFlightCount.value++;
-        props.onStart(visit);
+        props.onStart?.(visit);
       },
       onProgress: props.onProgress,
       onFinish: (visit) => {
         inFlightCount.value--;
-        props.onFinish(visit);
+        props.onFinish?.(visit);
       },
       onCancel: props.onCancel,
       onSuccess: props.onSuccess,
@@ -1273,7 +1294,7 @@ var Link = (0, import_vue8.defineComponent)({
         }
       },
       onKeydown: (event) => {
-        if ((0, import_core7.shouldIntercept)(event) && (0, import_core7.shouldNavigate)(event)) {
+        if ((0, import_core7.shouldNavigate)(event)) {
           event.preventDefault();
           prefetch();
         }
@@ -1446,7 +1467,7 @@ var whenVisible_default = (0, import_vue12.defineComponent)({
           return;
         }
         if (!this.$props.always) {
-          this.observer.disconnect();
+          this.observer?.disconnect();
         }
         if (this.fetching) {
           return;