feat: process worker messages in queue

packages/app/src/Cache/PaymentsCache.ts

@@ -1,17 +0,0 @@
-import { FeedCache } from "@snort/shared";
-
-import { db, Payment } from "@/Db";
-
-export class Payments extends FeedCache<Payment> {
-  constructor() {
-    super("PaymentsCache", db.payments);
-  }
-
-  key(of: Payment): string {
-    return of.url;
-  }
-
-  takeSnapshot(): Array<Payment> {
-    return [...this.cache.values()];
-  }
-}

packages/app/src/Cache/index.ts

@@ -3,7 +3,6 @@ import { SnortSystemDb } from "@snort/system-web";
 
 import { ChatCache } from "./ChatCache";
 import { GiftWrapCache } from "./GiftWrapCache";
-import { Payments } from "./PaymentsCache";
 
 export const SystemDb = new SnortSystemDb();
 export const UserCache = new UserProfileCache(SystemDb.users);
@@ -11,7 +10,6 @@ export const UserRelays = new UserRelaysCache(SystemDb.userRelays);
 export const RelayMetrics = new RelayMetricCache(SystemDb.relayMetrics);
 
 export const Chats = new ChatCache();
-export const PaymentsCache = new Payments();
 export const GiftsCache = new GiftWrapCache();
 
 export async function preload(follows?: Array<string>) {

packages/app/src/Feed/LoginFeed.ts

@@ -112,9 +112,6 @@ export default function useLoginFeed() {
       if (contactList) {
         const pTags = contactList.tags.filter(a => a[0] === "p").map(a => a[1]);
         setFollows(login.id, pTags, contactList.created_at * 1000);
-
-        // TODO: fixup
-        //        FollowsFeed.backFillIfMissing(system, pTags);
       }
 
       const relays = getNewest(loginFeed.filter(a => a.kind === EventKind.Relays));

packages/app/src/Pages/settings/Cache.tsx

@@ -2,7 +2,7 @@ import { FeedCache } from "@snort/shared";
 import { ReactNode, useEffect, useState, useSyncExternalStore } from "react";
 import { FormattedMessage, FormattedNumber } from "react-intl";
 
-import { Chats, GiftsCache, PaymentsCache, RelayMetrics, UserCache } from "@/Cache";
+import { Chats, GiftsCache, RelayMetrics, UserCache } from "@/Cache";
 import AsyncButton from "@/Components/Button/AsyncButton";
 import { Relay } from "@/system";
 
@@ -16,7 +16,6 @@ export function CacheSettings() {
       <CacheDetails cache={UserCache} name={<FormattedMessage defaultMessage="Profiles" id="2zJXeA" />} />
       <CacheDetails cache={Chats} name={<FormattedMessage defaultMessage="Chats" id="ABAQyo" />} />
       <CacheDetails cache={RelayMetrics} name={<FormattedMessage defaultMessage="Relay Metrics" id="tjpYlr" />} />
-      <CacheDetails cache={PaymentsCache} name={<FormattedMessage defaultMessage="Payments" id="iYc3Ld" />} />
       <CacheDetails cache={GiftsCache} name={<FormattedMessage defaultMessage="Gift Wraps" id="fjAcWo" />} />
     </div>
   );
@@ -61,25 +60,30 @@ function RelayCacheStats() {
 
   return (
     <div className="flex justify-between br p bg-superdark">
-      <div className="flex flex-col g4">
+      <div className="flex flex-col g4 w-64">
         <FormattedMessage defaultMessage="Worker Relay" id="xSoIUU" />
-        {Object.entries(counts).map(([k, v]) => {
-          return (
-            <small key={k}>
-              <FormattedMessage
-                defaultMessage="{n} kind {k} events"
-                id="I97cCX"
-                values={{
-                  n: <FormattedNumber value={v} />,
-                  k: k,
-                }}
-              />
-            </small>
-          );
-        })}
+        <table className="text-secondary">
+          <thead>
+            <tr>
+              <th className="text-left"><FormattedMessage defaultMessage="Kind" id="e5x8FT" /></th>
+              <th className="text-left"><FormattedMessage defaultMessage="Count" id="Aujn2T" /></th>
+            </tr>
+          </thead>
+          <tbody>
+            {Object.entries(counts).sort(([, a], [, b]) => a > b ? -1 : 1).map(([k, v]) => {
+              return (
+                <tr key={k}>
+                  <td>{k}</td>
+                  <td><FormattedNumber value={v} /></td>
+                </tr>
+              );
+            })}
+          </tbody>
+        </table>
+
       </div>
       <div>
-        <AsyncButton onClick={() => {}}>
+        <AsyncButton onClick={() => { }}>
           <FormattedMessage defaultMessage="Clear" id="/GCoTA" />
         </AsyncButton>
       </div>

packages/app/src/index.tsx

@@ -1,7 +1,6 @@
 import "./index.css";
 import "@szhsin/react-menu/dist/index.css";
 import "@/assets/fonts/inter.css";
-import "./wdyr";
 
 import { encodeTLVEntries } from "@snort/system";
 import { SnortContext } from "@snort/system-react";