From 76cd159b6a688b2bde74f83852722b8d95dfae22 Mon Sep 17 00:00:00 2001
From: HolgerHatGarKeineNode <fsociety.mkv@pm.me>
Date: Fri, 21 Nov 2025 17:54:21 +0100
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Add=20`wnjParams`=20configuration?=
 =?UTF-8?q?=20for=20Nostr=20widget=20initialization=20across=20layouts=20a?=
 =?UTF-8?q?nd=20login=20page.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/layouts/app/header.blade.php   | 19 +++++-
 .../components/layouts/app/sidebar.blade.php  | 19 +++++-
 .../components/layouts/auth/simple.blade.php  | 19 ++++++
 resources/views/livewire/auth/login.blade.php | 68 +------------------
 4 files changed, 56 insertions(+), 69 deletions(-)

diff --git a/resources/views/components/layouts/app/header.blade.php b/resources/views/components/layouts/app/header.blade.php
index f9f62af..2fdbc5e 100644
--- a/resources/views/components/layouts/app/header.blade.php
+++ b/resources/views/components/layouts/app/header.blade.php
@@ -154,7 +154,24 @@
         });
     });
 </script>
-
+<script>
+    window.wnjParams = {
+        position: 'bottom',
+        // The only accepted value is 'bottom', default is top
+        accent: 'orange',
+        // Supported values: cyan (default), green, purple, red, orange, neutral, stone
+        startHidden: false,
+        // If the host page has a button that call `getPublicKey` to start a
+        // login procedure, the minimized widget can be hidden until connected
+        compactMode: false,
+        // Show the minimized widget in a compact form
+        disableOverflowFix: false,
+        // If the host page on mobile has an horizontal scrolling, the floating
+        // element/modal are pushed to the extreme right/bottom and exit the
+        // viewport. A style is injected in the html/body elements fix this.
+        // This option permit to disable this default behavior
+    }
+</script>
 <script src="https://cdn.jsdelivr.net/npm/window.nostr.js/dist/window.nostr.min.js"></script>
 
 </body>
diff --git a/resources/views/components/layouts/app/sidebar.blade.php b/resources/views/components/layouts/app/sidebar.blade.php
index 39195c6..bab65c0 100644
--- a/resources/views/components/layouts/app/sidebar.blade.php
+++ b/resources/views/components/layouts/app/sidebar.blade.php
@@ -225,7 +225,24 @@
         });
     });
 </script>
-
+<script>
+    window.wnjParams = {
+        position: 'bottom',
+        // The only accepted value is 'bottom', default is top
+        accent: 'orange',
+        // Supported values: cyan (default), green, purple, red, orange, neutral, stone
+        startHidden: false,
+        // If the host page has a button that call `getPublicKey` to start a
+        // login procedure, the minimized widget can be hidden until connected
+        compactMode: false,
+        // Show the minimized widget in a compact form
+        disableOverflowFix: false,
+        // If the host page on mobile has an horizontal scrolling, the floating
+        // element/modal are pushed to the extreme right/bottom and exit the
+        // viewport. A style is injected in the html/body elements fix this.
+        // This option permit to disable this default behavior
+    }
+</script>
 <script src="https://cdn.jsdelivr.net/npm/window.nostr.js/dist/window.nostr.min.js"></script>
 
 </body>
diff --git a/resources/views/components/layouts/auth/simple.blade.php b/resources/views/components/layouts/auth/simple.blade.php
index b6cd126..cce75ae 100644
--- a/resources/views/components/layouts/auth/simple.blade.php
+++ b/resources/views/components/layouts/auth/simple.blade.php
@@ -31,5 +31,24 @@
         });
     });
 </script>
+<script>
+    window.wnjParams = {
+        position: 'bottom',
+        // The only accepted value is 'bottom', default is top
+        accent: 'orange',
+        // Supported values: cyan (default), green, purple, red, orange, neutral, stone
+        startHidden: false,
+        // If the host page has a button that call `getPublicKey` to start a
+        // login procedure, the minimized widget can be hidden until connected
+        compactMode: false,
+        // Show the minimized widget in a compact form
+        disableOverflowFix: false,
+        // If the host page on mobile has an horizontal scrolling, the floating
+        // element/modal are pushed to the extreme right/bottom and exit the
+        // viewport. A style is injected in the html/body elements fix this.
+        // This option permit to disable this default behavior
+    }
+</script>
+<script src="https://cdn.jsdelivr.net/npm/window.nostr.js/dist/window.nostr.min.js"></script>
 </body>
 </html>
