initial drafting of nostr global search fro products

static/components/customer-market/customer-market.html

@@ -1,4 +1,42 @@
 <div>
+  <div v-if="searchNostr" class="row q-col-gutter-md">
+    <div class="col-12 col-md-7 q-gutter-y-md">
+      <q-card>
+        <q-card-section>
+          <div class="row items-center no-wrap q-mb-md">
+            <div class="col">
+              <h5 class="text-subtitle1 q-my-none">Search Globally</h5>
+              <p>Search for products on Nostr</p>
+            </div>
+          </div>
+        </q-card-section>
+        <q-card-section>
+          <q-input
+            class="q-ml-md"
+            standout
+            square
+            dense
+            outlined
+            clearable
+            v-model.trim="search"
+            label="Search products"
+            hint="Enter search terms separated by spaces"
+          >
+            <template v-slot:after>
+              <q-btn
+                dense
+                flat
+                icon="search"
+                label="Search"
+                @click="searchProducts"
+                @keydown.enter="searchProducts"
+              />
+            </template>
+          </q-input>
+        </q-card-section>
+      </q-card>
+    </div>
+  </div>
   <q-toolbar>
     <q-breadcrumbs>
       <q-breadcrumbs-el label="Market" icon="home"></q-breadcrumbs-el>

static/components/customer-market/customer-market.js

@@ -4,13 +4,47 @@ async function customerMarket(path) {
     name: 'customer-market',
     template,
 
-    props: ['products', 'change-page'],
+    props: [
+      'products',
+      'change-page',
+      'search-nostr',
+      'relays',
+      'update-products',
+      'update-stalls'
+    ],
     data: function () {
-      return {}
+      return {
+        search: null
+      }
     },
     methods: {
       changePageM(page, opts) {
         this.$emit('change-page', page, opts)
+      },
+      async searchProducts() {
+        this.$q.loading.show()
+        let searchTags = this.search.split(' ')
+        const pool = new NostrTools.SimplePool()
+        let relays = Array.from(this.relays)
+
+        let merchants = new Set()
+        let productEvents = await pool.list(relays, [
+          {
+            kinds: [30018],
+            '#t': searchTags,
+            search: this.search, // NIP50, not very well supported
+            limit: 100
+          }
+        ])
+        productEvents.map(e => merchants.add(e.pubkey))
+        let stallEvents = await pool.list(relays, [
+          {
+            kinds: [30017],
+            authors: Array.from(merchants)
+          }
+        ])
+        await this.$emit('update-data', [...stallEvents, ...productEvents])
+        this.$q.loading.hide()
       }
     },
     created() {}