From a2d8c4c41620ea20c908d549e69c9d0559da40c7 Mon Sep 17 00:00:00 2001
From: HolgerHatGarKeineNode <fsociety.mkv@pm.me>
Date: Tue, 22 Aug 2023 17:04:05 +0200
Subject: [PATCH] search nostr plebs

---
 app/Http/Livewire/Nostr/PlebsOverview.php     |   2 +
 .../livewire/nostr/plebs-overview.blade.php   | 235 +++++++++++++-----
 2 files changed, 181 insertions(+), 56 deletions(-)

diff --git a/app/Http/Livewire/Nostr/PlebsOverview.php b/app/Http/Livewire/Nostr/PlebsOverview.php
index c5c8ef75..802ef94c 100644
--- a/app/Http/Livewire/Nostr/PlebsOverview.php
+++ b/app/Http/Livewire/Nostr/PlebsOverview.php
@@ -21,8 +21,10 @@ class PlebsOverview extends Component
                 'paynym',
                 'lnbits',
                 'nostr',
+                'id',
             ])
             ->whereNot('nostr')
+            ->orderByDesc('id')
             ->get()
             ->unique('nostr')
             ->pluck('nostr')
diff --git a/resources/views/livewire/nostr/plebs-overview.blade.php b/resources/views/livewire/nostr/plebs-overview.blade.php
index 1ae6244c..e4e8dece 100644
--- a/resources/views/livewire/nostr/plebs-overview.blade.php
+++ b/resources/views/livewire/nostr/plebs-overview.blade.php
@@ -2,68 +2,191 @@
     {{-- HEADER --}}
     <livewire:frontend.header :country="null"/>
 
-    <div class="bg-21gray py-24 sm:py-32">
-        <div class="mx-auto grid max-w-7xl gap-y-20 gap-x-8 px-6 lg:px-8 xl:grid-cols-3">
+    <div class="bg-21gray py-24 sm:py-32"
+         wire:ignore
+         x-data="{
+            plebsNpubs: @entangle('plebsNpubs'),
+            plebs: [],
+            ndk: null,
+            search: '',
+            ndkUser: null,
+            nip07signer: null,
+            currentUser: null,
+            npubToFollow: null,
+            currentFollows: null,
+            get searchResults () {
+                if (this.search === '') {
+                    return this.plebs;
+                }
+
+                return this.plebs.filter(
+                    i => i.profile && i.profile.name.toLocaleLowerCase().includes(this.search.toLocaleLowerCase())
+                );
+            },
+            async init() {
+                this.ndk = new window.NDK({
+                    explicitRelayUrls: [
+                        'wss://eden.nostr.land',
+                        'wss://relay.snort.social',
+                        'wss://nostr.wine',
+                        'wss://nostr-pub.wellorder.net',
+                        'wss://nos.lol',
+                        'wss://offchain.pub',
+                        'wss://nostr.fmt.wiz.biz',
+                        'wss://nostr.einundzwanzig.space',
+                        'wss://relay.nostr.band',
+                        'wss://relay.damus.io',
+                        'wss://eden.nostr.land',
+                        'wss://nostr.codingarena.de',
+                        'wss://relay.primal.net',
+                    ],
+                });
+                this.ndk.connect();
+                this.plebsNpubs.forEach(async npub => {
+                    const ndkUser = this.ndk.getUser({
+                        npub,
+                    });
+                    await ndkUser.fetchProfile();
+                    if (ndkUser.profile.image) {
+                        ndkUser.profile.npub = npub;
+                        this.plebs.push(ndkUser);
+                    }
+                });
+            },
+            login () {
+                this.nip07signer = new window.NDKNip07Signer();
+                this.ndk = new window.NDK({
+                    explicitRelayUrls: [
+                        'wss://eden.nostr.land',
+                        'wss://relay.snort.social',
+                        'wss://nostr.wine',
+                        'wss://nostr-pub.wellorder.net',
+                        'wss://nos.lol',
+                        'wss://offchain.pub',
+                        'wss://nostr.fmt.wiz.biz',
+                        'wss://nostr.einundzwanzig.space',
+                        'wss://relay.nostr.band',
+                        'wss://relay.damus.io',
+                        'wss://eden.nostr.land',
+                        'wss://nostr.codingarena.de',
+                        'wss://relay.primal.net',
+                    ],
+                    signer: this.nip07signer
+                });
+                this.ndk.connect();
+                this.nip07signer.user().then(async (user) => {
+                    if (!!user.npub) {
+                        this.currentUser = this.ndk.getUser({
+                            npub: user.npub,
+                        });
+                        await this.currentUser.fetchProfile();
+                        //this.currentFollows = await this.currentUser.follows();
+                        //this.plebs.forEach(pleb => {
+                        //    console.log(this.currentFollows);
+                        //    console.log(this.currentFollows.has(pleb));
+                        //});
+                    }
+                });
+            },
+            async follow(npubToFollow) {
+                this.followUser = this.ndk.getUser({
+                    npub: npubToFollow,
+                });
+                console.log(this.followUser);
+                const follow = await this.currentUser.follow(this.followUser);
+                console.log(follow);
+                if(follow) {
+                    window.$wireui.notify({title:'{{ __('Followed!') }}',icon:'success'});
+                } else {
+                    window.$wireui.notify({title:'{{ __('Follow failed!') }}',icon:'error'});
+                }
+            },
+        }"
+    >
+        <div class="mx-auto grid max-w-7xl gap-y-20 gap-x-8 px-6 lg:px-8 xl:grid-cols-2">
             <div class="max-w-2xl">
                 <h2 class="text-3xl font-bold tracking-tight text-gray-200 sm:text-4xl">{{ __('Follow Einundzwanzig plebs') }}</h2>
                 <p class="mt-6 text-lg leading-8 text-gray-300">