diff --git a/resources/views/livewire/auth/login.blade.php b/resources/views/livewire/auth/login.blade.php
index fd963a8..94b5b82 100644
--- a/resources/views/livewire/auth/login.blade.php
+++ b/resources/views/livewire/auth/login.blade.php
@@ -148,80 +148,14 @@ class extends Component {
             <!-- Welcome Heading -->
             <flux:heading class="text-center" size="xl">{{ __('Willkommen zurück') }}</flux:heading>
 
-            <!-- OAuth Buttons -->
-            {{--<div class="space-y-4">
-                <flux:button class="w-full">
-                    <x-slot name="icon">
-                        <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-                            <path d="M23.06 12.25C23.06 11.47 22.99 10.72 22.86 10H12.5V14.26H18.42C18.16 15.63 17.38 16.79 16.21 17.57V20.34H19.78C21.86 18.42 23.06 15.6 23.06 12.25Z" fill="#4285F4"/>
-                            <path d="M12.4997 23C15.4697 23 17.9597 22.02 19.7797 20.34L16.2097 17.57C15.2297 18.23 13.9797 18.63 12.4997 18.63C9.63969 18.63 7.20969 16.7 6.33969 14.1H2.67969V16.94C4.48969 20.53 8.19969 23 12.4997 23Z" fill="#34A853"/>
-                            <path d="M6.34 14.0899C6.12 13.4299 5.99 12.7299 5.99 11.9999C5.99 11.2699 6.12 10.5699 6.34 9.90995V7.06995H2.68C1.93 8.54995 1.5 10.2199 1.5 11.9999C1.5 13.7799 1.93 15.4499 2.68 16.9299L5.53 14.7099L6.34 14.0899Z" fill="#FBBC05"/>
-                            <path d="M12.4997 5.38C14.1197 5.38 15.5597 5.94 16.7097 7.02L19.8597 3.87C17.9497 2.09 15.4697 1 12.4997 1C8.19969 1 4.48969 3.47 2.67969 7.07L6.33969 9.91C7.20969 7.31 9.63969 5.38 12.4997 5.38Z" fill="#EA4335"/>
-                        </svg>
-                    </x-slot>
-                    Continue with Google
-                </flux:button>
-
-                <flux:button class="w-full">
-                    <x-slot name="icon">
-                        <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-                            <g clip-path="url(#clip0_614_12799)">
-                                <path fill-rule="evenodd" clip-rule="evenodd" d="M12.4642 0C5.84833 0 0.5 5.5 0.5 12.3043C0.5 17.7433 3.92686 22.3473 8.68082 23.9768C9.27518 24.0993 9.4929 23.712 9.4929 23.3863C9.4929 23.101 9.47331 22.1233 9.47331 21.1045C6.14514 21.838 5.45208 19.6378 5.45208 19.6378C4.91723 18.2118 4.12474 17.8453 4.12474 17.8453C3.03543 17.0915 4.20408 17.0915 4.20408 17.0915C5.41241 17.173 6.04645 18.3545 6.04645 18.3545C7.11592 20.2285 8.83927 19.699 9.53257 19.373C9.63151 18.5785 9.94865 18.0285 10.2854 17.723C7.63094 17.4378 4.83812 16.3785 4.83812 11.6523C4.83812 10.3078 5.31323 9.20775 6.06604 8.35225C5.94727 8.04675 5.53118 6.7835 6.18506 5.09275C6.18506 5.09275 7.19527 4.76675 9.47306 6.35575C10.4483 6.08642 11.454 5.9494 12.4642 5.94825C13.4745 5.94825 14.5042 6.091 15.4552 6.35575C17.7332 4.76675 18.7434 5.09275 18.7434 5.09275C19.3973 6.7835 18.981 8.04675 18.8622 8.35225C19.6349 9.20775 20.0904 10.3078 20.0904 11.6523C20.0904 16.3785 17.2976 17.4173 14.6233 17.723C15.0592 18.11 15.4353 18.8433 15.4353 20.0045C15.4353 21.6545 15.4158 22.9788 15.4158 23.386C15.4158 23.712 15.6337 24.0993 16.2278 23.977C20.9818 22.347 24.4087 17.7433 24.4087 12.3043C24.4282 5.5 19.0603 0 12.4642 0Z" fill="currentColor"/>
-                            </g>
-                            <defs>
-                                <clipPath id="clip0_614_12799">
-                                    <rect width="24" height="24" fill="white" transform="translate(0.5)"/>
-                                </clipPath>
-                            </defs>
-                        </svg>
-                    </x-slot>
-                    Continue with GitHub
-                </flux:button>
-            </div>--}}
-
-            <!-- Separator -->
-            {{--<flux:separator text="or" />--}}
-
             <!-- Session Status -->
             <x-auth-session-status class="text-center" :status="session('status')"/>
 
             <!-- Login Form -->
             <div class="flex flex-col gap-6">
-                <!-- Email Input -->
-                {{--<flux:input
-                    wire:model="email"
-                    label="Email"
-                    type="email"
-                    placeholder="email@example.com"
-                    required
-                    autofocus
-                    autocomplete="email"
-                />--}}
-
-                <!-- Password Input -->
-                {{--<flux:field>
-                    <div class="mb-3 flex justify-between">
-                        <flux:label>Password</flux:label>
-                        @if (Route::has('password.request'))
-                            <flux:link href="{{ route('password.request') }}" variant="subtle" class="text-sm" wire:navigate>
-                                Forgot password?
-                            </flux:link>
-                        @endif
-                    </div>
-                    <flux:input
-                        wire:model="password"
-                        type="password"
-                        placeholder="Your password"
-                        required
-                        autocomplete="current-password"
-                    />
-                </flux:field>--}}
-
-                <!-- Remember Me -->
-                {{--<flux:checkbox wire:model="remember" label="Remember me for 30 days" />--}}
 
                 <!-- Submit Button -->
-                <flux:button variant="primary" @click="openNostrLogin"
+                <flux:button variant="primary" @click="openNostrLogin" icon="cursor-arrow-ripple"
                              class="w-full cursor-pointer">{{ __('Log in mit Nostr') }}</flux:button>
 
                 <div class="text-center text-2xl text-gray-80 dark:text-gray-2000 mt-6">