got something work i guess

client/src/App.tsx

@@ -5,6 +5,7 @@ import Settings from './components/Settings';
 import SwipeableViews from 'react-swipeable-views';
 import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
 import Thread from './components/Thread/Thread';
+import { useState, useEffect } from 'react';
 
 function App() {
   const [index, setIndex] = React.useState(1);

client/src/components/Home.tsx

@@ -41,10 +41,26 @@ const Home = () => {
     return uniqEvents.filter(e => e.tags.some(tag => tag[0] === 'e' && tag[1] === event.id)).length;
   }
 
+  const [messageFromWorker, setMessageFromWorker] = useState('');
+
+  useEffect(() => {
+    const worker = new Worker(new URL('../myWorker', import.meta.url));
+
+    worker.onmessage = (event) => {
+      setMessageFromWorker(event.data);
+    };
+
+    worker.postMessage('Start worker');
+    return () => {
+      worker.terminate();
+    };
+  }, []);
+
   return (
     <main className="bg-black text-white min-h-screen">
       <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 p-4">
         <NewThreadCard />
+        <p>Message from worker: {messageFromWorker}</p>
         {filteredAndSortedEvents.map((event, index) => (
           <PostCard key={event.id} event={event} metadata={getMetadataEvent(event)} replyCount={countReplies(event)}/>
         ))}

client/src/components/Modals/TextModal.tsx

@@ -17,11 +17,11 @@ const ContentPreview = ({ key, comment }: { key: string, comment: string }) => {
     };
 
     useEffect(() => {
-        const findUrl = comment.match(/\bhttps?:\/\/\S+/gi);
+        // const findUrl = comment.match(/\bhttps?:\/\/\S+/gi);
-        if (findUrl && findUrl.length > 0) {
+        // if (findUrl && findUrl.length > 0) {
-            setUrl(findUrl[0])
+        //     setUrl(findUrl[0])
-            setFinalComment(finalComment.replace(findUrl[0], '').trim())
+        //     setFinalComment(finalComment.replace(findUrl[0], '').trim())
-        }
+        // }
     
         const match = comment.match(/\bnostr:([a-z0-9]+)/i);
         const nostrQuoteID = match && match[1];

client/src/custom.d.ts

@@ -0,0 +1,15 @@
+// Make TypeScript treat *.worker.ts as a module
+declare module 'worker-loader!*' {
+    class WebpackWorker extends Worker {
+      constructor();
+    }
+  
+    export = WebpackWorker;
+  }
+  
+  // Extend the default Worker type with the properties used in the worker
+  interface Worker {
+    new (stringUrl: string, options?: WorkerOptions): Worker;
+    postMessage: (message: any) => void;
+  }
+  

client/src/myWorker.ts

@@ -0,0 +1,11 @@
+// eslint-disable-next-line no-restricted-globals
+const ctx: Worker = self as any;
+
+// Respond to message from parent thread
+ctx.addEventListener('message', (event) => {
+    setTimeout(() => {
+        ctx.postMessage('Hello from Worker after 2 seconds');
+    }, 2000);
+});
+
+export default ctx;

client/tsconfig.json

@@ -4,7 +4,8 @@
     "lib": [
       "dom",
       "dom.iterable",
-      "esnext"
+      "esnext",
+      "webworker"
     ],
     "allowJs": true,
     "skipLibCheck": true,