wip: nostr community, web worker

emidev98 · emidev98 · commit 5b573113f9f2 · 2023-09-20T16:51:19.000+03:00
diff --git a/config-overrides.js b/config-overrides.js
@@ -0,0 +1,10 @@
+module.exports = {
+    babel: function (config, env) {
+        console.log(config)
+        config.plugins.push(['@babel/plugin-transform-private-property-in-object']);
+        config.plugins.push(['@babel/plugin-transform-optional-chaining']);
+        config.plugins.push(['@babel/plugin-proposal-private-property-in-object']);
+        config.plugins.push(['@babel/preset-env']);
+        return config;
+    }
+}
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -7,9 +7,9 @@
   "version": "7.3.3",
   "license": "MIT",
   "scripts": {
-    "start": "echo \"$CF_PAGES_COMMIT_SHA\" > public/commit_hash && react-scripts start",
-    "build": "echo \"$CF_PAGES_COMMIT_SHA\" > public/commit_hash && react-scripts build",
-    "test": "react-scripts test",
+    "start": "echo \"$CF_PAGES_COMMIT_SHA\" > public/commit_hash && react-app-rewired start",
+    "build": "echo \"$CF_PAGES_COMMIT_SHA\" > public/commit_hash && react-app-rewired build",
+    "test": "react-app-rewired test",
     "prepare": "husky install",
     "pre-commit": "lint-staged",
     "analyze": "source-map-explorer 'build/static/js/*.js'",
@@ -56,8 +56,8 @@
     "bech32": "^2.0.0",
     "bignumber.js": "^9.0.2",
     "buffer": "^6.0.3",
-    "comlink": "^4.4.1",
     "classnames": "^2.3.2",
+    "comlink": "^4.4.1",
     "crypto-js": "^4.1.1",
     "date-fns": "^2.28.0",
     "i18next": "^21.8.14",
@@ -74,13 +74,14 @@
     "lodash.uniqby": "^4.7.0",
     "lottie-react": "^2.3.1",
     "moment": "^2.29.4",
-    "nostr-tools": "1.5.0",
+    "@terra-money/@terra-money/nostr-tools": "1.10.2",
     "numeral": "^2.0.6",
     "prettier": "^2.6.2",
     "qrcode.react": "^3.1.0",
     "qs": "^6.11.0",
     "ramda": "^0.28.0",
     "react": "^18.2.0",
+    "react-app-rewired": "^2.2.1",
     "react-copy-to-clipboard": "^5.1.0",
     "react-dom": "^18.2.0",
     "react-hook-form": "^7.29.0",
@@ -99,6 +100,9 @@
   },
   "devDependencies": {
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
+    "@babel/plugin-transform-optional-chaining": "^7.22.15",
+    "@babel/plugin-transform-private-property-in-object": "^7.22.11",
+    "@babel/preset-env": "^7.22.20",
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
     "@types/crypto-js": "^4.1.1",
diff --git a/src/app/electron.tsx b/src/app/electron.tsx
@@ -1,4 +1,4 @@
-import { Event } from "nostr-tools"
+import { Event } from "@terra-money/nostr-tools"
 import { RelayDict } from "types/nostr"
 import Raven from "utils/nostr/raven"
 
diff --git a/src/components/channel/message-view/index.tsx b/src/components/channel/message-view/index.tsx
@@ -5,7 +5,7 @@ import { darken } from "@mui/material"
 import Box from "@mui/material/Box"
 import { useTheme } from "@mui/material/styles"
 import Tooltip from "@mui/material/Tooltip"
-import { nip19 } from "nostr-tools"
+import { nip19 } from "@terra-money/nostr-tools"
 import ProfileDialog from "components/channel/message-view/profile"
 import useContentRenderer from "utils/hooks/use-render-content"
 import Avatar from "components/channel/message-view/profile/avatar"
diff --git a/src/components/channel/message-view/message-menu/short-emoji-picker/index.tsx b/src/components/channel/message-view/message-menu/short-emoji-picker/index.tsx
@@ -20,7 +20,7 @@ const ShortEmojiPicker = (props: {
     if (frequent === null) {
       // @ts-ignore
       const promises = Object.values(
-        FrequentlyUsed.get({
+        FrequentlyUsed._get1({
           maxFrequentRows: 2,
           perLine: 3,
         })
diff --git a/src/components/channel/message-view/profile/index.tsx b/src/components/channel/message-view/profile/index.tsx
@@ -4,7 +4,7 @@ import Box from "@mui/material/Box"
 import { useTheme } from "@mui/material/styles"
 import Tooltip from "@mui/material/Tooltip"
 import DialogContent from "@mui/material/DialogContent"
-import { nip05, nip19 } from "nostr-tools"
+import { nip05, nip19 } from "@terra-money/nostr-tools"
 import Avatar from "components/channel/message-view/profile/avatar"
 import { keysAtom } from "utils/nostr/atoms"
 import { Profile } from "types/nostr/index"
diff --git a/src/providers/raven.tsx b/src/providers/raven.tsx
@@ -1,6 +1,6 @@
 import React, { useEffect, useMemo, useState } from "react"
 import uniq from "lodash.uniq"
-import { nip04, nip19 } from "nostr-tools"
+import { nip04, nip19 } from "@terra-money/nostr-tools"
 
 import { initRaven, RavenEvents } from "utils/nostr/raven"
 import {
diff --git a/src/utils/hooks/use-live-public-messages.ts b/src/utils/hooks/use-live-public-messages.ts
@@ -62,7 +62,7 @@ const useLivePublicMessages = () => {
       clean
         .filter((c) => c.root === TERRA_CID)
         .map((c) => ({ ...c, children: clean.filter((x) => x.root === c.id) })),
-    [clean, TERRA_CID]
+    [clean]
   )
 }
 
diff --git a/src/utils/nostr/index.ts b/src/utils/nostr/index.ts
@@ -14,7 +14,7 @@ export const SCROLL_DETECT_THRESHOLD = 5
 export const MESSAGE_PER_PAGE = 30
 export const ACCEPTABLE_LESS_PAGE_MESSAGES = 5
 export const TERRA_CID =
-  "899c87b9677f1f220c8df29137f51c9432943b2a8a6a3981bdaa73309337b8ba"
+  "61e9000f661983b2ccc5b6665acd4aa7a42b5580985562312c6caae5d15811f3"
 
 export function notEmpty<TValue>(
   value: TValue | null | undefined
diff --git a/src/utils/nostr/raven.ts b/src/utils/nostr/raven.ts
@@ -6,7 +6,7 @@ import {
   nip04,
   signEvent,
   SimplePool,
-} from "nostr-tools"
+} from "@terra-money/nostr-tools"
 import * as Comlink from "comlink"
 import {
   PrivKey,
@@ -26,7 +26,7 @@ import {
 } from "types/nostr"
 import chunk from "lodash.chunk"
 import uniq from "lodash.uniq"
-import { BgRaven } from "./workers"
+import { BgRaven } from "./worker"
 import { DEFAULT_RELAYS, MESSAGE_PER_PAGE, TERRA_CID } from "utils/nostr"
 import { notEmpty, isSha256 } from "."
 import { TypedEventEmitter } from "providers/event-emitter"
@@ -71,25 +71,22 @@ type EventHandlerMap = {
 }
 
 class Raven extends TypedEventEmitter<RavenEvents, EventHandlerMap> {
-  private readonly worker: Worker
-  private bgRaven: Comlink.Remote<BgRaven>
+  worker: Worker
+  bgRaven: Comlink.Remote<BgRaven>
+  priv: PrivKey
+  pub: string
 
-  private readonly priv: PrivKey
-  private readonly pub: string
-
-  private readonly readRelays = Object.keys(DEFAULT_RELAYS).filter(
-    (r) => DEFAULT_RELAYS[r].read
-  )
-  private readonly writeRelays = Object.keys(DEFAULT_RELAYS).filter(
+  readRelays = Object.keys(DEFAULT_RELAYS).filter((r) => DEFAULT_RELAYS[r].read)
+  writeRelays = Object.keys(DEFAULT_RELAYS).filter(
     (r) => DEFAULT_RELAYS[r].write
   )
 
-  private eventQueue: Event[] = []
-  private eventQueueTimer: any
-  private eventQueueFlag = true
-  private eventQueueBuffer: Event[] = []
+  eventQueue: Event[] = []
+  eventQueueTimer: any
+  eventQueueFlag = true
+  eventQueueBuffer: Event[] = []
 
-  private nameCache: Record<string, number> = {}
+  nameCache: Record<string, number> = {}
 
   listenerSub: string | null = null
   messageListenerSub: string | null = null
@@ -102,7 +99,7 @@ class Raven extends TypedEventEmitter<RavenEvents, EventHandlerMap> {
     // Raven is all about relay/pool management through websockets using timers.
     // Browsers (chrome) slows down timer tasks when the window goes to inactive.
     // That is why we use a web worker to read data from relays.
-    this.worker = new Worker(new URL("worker.ts", import.meta.url))
+    this.worker = new Worker("utils/raven/worker.ts")
     this.bgRaven = Comlink.wrap<BgRaven>(this.worker)
     this.bgRaven.setup(this.readRelays).then()
 
@@ -212,11 +209,11 @@ class Raven extends TypedEventEmitter<RavenEvents, EventHandlerMap> {
   public async fetchChannel(id: string): Promise<Channel | null> {
     const filters: Filter[] = [
       {
-        kinds: [Kind.ChannelCreation],
+        kinds: [40],
         ids: [id],
       },
       {
-        kinds: [Kind.ChannelMetadata, Kind.EventDeletion],
+        kinds: [41, 5],
         "#e": [id],
       },
     ]
@@ -539,7 +536,7 @@ class Raven extends TypedEventEmitter<RavenEvents, EventHandlerMap> {
             }
           }
 
-          pub[0].on("ok", (r: string) => {
+          pub.on("ok", (r: string) => {
             okRelays.push(r)
             if (!resolved) {
               resolve(event)
@@ -548,7 +545,7 @@ class Raven extends TypedEventEmitter<RavenEvents, EventHandlerMap> {
             closePool()
           })
 
-          pub[0].on("failed", (r: string) => {
+          pub.on("failed", (r: string) => {
             failedRelays.push(r)
             if (failedRelays.length === this.writeRelays.length) {
               reject("Event couldn't be published on any relay!")
diff --git a/src/utils/nostr/worker.ts b/src/utils/nostr/worker.ts
@@ -1,5 +1,5 @@
 import * as Comlink from "comlink"
-import { Event, Filter, SimplePool, Sub } from "nostr-tools"
+import { Event, Filter, SimplePool, Sub } from "@terra-money/nostr-tools"
 
 export class BgRaven {
   private seenOn: Record<string, string[]> = {}
@@ -65,7 +65,7 @@ export class BgRaven {
     const pool = this.getPool()
     const sub = pool.sub(this.relays, filters, { id: subId })
 
-    sub.on("event", (event) => {
+    sub.on("event", (event: Event) => {
       this.seenOn[event.id] = pool.seenOn(event.id)
       onEvent(event)
     })
diff --git a/tsconfig.json b/tsconfig.json
@@ -1,6 +1,6 @@
 {
   "compilerOptions": {
-    "target": "ES2021",
+    "target": "es2020",
     "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { Event } from "nostr-tools"`
	`1`	`+import { Event } from "@terra-money/nostr-tools"`
`2`	`2`	`import { RelayDict } from "types/nostr"`
`3`	`3`	`import Raven from "utils/nostr/raven"`
`4`	`4`
Original file line number	Diff line number	Diff line change
`@@ -62,7 +62,7 @@ const useLivePublicMessages = () => {`
`62`	`62`	`clean`
`63`	`63`	`.filter((c) => c.root === TERRA_CID)`
`64`	`64`	`.map((c) => ({ ...c, children: clean.filter((x) => x.root === c.id) })),`
`65`		`- [clean, TERRA_CID]`
	`65`	`+ [clean]`
`66`	`66`	`)`
`67`	`67`	`}`
`68`	`68`