[FRONT COMPONENTS] Move to twenty-sdk (#17587)

Move front components from twenty-shared to twenty-sdk
2026-02-02 13:21:53 +01:00
parent b2218cbbf2
commit f0bc9fcb43
63 changed files with 146 additions and 139 deletions
@@ -0,0 +1,43 @@
+import { ThreadWebWorker, release, retain } from '@quilted/threads';
+import { RemoteReceiver } from '@remote-dom/core/receivers';
+import { useEffect } from 'react';
+import { type WorkerExports } from '../../types/WorkerExports';
+import { createRemoteWorker } from '../worker/createRemoteWorker';
+
+type FrontComponentWorkerEffectProps = {
+  componentUrl: string;
+  setReceiver: React.Dispatch<React.SetStateAction<RemoteReceiver | null>>;
+  onError: (error?: Error) => void;
+};
+
+export const FrontComponentWorkerEffect = ({
+  componentUrl,
+  setReceiver,
+  onError,
+}: FrontComponentWorkerEffectProps) => {
+  useEffect(() => {
+    const newReceiver = new RemoteReceiver({ retain, release });
+
+    const worker = createRemoteWorker();
+
+    worker.onerror = (event: ErrorEvent) => {
+      onError(event.error);
+    };
+
+    const thread = new ThreadWebWorker<WorkerExports>(worker);
+
+    thread.imports
+      .render(newReceiver.connection, { componentUrl })
+      .catch((error: Error) => {
+        onError(error);
+      });
+
+    setReceiver(newReceiver);
+
+    return () => {
+      worker.terminate();
+    };
+  }, [componentUrl, onError, setReceiver]);
+
+  return null;
+};