- demo notifications generator

- frontend build

.env.example

@@ -84,6 +84,12 @@ RECAPTCHA_CLIENT_SECRET=
 
 SANCTUM_STATEFUL_DOMAINS=localhost,localhost:8000,127.0.0.1,127.0.0.1:8000,::1
 
+PUSHER_APP_ID=local
+PUSHER_APP_KEY=local
+PUSHER_APP_SECRET=local
+PUSHER_APP_CLUSTER=mt1
+PUSHER_APP_HOST=
+
 IS_ADMIN_VUEFILEMANAGER_BAR=true
 IS_SETUP_WIZARD_DEMO=false
 IS_SETUP_WIZARD_DEBUG=false

config/broadcasting.php

@@ -36,7 +36,7 @@ return [
             'options' => [
                 'cluster'   => env('PUSHER_APP_CLUSTER'),
                 'encrypted' => true,
-                'host'      => '192.168.1.112',
+                'host'      => env('PUSHER_APP_HOST'),
                 'port'      => 6001,
                 'scheme'    => 'http',
             ],

public/mix-manifest.json

@@ -15,7 +15,7 @@
     "/chunks/shared/authenticate.js": "/chunks/shared/authenticate.js?id=dc1a48627066c81d",
     "/chunks/not-found.js": "/chunks/not-found.js?id=026c52609cff0249",
     "/chunks/temporary-unavailable.js": "/chunks/temporary-unavailable.js?id=250d923cb7001cf2",
-    "/chunks/admin.js": "/chunks/admin.js?id=fce04ca9ae98919e",
+    "/chunks/admin.js": "/chunks/admin.js?id=c8e3f6f896bc4c5a",
     "/chunks/dashboard.js": "/chunks/dashboard.js?id=94dfb7c678309b6e",
     "/chunks/invoices.js": "/chunks/invoices.js?id=0817b6e71b0da736",
     "/chunks/subscriptions.js": "/chunks/subscriptions.js?id=aa4ca6695a4c43f2",
@@ -57,12 +57,12 @@
     "/chunks/sign-up.js": "/chunks/sign-up.js?id=7ef0f23926cf5303",
     "/chunks/forgotten-password.js": "/chunks/forgotten-password.js?id=283220c4946806d4",
     "/chunks/create-new-password.js": "/chunks/create-new-password.js?id=59775b0f2612479a",
-    "/chunks/settings.js": "/chunks/settings.js?id=0bec2688576b2298",
+    "/chunks/settings.js": "/chunks/settings.js?id=9b5d82f373afc12e",
     "/chunks/profile.js": "/chunks/profile.js?id=ec621bd75eada0ee",
     "/chunks/settings-password.js": "/chunks/settings-password.js?id=3e094b17498f56df",
     "/chunks/settings-storage.js": "/chunks/settings-storage.js?id=cddf4c1f69a29992",
     "/chunks/billing.js": "/chunks/billing.js?id=9a21ec44813c1ac7",
-    "/chunks/platform.js": "/chunks/platform.js?id=6ffadcbcf86dc5ab",
+    "/chunks/platform.js": "/chunks/platform.js?id=6f93832ae686cc4d",
     "/chunks/files.js": "/chunks/files.js?id=fd71f31714a64a8b",
     "/chunks/recent-uploads.js": "/chunks/recent-uploads.js?id=8c21be0d599d5561",
     "/chunks/my-shared-items.js": "/chunks/my-shared-items.js?id=4c02f15bed9ef243",

resources/js/bootstrap.js

@@ -20,11 +20,10 @@ import Echo from 'laravel-echo';
 
 window.Pusher = require('pusher-js');
 
-// TODO: set wshost
 window.Echo = new Echo({
 	broadcaster: 'pusher',
 	key: 'local',
-	wsHost: '192.168.1.112',
+	wsHost: config.ip,
 	wsPort: 6001,
 	forceTLS: false
 });

resources/js/components/Notifications/Notification.vue

@@ -1,7 +1,7 @@
 <template>
     <article
-        class="delay-[3000ms] duration-700 transition-all relative z-20 mb-1.5 flex items-start space-x-4 rounded-xl p-2.5 dark:hover:bg-4x-dark-foreground"
-		:class="{'bg-light-background/80': isUnread}"
+        class="delay-[3000ms] duration-700 transition-all relative z-20 mb-1.5 flex items-start space-x-4 rounded-xl p-2.5"
+		:class="{'dark:bg-4x-dark-foreground bg-light-background/80': isUnread}"
     >
         <user-plus-icon
             v-if="notification.data.attributes.type === 'team-invitation'"

resources/views/index.blade.php

@@ -74,6 +74,7 @@
         // todo: refactoring
 
 		let config = {
+			ip: '{{ request()->ip() }}',
 			host: '{{ url('/') }}',
 			api: '{{ url('/api') }}',
 			locale: '{{ app()->getLocale() }}',