[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,40 @@
+import '@remote-dom/core/polyfill';
+import '@remote-dom/react/polyfill';
+
+import '../generated/remote-elements';
+
+import { ThreadWebWorker } from '@quilted/threads';
+import {
+  BatchingRemoteConnection,
+  type RemoteConnection,
+  type RemoteRootElement,
+} from '@remote-dom/core/elements';
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { type HostToWorkerRenderContext } from '../../types/HostToWorkerRenderContext';
+import { type WorkerExports } from '../../types/WorkerExports';
+import * as RemoteComponents from '../generated/remote-components';
+
+(globalThis as Record<string, unknown>).React = React;
+(globalThis as Record<string, unknown>).RemoteComponents = RemoteComponents;
+(globalThis as Record<string, unknown>).jsx = jsx;
+(globalThis as Record<string, unknown>).jsxs = jsxs;
+
+const render: WorkerExports['render'] = async (
+  connection: RemoteConnection,
+  renderContext: HostToWorkerRenderContext,
+) => {
+  const batchedConnection = new BatchingRemoteConnection(connection);
+  const root = document.createElement('remote-root') as RemoteRootElement;
+  root.connect(batchedConnection);
+  document.body.append(root);
+
+  /* @vite-ignore */
+  const componentModule = await import(renderContext.componentUrl);
+
+  const reactRoot = createRoot(root);
+  reactRoot.render(componentModule.default);
+};
+
+ThreadWebWorker.self.export({ render });