wip

resources/js/app.js

@@ -1,9 +1,25 @@
 import Alpine from "alpinejs";
-
+import Echo from 'laravel-echo';
+import Pusher from 'pusher-js';
 import { createApp } from "vue";
 import MagicBar from "./components/MagicBar.vue";
 import Toaster from "../../vendor/masmerise/livewire-toaster/resources/js";
 
+window.Pusher = Pusher;
+
+window.Echo = new Echo({
+    broadcaster: 'pusher',
+    cluster: import.meta.env.VITE_PUSHER_HOST,
+    key: import.meta.env.VITE_PUSHER_APP_KEY,
+    wsHost: import.meta.env.VITE_PUSHER_HOST,
+    wsPort: import.meta.env.VITE_PUSHER_PORT,
+    wssPort: import.meta.env.VITE_PUSHER_PORT,
+    forceTLS: false,
+    encrypted: false,
+    disableStats: true,
+    enabledTransports: ['ws', 'wss'],
+});
+
 Alpine.plugin(Toaster);
 
 window.Alpine = Alpine;
@@ -12,3 +28,8 @@ Alpine.start();
 const app = createApp({});
 app.component("magic-bar", MagicBar);
 app.mount("#vue");
+
+
+window.Echo.channel("custom-channel").listen("ApplicationDeploymentFinished", (e) => {
+    console.log(e);
+});