-                    {{ __('Eine Übersicht aller Einundzwanzig Plebs, die ihren npub geteilt haben.') }}
+                    {{ __('An overview of all Einundzwanzig plebs who have shared their npub.') }}
                 </p>
-            </div>
-            <ul
-                wire:ignore
-                x-data="{
-                    plebsNpubs: @entangle('plebsNpubs'),
-                    plebs: [],
-                    ndk: null,
-                    ndkUser: null,
-                    nip07signer: null,
-                    async init() {
-                        this.ndk = new window.NDK({
-                            explicitRelayUrls: ['wss://nos.lol', 'wss://eden.nostr.land', 'wss://relay.damus.io', 'wss://nostr.einundzwanzig.space'],
-                        });
-                        this.ndk.connect();
-                        this.plebsNpubs.forEach(async npub => {
-                            const ndkUser = this.ndk.getUser({
-                                npub,
-                            });
-                            await ndkUser.fetchProfile();
-                            if (ndkUser.profile.image) {
-                                ndkUser.profile.npub = npub;
-                                this.plebs.push(ndkUser.profile);
-                                console.log(ndkUser.profile);
-                            }
-                        });
-                    },
-                }"
-                role="list" class="grid gap-x-8 gap-y-12 sm:grid-cols-2 sm:gap-y-16 xl:col-span-2">
-
-                <template x-for="pleb in plebs">
-                    <li class="text-white cursor-pointer"
-                        x-data="{
-                            textToCopy: pleb.npub,
-                        }"
-                        @click.prevent="window.navigator.clipboard.writeText(textToCopy);window.$wireui.notify({title:'{{ __('NPUB copied!') }}',icon:'success'});"
-                    >
-                        <div class="flex items-center gap-x-6">
-                            <img class="h-16 w-16 rounded-full"
-                                 :src="pleb.image"
-                                 :alt="pleb.name">
-                            <div>
-                                <h3
-                                    x-text="pleb.name"
-                                    class="text-base font-semibold leading-7 tracking-tight text-gray-200">
-                                </h3>
-                                <p
-                                    x-text="pleb.nip05"
-                                    class="text-sm font-semibold leading-6 text-amber-600">
-                                </p>
-                            </div>
+                @auth
+                    <p class="mt-6 text-lg leading-8 text-gray-300">
+                        {{ __('Go to your profile and add your Nostr-npub. After that you can also log in with Nostr here on the portal.') }}
+                        <br>
+                        <a class="text-amber-500" href="{{ route('profile.show') }}">{{ __('Profile') }}</a>
+                    </p>
+                @endauth
+                {{--<p class="mt-8">
+                    <x-button x-show="!currentUser" primary label="{{ __('NIP-07 Login') }}" icon="login"
+                              @click="login()"/>
+                </p>--}}
+                <h3 x-show="currentUser && currentUser.profile" class="py-4 text-gray-100 text-2xl">
+                    {{ __('Logged into Nostr as:') }}
+                </h3>
+                <div
+                    x-show="currentUser && currentUser.profile"
+                    class="block flex-shrink-0 mt-8">
+                    <div class="flex items-center">
+                        <div>
+                            <img class="inline-block h-9 w-9 rounded-full"
+                                 :src="currentUser.profile.image"
+                                 :alt="currentUser.profile.image"
+                            >
                         </div>
-                    </li>
-                </template>
+                        <div class="ml-3">
+                            <p class="text-sm font-medium text-gray-100" x-text="currentUser.profile.name"></p>
+                            <p class="text-xs font-medium text-gray-200" x-text="currentUser.profile.nip05"></p>
+                        </div>
+                    </div>
+                </div>
 
-            </ul>
+            </div>
+
+            <div>
+                <div class="py-4">
+                    <x-input x-ref="searchInput" x-model="search" placeholder="{{ __('Search') }}"/>
+                </div>
+
+                <ul role="list" class="divide-y divide-gray-100">
+
+                    <template x-for="pleb in searchResults">
+                        <li class="flex items-center justify-between gap-x-6 py-5">
+                            <div class="flex min-w-0 gap-x-4">
+                                <img class="h-12 w-12 flex-none rounded-full bg-gray-50"
+                                     :src="pleb.profile.image"
+                                     :alt="pleb.profile.name"
+                                >
+                                <div class="min-w-0 flex-auto">
+                                    <p class="text-sm font-semibold leading-6 text-gray-100" x-text="pleb.profile.name"></p>
+                                    <p class="mt-1 truncate text-xs leading-5 text-gray-200"
+                                       x-text="pleb.profile.nip05"></p>
+                                </div>
+                            </div>
+                            <div class="flex flex-col space-y-2">
+                                <div>
+                                    <div
+                                        x-data="{
+                                        textToCopy: pleb.profile.npub,
+                                    }"
+                                        @click.prevent="window.navigator.clipboard.writeText(textToCopy);window.$wireui.notify({title:'{{ __('NPUB copied!') }}',icon:'success'});"
+                                        class="cursor-pointer whitespace-no-wrap rounded-full bg-white px-2.5 py-1 text-xs font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50">
+                                        Copy
+                                    </div>
+                                </div>
+                                {{--<div>
+                                    <div
+                                        x-show="currentUser"
+                                        @click.prevent="follow(pleb.profile.npub)"
+                                        class="cursor-pointer whitespace-no-wrap rounded-full bg-white px-2.5 py-1 text-xs font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50">
+                                        Follow
+                                    </div>
+                                </div>--}}
+                            </div>
+                        </li>
+                    </template>
+
+                </ul>
+            </div>
         </div>
     </div>