refactor: outbox (inbox query) improvements

feat: sync account tool
This commit is contained in:
kieran 2024-04-05 14:11:40 +01:00
parent a88fda2a22
commit a938e466d7
Signed by: Kieran
GPG Key ID: DE71CEB3925BE941
16 changed files with 207 additions and 85 deletions

View File

@ -65,6 +65,7 @@ export default function useLoginFeed() {
EventKind.BookmarksList, EventKind.BookmarksList,
EventKind.InterestsList, EventKind.InterestsList,
EventKind.PublicChatsList, EventKind.PublicChatsList,
EventKind.DirectMessage,
]); ]);
if (CONFIG.features.subscriptions && !login.readonly) { if (CONFIG.features.subscriptions && !login.readonly) {
b.withFilter().authors([pubKey]).kinds([EventKind.AppData]).tag("d", ["snort"]); b.withFilter().authors([pubKey]).kinds([EventKind.AppData]).tag("d", ["snort"]);

View File

@ -4,6 +4,7 @@ import { FormattedMessage, FormattedNumber } from "react-intl";
import { GiftsCache, Relay, RelayMetrics } from "@/Cache"; import { GiftsCache, Relay, RelayMetrics } from "@/Cache";
import AsyncButton from "@/Components/Button/AsyncButton"; import AsyncButton from "@/Components/Button/AsyncButton";
import useLogin from "@/Hooks/useLogin";
export function CacheSettings() { export function CacheSettings() {
return ( return (
@ -50,15 +51,24 @@ function CacheDetails<T>({ cache, name }: { cache: FeedCache<T>; name: ReactNode
function RelayCacheStats() { function RelayCacheStats() {
const [counts, setCounts] = useState<Record<string, number>>({}); const [counts, setCounts] = useState<Record<string, number>>({});
const [myEvents, setMyEvents] = useState<number>(0);
const login = useLogin();
useEffect(() => { useEffect(() => {
Relay.summary().then(setCounts); Relay.summary().then(setCounts);
if (login.publicKey) {
Relay.count(["REQ", "my", { authors: [login.publicKey] }]).then(setMyEvents);
}
}, []); }, []);
return ( return (
<div className="flex justify-between br p bg-superdark"> <div className="flex justify-between br p bg-superdark">
<div className="flex flex-col g4 w-64"> <div className="flex flex-col g4 w-64">
<FormattedMessage defaultMessage="Worker Relay" id="xSoIUU" /> <FormattedMessage defaultMessage="Worker Relay" id="xSoIUU" />
{myEvents && <p>
<FormattedMessage defaultMessage="My events: {n}" id="lEnclp" values={{
n: <FormattedNumber value={myEvents} />
}} /></p>}
<table className="text-secondary"> <table className="text-secondary">
<thead> <thead>
<tr> <tr>
@ -89,7 +99,7 @@ function RelayCacheStats() {
</table> </table>
</div> </div>
<div className="flex flex-col gap-2"> <div className="flex flex-col gap-2">
<AsyncButton onClick={() => {}}> <AsyncButton onClick={() => { }}>
<FormattedMessage defaultMessage="Clear" id="/GCoTA" /> <FormattedMessage defaultMessage="Clear" id="/GCoTA" />
</AsyncButton> </AsyncButton>
<AsyncButton <AsyncButton

View File

@ -6,6 +6,7 @@ import { SettingsMenuComponent } from "@/Pages/settings/Menu/SettingsMenuCompone
import { SettingsMenuItems } from "../Menu/Menu"; import { SettingsMenuItems } from "../Menu/Menu";
import { FollowsRelayHealth } from "./follows-relay-health"; import { FollowsRelayHealth } from "./follows-relay-health";
import { PruneFollowList } from "./prune-follows"; import { PruneFollowList } from "./prune-follows";
import SyncAccountTool from "./sync-account";
const ToolMenuItems = [ const ToolMenuItems = [
{ {
@ -22,9 +23,21 @@ const ToolMenuItems = [
iconBg: "bg-green-800", iconBg: "bg-green-800",
message: <FormattedMessage defaultMessage="Follows Relay Health" id="XQiFEl" />, message: <FormattedMessage defaultMessage="Follows Relay Health" id="XQiFEl" />,
path: "follows-relay-health", path: "follows-relay-health",
}, }
], ],
}, },
{
title: <FormattedMessage defaultMessage="Account Data" id="IIOul1" />,
items: [
{
icon: "repost",
iconBg: "bg-blue-800",
message: <FormattedMessage defaultMessage="Sync Account" id="hMQmIw" />,
path: "sync-account"
}
]
}
] as SettingsMenuItems; ] as SettingsMenuItems;
export const ToolsPages = [ export const ToolsPages = [
@ -47,6 +60,10 @@ export const ToolsPages = [
path: "follows-relay-health", path: "follows-relay-health",
element: <FollowsRelayHealth />, element: <FollowsRelayHealth />,
}, },
{
path: "sync-account",
element: <SyncAccountTool />
}
] as Array<RouteObject>; ] as Array<RouteObject>;
export function ToolsPage() { export function ToolsPage() {

View File

@ -0,0 +1,48 @@
import { unwrap } from "@snort/shared";
import { RangeSync, TaggedNostrEvent } from "@snort/system"
import { SnortContext } from "@snort/system-react";
import { useContext, useState } from "react";
import { FormattedMessage, FormattedNumber } from "react-intl";
import AsyncButton from "@/Components/Button/AsyncButton";
import useLogin from "@/Hooks/useLogin";
import { SearchRelays } from "@/Utils/Const";
export default function SyncAccountTool() {
const system = useContext(SnortContext);
const login = useLogin();
const [scan, setScan] = useState<number>();
const [results, setResults] = useState<Array<TaggedNostrEvent>>([]);
async function start() {
const relays = Object.entries(login.relays.item).filter(([, v]) => v.write).map(([k,]) => k);
const sync = new RangeSync(system);
sync.on("event", evs => {
setResults(r => [...r, ...evs]);
});
sync.on("scan", t => setScan(t));
await sync.sync({
authors: [unwrap(login.publicKey)],
relays: [...relays, ...Object.keys(CONFIG.defaultRelays), ...SearchRelays]
})
}
return <>
<p>
<FormattedMessage defaultMessage="Sync all events for your profile into local cache" id="+QM0PJ" />
</p>
{results.length > 0 && <h3>
<FormattedMessage defaultMessage="Found {n} events" id="ufvXH1" values={{
n: <FormattedNumber value={results.length} />
}} />
</h3>}
{scan !== undefined && <h4>
<FormattedMessage defaultMessage="Scanning {date}" id="OxPdQ0" values={{
date: new Date(scan * 1000).toLocaleDateString()
}} />
</h4>}
<AsyncButton onClick={start}>
<FormattedMessage defaultMessage="Start" id="mOFG3K" />
</AsyncButton>
</>
}

View File

@ -32,10 +32,9 @@ export const SnortPubKey = "npub1sn0rtcjcf543gj4wsg7fa59s700d5ztys5ctj0g69g2x680
* Default search relays * Default search relays
*/ */
export const SearchRelays = [ export const SearchRelays = [
"wss://relay.nostr.band", "wss://relay.nostr.band/",
"wss://search.nos.today", "wss://search.nos.today/",
"wss://relay.noswhere.com", "wss://relay.noswhere.com/",
"wss://saltivka.org",
]; ];
export const DeveloperAccounts = [ export const DeveloperAccounts = [

View File

@ -70,23 +70,6 @@ export class DefaultConnectionPool extends EventEmitter<NostrConnectionPoolEvent
} }
this.emit("event", addr, s, e); this.emit("event", addr, s, e);
}); });
c.on("have", async (s, id) => {
this.#log("%s have: %s %o", c.Address, s, id);
if (this.#requestedIds.has(id)) {
this.#log("HAVE: Already requested from another relay %s", id);
// TODO if request to a relay fails, try another relay. otherwise malicious relays can block content.
return;
}
this.#requestedIds.add(id);
// is this performant? should it be batched?
const alreadyHave = await this.#system.cacheRelay?.query(["REQ", id, { ids: [id] }]);
if (alreadyHave?.length) {
this.#log("HAVE: Already have %s", id);
return;
}
this.#log("HAVE: GET requesting %s", id);
c.queueReq(["GET", id], () => {});
});
c.on("eose", s => this.emit("eose", addr, s)); c.on("eose", s => this.emit("eose", addr, s));
c.on("disconnect", code => this.emit("disconnect", addr, code)); c.on("disconnect", code => this.emit("disconnect", addr, code));
c.on("connected", r => this.emit("connected", addr, r)); c.on("connected", r => this.emit("connected", addr, r));

View File

@ -28,7 +28,6 @@ interface ConnectionEvents {
disconnect: (code: number) => void; disconnect: (code: number) => void;
auth: (challenge: string, relay: string, cb: (ev: NostrEvent) => void) => void; auth: (challenge: string, relay: string, cb: (ev: NostrEvent) => void) => void;
notice: (msg: string) => void; notice: (msg: string) => void;
have: (sub: string, id: u256) => void; // NIP-114
unknownMessage: (obj: Array<any>) => void; unknownMessage: (obj: Array<any>) => void;
} }
@ -159,7 +158,7 @@ export class Connection extends EventEmitter<ConnectionEvents> {
this.IsClosed = true; this.IsClosed = true;
this.#log(`Closed! (Remote)`); this.#log(`Closed! (Remote)`);
} else if (!this.IsClosed) { } else if (!this.IsClosed) {
this.ConnectTimeout = this.ConnectTimeout * 2; this.ConnectTimeout = this.ConnectTimeout * this.ConnectTimeout;
this.#log( this.#log(
`Closed (code=${e.code}), trying again in ${(this.ConnectTimeout / 1000).toFixed(0).toLocaleString()} sec`, `Closed (code=${e.code}), trying again in ${(this.ConnectTimeout / 1000).toFixed(0).toLocaleString()} sec`,
); );
@ -211,11 +210,6 @@ export class Connection extends EventEmitter<ConnectionEvents> {
// todo: stats events received // todo: stats events received
break; break;
} }
// NIP-114: GetMatchingEventIds
case "HAVE": {
this.emit("have", msg[1] as string, msg[2] as u256);
break;
}
case "EOSE": { case "EOSE": {
this.emit("eose", msg[1] as string); this.emit("eose", msg[1] as string);
break; break;
@ -398,18 +392,14 @@ export class Connection extends EventEmitter<ConnectionEvents> {
} }
}; };
if (this.Address.startsWith("wss://relay.snort.social")) { if (this.Address.startsWith("wss://relay.snort.social")) {
const newFilters = filters.map(a => { const newFilters = filters;
if (a.ids_only) {
const copy = { ...a };
delete copy.ids_only;
return copy;
}
return a;
});
const neg = new NegentropyFlow(id, this, eventSet, newFilters); const neg = new NegentropyFlow(id, this, eventSet, newFilters);
neg.once("finish", filters => { neg.once("finish", filters => {
if (filters.length > 0) { if (filters.length > 0) {
this.queueReq(["REQ", cmd[1], ...filters], item.cb); this.queueReq(["REQ", cmd[1], ...filters], item.cb);
} else {
// no results to query, emulate closed
this.emit("closed", id, "Nothing to sync");
} }
}); });
neg.once("error", () => { neg.once("error", () => {

View File

@ -38,6 +38,7 @@ export * from "./pow-util";
export * from "./query-optimizer"; export * from "./query-optimizer";
export * from "./encrypted"; export * from "./encrypted";
export * from "./outbox"; export * from "./outbox";
export * from "./range-sync";
export * from "./impl/nip4"; export * from "./impl/nip4";
export * from "./impl/nip44"; export * from "./impl/nip44";

View File

@ -257,14 +257,6 @@ export class NostrSystem extends EventEmitter<NostrSystemEvents> implements Syst
} }
} }
}); });
this.pool.on("eose", (id, sub) => {
const c = this.pool.getConnection(id);
if (c) {
for (const [, v] of this.#queryManager) {
v.eose(sub, c);
}
}
});
this.pool.on("auth", (_, c, r, cb) => this.emit("auth", c, r, cb)); this.pool.on("auth", (_, c, r, cb) => this.emit("auth", c, r, cb));
this.pool.on("notice", (addr, msg) => { this.pool.on("notice", (addr, msg) => {
this.#log("NOTICE: %s %s", addr, msg); this.#log("NOTICE: %s %s", addr, msg);

View File

@ -57,7 +57,6 @@ export interface ReqFilter {
since?: number; since?: number;
until?: number; until?: number;
limit?: number; limit?: number;
ids_only?: boolean;
relays?: string[]; relays?: string[];
[key: string]: Array<string> | Array<number> | string | number | undefined | boolean; [key: string]: Array<string> | Array<number> | string | number | undefined | boolean;
} }

View File

@ -61,6 +61,9 @@ export class OutboxModel extends BaseRequestRouter {
// selection algo will just pick relays with the most users // selection algo will just pick relays with the most users
const topRelays = [...relayUserMap.entries()].sort(([, v], [, v1]) => v1.size - v.size); const topRelays = [...relayUserMap.entries()].sort(([, v], [, v1]) => v1.size - v.size);
if (missing.length > 0) {
this.#log("No relay metadata found, outbox model will not work for %O", missing)
}
// <relay, key[]> - count keys per relay // <relay, key[]> - count keys per relay
// <key, relay[]> - pick n top relays // <key, relay[]> - pick n top relays
// <relay, key[]> - map keys per relay (for subscription filter) // <relay, key[]> - map keys per relay (for subscription filter)
@ -90,30 +93,35 @@ export class OutboxModel extends BaseRequestRouter {
* @returns * @returns
*/ */
forRequest(filter: ReqFilter, pickN?: number): Array<ReqFilter> { forRequest(filter: ReqFilter, pickN?: number): Array<ReqFilter> {
const authors = filter.authors; // when sending a request prioritize the #p filter over authors
const pattern = filter["#p"] !== undefined ? "inbox" : "outbox";
const key = filter["#p"] !== undefined ? "#p" : "authors";
const authors = filter[key];
if ((authors?.length ?? 0) === 0) { if ((authors?.length ?? 0) === 0) {
return [filter]; return [filter];
} }
const topRelays = this.pickTopRelays(unwrap(authors), pickN ?? DefaultPickNRelays, "write"); const topWriteRelays = this.pickTopRelays(unwrap(authors),
const pickedRelays = dedupe(topRelays.flatMap(a => a.relays)); pickN ?? DefaultPickNRelays,
pattern === "inbox" ? "read" : "write");
const pickedRelays = dedupe(topWriteRelays.flatMap(a => a.relays));
const picked = pickedRelays.map(a => { const picked = pickedRelays.map(a => {
const keysOnPickedRelay = dedupe(topRelays.filter(b => b.relays.includes(a)).map(b => b.key)); const keysOnPickedRelay = dedupe(topWriteRelays.filter(b => b.relays.includes(a)).map(b => b.key));
return { return {
...filter, ...filter,
authors: keysOnPickedRelay, [key]: keysOnPickedRelay,
relays: appendDedupe(filter.relays, [a]), relays: appendDedupe(filter.relays, [a])
} as ReqFilter; } as ReqFilter;
}); });
const noRelays = dedupe(topRelays.filter(a => a.relays.length === 0).map(a => a.key)); const noRelays = dedupe(topWriteRelays.filter(a => a.relays.length === 0).map(a => a.key));
if (noRelays.length > 0) { if (noRelays.length > 0) {
picked.push({ picked.push({
...filter, ...filter,
authors: noRelays, [key]: noRelays,
} as ReqFilter); } as ReqFilter);
} }
this.#log("Picked %O => %O", filter, picked); this.#log("Picked: pattern=%s, input=%O, output=%O", pattern, filter, picked);
return picked; return picked;
} }
@ -151,7 +159,7 @@ export class OutboxModel extends BaseRequestRouter {
picked.push(...input.filter(v => !v.authors || noRelays.has(v.authors))); picked.push(...input.filter(v => !v.authors || noRelays.has(v.authors)));
} }
this.#log("Picked %d relays from %d filters", picked.length, input.length); this.#log("Picked: pattern=%s, input=%O, output=%O", "outbox", input, picked);
return picked; return picked;
} }
@ -167,7 +175,8 @@ export class OutboxModel extends BaseRequestRouter {
await this.updateRelayLists(recipients); await this.updateRelayLists(recipients);
const relays = this.pickTopRelays(recipients, pickN ?? DefaultPickNRelays, "read"); const relays = this.pickTopRelays(recipients, pickN ?? DefaultPickNRelays, "read");
const ret = removeUndefined(dedupe(relays.map(a => a.relays).flat())); const ret = removeUndefined(dedupe(relays.map(a => a.relays).flat()));
this.#log("Picked %O from authors %O", ret, recipients);
this.#log("Picked: pattern=%s, input=%O, output=%O", "inbox", ev, ret);
return ret; return ret;
} }

View File

@ -1,6 +1,6 @@
import { unixNowMs } from "@snort/shared"; import { unixNowMs } from "@snort/shared";
import { EventKind, TaggedNostrEvent, RequestBuilder } from "."; import { EventKind, TaggedNostrEvent, RequestBuilder } from ".";
import { ProfileCacheExpire } from "./const"; import { MetadataRelays, ProfileCacheExpire } from "./const";
import { mapEventToProfile, CachedMetadata } from "./cache"; import { mapEventToProfile, CachedMetadata } from "./cache";
import { BackgroundLoader } from "./background-loader"; import { BackgroundLoader } from "./background-loader";
@ -19,7 +19,10 @@ export class ProfileLoaderService extends BackgroundLoader<CachedMetadata> {
override buildSub(missing: string[]): RequestBuilder { override buildSub(missing: string[]): RequestBuilder {
const sub = new RequestBuilder(`profiles`); const sub = new RequestBuilder(`profiles`);
sub.withFilter().kinds([EventKind.SetMetadata]).authors(missing).relay(["wss://purplepag.es/"]); sub.withFilter()
.kinds([EventKind.SetMetadata])
.authors(missing)
.relay(MetadataRelays);
return sub; return sub;
} }

View File

@ -43,8 +43,8 @@ export class QueryTrace extends EventEmitter<QueryTraceEvents> {
gotEose() { gotEose() {
this.eose = unixNowMs(); this.eose = unixNowMs();
this.emit("change");
this.emit("eose", this.id, this.connId, false); this.emit("eose", this.id, this.connId, false);
this.emit("change");
} }
forceEose() { forceEose() {
@ -304,14 +304,6 @@ export class Query extends EventEmitter<QueryEvents> {
this.cleanup(); this.cleanup();
} }
eose(sub: string, conn: Readonly<Connection>) {
const qt = this.#tracing.find(a => a.id === sub && a.connId === conn.Id);
qt?.gotEose();
if (!this.#leaveOpen) {
qt?.sendClose();
}
}
/** /**
* Get the progress to EOSE, can be used to determine when we should load more content * Get the progress to EOSE, can be used to determine when we should load more content
*/ */
@ -337,6 +329,16 @@ export class Query extends EventEmitter<QueryEvents> {
} }
} }
#eose(sub: string, conn: Readonly<Connection>) {
const qt = this.#tracing.find(a => a.id === sub && a.connId === conn.Id);
if (qt) {
qt.gotEose();
if (!this.#leaveOpen) {
qt.sendClose();
}
}
}
async #emitFilters() { async #emitFilters() {
this.#log("Starting emit of %s", this.id); this.#log("Starting emit of %s", this.id);
const existing = this.filters; const existing = this.filters;
@ -394,10 +396,6 @@ export class Query extends EventEmitter<QueryEvents> {
#sendQueryInternal(c: Connection, q: BuiltRawReqFilter) { #sendQueryInternal(c: Connection, q: BuiltRawReqFilter) {
let filters = q.filters; let filters = q.filters;
if (c.supportsNip(Nips.GetMatchingEventIds)) {
filters = filters.map(f => ({ ...f, ids_only: true }));
}
const qt = new QueryTrace(c.Address, filters, c.Id); const qt = new QueryTrace(c.Address, filters, c.Id);
qt.on("close", x => c.closeReq(x)); qt.on("close", x => c.closeReq(x));
qt.on("change", () => this.#onProgress()); qt.on("change", () => this.#onProgress());
@ -410,13 +408,22 @@ export class Query extends EventEmitter<QueryEvents> {
responseTime: qt.responseTime, responseTime: qt.responseTime,
} as TraceReport), } as TraceReport),
); );
const handler = (sub: string, ev: TaggedNostrEvent) => { const eventHandler = (sub: string, ev: TaggedNostrEvent) => {
if (this.request.options?.fillStore ?? true) { if (this.request.options?.fillStore ?? true) {
this.handleEvent(sub, ev); this.handleEvent(sub, ev);
} }
}; };
c.on("event", handler); const eoseHandler = (sub: string) => {
this.on("end", () => c.off("event", handler)); this.#eose(sub, c);
};
c.on("event", eventHandler);
c.on("eose", eoseHandler);
c.on("closed", eoseHandler);
this.on("end", () => {
c.off("event", eventHandler);
c.off("eose", eoseHandler);
c.off("closed", eoseHandler);
});
this.#tracing.push(qt); this.#tracing.push(qt);
if (q.syncFrom !== undefined) { if (q.syncFrom !== undefined) {

View File

@ -0,0 +1,70 @@
import { unixNow } from "@snort/shared";
import EventEmitter from "eventemitter3";
import { ReqFilter, RequestBuilder, SystemInterface, TaggedNostrEvent } from ".";
/**
* When nostr was created
*/
const NostrBirthday: number = new Date(2021, 1, 1).getTime() / 1000;
interface RangeSyncEvents {
event: (ev: Array<TaggedNostrEvent>) => void
scan: (from: number) => void
}
/**
* A simple time based sync for pulling lots of data from nostr
*/
export class RangeSync extends EventEmitter<RangeSyncEvents> {
#start: number = NostrBirthday;
#windowSize: number = 60 * 60 * 12;
constructor(readonly system: SystemInterface) {
super();
}
/**
* Set window size in seconds
*/
setWindowSize(n: number) {
if (n < 60) {
throw new Error("Window size too small");
}
this.#windowSize = n;
}
/**
* Set start time for range sync
* @param n Unix timestamp
*/
setStartPoint(n: number) {
if (n < NostrBirthday) {
throw new Error("Start point cannot be before nostr's birthday");
}
this.#start = n;
}
/**
* Request to sync with a given filter
*/
async sync(filter: ReqFilter) {
if (filter.since !== undefined || filter.until !== undefined || filter.limit !== undefined) {
throw new Error("Filter must not contain since/until/limit");
}
if (!this.system.requestRouter) {
throw new Error("RangeSync cannot work without request router!");
}
const now = unixNow();
for (let end = now; end > this.#start; end -= this.#windowSize) {
const rb = new RequestBuilder(`range-query:${end}`);
rb.withBareFilter(filter)
.since(end - this.#windowSize)
.until(end);
this.emit("scan", end);
const results = await this.system.Fetch(rb);
this.emit("event", results);
}
}
}

View File

@ -140,6 +140,7 @@ export class RequestBuilder {
#groupFlatByRelay(system: SystemInterface, filters: Array<FlatReqFilter>) { #groupFlatByRelay(system: SystemInterface, filters: Array<FlatReqFilter>) {
const relayMerged = filters.reduce((acc, v) => { const relayMerged = filters.reduce((acc, v) => {
const relay = v.relay ?? ""; const relay = v.relay ?? "";
// delete relay from filter
delete v.relay; delete v.relay;
const existing = acc.get(relay); const existing = acc.get(relay);
if (existing) { if (existing) {
@ -167,7 +168,6 @@ export class RequestBuilder {
*/ */
export class RequestFilterBuilder { export class RequestFilterBuilder {
#filter: ReqFilter; #filter: ReqFilter;
#relays = new Set<string>();
constructor(f?: ReqFilter) { constructor(f?: ReqFilter) {
this.#filter = f ?? {}; this.#filter = f ?? {};
@ -176,7 +176,6 @@ export class RequestFilterBuilder {
get filter() { get filter() {
return { return {
...this.#filter, ...this.#filter,
relays: this.#relays.size > 0 ? [...this.#relays] : undefined,
}; };
} }
@ -185,12 +184,7 @@ export class RequestFilterBuilder {
*/ */
relay(u: string | Array<string>) { relay(u: string | Array<string>) {
const relays = Array.isArray(u) ? u : [u]; const relays = Array.isArray(u) ? u : [u];
for (const r of relays) { this.#filter.relays = appendDedupe(this.#filter.relays, removeUndefined(relays.map(a => sanitizeRelayUrl(a))));
const uClean = sanitizeRelayUrl(r);
if (uClean) {
this.#relays.add(uClean);
}
}
return this; return this;
} }

View File

@ -45,7 +45,6 @@ export interface ReqFilter {
since?: number; since?: number;
until?: number; until?: number;
limit?: number; limit?: number;
ids_only?: boolean;
[key: string]: Array<string> | Array<number> | string | number | undefined | boolean; [key: string]: Array<string> | Array<number> | string | number | undefined | boolean;
} }