init

front/js/bootstrap.js

@@ -0,0 +1,70 @@
+import _ from "lodash";
+window._ = _;
+
+/**
+ * We'll load the axios HTTP library which allows us to easily issue requests
+ * to our Laravel back-end. This library automatically handles sending the
+ * CSRF token as a header based on the value of the "XSRF" token cookie.
+ */
+
+import axios from "axios";
+window.axios = axios;
+
+window.axios.defaults.headers.common["X-Requested-With"] = "XMLHttpRequest";
+window.axios.interceptors.request.use(
+    function (config) {
+        let list;
+        list = document.querySelectorAll(".btn-spinner");
+        for (var i = 0; i < list.length; ++i) {
+            list[i].classList.add("spinner-on");
+            list[i].disabled = true;
+        }
+
+        return config;
+    },
+    function (error) {
+        return Promise.reject(error);
+    }
+);
+
+window.axios.interceptors.response.use(
+    function (response) {
+        let list;
+        list = document.querySelectorAll(".btn-spinner");
+        for (var i = 0; i < list.length; ++i) {
+            list[i].classList.remove("spinner-on");
+            list[i].disabled = false;
+        }
+        return response;
+    },
+    function (error) {
+        let list;
+        list = document.querySelectorAll(".btn-spinner");
+        for (var i = 0; i < list.length; ++i) {
+            list[i].classList.remove("spinner-on");
+            list[i].disabled = false;
+        }
+        return Promise.reject(error);
+    }
+);
+
+/**
+ * Echo exposes an expressive API for subscribing to channels and listening
+ * for events that are broadcast by Laravel. Echo and event broadcasting
+ * allows your team to easily build robust real-time web applications.
+ */
+
+// import Echo from 'laravel-echo';
+
+// import Pusher from 'pusher-js';
+// window.Pusher = Pusher;
+
+// window.Echo = new Echo({
+//     broadcaster: 'pusher',
+//     key: import.meta.env.VITE_PUSHER_APP_KEY,
+//     wsHost: import.meta.env.VITE_PUSHER_HOST ?? `ws-${import.meta.env.VITE_PUSHER_CLUSTER}.pusher.com`,
+//     wsPort: import.meta.env.VITE_PUSHER_PORT ?? 80,
+//     wssPort: import.meta.env.VITE_PUSHER_PORT ?? 443,
+//     forceTLS: (import.meta.env.VITE_PUSHER_SCHEME ?? 'https') === 'https',
+//     enabledTransports: ['ws', 'wss'],
+// });