nuxt-outfit 1.2.2 → 1.2.4

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "@nuxt/outfit",
   "configKey": "outfit",
-  "version": "1.2.2"
+  "version": "1.2.4"
 }

package/dist/runtime/composables/useEcho.d.ts

@@ -5,6 +5,10 @@ export declare const useEcho: () => {
      * @param callback
      */
     connected: (callback: any) => void;
+    /**
+     * Get socket id
+     */
+    getSocketId: () => any;
     /**
      * Connect to the socket
      *

package/dist/runtime/composables/useEcho.mjs

@@ -25,6 +25,12 @@ export const useEcho = () => {
         });
       }
     },
+    /**
+     * Get socket id
+     */
+    getSocketId: () => {
+      return $echo.socketId();
+    },
     /**
      * Connect to the socket
      *

package/dist/runtime/composables/useForm.d.ts

@@ -4,7 +4,7 @@ export declare const useForm: (opts?: {}) => {
     repeatArray: (property: any) => void;
     removeArray: (property: any, index: any) => void;
     isPending: import("vue").Ref<boolean>;
-    handleSubmit: () => Promise<void>;
+    handleSubmit: (action?: null) => Promise<void>;
     clearError: (field: any) => void;
     reset: () => void;
     onSuccess: (callback: any) => void;

package/dist/runtime/composables/useForm.mjs

@@ -81,12 +81,12 @@ export const useForm = (opts = {}) => {
       _onSuccess(hit);
     }
   };
-  const validate = () => {
-    return opts?.schema.validate(deepClone(fields), { abortEarly: false }).then((validated) => http(opts?.action, { method: "POST", body: validated })).then((hit) => handleSuccess(hit)).catch((fail) => handleFail(fail));
+  const validate = (action) => {
+    return opts?.schema.validate(deepClone(fields), { abortEarly: false }).then((validated) => http(action ?? opts?.action, { method: "POST", body: validated })).then((hit) => handleSuccess(hit)).catch((fail) => handleFail(fail));
   };
-  const handleSubmit = async () => {
+  const handleSubmit = async (action = null) => {
     processing();
-    await validate();
+    await validate(action);
     processed();
   };
   return {

package/dist/runtime/composables/useSpaHeaders.d.ts

@@ -5,4 +5,8 @@ export declare const useSpaHeaders: (additionalHeaders?: {}) => {
     }): Promise<void>;
 } | {
     headers: {};
+    onRequest({ request, options }: {
+        request: any;
+        options: any;
+    }): Promise<void>;
 };

package/dist/runtime/composables/useSpaHeaders.mjs

@@ -1,11 +1,17 @@
-import { useRuntimeConfig, useRequestEvent, useRequestHeaders } from "#imports";
+import { useRuntimeConfig, useRequestEvent, useRequestHeaders, useEcho } from "#imports";
 import { appendHeader } from "h3";
 import { parse, splitCookiesString as split } from "set-cookie-parser";
 import { serialize } from "cookie";
 export const useSpaHeaders = (additionalHeaders = {}) => {
   if (process.client) {
+    const { getSocketId } = useEcho();
     return {
-      headers: additionalHeaders
+      headers: additionalHeaders,
+      async onRequest({ request, options }) {
+        if (getSocketId() !== void 0) {
+          options.headers["X-Socket-ID"] = getSocketId();
+        }
+      }
     };
   }
   const serverUrl = useRuntimeConfig().outfit.serverUrl;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-outfit",
-  "version": "1.2.2",
+  "version": "1.2.4",
   "description": "Outfit - Connection Laravel and Nuxt",
   "repository": {
     "type": "git",