init

resources/js/app.js

@@ -0,0 +1,24 @@
+import './bootstrap';
+import Echo from "laravel-echo"
+import Pusher from "pusher-js"
+import Alpine from 'alpinejs';
+import Clipboard from "@ryangjchandler/alpine-clipboard";
+
+Alpine.plugin(Clipboard)
+
+window.Echo = new Echo({
+    broadcaster: 'pusher',
+    key: 'app-key',
+    wsHost: 'localhost',
+    wsPort: 6001,
+    cluster: '',
+    forceTLS: false,
+    disableStats: true,
+});
+
+window.Pusher = Pusher;
+
+window.Alpine = Alpine;
+
+Alpine.start();
+

resources/js/bootstrap.js

@@ -0,0 +1,43 @@
+/**
+ * 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';
+
+/**
+ * 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,
+//     cluster: import.meta.env.VITE_PUSHER_APP_CLUSTER ?? 'mt1',
+//     wsHost: import.meta.env.VITE_PUSHER_HOST ? import.meta.env.VITE_PUSHER_HOST : `ws-${import.meta.env.VITE_PUSHER_APP_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'],
+// });
+
+import toastr from 'toastr';
+
+window.toastr = toastr;
+
+window.toastr.options = {
+    "debug": false,
+    "positionClass": "toast-bottom-right",
+    "preventDuplicates": true,
+}