diff --git a/packages/twenty-front/src/modules/front-components/components/FrontComponentRenderer.tsx b/packages/twenty-front/src/modules/front-components/components/FrontComponentRenderer.tsx index 7b45fb1703..10836937ae 100644 --- a/packages/twenty-front/src/modules/front-components/components/FrontComponentRenderer.tsx +++ b/packages/twenty-front/src/modules/front-components/components/FrontComponentRenderer.tsx @@ -5,7 +5,7 @@ import { useTheme } from '@emotion/react'; import { t } from '@lingui/core/macro'; import { useState } from 'react'; import { useRecoilValue } from 'recoil'; -import { FrontComponentRenderer as SharedFrontComponentRenderer } from 'twenty-sdk/front-component/renderer'; +import { FrontComponentRenderer as SharedFrontComponentRenderer } from 'twenty-sdk/front-component'; import { isDefined } from 'twenty-shared/utils'; type FrontComponentRendererProps = { diff --git a/packages/twenty-sdk/package.json b/packages/twenty-sdk/package.json index 8c6da6a97f..859177cd9e 100644 --- a/packages/twenty-sdk/package.json +++ b/packages/twenty-sdk/package.json @@ -36,15 +36,10 @@ "import": "./dist/ui/index.mjs", "require": "./dist/ui/index.cjs" }, - "./front-component/renderer": { - "types": "./dist/front-component/renderer/index.d.ts", - "import": "./dist/front-component/renderer/index.mjs", - "require": "./dist/front-component/renderer/index.cjs" - }, - "./front-component/api": { - "types": "./dist/front-component/api/index.d.ts", - "import": "./dist/front-component/api/index.mjs", - "require": "./dist/front-component/api/index.cjs" + "./front-component": { + "types": "./dist/front-component/index.d.ts", + "import": "./dist/front-component/index.mjs", + "require": "./dist/front-component/index.cjs" } }, "license": "AGPL-3.0", @@ -107,11 +102,8 @@ "ui": [ "dist/ui/index.d.ts" ], - "front-component/renderer": [ - "dist/front-component/renderer/index.d.ts" - ], - "front-component/api": [ - "dist/front-component/api/index.d.ts" + "front-component": [ + "dist/front-component/index.d.ts" ] } } diff --git a/packages/twenty-sdk/scripts/remote-dom/generateRemoteDomElements.ts b/packages/twenty-sdk/scripts/remote-dom/generateRemoteDomElements.ts index 8048c13faa..80fbcef9f1 100644 --- a/packages/twenty-sdk/scripts/remote-dom/generateRemoteDomElements.ts +++ b/packages/twenty-sdk/scripts/remote-dom/generateRemoteDomElements.ts @@ -3,11 +3,11 @@ import * as fs from 'fs'; import * as path from 'path'; import { IndentationText, Project, QuoteKind } from 'ts-morph'; -import { ALLOWED_HTML_ELEMENTS } from '../../src/front-component/common/AllowedHtmlElements'; -import { ALLOWED_UI_COMPONENTS } from '../../src/front-component/common/AllowedUiComponents'; -import { COMMON_HTML_EVENTS } from '../../src/front-component/common/CommonHtmlEvents'; -import { EVENT_TO_REACT } from '../../src/front-component/common/EventToReact'; -import { HTML_COMMON_PROPERTIES } from '../../src/front-component/common/HtmlCommonProperties'; +import { ALLOWED_HTML_ELEMENTS } from '../../src/sdk/front-component-common/AllowedHtmlElements'; +import { ALLOWED_UI_COMPONENTS } from '../../src/sdk/front-component-common/AllowedUiComponents'; +import { COMMON_HTML_EVENTS } from '../../src/sdk/front-component-common/CommonHtmlEvents'; +import { EVENT_TO_REACT } from '../../src/sdk/front-component-common/EventToReact'; +import { HTML_COMMON_PROPERTIES } from '../../src/sdk/front-component-common/HtmlCommonProperties'; import { type ComponentSchema, diff --git a/packages/twenty-sdk/src/cli/utilities/build/common/front-component-build/utils/replace-html-tags-with-remote-components.ts b/packages/twenty-sdk/src/cli/utilities/build/common/front-component-build/utils/replace-html-tags-with-remote-components.ts index c3b7f6e50d..e27333ce87 100644 --- a/packages/twenty-sdk/src/cli/utilities/build/common/front-component-build/utils/replace-html-tags-with-remote-components.ts +++ b/packages/twenty-sdk/src/cli/utilities/build/common/front-component-build/utils/replace-html-tags-with-remote-components.ts @@ -1,6 +1,6 @@ import { isDefined } from 'twenty-shared/utils'; -import { HTML_TAG_TO_REMOTE_COMPONENT } from '../../../../../../front-component/common'; +import { HTML_TAG_TO_REMOTE_COMPONENT } from '../../../../../../sdk/front-component-common'; const REMOTE_COMPONENTS_GLOBAL_NAMESPACE = 'RemoteComponents'; diff --git a/packages/twenty-sdk/src/front-component/__stories__/FrontComponentRenderer.stories.tsx b/packages/twenty-sdk/src/front-component/__stories__/FrontComponentRenderer.stories.tsx index a80e94548f..55d3e601dd 100644 --- a/packages/twenty-sdk/src/front-component/__stories__/FrontComponentRenderer.stories.tsx +++ b/packages/twenty-sdk/src/front-component/__stories__/FrontComponentRenderer.stories.tsx @@ -1,7 +1,7 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { expect, fn, userEvent, waitFor, within } from 'storybook/test'; -import { FrontComponentRenderer } from '../renderer/host/components/FrontComponentRenderer'; +import { FrontComponentRenderer } from '../host/components/FrontComponentRenderer'; import { getBuiltComponentPath } from './utils/loadBuiltComponent'; diff --git a/packages/twenty-sdk/src/front-component/renderer/host/components/FrontComponentRenderer.tsx b/packages/twenty-sdk/src/front-component/host/components/FrontComponentRenderer.tsx similarity index 86% rename from packages/twenty-sdk/src/front-component/renderer/host/components/FrontComponentRenderer.tsx rename to packages/twenty-sdk/src/front-component/host/components/FrontComponentRenderer.tsx index 7d99bdefd0..0a8c037364 100644 --- a/packages/twenty-sdk/src/front-component/renderer/host/components/FrontComponentRenderer.tsx +++ b/packages/twenty-sdk/src/front-component/host/components/FrontComponentRenderer.tsx @@ -1,7 +1,7 @@ -import { FrontComponentErrorEffect } from '@/front-component/renderer/remote/components/FrontComponentErrorEffect'; -import { FrontComponentUpdateContextEffect } from '@/front-component/renderer/remote/components/FrontComponentUpdateContextEffect'; -import { type FrontComponentExecutionContext } from '@/front-component/renderer/types/FrontComponentExecutionContext'; -import { type WorkerExports } from '@/front-component/renderer/types/WorkerExports'; +import { FrontComponentErrorEffect } from '@/front-component/remote/components/FrontComponentErrorEffect'; +import { FrontComponentUpdateContextEffect } from '@/front-component/remote/components/FrontComponentUpdateContextEffect'; +import { type FrontComponentExecutionContext } from '@/front-component/types/FrontComponentExecutionContext'; +import { type WorkerExports } from '@/front-component/types/WorkerExports'; import { type ThreadWebWorker } from '@quilted/threads'; import { type RemoteReceiver, diff --git a/packages/twenty-sdk/src/front-component/renderer/host/generated/host-index.ts b/packages/twenty-sdk/src/front-component/host/generated/host-index.ts similarity index 100% rename from packages/twenty-sdk/src/front-component/renderer/host/generated/host-index.ts rename to packages/twenty-sdk/src/front-component/host/generated/host-index.ts diff --git a/packages/twenty-sdk/src/front-component/renderer/index.ts b/packages/twenty-sdk/src/front-component/index.ts similarity index 100% rename from packages/twenty-sdk/src/front-component/renderer/index.ts rename to packages/twenty-sdk/src/front-component/index.ts diff --git a/packages/twenty-sdk/src/front-component/renderer/remote/components/FrontComponentErrorEffect.tsx b/packages/twenty-sdk/src/front-component/remote/components/FrontComponentErrorEffect.tsx similarity index 100% rename from packages/twenty-sdk/src/front-component/renderer/remote/components/FrontComponentErrorEffect.tsx rename to packages/twenty-sdk/src/front-component/remote/components/FrontComponentErrorEffect.tsx diff --git a/packages/twenty-sdk/src/front-component/renderer/remote/components/FrontComponentUpdateContextEffect.tsx b/packages/twenty-sdk/src/front-component/remote/components/FrontComponentUpdateContextEffect.tsx similarity index 80% rename from packages/twenty-sdk/src/front-component/renderer/remote/components/FrontComponentUpdateContextEffect.tsx rename to packages/twenty-sdk/src/front-component/remote/components/FrontComponentUpdateContextEffect.tsx index 381aebce86..20c94edae6 100644 --- a/packages/twenty-sdk/src/front-component/renderer/remote/components/FrontComponentUpdateContextEffect.tsx +++ b/packages/twenty-sdk/src/front-component/remote/components/FrontComponentUpdateContextEffect.tsx @@ -1,5 +1,5 @@ -import { type FrontComponentExecutionContext } from '@/front-component/renderer/types/FrontComponentExecutionContext'; -import { type WorkerExports } from '@/front-component/renderer/types/WorkerExports'; +import { type FrontComponentExecutionContext } from '@/front-component/types/FrontComponentExecutionContext'; +import { type WorkerExports } from '@/front-component/types/WorkerExports'; import { type ThreadWebWorker } from '@quilted/threads'; import { useEffect } from 'react'; diff --git a/packages/twenty-sdk/src/front-component/renderer/remote/components/FrontComponentWorkerEffect.tsx b/packages/twenty-sdk/src/front-component/remote/components/FrontComponentWorkerEffect.tsx similarity index 100% rename from packages/twenty-sdk/src/front-component/renderer/remote/components/FrontComponentWorkerEffect.tsx rename to packages/twenty-sdk/src/front-component/remote/components/FrontComponentWorkerEffect.tsx diff --git a/packages/twenty-sdk/src/front-component/renderer/remote/context/FrontComponentExecutionContextStore.ts b/packages/twenty-sdk/src/front-component/remote/context/FrontComponentExecutionContextStore.ts similarity index 100% rename from packages/twenty-sdk/src/front-component/renderer/remote/context/FrontComponentExecutionContextStore.ts rename to packages/twenty-sdk/src/front-component/remote/context/FrontComponentExecutionContextStore.ts diff --git a/packages/twenty-sdk/src/front-component/renderer/remote/generated/remote-index.ts b/packages/twenty-sdk/src/front-component/remote/generated/remote-index.ts similarity index 100% rename from packages/twenty-sdk/src/front-component/renderer/remote/generated/remote-index.ts rename to packages/twenty-sdk/src/front-component/remote/generated/remote-index.ts diff --git a/packages/twenty-sdk/src/front-component/renderer/remote/mock/mock-front-component.ts b/packages/twenty-sdk/src/front-component/remote/mock/mock-front-component.ts similarity index 100% rename from packages/twenty-sdk/src/front-component/renderer/remote/mock/mock-front-component.ts rename to packages/twenty-sdk/src/front-component/remote/mock/mock-front-component.ts diff --git a/packages/twenty-sdk/src/front-component/renderer/remote/worker/createRemoteWorker.ts b/packages/twenty-sdk/src/front-component/remote/worker/createRemoteWorker.ts similarity index 100% rename from packages/twenty-sdk/src/front-component/renderer/remote/worker/createRemoteWorker.ts rename to packages/twenty-sdk/src/front-component/remote/worker/createRemoteWorker.ts diff --git a/packages/twenty-sdk/src/front-component/renderer/remote/worker/remote-worker.ts b/packages/twenty-sdk/src/front-component/remote/worker/remote-worker.ts similarity index 100% rename from packages/twenty-sdk/src/front-component/renderer/remote/worker/remote-worker.ts rename to packages/twenty-sdk/src/front-component/remote/worker/remote-worker.ts diff --git a/packages/twenty-sdk/src/front-component/renderer/host/generated/host-component-registry.ts b/packages/twenty-sdk/src/front-component/renderer/host/generated/host-component-registry.ts deleted file mode 100644 index 5668035e9e..0000000000 --- a/packages/twenty-sdk/src/front-component/renderer/host/generated/host-component-registry.ts +++ /dev/null @@ -1,405 +0,0 @@ -/* - * _____ _ - *|_ _|_ _____ _ __ | |_ _ _ - * | | \ \ /\ / / _ \ '_ \| __| | | | Auto-generated file - * | | \ V V / __/ | | | |_| |_| | Any edits to this will be overridden - * |_| \_/\_/ \___|_| |_|\__|\__, | - * |___/ - */ - -import React from 'react'; -import { - RemoteFragmentRenderer, - createRemoteComponentRenderer, -} from '@remote-dom/react/host'; -import { Button } from 'twenty-ui/input'; -const INTERNAL_PROPS = new Set(['element', 'receiver', 'components']); - -const EVENT_NAME_MAP: Record = { - onclick: 'onClick', - ondblclick: 'onDoubleClick', - onmousedown: 'onMouseDown', - onmouseup: 'onMouseUp', - onmouseover: 'onMouseOver', - onmouseout: 'onMouseOut', - onmouseenter: 'onMouseEnter', - onmouseleave: 'onMouseLeave', - onkeydown: 'onKeyDown', - onkeyup: 'onKeyUp', - onkeypress: 'onKeyPress', - onfocus: 'onFocus', - onblur: 'onBlur', - onchange: 'onChange', - oninput: 'onInput', - onsubmit: 'onSubmit', - onscroll: 'onScroll', - onwheel: 'onWheel', - oncontextmenu: 'onContextMenu', - ondrag: 'onDrag', -}; - -const parseStyle = ( - styleString: string | undefined, -): React.CSSProperties | undefined => { - if (!styleString || typeof styleString !== 'string') { - return styleString as React.CSSProperties | undefined; - } - - const style: Record = {}; - const declarations = styleString.split(';').filter(Boolean); - - for (const declaration of declarations) { - const colonIndex = declaration.indexOf(':'); - if (colonIndex === -1) continue; - - const property = declaration.slice(0, colonIndex).trim(); - const value = declaration.slice(colonIndex + 1).trim(); - - const camelProperty = property.replace(/-([a-z])/g, (_, letter: string) => - letter.toUpperCase(), - ); - style[camelProperty] = value; - } - - return style; -}; - -const wrapEventHandler = (handler: () => void) => { - return (_event: unknown) => { - handler(); - }; -}; - -const filterProps = (props: Record) => { - const filtered: Record = {}; - for (const [key, value] of Object.entries(props)) { - if (INTERNAL_PROPS.has(key) || value === undefined) continue; - - if (key === 'style') { - filtered.style = parseStyle(value as string | undefined); - } else { - const normalizedKey = EVENT_NAME_MAP[key.toLowerCase()] || key; - if (normalizedKey.startsWith('on') && typeof value === 'function') { - filtered[normalizedKey] = wrapEventHandler(value as () => void); - } else { - filtered[normalizedKey] = value; - } - } - } - return filtered; -}; -const HtmlDivWrapper = ({ - children, - ...props -}: { children?: React.ReactNode } & Record) => { - return React.createElement('div', filterProps(props), children); -}; -const HtmlSpanWrapper = ({ - children, - ...props -}: { children?: React.ReactNode } & Record) => { - return React.createElement('span', filterProps(props), children); -}; -const HtmlSectionWrapper = ({ - children, - ...props -}: { children?: React.ReactNode } & Record) => { - return React.createElement('section', filterProps(props), children); -}; -const HtmlArticleWrapper = ({ - children, - ...props -}: { children?: React.ReactNode } & Record) => { - return React.createElement('article', filterProps(props), children); -}; -const HtmlHeaderWrapper = ({ - children, - ...props -}: { children?: React.ReactNode } & Record) => { - return React.createElement('header', filterProps(props), children); -}; -const HtmlFooterWrapper = ({ - children, - ...props -}: { children?: React.ReactNode } & Record) => { - return React.createElement('footer', filterProps(props), children); -}; -const HtmlMainWrapper = ({ - children, - ...props -}: { children?: React.ReactNode } & Record) => { - return React.createElement('main', filterProps(props), children); -}; -const HtmlNavWrapper = ({ - children, - ...props -}: { children?: React.ReactNode } & Record) => { - return React.createElement('nav', filterProps(props), children); -}; -const HtmlAsideWrapper = ({ - children, - ...props -}: { children?: React.ReactNode } & Record) => { - return React.createElement('aside', filterProps(props), children); -}; -const HtmlPWrapper = ({ - children, - ...props -}: { children?: React.ReactNode } & Record) => { - return React.createElement('p', filterProps(props), children); -}; -const HtmlH1Wrapper = ({ - children, - ...props -}: { children?: React.ReactNode } & Record) => { - return React.createElement('h1', filterProps(props), children); -}; -const HtmlH2Wrapper = ({ - children, - ...props -}: { children?: React.ReactNode } & Record) => { - return React.createElement('h2', filterProps(props), children); -}; -const HtmlH3Wrapper = ({ - children, - ...props -}: { children?: React.ReactNode } & Record) => { - return React.createElement('h3', filterProps(props), children); -}; -const HtmlH4Wrapper = ({ - children, - ...props -}: { children?: React.ReactNode } & Record) => { - return React.createElement('h4', filterProps(props), children); -}; -const HtmlH5Wrapper = ({ - children, - ...props -}: { children?: React.ReactNode } & Record) => { - return React.createElement('h5', filterProps(props), children); -}; -const HtmlH6Wrapper = ({ - children, - ...props -}: { children?: React.ReactNode } & Record) => { - return React.createElement('h6', filterProps(props), children); -}; -const HtmlStrongWrapper = ({ - children, - ...props -}: { children?: React.ReactNode } & Record) => { - return React.createElement('strong', filterProps(props), children); -}; -const HtmlEmWrapper = ({ - children, - ...props -}: { children?: React.ReactNode } & Record) => { - return React.createElement('em', filterProps(props), children); -}; -const HtmlSmallWrapper = ({ - children, - ...props -}: { children?: React.ReactNode } & Record) => { - return React.createElement('small', filterProps(props), children); -}; -const HtmlCodeWrapper = ({ - children, - ...props -}: { children?: React.ReactNode } & Record) => { - return React.createElement('code', filterProps(props), children); -}; -const HtmlPreWrapper = ({ - children, - ...props -}: { children?: React.ReactNode } & Record) => { - return React.createElement('pre', filterProps(props), children); -}; -const HtmlBlockquoteWrapper = ({ - children, - ...props -}: { children?: React.ReactNode } & Record) => { - return React.createElement('blockquote', filterProps(props), children); -}; -const HtmlAWrapper = ({ - children, - ...props -}: { children?: React.ReactNode } & Record) => { - return React.createElement('a', filterProps(props), children); -}; -const HtmlImgWrapper = ({ - children: _children, - ...props -}: { children?: React.ReactNode } & Record) => { - return React.createElement('img', filterProps(props)); -}; -const HtmlUlWrapper = ({ - children, - ...props -}: { children?: React.ReactNode } & Record) => { - return React.createElement('ul', filterProps(props), children); -}; -const HtmlOlWrapper = ({ - children, - ...props -}: { children?: React.ReactNode } & Record) => { - return React.createElement('ol', filterProps(props), children); -}; -const HtmlLiWrapper = ({ - children, - ...props -}: { children?: React.ReactNode } & Record) => { - return React.createElement('li', filterProps(props), children); -}; -const HtmlFormWrapper = ({ - children, - ...props -}: { children?: React.ReactNode } & Record) => { - return React.createElement('form', filterProps(props), children); -}; -const HtmlLabelWrapper = ({ - children, - ...props -}: { children?: React.ReactNode } & Record) => { - return React.createElement('label', filterProps(props), children); -}; -const HtmlInputWrapper = ({ - children: _children, - ...props -}: { children?: React.ReactNode } & Record) => { - return React.createElement('input', filterProps(props)); -}; -const HtmlTextareaWrapper = ({ - children, - ...props -}: { children?: React.ReactNode } & Record) => { - return React.createElement('textarea', filterProps(props), children); -}; -const HtmlSelectWrapper = ({ - children, - ...props -}: { children?: React.ReactNode } & Record) => { - return React.createElement('select', filterProps(props), children); -}; -const HtmlOptionWrapper = ({ - children, - ...props -}: { children?: React.ReactNode } & Record) => { - return React.createElement('option', filterProps(props), children); -}; -const HtmlButtonWrapper = ({ - children, - ...props -}: { children?: React.ReactNode } & Record) => { - return React.createElement('button', filterProps(props), children); -}; -const HtmlTableWrapper = ({ - children, - ...props -}: { children?: React.ReactNode } & Record) => { - return React.createElement('table', filterProps(props), children); -}; -const HtmlTheadWrapper = ({ - children, - ...props -}: { children?: React.ReactNode } & Record) => { - return React.createElement('thead', filterProps(props), children); -}; -const HtmlTbodyWrapper = ({ - children, - ...props -}: { children?: React.ReactNode } & Record) => { - return React.createElement('tbody', filterProps(props), children); -}; -const HtmlTfootWrapper = ({ - children, - ...props -}: { children?: React.ReactNode } & Record) => { - return React.createElement('tfoot', filterProps(props), children); -}; -const HtmlTrWrapper = ({ - children, - ...props -}: { children?: React.ReactNode } & Record) => { - return React.createElement('tr', filterProps(props), children); -}; -const HtmlThWrapper = ({ - children, - ...props -}: { children?: React.ReactNode } & Record) => { - return React.createElement('th', filterProps(props), children); -}; -const HtmlTdWrapper = ({ - children, - ...props -}: { children?: React.ReactNode } & Record) => { - return React.createElement('td', filterProps(props), children); -}; -const HtmlBrWrapper = ({ - children: _children, - ...props -}: { children?: React.ReactNode } & Record) => { - return React.createElement('br', filterProps(props)); -}; -const HtmlHrWrapper = ({ - children: _children, - ...props -}: { children?: React.ReactNode } & Record) => { - return React.createElement('hr', filterProps(props)); -}; -const TwentyUiButtonWrapper = ({ - children, - ...props -}: { children?: React.ReactNode } & Record) => { - return React.createElement(Button, filterProps(props), children); -}; -type ComponentRegistryValue = - | ReturnType - | typeof RemoteFragmentRenderer; - -export const componentRegistry: Map = new Map([ - ['html-div', createRemoteComponentRenderer(HtmlDivWrapper)], - ['html-span', createRemoteComponentRenderer(HtmlSpanWrapper)], - ['html-section', createRemoteComponentRenderer(HtmlSectionWrapper)], - ['html-article', createRemoteComponentRenderer(HtmlArticleWrapper)], - ['html-header', createRemoteComponentRenderer(HtmlHeaderWrapper)], - ['html-footer', createRemoteComponentRenderer(HtmlFooterWrapper)], - ['html-main', createRemoteComponentRenderer(HtmlMainWrapper)], - ['html-nav', createRemoteComponentRenderer(HtmlNavWrapper)], - ['html-aside', createRemoteComponentRenderer(HtmlAsideWrapper)], - ['html-p', createRemoteComponentRenderer(HtmlPWrapper)], - ['html-h1', createRemoteComponentRenderer(HtmlH1Wrapper)], - ['html-h2', createRemoteComponentRenderer(HtmlH2Wrapper)], - ['html-h3', createRemoteComponentRenderer(HtmlH3Wrapper)], - ['html-h4', createRemoteComponentRenderer(HtmlH4Wrapper)], - ['html-h5', createRemoteComponentRenderer(HtmlH5Wrapper)], - ['html-h6', createRemoteComponentRenderer(HtmlH6Wrapper)], - ['html-strong', createRemoteComponentRenderer(HtmlStrongWrapper)], - ['html-em', createRemoteComponentRenderer(HtmlEmWrapper)], - ['html-small', createRemoteComponentRenderer(HtmlSmallWrapper)], - ['html-code', createRemoteComponentRenderer(HtmlCodeWrapper)], - ['html-pre', createRemoteComponentRenderer(HtmlPreWrapper)], - ['html-blockquote', createRemoteComponentRenderer(HtmlBlockquoteWrapper)], - ['html-a', createRemoteComponentRenderer(HtmlAWrapper)], - ['html-img', createRemoteComponentRenderer(HtmlImgWrapper)], - ['html-ul', createRemoteComponentRenderer(HtmlUlWrapper)], - ['html-ol', createRemoteComponentRenderer(HtmlOlWrapper)], - ['html-li', createRemoteComponentRenderer(HtmlLiWrapper)], - ['html-form', createRemoteComponentRenderer(HtmlFormWrapper)], - ['html-label', createRemoteComponentRenderer(HtmlLabelWrapper)], - ['html-input', createRemoteComponentRenderer(HtmlInputWrapper)], - ['html-textarea', createRemoteComponentRenderer(HtmlTextareaWrapper)], - ['html-select', createRemoteComponentRenderer(HtmlSelectWrapper)], - ['html-option', createRemoteComponentRenderer(HtmlOptionWrapper)], - ['html-button', createRemoteComponentRenderer(HtmlButtonWrapper)], - ['html-table', createRemoteComponentRenderer(HtmlTableWrapper)], - ['html-thead', createRemoteComponentRenderer(HtmlTheadWrapper)], - ['html-tbody', createRemoteComponentRenderer(HtmlTbodyWrapper)], - ['html-tfoot', createRemoteComponentRenderer(HtmlTfootWrapper)], - ['html-tr', createRemoteComponentRenderer(HtmlTrWrapper)], - ['html-th', createRemoteComponentRenderer(HtmlThWrapper)], - ['html-td', createRemoteComponentRenderer(HtmlTdWrapper)], - ['html-br', createRemoteComponentRenderer(HtmlBrWrapper)], - ['html-hr', createRemoteComponentRenderer(HtmlHrWrapper)], - ['twenty-ui-button', createRemoteComponentRenderer(TwentyUiButtonWrapper)], - ['remote-fragment', RemoteFragmentRenderer], -]); diff --git a/packages/twenty-sdk/src/front-component/renderer/remote/generated/remote-components.ts b/packages/twenty-sdk/src/front-component/renderer/remote/generated/remote-components.ts deleted file mode 100644 index 5b3014ceac..0000000000 --- a/packages/twenty-sdk/src/front-component/renderer/remote/generated/remote-components.ts +++ /dev/null @@ -1,1157 +0,0 @@ -/* - * _____ _ - *|_ _|_ _____ _ __ | |_ _ _ - * | | \ \ /\ / / _ \ '_ \| __| | | | Auto-generated file - * | | \ V V / __/ | | | |_| |_| | Any edits to this will be overridden - * |_| \_/\_/ \___|_| |_|\__|\__, | - * |___/ - */ - -import { createRemoteComponent } from '@remote-dom/react'; -import { - HtmlDivElement, - HtmlSpanElement, - HtmlSectionElement, - HtmlArticleElement, - HtmlHeaderElement, - HtmlFooterElement, - HtmlMainElement, - HtmlNavElement, - HtmlAsideElement, - HtmlPElement, - HtmlH1Element, - HtmlH2Element, - HtmlH3Element, - HtmlH4Element, - HtmlH5Element, - HtmlH6Element, - HtmlStrongElement, - HtmlEmElement, - HtmlSmallElement, - HtmlCodeElement, - HtmlPreElement, - HtmlBlockquoteElement, - HtmlAElement, - HtmlImgElement, - HtmlUlElement, - HtmlOlElement, - HtmlLiElement, - HtmlFormElement, - HtmlLabelElement, - HtmlInputElement, - HtmlTextareaElement, - HtmlSelectElement, - HtmlOptionElement, - HtmlButtonElement, - HtmlTableElement, - HtmlTheadElement, - HtmlTbodyElement, - HtmlTfootElement, - HtmlTrElement, - HtmlThElement, - HtmlTdElement, - HtmlBrElement, - HtmlHrElement, - TwentyUiButtonElement, -} from './remote-elements'; - -export const HtmlDiv = createRemoteComponent('html-div', HtmlDivElement, { - eventProps: { - onClick: { event: 'click' }, - onDblclick: { event: 'dblclick' }, - onMousedown: { event: 'mousedown' }, - onMouseup: { event: 'mouseup' }, - onMouseover: { event: 'mouseover' }, - onMouseout: { event: 'mouseout' }, - onMouseenter: { event: 'mouseenter' }, - onMouseleave: { event: 'mouseleave' }, - onKeydown: { event: 'keydown' }, - onKeyup: { event: 'keyup' }, - onKeypress: { event: 'keypress' }, - onFocus: { event: 'focus' }, - onBlur: { event: 'blur' }, - onChange: { event: 'change' }, - onInput: { event: 'input' }, - onSubmit: { event: 'submit' }, - onScroll: { event: 'scroll' }, - onWheel: { event: 'wheel' }, - onContextmenu: { event: 'contextmenu' }, - onDrag: { event: 'drag' }, - }, -}); -export const HtmlSpan = createRemoteComponent('html-span', HtmlSpanElement, { - eventProps: { - onClick: { event: 'click' }, - onDblclick: { event: 'dblclick' }, - onMousedown: { event: 'mousedown' }, - onMouseup: { event: 'mouseup' }, - onMouseover: { event: 'mouseover' }, - onMouseout: { event: 'mouseout' }, - onMouseenter: { event: 'mouseenter' }, - onMouseleave: { event: 'mouseleave' }, - onKeydown: { event: 'keydown' }, - onKeyup: { event: 'keyup' }, - onKeypress: { event: 'keypress' }, - onFocus: { event: 'focus' }, - onBlur: { event: 'blur' }, - onChange: { event: 'change' }, - onInput: { event: 'input' }, - onSubmit: { event: 'submit' }, - onScroll: { event: 'scroll' }, - onWheel: { event: 'wheel' }, - onContextmenu: { event: 'contextmenu' }, - onDrag: { event: 'drag' }, - }, -}); -export const HtmlSection = createRemoteComponent( - 'html-section', - HtmlSectionElement, - { - eventProps: { - onClick: { event: 'click' }, - onDblclick: { event: 'dblclick' }, - onMousedown: { event: 'mousedown' }, - onMouseup: { event: 'mouseup' }, - onMouseover: { event: 'mouseover' }, - onMouseout: { event: 'mouseout' }, - onMouseenter: { event: 'mouseenter' }, - onMouseleave: { event: 'mouseleave' }, - onKeydown: { event: 'keydown' }, - onKeyup: { event: 'keyup' }, - onKeypress: { event: 'keypress' }, - onFocus: { event: 'focus' }, - onBlur: { event: 'blur' }, - onChange: { event: 'change' }, - onInput: { event: 'input' }, - onSubmit: { event: 'submit' }, - onScroll: { event: 'scroll' }, - onWheel: { event: 'wheel' }, - onContextmenu: { event: 'contextmenu' }, - onDrag: { event: 'drag' }, - }, - }, -); -export const HtmlArticle = createRemoteComponent( - 'html-article', - HtmlArticleElement, - { - eventProps: { - onClick: { event: 'click' }, - onDblclick: { event: 'dblclick' }, - onMousedown: { event: 'mousedown' }, - onMouseup: { event: 'mouseup' }, - onMouseover: { event: 'mouseover' }, - onMouseout: { event: 'mouseout' }, - onMouseenter: { event: 'mouseenter' }, - onMouseleave: { event: 'mouseleave' }, - onKeydown: { event: 'keydown' }, - onKeyup: { event: 'keyup' }, - onKeypress: { event: 'keypress' }, - onFocus: { event: 'focus' }, - onBlur: { event: 'blur' }, - onChange: { event: 'change' }, - onInput: { event: 'input' }, - onSubmit: { event: 'submit' }, - onScroll: { event: 'scroll' }, - onWheel: { event: 'wheel' }, - onContextmenu: { event: 'contextmenu' }, - onDrag: { event: 'drag' }, - }, - }, -); -export const HtmlHeader = createRemoteComponent( - 'html-header', - HtmlHeaderElement, - { - eventProps: { - onClick: { event: 'click' }, - onDblclick: { event: 'dblclick' }, - onMousedown: { event: 'mousedown' }, - onMouseup: { event: 'mouseup' }, - onMouseover: { event: 'mouseover' }, - onMouseout: { event: 'mouseout' }, - onMouseenter: { event: 'mouseenter' }, - onMouseleave: { event: 'mouseleave' }, - onKeydown: { event: 'keydown' }, - onKeyup: { event: 'keyup' }, - onKeypress: { event: 'keypress' }, - onFocus: { event: 'focus' }, - onBlur: { event: 'blur' }, - onChange: { event: 'change' }, - onInput: { event: 'input' }, - onSubmit: { event: 'submit' }, - onScroll: { event: 'scroll' }, - onWheel: { event: 'wheel' }, - onContextmenu: { event: 'contextmenu' }, - onDrag: { event: 'drag' }, - }, - }, -); -export const HtmlFooter = createRemoteComponent( - 'html-footer', - HtmlFooterElement, - { - eventProps: { - onClick: { event: 'click' }, - onDblclick: { event: 'dblclick' }, - onMousedown: { event: 'mousedown' }, - onMouseup: { event: 'mouseup' }, - onMouseover: { event: 'mouseover' }, - onMouseout: { event: 'mouseout' }, - onMouseenter: { event: 'mouseenter' }, - onMouseleave: { event: 'mouseleave' }, - onKeydown: { event: 'keydown' }, - onKeyup: { event: 'keyup' }, - onKeypress: { event: 'keypress' }, - onFocus: { event: 'focus' }, - onBlur: { event: 'blur' }, - onChange: { event: 'change' }, - onInput: { event: 'input' }, - onSubmit: { event: 'submit' }, - onScroll: { event: 'scroll' }, - onWheel: { event: 'wheel' }, - onContextmenu: { event: 'contextmenu' }, - onDrag: { event: 'drag' }, - }, - }, -); -export const HtmlMain = createRemoteComponent('html-main', HtmlMainElement, { - eventProps: { - onClick: { event: 'click' }, - onDblclick: { event: 'dblclick' }, - onMousedown: { event: 'mousedown' }, - onMouseup: { event: 'mouseup' }, - onMouseover: { event: 'mouseover' }, - onMouseout: { event: 'mouseout' }, - onMouseenter: { event: 'mouseenter' }, - onMouseleave: { event: 'mouseleave' }, - onKeydown: { event: 'keydown' }, - onKeyup: { event: 'keyup' }, - onKeypress: { event: 'keypress' }, - onFocus: { event: 'focus' }, - onBlur: { event: 'blur' }, - onChange: { event: 'change' }, - onInput: { event: 'input' }, - onSubmit: { event: 'submit' }, - onScroll: { event: 'scroll' }, - onWheel: { event: 'wheel' }, - onContextmenu: { event: 'contextmenu' }, - onDrag: { event: 'drag' }, - }, -}); -export const HtmlNav = createRemoteComponent('html-nav', HtmlNavElement, { - eventProps: { - onClick: { event: 'click' }, - onDblclick: { event: 'dblclick' }, - onMousedown: { event: 'mousedown' }, - onMouseup: { event: 'mouseup' }, - onMouseover: { event: 'mouseover' }, - onMouseout: { event: 'mouseout' }, - onMouseenter: { event: 'mouseenter' }, - onMouseleave: { event: 'mouseleave' }, - onKeydown: { event: 'keydown' }, - onKeyup: { event: 'keyup' }, - onKeypress: { event: 'keypress' }, - onFocus: { event: 'focus' }, - onBlur: { event: 'blur' }, - onChange: { event: 'change' }, - onInput: { event: 'input' }, - onSubmit: { event: 'submit' }, - onScroll: { event: 'scroll' }, - onWheel: { event: 'wheel' }, - onContextmenu: { event: 'contextmenu' }, - onDrag: { event: 'drag' }, - }, -}); -export const HtmlAside = createRemoteComponent('html-aside', HtmlAsideElement, { - eventProps: { - onClick: { event: 'click' }, - onDblclick: { event: 'dblclick' }, - onMousedown: { event: 'mousedown' }, - onMouseup: { event: 'mouseup' }, - onMouseover: { event: 'mouseover' }, - onMouseout: { event: 'mouseout' }, - onMouseenter: { event: 'mouseenter' }, - onMouseleave: { event: 'mouseleave' }, - onKeydown: { event: 'keydown' }, - onKeyup: { event: 'keyup' }, - onKeypress: { event: 'keypress' }, - onFocus: { event: 'focus' }, - onBlur: { event: 'blur' }, - onChange: { event: 'change' }, - onInput: { event: 'input' }, - onSubmit: { event: 'submit' }, - onScroll: { event: 'scroll' }, - onWheel: { event: 'wheel' }, - onContextmenu: { event: 'contextmenu' }, - onDrag: { event: 'drag' }, - }, -}); -export const HtmlP = createRemoteComponent('html-p', HtmlPElement, { - eventProps: { - onClick: { event: 'click' }, - onDblclick: { event: 'dblclick' }, - onMousedown: { event: 'mousedown' }, - onMouseup: { event: 'mouseup' }, - onMouseover: { event: 'mouseover' }, - onMouseout: { event: 'mouseout' }, - onMouseenter: { event: 'mouseenter' }, - onMouseleave: { event: 'mouseleave' }, - onKeydown: { event: 'keydown' }, - onKeyup: { event: 'keyup' }, - onKeypress: { event: 'keypress' }, - onFocus: { event: 'focus' }, - onBlur: { event: 'blur' }, - onChange: { event: 'change' }, - onInput: { event: 'input' }, - onSubmit: { event: 'submit' }, - onScroll: { event: 'scroll' }, - onWheel: { event: 'wheel' }, - onContextmenu: { event: 'contextmenu' }, - onDrag: { event: 'drag' }, - }, -}); -export const HtmlH1 = createRemoteComponent('html-h1', HtmlH1Element, { - eventProps: { - onClick: { event: 'click' }, - onDblclick: { event: 'dblclick' }, - onMousedown: { event: 'mousedown' }, - onMouseup: { event: 'mouseup' }, - onMouseover: { event: 'mouseover' }, - onMouseout: { event: 'mouseout' }, - onMouseenter: { event: 'mouseenter' }, - onMouseleave: { event: 'mouseleave' }, - onKeydown: { event: 'keydown' }, - onKeyup: { event: 'keyup' }, - onKeypress: { event: 'keypress' }, - onFocus: { event: 'focus' }, - onBlur: { event: 'blur' }, - onChange: { event: 'change' }, - onInput: { event: 'input' }, - onSubmit: { event: 'submit' }, - onScroll: { event: 'scroll' }, - onWheel: { event: 'wheel' }, - onContextmenu: { event: 'contextmenu' }, - onDrag: { event: 'drag' }, - }, -}); -export const HtmlH2 = createRemoteComponent('html-h2', HtmlH2Element, { - eventProps: { - onClick: { event: 'click' }, - onDblclick: { event: 'dblclick' }, - onMousedown: { event: 'mousedown' }, - onMouseup: { event: 'mouseup' }, - onMouseover: { event: 'mouseover' }, - onMouseout: { event: 'mouseout' }, - onMouseenter: { event: 'mouseenter' }, - onMouseleave: { event: 'mouseleave' }, - onKeydown: { event: 'keydown' }, - onKeyup: { event: 'keyup' }, - onKeypress: { event: 'keypress' }, - onFocus: { event: 'focus' }, - onBlur: { event: 'blur' }, - onChange: { event: 'change' }, - onInput: { event: 'input' }, - onSubmit: { event: 'submit' }, - onScroll: { event: 'scroll' }, - onWheel: { event: 'wheel' }, - onContextmenu: { event: 'contextmenu' }, - onDrag: { event: 'drag' }, - }, -}); -export const HtmlH3 = createRemoteComponent('html-h3', HtmlH3Element, { - eventProps: { - onClick: { event: 'click' }, - onDblclick: { event: 'dblclick' }, - onMousedown: { event: 'mousedown' }, - onMouseup: { event: 'mouseup' }, - onMouseover: { event: 'mouseover' }, - onMouseout: { event: 'mouseout' }, - onMouseenter: { event: 'mouseenter' }, - onMouseleave: { event: 'mouseleave' }, - onKeydown: { event: 'keydown' }, - onKeyup: { event: 'keyup' }, - onKeypress: { event: 'keypress' }, - onFocus: { event: 'focus' }, - onBlur: { event: 'blur' }, - onChange: { event: 'change' }, - onInput: { event: 'input' }, - onSubmit: { event: 'submit' }, - onScroll: { event: 'scroll' }, - onWheel: { event: 'wheel' }, - onContextmenu: { event: 'contextmenu' }, - onDrag: { event: 'drag' }, - }, -}); -export const HtmlH4 = createRemoteComponent('html-h4', HtmlH4Element, { - eventProps: { - onClick: { event: 'click' }, - onDblclick: { event: 'dblclick' }, - onMousedown: { event: 'mousedown' }, - onMouseup: { event: 'mouseup' }, - onMouseover: { event: 'mouseover' }, - onMouseout: { event: 'mouseout' }, - onMouseenter: { event: 'mouseenter' }, - onMouseleave: { event: 'mouseleave' }, - onKeydown: { event: 'keydown' }, - onKeyup: { event: 'keyup' }, - onKeypress: { event: 'keypress' }, - onFocus: { event: 'focus' }, - onBlur: { event: 'blur' }, - onChange: { event: 'change' }, - onInput: { event: 'input' }, - onSubmit: { event: 'submit' }, - onScroll: { event: 'scroll' }, - onWheel: { event: 'wheel' }, - onContextmenu: { event: 'contextmenu' }, - onDrag: { event: 'drag' }, - }, -}); -export const HtmlH5 = createRemoteComponent('html-h5', HtmlH5Element, { - eventProps: { - onClick: { event: 'click' }, - onDblclick: { event: 'dblclick' }, - onMousedown: { event: 'mousedown' }, - onMouseup: { event: 'mouseup' }, - onMouseover: { event: 'mouseover' }, - onMouseout: { event: 'mouseout' }, - onMouseenter: { event: 'mouseenter' }, - onMouseleave: { event: 'mouseleave' }, - onKeydown: { event: 'keydown' }, - onKeyup: { event: 'keyup' }, - onKeypress: { event: 'keypress' }, - onFocus: { event: 'focus' }, - onBlur: { event: 'blur' }, - onChange: { event: 'change' }, - onInput: { event: 'input' }, - onSubmit: { event: 'submit' }, - onScroll: { event: 'scroll' }, - onWheel: { event: 'wheel' }, - onContextmenu: { event: 'contextmenu' }, - onDrag: { event: 'drag' }, - }, -}); -export const HtmlH6 = createRemoteComponent('html-h6', HtmlH6Element, { - eventProps: { - onClick: { event: 'click' }, - onDblclick: { event: 'dblclick' }, - onMousedown: { event: 'mousedown' }, - onMouseup: { event: 'mouseup' }, - onMouseover: { event: 'mouseover' }, - onMouseout: { event: 'mouseout' }, - onMouseenter: { event: 'mouseenter' }, - onMouseleave: { event: 'mouseleave' }, - onKeydown: { event: 'keydown' }, - onKeyup: { event: 'keyup' }, - onKeypress: { event: 'keypress' }, - onFocus: { event: 'focus' }, - onBlur: { event: 'blur' }, - onChange: { event: 'change' }, - onInput: { event: 'input' }, - onSubmit: { event: 'submit' }, - onScroll: { event: 'scroll' }, - onWheel: { event: 'wheel' }, - onContextmenu: { event: 'contextmenu' }, - onDrag: { event: 'drag' }, - }, -}); -export const HtmlStrong = createRemoteComponent( - 'html-strong', - HtmlStrongElement, - { - eventProps: { - onClick: { event: 'click' }, - onDblclick: { event: 'dblclick' }, - onMousedown: { event: 'mousedown' }, - onMouseup: { event: 'mouseup' }, - onMouseover: { event: 'mouseover' }, - onMouseout: { event: 'mouseout' }, - onMouseenter: { event: 'mouseenter' }, - onMouseleave: { event: 'mouseleave' }, - onKeydown: { event: 'keydown' }, - onKeyup: { event: 'keyup' }, - onKeypress: { event: 'keypress' }, - onFocus: { event: 'focus' }, - onBlur: { event: 'blur' }, - onChange: { event: 'change' }, - onInput: { event: 'input' }, - onSubmit: { event: 'submit' }, - onScroll: { event: 'scroll' }, - onWheel: { event: 'wheel' }, - onContextmenu: { event: 'contextmenu' }, - onDrag: { event: 'drag' }, - }, - }, -); -export const HtmlEm = createRemoteComponent('html-em', HtmlEmElement, { - eventProps: { - onClick: { event: 'click' }, - onDblclick: { event: 'dblclick' }, - onMousedown: { event: 'mousedown' }, - onMouseup: { event: 'mouseup' }, - onMouseover: { event: 'mouseover' }, - onMouseout: { event: 'mouseout' }, - onMouseenter: { event: 'mouseenter' }, - onMouseleave: { event: 'mouseleave' }, - onKeydown: { event: 'keydown' }, - onKeyup: { event: 'keyup' }, - onKeypress: { event: 'keypress' }, - onFocus: { event: 'focus' }, - onBlur: { event: 'blur' }, - onChange: { event: 'change' }, - onInput: { event: 'input' }, - onSubmit: { event: 'submit' }, - onScroll: { event: 'scroll' }, - onWheel: { event: 'wheel' }, - onContextmenu: { event: 'contextmenu' }, - onDrag: { event: 'drag' }, - }, -}); -export const HtmlSmall = createRemoteComponent('html-small', HtmlSmallElement, { - eventProps: { - onClick: { event: 'click' }, - onDblclick: { event: 'dblclick' }, - onMousedown: { event: 'mousedown' }, - onMouseup: { event: 'mouseup' }, - onMouseover: { event: 'mouseover' }, - onMouseout: { event: 'mouseout' }, - onMouseenter: { event: 'mouseenter' }, - onMouseleave: { event: 'mouseleave' }, - onKeydown: { event: 'keydown' }, - onKeyup: { event: 'keyup' }, - onKeypress: { event: 'keypress' }, - onFocus: { event: 'focus' }, - onBlur: { event: 'blur' }, - onChange: { event: 'change' }, - onInput: { event: 'input' }, - onSubmit: { event: 'submit' }, - onScroll: { event: 'scroll' }, - onWheel: { event: 'wheel' }, - onContextmenu: { event: 'contextmenu' }, - onDrag: { event: 'drag' }, - }, -}); -export const HtmlCode = createRemoteComponent('html-code', HtmlCodeElement, { - eventProps: { - onClick: { event: 'click' }, - onDblclick: { event: 'dblclick' }, - onMousedown: { event: 'mousedown' }, - onMouseup: { event: 'mouseup' }, - onMouseover: { event: 'mouseover' }, - onMouseout: { event: 'mouseout' }, - onMouseenter: { event: 'mouseenter' }, - onMouseleave: { event: 'mouseleave' }, - onKeydown: { event: 'keydown' }, - onKeyup: { event: 'keyup' }, - onKeypress: { event: 'keypress' }, - onFocus: { event: 'focus' }, - onBlur: { event: 'blur' }, - onChange: { event: 'change' }, - onInput: { event: 'input' }, - onSubmit: { event: 'submit' }, - onScroll: { event: 'scroll' }, - onWheel: { event: 'wheel' }, - onContextmenu: { event: 'contextmenu' }, - onDrag: { event: 'drag' }, - }, -}); -export const HtmlPre = createRemoteComponent('html-pre', HtmlPreElement, { - eventProps: { - onClick: { event: 'click' }, - onDblclick: { event: 'dblclick' }, - onMousedown: { event: 'mousedown' }, - onMouseup: { event: 'mouseup' }, - onMouseover: { event: 'mouseover' }, - onMouseout: { event: 'mouseout' }, - onMouseenter: { event: 'mouseenter' }, - onMouseleave: { event: 'mouseleave' }, - onKeydown: { event: 'keydown' }, - onKeyup: { event: 'keyup' }, - onKeypress: { event: 'keypress' }, - onFocus: { event: 'focus' }, - onBlur: { event: 'blur' }, - onChange: { event: 'change' }, - onInput: { event: 'input' }, - onSubmit: { event: 'submit' }, - onScroll: { event: 'scroll' }, - onWheel: { event: 'wheel' }, - onContextmenu: { event: 'contextmenu' }, - onDrag: { event: 'drag' }, - }, -}); -export const HtmlBlockquote = createRemoteComponent( - 'html-blockquote', - HtmlBlockquoteElement, - { - eventProps: { - onClick: { event: 'click' }, - onDblclick: { event: 'dblclick' }, - onMousedown: { event: 'mousedown' }, - onMouseup: { event: 'mouseup' }, - onMouseover: { event: 'mouseover' }, - onMouseout: { event: 'mouseout' }, - onMouseenter: { event: 'mouseenter' }, - onMouseleave: { event: 'mouseleave' }, - onKeydown: { event: 'keydown' }, - onKeyup: { event: 'keyup' }, - onKeypress: { event: 'keypress' }, - onFocus: { event: 'focus' }, - onBlur: { event: 'blur' }, - onChange: { event: 'change' }, - onInput: { event: 'input' }, - onSubmit: { event: 'submit' }, - onScroll: { event: 'scroll' }, - onWheel: { event: 'wheel' }, - onContextmenu: { event: 'contextmenu' }, - onDrag: { event: 'drag' }, - }, - }, -); -export const HtmlA = createRemoteComponent('html-a', HtmlAElement, { - eventProps: { - onClick: { event: 'click' }, - onDblclick: { event: 'dblclick' }, - onMousedown: { event: 'mousedown' }, - onMouseup: { event: 'mouseup' }, - onMouseover: { event: 'mouseover' }, - onMouseout: { event: 'mouseout' }, - onMouseenter: { event: 'mouseenter' }, - onMouseleave: { event: 'mouseleave' }, - onKeydown: { event: 'keydown' }, - onKeyup: { event: 'keyup' }, - onKeypress: { event: 'keypress' }, - onFocus: { event: 'focus' }, - onBlur: { event: 'blur' }, - onChange: { event: 'change' }, - onInput: { event: 'input' }, - onSubmit: { event: 'submit' }, - onScroll: { event: 'scroll' }, - onWheel: { event: 'wheel' }, - onContextmenu: { event: 'contextmenu' }, - onDrag: { event: 'drag' }, - }, -}); -export const HtmlImg = createRemoteComponent('html-img', HtmlImgElement, { - eventProps: { - onClick: { event: 'click' }, - onDblclick: { event: 'dblclick' }, - onMousedown: { event: 'mousedown' }, - onMouseup: { event: 'mouseup' }, - onMouseover: { event: 'mouseover' }, - onMouseout: { event: 'mouseout' }, - onMouseenter: { event: 'mouseenter' }, - onMouseleave: { event: 'mouseleave' }, - onKeydown: { event: 'keydown' }, - onKeyup: { event: 'keyup' }, - onKeypress: { event: 'keypress' }, - onFocus: { event: 'focus' }, - onBlur: { event: 'blur' }, - onChange: { event: 'change' }, - onInput: { event: 'input' }, - onSubmit: { event: 'submit' }, - onScroll: { event: 'scroll' }, - onWheel: { event: 'wheel' }, - onContextmenu: { event: 'contextmenu' }, - onDrag: { event: 'drag' }, - }, -}); -export const HtmlUl = createRemoteComponent('html-ul', HtmlUlElement, { - eventProps: { - onClick: { event: 'click' }, - onDblclick: { event: 'dblclick' }, - onMousedown: { event: 'mousedown' }, - onMouseup: { event: 'mouseup' }, - onMouseover: { event: 'mouseover' }, - onMouseout: { event: 'mouseout' }, - onMouseenter: { event: 'mouseenter' }, - onMouseleave: { event: 'mouseleave' }, - onKeydown: { event: 'keydown' }, - onKeyup: { event: 'keyup' }, - onKeypress: { event: 'keypress' }, - onFocus: { event: 'focus' }, - onBlur: { event: 'blur' }, - onChange: { event: 'change' }, - onInput: { event: 'input' }, - onSubmit: { event: 'submit' }, - onScroll: { event: 'scroll' }, - onWheel: { event: 'wheel' }, - onContextmenu: { event: 'contextmenu' }, - onDrag: { event: 'drag' }, - }, -}); -export const HtmlOl = createRemoteComponent('html-ol', HtmlOlElement, { - eventProps: { - onClick: { event: 'click' }, - onDblclick: { event: 'dblclick' }, - onMousedown: { event: 'mousedown' }, - onMouseup: { event: 'mouseup' }, - onMouseover: { event: 'mouseover' }, - onMouseout: { event: 'mouseout' }, - onMouseenter: { event: 'mouseenter' }, - onMouseleave: { event: 'mouseleave' }, - onKeydown: { event: 'keydown' }, - onKeyup: { event: 'keyup' }, - onKeypress: { event: 'keypress' }, - onFocus: { event: 'focus' }, - onBlur: { event: 'blur' }, - onChange: { event: 'change' }, - onInput: { event: 'input' }, - onSubmit: { event: 'submit' }, - onScroll: { event: 'scroll' }, - onWheel: { event: 'wheel' }, - onContextmenu: { event: 'contextmenu' }, - onDrag: { event: 'drag' }, - }, -}); -export const HtmlLi = createRemoteComponent('html-li', HtmlLiElement, { - eventProps: { - onClick: { event: 'click' }, - onDblclick: { event: 'dblclick' }, - onMousedown: { event: 'mousedown' }, - onMouseup: { event: 'mouseup' }, - onMouseover: { event: 'mouseover' }, - onMouseout: { event: 'mouseout' }, - onMouseenter: { event: 'mouseenter' }, - onMouseleave: { event: 'mouseleave' }, - onKeydown: { event: 'keydown' }, - onKeyup: { event: 'keyup' }, - onKeypress: { event: 'keypress' }, - onFocus: { event: 'focus' }, - onBlur: { event: 'blur' }, - onChange: { event: 'change' }, - onInput: { event: 'input' }, - onSubmit: { event: 'submit' }, - onScroll: { event: 'scroll' }, - onWheel: { event: 'wheel' }, - onContextmenu: { event: 'contextmenu' }, - onDrag: { event: 'drag' }, - }, -}); -export const HtmlForm = createRemoteComponent('html-form', HtmlFormElement, { - eventProps: { - onClick: { event: 'click' }, - onDblclick: { event: 'dblclick' }, - onMousedown: { event: 'mousedown' }, - onMouseup: { event: 'mouseup' }, - onMouseover: { event: 'mouseover' }, - onMouseout: { event: 'mouseout' }, - onMouseenter: { event: 'mouseenter' }, - onMouseleave: { event: 'mouseleave' }, - onKeydown: { event: 'keydown' }, - onKeyup: { event: 'keyup' }, - onKeypress: { event: 'keypress' }, - onFocus: { event: 'focus' }, - onBlur: { event: 'blur' }, - onChange: { event: 'change' }, - onInput: { event: 'input' }, - onSubmit: { event: 'submit' }, - onScroll: { event: 'scroll' }, - onWheel: { event: 'wheel' }, - onContextmenu: { event: 'contextmenu' }, - onDrag: { event: 'drag' }, - }, -}); -export const HtmlLabel = createRemoteComponent('html-label', HtmlLabelElement, { - eventProps: { - onClick: { event: 'click' }, - onDblclick: { event: 'dblclick' }, - onMousedown: { event: 'mousedown' }, - onMouseup: { event: 'mouseup' }, - onMouseover: { event: 'mouseover' }, - onMouseout: { event: 'mouseout' }, - onMouseenter: { event: 'mouseenter' }, - onMouseleave: { event: 'mouseleave' }, - onKeydown: { event: 'keydown' }, - onKeyup: { event: 'keyup' }, - onKeypress: { event: 'keypress' }, - onFocus: { event: 'focus' }, - onBlur: { event: 'blur' }, - onChange: { event: 'change' }, - onInput: { event: 'input' }, - onSubmit: { event: 'submit' }, - onScroll: { event: 'scroll' }, - onWheel: { event: 'wheel' }, - onContextmenu: { event: 'contextmenu' }, - onDrag: { event: 'drag' }, - }, -}); -export const HtmlInput = createRemoteComponent('html-input', HtmlInputElement, { - eventProps: { - onClick: { event: 'click' }, - onDblclick: { event: 'dblclick' }, - onMousedown: { event: 'mousedown' }, - onMouseup: { event: 'mouseup' }, - onMouseover: { event: 'mouseover' }, - onMouseout: { event: 'mouseout' }, - onMouseenter: { event: 'mouseenter' }, - onMouseleave: { event: 'mouseleave' }, - onKeydown: { event: 'keydown' }, - onKeyup: { event: 'keyup' }, - onKeypress: { event: 'keypress' }, - onFocus: { event: 'focus' }, - onBlur: { event: 'blur' }, - onChange: { event: 'change' }, - onInput: { event: 'input' }, - onSubmit: { event: 'submit' }, - onScroll: { event: 'scroll' }, - onWheel: { event: 'wheel' }, - onContextmenu: { event: 'contextmenu' }, - onDrag: { event: 'drag' }, - }, -}); -export const HtmlTextarea = createRemoteComponent( - 'html-textarea', - HtmlTextareaElement, - { - eventProps: { - onClick: { event: 'click' }, - onDblclick: { event: 'dblclick' }, - onMousedown: { event: 'mousedown' }, - onMouseup: { event: 'mouseup' }, - onMouseover: { event: 'mouseover' }, - onMouseout: { event: 'mouseout' }, - onMouseenter: { event: 'mouseenter' }, - onMouseleave: { event: 'mouseleave' }, - onKeydown: { event: 'keydown' }, - onKeyup: { event: 'keyup' }, - onKeypress: { event: 'keypress' }, - onFocus: { event: 'focus' }, - onBlur: { event: 'blur' }, - onChange: { event: 'change' }, - onInput: { event: 'input' }, - onSubmit: { event: 'submit' }, - onScroll: { event: 'scroll' }, - onWheel: { event: 'wheel' }, - onContextmenu: { event: 'contextmenu' }, - onDrag: { event: 'drag' }, - }, - }, -); -export const HtmlSelect = createRemoteComponent( - 'html-select', - HtmlSelectElement, - { - eventProps: { - onClick: { event: 'click' }, - onDblclick: { event: 'dblclick' }, - onMousedown: { event: 'mousedown' }, - onMouseup: { event: 'mouseup' }, - onMouseover: { event: 'mouseover' }, - onMouseout: { event: 'mouseout' }, - onMouseenter: { event: 'mouseenter' }, - onMouseleave: { event: 'mouseleave' }, - onKeydown: { event: 'keydown' }, - onKeyup: { event: 'keyup' }, - onKeypress: { event: 'keypress' }, - onFocus: { event: 'focus' }, - onBlur: { event: 'blur' }, - onChange: { event: 'change' }, - onInput: { event: 'input' }, - onSubmit: { event: 'submit' }, - onScroll: { event: 'scroll' }, - onWheel: { event: 'wheel' }, - onContextmenu: { event: 'contextmenu' }, - onDrag: { event: 'drag' }, - }, - }, -); -export const HtmlOption = createRemoteComponent( - 'html-option', - HtmlOptionElement, - { - eventProps: { - onClick: { event: 'click' }, - onDblclick: { event: 'dblclick' }, - onMousedown: { event: 'mousedown' }, - onMouseup: { event: 'mouseup' }, - onMouseover: { event: 'mouseover' }, - onMouseout: { event: 'mouseout' }, - onMouseenter: { event: 'mouseenter' }, - onMouseleave: { event: 'mouseleave' }, - onKeydown: { event: 'keydown' }, - onKeyup: { event: 'keyup' }, - onKeypress: { event: 'keypress' }, - onFocus: { event: 'focus' }, - onBlur: { event: 'blur' }, - onChange: { event: 'change' }, - onInput: { event: 'input' }, - onSubmit: { event: 'submit' }, - onScroll: { event: 'scroll' }, - onWheel: { event: 'wheel' }, - onContextmenu: { event: 'contextmenu' }, - onDrag: { event: 'drag' }, - }, - }, -); -export const HtmlButton = createRemoteComponent( - 'html-button', - HtmlButtonElement, - { - eventProps: { - onClick: { event: 'click' }, - onDblclick: { event: 'dblclick' }, - onMousedown: { event: 'mousedown' }, - onMouseup: { event: 'mouseup' }, - onMouseover: { event: 'mouseover' }, - onMouseout: { event: 'mouseout' }, - onMouseenter: { event: 'mouseenter' }, - onMouseleave: { event: 'mouseleave' }, - onKeydown: { event: 'keydown' }, - onKeyup: { event: 'keyup' }, - onKeypress: { event: 'keypress' }, - onFocus: { event: 'focus' }, - onBlur: { event: 'blur' }, - onChange: { event: 'change' }, - onInput: { event: 'input' }, - onSubmit: { event: 'submit' }, - onScroll: { event: 'scroll' }, - onWheel: { event: 'wheel' }, - onContextmenu: { event: 'contextmenu' }, - onDrag: { event: 'drag' }, - }, - }, -); -export const HtmlTable = createRemoteComponent('html-table', HtmlTableElement, { - eventProps: { - onClick: { event: 'click' }, - onDblclick: { event: 'dblclick' }, - onMousedown: { event: 'mousedown' }, - onMouseup: { event: 'mouseup' }, - onMouseover: { event: 'mouseover' }, - onMouseout: { event: 'mouseout' }, - onMouseenter: { event: 'mouseenter' }, - onMouseleave: { event: 'mouseleave' }, - onKeydown: { event: 'keydown' }, - onKeyup: { event: 'keyup' }, - onKeypress: { event: 'keypress' }, - onFocus: { event: 'focus' }, - onBlur: { event: 'blur' }, - onChange: { event: 'change' }, - onInput: { event: 'input' }, - onSubmit: { event: 'submit' }, - onScroll: { event: 'scroll' }, - onWheel: { event: 'wheel' }, - onContextmenu: { event: 'contextmenu' }, - onDrag: { event: 'drag' }, - }, -}); -export const HtmlThead = createRemoteComponent('html-thead', HtmlTheadElement, { - eventProps: { - onClick: { event: 'click' }, - onDblclick: { event: 'dblclick' }, - onMousedown: { event: 'mousedown' }, - onMouseup: { event: 'mouseup' }, - onMouseover: { event: 'mouseover' }, - onMouseout: { event: 'mouseout' }, - onMouseenter: { event: 'mouseenter' }, - onMouseleave: { event: 'mouseleave' }, - onKeydown: { event: 'keydown' }, - onKeyup: { event: 'keyup' }, - onKeypress: { event: 'keypress' }, - onFocus: { event: 'focus' }, - onBlur: { event: 'blur' }, - onChange: { event: 'change' }, - onInput: { event: 'input' }, - onSubmit: { event: 'submit' }, - onScroll: { event: 'scroll' }, - onWheel: { event: 'wheel' }, - onContextmenu: { event: 'contextmenu' }, - onDrag: { event: 'drag' }, - }, -}); -export const HtmlTbody = createRemoteComponent('html-tbody', HtmlTbodyElement, { - eventProps: { - onClick: { event: 'click' }, - onDblclick: { event: 'dblclick' }, - onMousedown: { event: 'mousedown' }, - onMouseup: { event: 'mouseup' }, - onMouseover: { event: 'mouseover' }, - onMouseout: { event: 'mouseout' }, - onMouseenter: { event: 'mouseenter' }, - onMouseleave: { event: 'mouseleave' }, - onKeydown: { event: 'keydown' }, - onKeyup: { event: 'keyup' }, - onKeypress: { event: 'keypress' }, - onFocus: { event: 'focus' }, - onBlur: { event: 'blur' }, - onChange: { event: 'change' }, - onInput: { event: 'input' }, - onSubmit: { event: 'submit' }, - onScroll: { event: 'scroll' }, - onWheel: { event: 'wheel' }, - onContextmenu: { event: 'contextmenu' }, - onDrag: { event: 'drag' }, - }, -}); -export const HtmlTfoot = createRemoteComponent('html-tfoot', HtmlTfootElement, { - eventProps: { - onClick: { event: 'click' }, - onDblclick: { event: 'dblclick' }, - onMousedown: { event: 'mousedown' }, - onMouseup: { event: 'mouseup' }, - onMouseover: { event: 'mouseover' }, - onMouseout: { event: 'mouseout' }, - onMouseenter: { event: 'mouseenter' }, - onMouseleave: { event: 'mouseleave' }, - onKeydown: { event: 'keydown' }, - onKeyup: { event: 'keyup' }, - onKeypress: { event: 'keypress' }, - onFocus: { event: 'focus' }, - onBlur: { event: 'blur' }, - onChange: { event: 'change' }, - onInput: { event: 'input' }, - onSubmit: { event: 'submit' }, - onScroll: { event: 'scroll' }, - onWheel: { event: 'wheel' }, - onContextmenu: { event: 'contextmenu' }, - onDrag: { event: 'drag' }, - }, -}); -export const HtmlTr = createRemoteComponent('html-tr', HtmlTrElement, { - eventProps: { - onClick: { event: 'click' }, - onDblclick: { event: 'dblclick' }, - onMousedown: { event: 'mousedown' }, - onMouseup: { event: 'mouseup' }, - onMouseover: { event: 'mouseover' }, - onMouseout: { event: 'mouseout' }, - onMouseenter: { event: 'mouseenter' }, - onMouseleave: { event: 'mouseleave' }, - onKeydown: { event: 'keydown' }, - onKeyup: { event: 'keyup' }, - onKeypress: { event: 'keypress' }, - onFocus: { event: 'focus' }, - onBlur: { event: 'blur' }, - onChange: { event: 'change' }, - onInput: { event: 'input' }, - onSubmit: { event: 'submit' }, - onScroll: { event: 'scroll' }, - onWheel: { event: 'wheel' }, - onContextmenu: { event: 'contextmenu' }, - onDrag: { event: 'drag' }, - }, -}); -export const HtmlTh = createRemoteComponent('html-th', HtmlThElement, { - eventProps: { - onClick: { event: 'click' }, - onDblclick: { event: 'dblclick' }, - onMousedown: { event: 'mousedown' }, - onMouseup: { event: 'mouseup' }, - onMouseover: { event: 'mouseover' }, - onMouseout: { event: 'mouseout' }, - onMouseenter: { event: 'mouseenter' }, - onMouseleave: { event: 'mouseleave' }, - onKeydown: { event: 'keydown' }, - onKeyup: { event: 'keyup' }, - onKeypress: { event: 'keypress' }, - onFocus: { event: 'focus' }, - onBlur: { event: 'blur' }, - onChange: { event: 'change' }, - onInput: { event: 'input' }, - onSubmit: { event: 'submit' }, - onScroll: { event: 'scroll' }, - onWheel: { event: 'wheel' }, - onContextmenu: { event: 'contextmenu' }, - onDrag: { event: 'drag' }, - }, -}); -export const HtmlTd = createRemoteComponent('html-td', HtmlTdElement, { - eventProps: { - onClick: { event: 'click' }, - onDblclick: { event: 'dblclick' }, - onMousedown: { event: 'mousedown' }, - onMouseup: { event: 'mouseup' }, - onMouseover: { event: 'mouseover' }, - onMouseout: { event: 'mouseout' }, - onMouseenter: { event: 'mouseenter' }, - onMouseleave: { event: 'mouseleave' }, - onKeydown: { event: 'keydown' }, - onKeyup: { event: 'keyup' }, - onKeypress: { event: 'keypress' }, - onFocus: { event: 'focus' }, - onBlur: { event: 'blur' }, - onChange: { event: 'change' }, - onInput: { event: 'input' }, - onSubmit: { event: 'submit' }, - onScroll: { event: 'scroll' }, - onWheel: { event: 'wheel' }, - onContextmenu: { event: 'contextmenu' }, - onDrag: { event: 'drag' }, - }, -}); -export const HtmlBr = createRemoteComponent('html-br', HtmlBrElement, { - eventProps: { - onClick: { event: 'click' }, - onDblclick: { event: 'dblclick' }, - onMousedown: { event: 'mousedown' }, - onMouseup: { event: 'mouseup' }, - onMouseover: { event: 'mouseover' }, - onMouseout: { event: 'mouseout' }, - onMouseenter: { event: 'mouseenter' }, - onMouseleave: { event: 'mouseleave' }, - onKeydown: { event: 'keydown' }, - onKeyup: { event: 'keyup' }, - onKeypress: { event: 'keypress' }, - onFocus: { event: 'focus' }, - onBlur: { event: 'blur' }, - onChange: { event: 'change' }, - onInput: { event: 'input' }, - onSubmit: { event: 'submit' }, - onScroll: { event: 'scroll' }, - onWheel: { event: 'wheel' }, - onContextmenu: { event: 'contextmenu' }, - onDrag: { event: 'drag' }, - }, -}); -export const HtmlHr = createRemoteComponent('html-hr', HtmlHrElement, { - eventProps: { - onClick: { event: 'click' }, - onDblclick: { event: 'dblclick' }, - onMousedown: { event: 'mousedown' }, - onMouseup: { event: 'mouseup' }, - onMouseover: { event: 'mouseover' }, - onMouseout: { event: 'mouseout' }, - onMouseenter: { event: 'mouseenter' }, - onMouseleave: { event: 'mouseleave' }, - onKeydown: { event: 'keydown' }, - onKeyup: { event: 'keyup' }, - onKeypress: { event: 'keypress' }, - onFocus: { event: 'focus' }, - onBlur: { event: 'blur' }, - onChange: { event: 'change' }, - onInput: { event: 'input' }, - onSubmit: { event: 'submit' }, - onScroll: { event: 'scroll' }, - onWheel: { event: 'wheel' }, - onContextmenu: { event: 'contextmenu' }, - onDrag: { event: 'drag' }, - }, -}); -export const TwentyUiButton = createRemoteComponent( - 'twenty-ui-button', - TwentyUiButtonElement, - { - eventProps: { - onClick: { event: 'click' }, - onDblclick: { event: 'dblclick' }, - onMousedown: { event: 'mousedown' }, - onMouseup: { event: 'mouseup' }, - onMouseover: { event: 'mouseover' }, - onMouseout: { event: 'mouseout' }, - onMouseenter: { event: 'mouseenter' }, - onMouseleave: { event: 'mouseleave' }, - onKeydown: { event: 'keydown' }, - onKeyup: { event: 'keyup' }, - onKeypress: { event: 'keypress' }, - onFocus: { event: 'focus' }, - onBlur: { event: 'blur' }, - onChange: { event: 'change' }, - onInput: { event: 'input' }, - onSubmit: { event: 'submit' }, - onScroll: { event: 'scroll' }, - onWheel: { event: 'wheel' }, - onContextmenu: { event: 'contextmenu' }, - onDrag: { event: 'drag' }, - }, - }, -); diff --git a/packages/twenty-sdk/src/front-component/renderer/remote/generated/remote-elements.ts b/packages/twenty-sdk/src/front-component/renderer/remote/generated/remote-elements.ts deleted file mode 100644 index 254606d588..0000000000 --- a/packages/twenty-sdk/src/front-component/renderer/remote/generated/remote-elements.ts +++ /dev/null @@ -1,733 +0,0 @@ -/* - * _____ _ - *|_ _|_ _____ _ __ | |_ _ _ - * | | \ \ /\ / / _ \ '_ \| __| | | | Auto-generated file - * | | \ V V / __/ | | | |_| |_| | Any edits to this will be overridden - * |_| \_/\_/ \___|_| |_|\__|\__, | - * |___/ - */ - -import { - createRemoteElement, - RemoteRootElement, - RemoteFragmentElement, - type RemoteEvent, -} from '@remote-dom/core/elements'; - -export type HtmlCommonProperties = { - id?: string; - className?: string; - style?: string; - title?: string; - tabIndex?: number; - role?: string; - 'aria-label'?: string; - 'aria-hidden'?: boolean; - 'data-testid'?: string; -}; -export type HtmlCommonEvents = { - click(event: RemoteEvent): void; - dblclick(event: RemoteEvent): void; - mousedown(event: RemoteEvent): void; - mouseup(event: RemoteEvent): void; - mouseover(event: RemoteEvent): void; - mouseout(event: RemoteEvent): void; - mouseenter(event: RemoteEvent): void; - mouseleave(event: RemoteEvent): void; - keydown(event: RemoteEvent): void; - keyup(event: RemoteEvent): void; - keypress(event: RemoteEvent): void; - focus(event: RemoteEvent): void; - blur(event: RemoteEvent): void; - change(event: RemoteEvent): void; - input(event: RemoteEvent): void; - submit(event: RemoteEvent): void; - scroll(event: RemoteEvent): void; - wheel(event: RemoteEvent): void; - contextmenu(event: RemoteEvent): void; - drag(event: RemoteEvent): void; -}; - -const HTML_COMMON_EVENTS_ARRAY = [ - 'click', - 'dblclick', - 'mousedown', - 'mouseup', - 'mouseover', - 'mouseout', - 'mouseenter', - 'mouseleave', - 'keydown', - 'keyup', - 'keypress', - 'focus', - 'blur', - 'change', - 'input', - 'submit', - 'scroll', - 'wheel', - 'contextmenu', - 'drag', -] as const; -const HTML_COMMON_PROPERTIES_CONFIG = { - id: { type: String }, - className: { type: String }, - style: { type: String }, - title: { type: String }, - tabIndex: { type: Number }, - role: { type: String }, - 'aria-label': { type: String }, - 'aria-hidden': { type: Boolean }, - 'data-testid': { type: String }, -}; -export const HtmlDivElement = createRemoteElement< - HtmlCommonProperties, - Record, - Record, - HtmlCommonEvents ->({ - properties: HTML_COMMON_PROPERTIES_CONFIG, - events: [...HTML_COMMON_EVENTS_ARRAY], -}); -export const HtmlSpanElement = createRemoteElement< - HtmlCommonProperties, - Record, - Record, - HtmlCommonEvents ->({ - properties: HTML_COMMON_PROPERTIES_CONFIG, - events: [...HTML_COMMON_EVENTS_ARRAY], -}); -export const HtmlSectionElement = createRemoteElement< - HtmlCommonProperties, - Record, - Record, - HtmlCommonEvents ->({ - properties: HTML_COMMON_PROPERTIES_CONFIG, - events: [...HTML_COMMON_EVENTS_ARRAY], -}); -export const HtmlArticleElement = createRemoteElement< - HtmlCommonProperties, - Record, - Record, - HtmlCommonEvents ->({ - properties: HTML_COMMON_PROPERTIES_CONFIG, - events: [...HTML_COMMON_EVENTS_ARRAY], -}); -export const HtmlHeaderElement = createRemoteElement< - HtmlCommonProperties, - Record, - Record, - HtmlCommonEvents ->({ - properties: HTML_COMMON_PROPERTIES_CONFIG, - events: [...HTML_COMMON_EVENTS_ARRAY], -}); -export const HtmlFooterElement = createRemoteElement< - HtmlCommonProperties, - Record, - Record, - HtmlCommonEvents ->({ - properties: HTML_COMMON_PROPERTIES_CONFIG, - events: [...HTML_COMMON_EVENTS_ARRAY], -}); -export const HtmlMainElement = createRemoteElement< - HtmlCommonProperties, - Record, - Record, - HtmlCommonEvents ->({ - properties: HTML_COMMON_PROPERTIES_CONFIG, - events: [...HTML_COMMON_EVENTS_ARRAY], -}); -export const HtmlNavElement = createRemoteElement< - HtmlCommonProperties, - Record, - Record, - HtmlCommonEvents ->({ - properties: HTML_COMMON_PROPERTIES_CONFIG, - events: [...HTML_COMMON_EVENTS_ARRAY], -}); -export const HtmlAsideElement = createRemoteElement< - HtmlCommonProperties, - Record, - Record, - HtmlCommonEvents ->({ - properties: HTML_COMMON_PROPERTIES_CONFIG, - events: [...HTML_COMMON_EVENTS_ARRAY], -}); -export const HtmlPElement = createRemoteElement< - HtmlCommonProperties, - Record, - Record, - HtmlCommonEvents ->({ - properties: HTML_COMMON_PROPERTIES_CONFIG, - events: [...HTML_COMMON_EVENTS_ARRAY], -}); -export const HtmlH1Element = createRemoteElement< - HtmlCommonProperties, - Record, - Record, - HtmlCommonEvents ->({ - properties: HTML_COMMON_PROPERTIES_CONFIG, - events: [...HTML_COMMON_EVENTS_ARRAY], -}); -export const HtmlH2Element = createRemoteElement< - HtmlCommonProperties, - Record, - Record, - HtmlCommonEvents ->({ - properties: HTML_COMMON_PROPERTIES_CONFIG, - events: [...HTML_COMMON_EVENTS_ARRAY], -}); -export const HtmlH3Element = createRemoteElement< - HtmlCommonProperties, - Record, - Record, - HtmlCommonEvents ->({ - properties: HTML_COMMON_PROPERTIES_CONFIG, - events: [...HTML_COMMON_EVENTS_ARRAY], -}); -export const HtmlH4Element = createRemoteElement< - HtmlCommonProperties, - Record, - Record, - HtmlCommonEvents ->({ - properties: HTML_COMMON_PROPERTIES_CONFIG, - events: [...HTML_COMMON_EVENTS_ARRAY], -}); -export const HtmlH5Element = createRemoteElement< - HtmlCommonProperties, - Record, - Record, - HtmlCommonEvents ->({ - properties: HTML_COMMON_PROPERTIES_CONFIG, - events: [...HTML_COMMON_EVENTS_ARRAY], -}); -export const HtmlH6Element = createRemoteElement< - HtmlCommonProperties, - Record, - Record, - HtmlCommonEvents ->({ - properties: HTML_COMMON_PROPERTIES_CONFIG, - events: [...HTML_COMMON_EVENTS_ARRAY], -}); -export const HtmlStrongElement = createRemoteElement< - HtmlCommonProperties, - Record, - Record, - HtmlCommonEvents ->({ - properties: HTML_COMMON_PROPERTIES_CONFIG, - events: [...HTML_COMMON_EVENTS_ARRAY], -}); -export const HtmlEmElement = createRemoteElement< - HtmlCommonProperties, - Record, - Record, - HtmlCommonEvents ->({ - properties: HTML_COMMON_PROPERTIES_CONFIG, - events: [...HTML_COMMON_EVENTS_ARRAY], -}); -export const HtmlSmallElement = createRemoteElement< - HtmlCommonProperties, - Record, - Record, - HtmlCommonEvents ->({ - properties: HTML_COMMON_PROPERTIES_CONFIG, - events: [...HTML_COMMON_EVENTS_ARRAY], -}); -export const HtmlCodeElement = createRemoteElement< - HtmlCommonProperties, - Record, - Record, - HtmlCommonEvents ->({ - properties: HTML_COMMON_PROPERTIES_CONFIG, - events: [...HTML_COMMON_EVENTS_ARRAY], -}); -export const HtmlPreElement = createRemoteElement< - HtmlCommonProperties, - Record, - Record, - HtmlCommonEvents ->({ - properties: HTML_COMMON_PROPERTIES_CONFIG, - events: [...HTML_COMMON_EVENTS_ARRAY], -}); -export const HtmlBlockquoteElement = createRemoteElement< - HtmlCommonProperties, - Record, - Record, - HtmlCommonEvents ->({ - properties: HTML_COMMON_PROPERTIES_CONFIG, - events: [...HTML_COMMON_EVENTS_ARRAY], -}); - -export type HtmlAProperties = HtmlCommonProperties & { - href?: string; - target?: string; - rel?: string; -}; - -export const HtmlAElement = createRemoteElement< - HtmlAProperties, - Record, - Record, - HtmlCommonEvents ->({ - properties: { - ...HTML_COMMON_PROPERTIES_CONFIG, - href: { type: String }, - target: { type: String }, - rel: { type: String }, - }, - events: [...HTML_COMMON_EVENTS_ARRAY], -}); - -export type HtmlImgProperties = HtmlCommonProperties & { - src?: string; - alt?: string; - width?: number; - height?: number; -}; - -export const HtmlImgElement = createRemoteElement< - HtmlImgProperties, - Record, - Record, - HtmlCommonEvents ->({ - properties: { - ...HTML_COMMON_PROPERTIES_CONFIG, - src: { type: String }, - alt: { type: String }, - width: { type: Number }, - height: { type: Number }, - }, - events: [...HTML_COMMON_EVENTS_ARRAY], -}); -export const HtmlUlElement = createRemoteElement< - HtmlCommonProperties, - Record, - Record, - HtmlCommonEvents ->({ - properties: HTML_COMMON_PROPERTIES_CONFIG, - events: [...HTML_COMMON_EVENTS_ARRAY], -}); -export const HtmlOlElement = createRemoteElement< - HtmlCommonProperties, - Record, - Record, - HtmlCommonEvents ->({ - properties: HTML_COMMON_PROPERTIES_CONFIG, - events: [...HTML_COMMON_EVENTS_ARRAY], -}); -export const HtmlLiElement = createRemoteElement< - HtmlCommonProperties, - Record, - Record, - HtmlCommonEvents ->({ - properties: HTML_COMMON_PROPERTIES_CONFIG, - events: [...HTML_COMMON_EVENTS_ARRAY], -}); - -export type HtmlFormProperties = HtmlCommonProperties & { - action?: string; - method?: string; -}; - -export const HtmlFormElement = createRemoteElement< - HtmlFormProperties, - Record, - Record, - HtmlCommonEvents ->({ - properties: { - ...HTML_COMMON_PROPERTIES_CONFIG, - action: { type: String }, - method: { type: String }, - }, - events: [...HTML_COMMON_EVENTS_ARRAY], -}); - -export type HtmlLabelProperties = HtmlCommonProperties & { - htmlFor?: string; -}; - -export const HtmlLabelElement = createRemoteElement< - HtmlLabelProperties, - Record, - Record, - HtmlCommonEvents ->({ - properties: { - ...HTML_COMMON_PROPERTIES_CONFIG, - htmlFor: { type: String }, - }, - events: [...HTML_COMMON_EVENTS_ARRAY], -}); - -export type HtmlInputProperties = HtmlCommonProperties & { - type?: string; - name?: string; - value?: string; - placeholder?: string; - disabled?: boolean; - checked?: boolean; - readOnly?: boolean; -}; - -export const HtmlInputElement = createRemoteElement< - HtmlInputProperties, - Record, - Record, - HtmlCommonEvents ->({ - properties: { - ...HTML_COMMON_PROPERTIES_CONFIG, - type: { type: String }, - name: { type: String }, - value: { type: String }, - placeholder: { type: String }, - disabled: { type: Boolean }, - checked: { type: Boolean }, - readOnly: { type: Boolean }, - }, - events: [...HTML_COMMON_EVENTS_ARRAY], -}); - -export type HtmlTextareaProperties = HtmlCommonProperties & { - name?: string; - value?: string; - placeholder?: string; - disabled?: boolean; - readOnly?: boolean; - rows?: number; - cols?: number; -}; - -export const HtmlTextareaElement = createRemoteElement< - HtmlTextareaProperties, - Record, - Record, - HtmlCommonEvents ->({ - properties: { - ...HTML_COMMON_PROPERTIES_CONFIG, - name: { type: String }, - value: { type: String }, - placeholder: { type: String }, - disabled: { type: Boolean }, - readOnly: { type: Boolean }, - rows: { type: Number }, - cols: { type: Number }, - }, - events: [...HTML_COMMON_EVENTS_ARRAY], -}); - -export type HtmlSelectProperties = HtmlCommonProperties & { - name?: string; - value?: string; - disabled?: boolean; - multiple?: boolean; -}; - -export const HtmlSelectElement = createRemoteElement< - HtmlSelectProperties, - Record, - Record, - HtmlCommonEvents ->({ - properties: { - ...HTML_COMMON_PROPERTIES_CONFIG, - name: { type: String }, - value: { type: String }, - disabled: { type: Boolean }, - multiple: { type: Boolean }, - }, - events: [...HTML_COMMON_EVENTS_ARRAY], -}); - -export type HtmlOptionProperties = HtmlCommonProperties & { - value?: string; - disabled?: boolean; - selected?: boolean; -}; - -export const HtmlOptionElement = createRemoteElement< - HtmlOptionProperties, - Record, - Record, - HtmlCommonEvents ->({ - properties: { - ...HTML_COMMON_PROPERTIES_CONFIG, - value: { type: String }, - disabled: { type: Boolean }, - selected: { type: Boolean }, - }, - events: [...HTML_COMMON_EVENTS_ARRAY], -}); - -export type HtmlButtonProperties = HtmlCommonProperties & { - type?: string; - disabled?: boolean; -}; - -export const HtmlButtonElement = createRemoteElement< - HtmlButtonProperties, - Record, - Record, - HtmlCommonEvents ->({ - properties: { - ...HTML_COMMON_PROPERTIES_CONFIG, - type: { type: String }, - disabled: { type: Boolean }, - }, - events: [...HTML_COMMON_EVENTS_ARRAY], -}); -export const HtmlTableElement = createRemoteElement< - HtmlCommonProperties, - Record, - Record, - HtmlCommonEvents ->({ - properties: HTML_COMMON_PROPERTIES_CONFIG, - events: [...HTML_COMMON_EVENTS_ARRAY], -}); -export const HtmlTheadElement = createRemoteElement< - HtmlCommonProperties, - Record, - Record, - HtmlCommonEvents ->({ - properties: HTML_COMMON_PROPERTIES_CONFIG, - events: [...HTML_COMMON_EVENTS_ARRAY], -}); -export const HtmlTbodyElement = createRemoteElement< - HtmlCommonProperties, - Record, - Record, - HtmlCommonEvents ->({ - properties: HTML_COMMON_PROPERTIES_CONFIG, - events: [...HTML_COMMON_EVENTS_ARRAY], -}); -export const HtmlTfootElement = createRemoteElement< - HtmlCommonProperties, - Record, - Record, - HtmlCommonEvents ->({ - properties: HTML_COMMON_PROPERTIES_CONFIG, - events: [...HTML_COMMON_EVENTS_ARRAY], -}); -export const HtmlTrElement = createRemoteElement< - HtmlCommonProperties, - Record, - Record, - HtmlCommonEvents ->({ - properties: HTML_COMMON_PROPERTIES_CONFIG, - events: [...HTML_COMMON_EVENTS_ARRAY], -}); - -export type HtmlThProperties = HtmlCommonProperties & { - colSpan?: number; - rowSpan?: number; -}; - -export const HtmlThElement = createRemoteElement< - HtmlThProperties, - Record, - Record, - HtmlCommonEvents ->({ - properties: { - ...HTML_COMMON_PROPERTIES_CONFIG, - colSpan: { type: Number }, - rowSpan: { type: Number }, - }, - events: [...HTML_COMMON_EVENTS_ARRAY], -}); - -export type HtmlTdProperties = HtmlCommonProperties & { - colSpan?: number; - rowSpan?: number; -}; - -export const HtmlTdElement = createRemoteElement< - HtmlTdProperties, - Record, - Record, - HtmlCommonEvents ->({ - properties: { - ...HTML_COMMON_PROPERTIES_CONFIG, - colSpan: { type: Number }, - rowSpan: { type: Number }, - }, - events: [...HTML_COMMON_EVENTS_ARRAY], -}); -export const HtmlBrElement = createRemoteElement< - HtmlCommonProperties, - Record, - Record, - HtmlCommonEvents ->({ - properties: HTML_COMMON_PROPERTIES_CONFIG, - events: [...HTML_COMMON_EVENTS_ARRAY], -}); -export const HtmlHrElement = createRemoteElement< - HtmlCommonProperties, - Record, - Record, - HtmlCommonEvents ->({ - properties: HTML_COMMON_PROPERTIES_CONFIG, - events: [...HTML_COMMON_EVENTS_ARRAY], -}); - -export type TwentyUiButtonProperties = HtmlCommonProperties & { - variant?: string; - accent?: string; - size?: string; - disabled?: boolean; - fullWidth?: boolean; -}; - -export const TwentyUiButtonElement = createRemoteElement< - TwentyUiButtonProperties, - Record, - Record, - HtmlCommonEvents ->({ - properties: { - ...HTML_COMMON_PROPERTIES_CONFIG, - variant: { type: String }, - accent: { type: String }, - size: { type: String }, - disabled: { type: Boolean }, - fullWidth: { type: Boolean }, - }, - events: [...HTML_COMMON_EVENTS_ARRAY], -}); -customElements.define('html-div', HtmlDivElement); -customElements.define('html-span', HtmlSpanElement); -customElements.define('html-section', HtmlSectionElement); -customElements.define('html-article', HtmlArticleElement); -customElements.define('html-header', HtmlHeaderElement); -customElements.define('html-footer', HtmlFooterElement); -customElements.define('html-main', HtmlMainElement); -customElements.define('html-nav', HtmlNavElement); -customElements.define('html-aside', HtmlAsideElement); -customElements.define('html-p', HtmlPElement); -customElements.define('html-h1', HtmlH1Element); -customElements.define('html-h2', HtmlH2Element); -customElements.define('html-h3', HtmlH3Element); -customElements.define('html-h4', HtmlH4Element); -customElements.define('html-h5', HtmlH5Element); -customElements.define('html-h6', HtmlH6Element); -customElements.define('html-strong', HtmlStrongElement); -customElements.define('html-em', HtmlEmElement); -customElements.define('html-small', HtmlSmallElement); -customElements.define('html-code', HtmlCodeElement); -customElements.define('html-pre', HtmlPreElement); -customElements.define('html-blockquote', HtmlBlockquoteElement); -customElements.define('html-a', HtmlAElement); -customElements.define('html-img', HtmlImgElement); -customElements.define('html-ul', HtmlUlElement); -customElements.define('html-ol', HtmlOlElement); -customElements.define('html-li', HtmlLiElement); -customElements.define('html-form', HtmlFormElement); -customElements.define('html-label', HtmlLabelElement); -customElements.define('html-input', HtmlInputElement); -customElements.define('html-textarea', HtmlTextareaElement); -customElements.define('html-select', HtmlSelectElement); -customElements.define('html-option', HtmlOptionElement); -customElements.define('html-button', HtmlButtonElement); -customElements.define('html-table', HtmlTableElement); -customElements.define('html-thead', HtmlTheadElement); -customElements.define('html-tbody', HtmlTbodyElement); -customElements.define('html-tfoot', HtmlTfootElement); -customElements.define('html-tr', HtmlTrElement); -customElements.define('html-th', HtmlThElement); -customElements.define('html-td', HtmlTdElement); -customElements.define('html-br', HtmlBrElement); -customElements.define('html-hr', HtmlHrElement); -customElements.define('twenty-ui-button', TwentyUiButtonElement); -customElements.define('remote-root', RemoteRootElement); -customElements.define('remote-fragment', RemoteFragmentElement); - -export { RemoteRootElement, RemoteFragmentElement }; -declare global { - interface HTMLElementTagNameMap { - 'html-div': InstanceType; - 'html-span': InstanceType; - 'html-section': InstanceType; - 'html-article': InstanceType; - 'html-header': InstanceType; - 'html-footer': InstanceType; - 'html-main': InstanceType; - 'html-nav': InstanceType; - 'html-aside': InstanceType; - 'html-p': InstanceType; - 'html-h1': InstanceType; - 'html-h2': InstanceType; - 'html-h3': InstanceType; - 'html-h4': InstanceType; - 'html-h5': InstanceType; - 'html-h6': InstanceType; - 'html-strong': InstanceType; - 'html-em': InstanceType; - 'html-small': InstanceType; - 'html-code': InstanceType; - 'html-pre': InstanceType; - 'html-blockquote': InstanceType; - 'html-a': InstanceType; - 'html-img': InstanceType; - 'html-ul': InstanceType; - 'html-ol': InstanceType; - 'html-li': InstanceType; - 'html-form': InstanceType; - 'html-label': InstanceType; - 'html-input': InstanceType; - 'html-textarea': InstanceType; - 'html-select': InstanceType; - 'html-option': InstanceType; - 'html-button': InstanceType; - 'html-table': InstanceType; - 'html-thead': InstanceType; - 'html-tbody': InstanceType; - 'html-tfoot': InstanceType; - 'html-tr': InstanceType; - 'html-th': InstanceType; - 'html-td': InstanceType; - 'html-br': InstanceType; - 'html-hr': InstanceType; - 'twenty-ui-button': InstanceType; - 'remote-root': InstanceType; - 'remote-fragment': InstanceType; - } -} diff --git a/packages/twenty-sdk/src/front-component/renderer/types/FrontComponentExecutionContext.ts b/packages/twenty-sdk/src/front-component/types/FrontComponentExecutionContext.ts similarity index 100% rename from packages/twenty-sdk/src/front-component/renderer/types/FrontComponentExecutionContext.ts rename to packages/twenty-sdk/src/front-component/types/FrontComponentExecutionContext.ts diff --git a/packages/twenty-sdk/src/front-component/renderer/types/HostToWorkerRenderContext.ts b/packages/twenty-sdk/src/front-component/types/HostToWorkerRenderContext.ts similarity index 100% rename from packages/twenty-sdk/src/front-component/renderer/types/HostToWorkerRenderContext.ts rename to packages/twenty-sdk/src/front-component/types/HostToWorkerRenderContext.ts diff --git a/packages/twenty-sdk/src/front-component/renderer/types/PropertySchema.ts b/packages/twenty-sdk/src/front-component/types/PropertySchema.ts similarity index 100% rename from packages/twenty-sdk/src/front-component/renderer/types/PropertySchema.ts rename to packages/twenty-sdk/src/front-component/types/PropertySchema.ts diff --git a/packages/twenty-sdk/src/front-component/renderer/types/WorkerExports.ts b/packages/twenty-sdk/src/front-component/types/WorkerExports.ts similarity index 100% rename from packages/twenty-sdk/src/front-component/renderer/types/WorkerExports.ts rename to packages/twenty-sdk/src/front-component/types/WorkerExports.ts diff --git a/packages/twenty-sdk/src/front-component/api/hooks/useFrontComponentExecutionContext.ts b/packages/twenty-sdk/src/sdk/front-component-api/hooks/useFrontComponentExecutionContext.ts similarity index 100% rename from packages/twenty-sdk/src/front-component/api/hooks/useFrontComponentExecutionContext.ts rename to packages/twenty-sdk/src/sdk/front-component-api/hooks/useFrontComponentExecutionContext.ts diff --git a/packages/twenty-sdk/src/front-component/api/index.ts b/packages/twenty-sdk/src/sdk/front-component-api/index.ts similarity index 100% rename from packages/twenty-sdk/src/front-component/api/index.ts rename to packages/twenty-sdk/src/sdk/front-component-api/index.ts diff --git a/packages/twenty-sdk/src/front-component/api/types/FrontComponentExecutionContext.ts b/packages/twenty-sdk/src/sdk/front-component-api/types/FrontComponentExecutionContext.ts similarity index 100% rename from packages/twenty-sdk/src/front-component/api/types/FrontComponentExecutionContext.ts rename to packages/twenty-sdk/src/sdk/front-component-api/types/FrontComponentExecutionContext.ts diff --git a/packages/twenty-sdk/src/front-component/api/types/FrontComponentExecutionContextStore.ts b/packages/twenty-sdk/src/sdk/front-component-api/types/FrontComponentExecutionContextStore.ts similarity index 100% rename from packages/twenty-sdk/src/front-component/api/types/FrontComponentExecutionContextStore.ts rename to packages/twenty-sdk/src/sdk/front-component-api/types/FrontComponentExecutionContextStore.ts diff --git a/packages/twenty-sdk/src/front-component/common/AllowedHtmlElements.ts b/packages/twenty-sdk/src/sdk/front-component-common/AllowedHtmlElements.ts similarity index 100% rename from packages/twenty-sdk/src/front-component/common/AllowedHtmlElements.ts rename to packages/twenty-sdk/src/sdk/front-component-common/AllowedHtmlElements.ts diff --git a/packages/twenty-sdk/src/front-component/common/AllowedUiComponents.ts b/packages/twenty-sdk/src/sdk/front-component-common/AllowedUiComponents.ts similarity index 89% rename from packages/twenty-sdk/src/front-component/common/AllowedUiComponents.ts rename to packages/twenty-sdk/src/sdk/front-component-common/AllowedUiComponents.ts index f13da74d43..23ccfa2ee9 100644 --- a/packages/twenty-sdk/src/front-component/common/AllowedUiComponents.ts +++ b/packages/twenty-sdk/src/sdk/front-component-common/AllowedUiComponents.ts @@ -1,4 +1,4 @@ -import { type PropertySchema } from '../renderer/types/PropertySchema'; +import { type PropertySchema } from '@/front-component/types/PropertySchema'; export type AllowedUiComponent = { tag: string; diff --git a/packages/twenty-sdk/src/front-component/common/CommonHtmlEvents.ts b/packages/twenty-sdk/src/sdk/front-component-common/CommonHtmlEvents.ts similarity index 100% rename from packages/twenty-sdk/src/front-component/common/CommonHtmlEvents.ts rename to packages/twenty-sdk/src/sdk/front-component-common/CommonHtmlEvents.ts diff --git a/packages/twenty-sdk/src/front-component/common/EventToReact.ts b/packages/twenty-sdk/src/sdk/front-component-common/EventToReact.ts similarity index 100% rename from packages/twenty-sdk/src/front-component/common/EventToReact.ts rename to packages/twenty-sdk/src/sdk/front-component-common/EventToReact.ts diff --git a/packages/twenty-sdk/src/front-component/common/HtmlCommonProperties.ts b/packages/twenty-sdk/src/sdk/front-component-common/HtmlCommonProperties.ts similarity index 86% rename from packages/twenty-sdk/src/front-component/common/HtmlCommonProperties.ts rename to packages/twenty-sdk/src/sdk/front-component-common/HtmlCommonProperties.ts index 12dfc40e41..e21463ac5c 100644 --- a/packages/twenty-sdk/src/front-component/common/HtmlCommonProperties.ts +++ b/packages/twenty-sdk/src/sdk/front-component-common/HtmlCommonProperties.ts @@ -1,4 +1,4 @@ -import { type PropertySchema } from '../renderer/types/PropertySchema'; +import { type PropertySchema } from '@/front-component/types/PropertySchema'; export const HTML_COMMON_PROPERTIES: Record = { id: { type: 'string', optional: true }, diff --git a/packages/twenty-sdk/src/front-component/common/HtmlTagToRemoteComponent.ts b/packages/twenty-sdk/src/sdk/front-component-common/HtmlTagToRemoteComponent.ts similarity index 100% rename from packages/twenty-sdk/src/front-component/common/HtmlTagToRemoteComponent.ts rename to packages/twenty-sdk/src/sdk/front-component-common/HtmlTagToRemoteComponent.ts diff --git a/packages/twenty-sdk/src/front-component/common/index.ts b/packages/twenty-sdk/src/sdk/front-component-common/index.ts similarity index 100% rename from packages/twenty-sdk/src/front-component/common/index.ts rename to packages/twenty-sdk/src/sdk/front-component-common/index.ts diff --git a/packages/twenty-sdk/src/sdk/index.ts b/packages/twenty-sdk/src/sdk/index.ts index ff6573a88f..98c5945dc9 100644 --- a/packages/twenty-sdk/src/sdk/index.ts +++ b/packages/twenty-sdk/src/sdk/index.ts @@ -49,3 +49,18 @@ export { defineObject } from './objects/define-object'; export { STANDARD_OBJECT_UNIVERSAL_IDENTIFIERS } from './objects/standard-object-ids'; export { defineRole } from './roles/define-role'; export { PermissionFlag } from './roles/permission-flag-type'; + +// Front Component API exports +export { useFrontComponentExecutionContext } from './front-component-api'; +export type { FrontComponentExecutionContext } from './front-component-api'; +export type { FrontComponentExecutionContextStore } from './front-component-api'; + +// Front Component Common exports +export type { AllowedHtmlElement } from './front-component-common'; +export { ALLOWED_HTML_ELEMENTS } from './front-component-common'; +export type { AllowedUiComponent } from './front-component-common'; +export { ALLOWED_UI_COMPONENTS } from './front-component-common'; +export { COMMON_HTML_EVENTS } from './front-component-common'; +export { EVENT_TO_REACT } from './front-component-common'; +export { HTML_COMMON_PROPERTIES } from './front-component-common'; +export { HTML_TAG_TO_REMOTE_COMPONENT } from './front-component-common'; diff --git a/packages/twenty-sdk/vite.config.ts b/packages/twenty-sdk/vite.config.ts index 15f36553b6..b8f4d20ae8 100644 --- a/packages/twenty-sdk/vite.config.ts +++ b/packages/twenty-sdk/vite.config.ts @@ -9,8 +9,7 @@ const entries = [ 'src/index.ts', 'src/cli/cli.ts', 'src/ui/index.ts', - 'src/front-component/renderer/index.ts', - 'src/front-component/api/index.ts', + 'src/front-component/index.ts', ]; export const PACKAGES_TO_VENDOR = ['twenty-ui', 'twenty-shared'];