twenty-sdk 0.5.1 → 0.6.0-alpha

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "twenty-sdk",
-  "version": "0.5.1",
+  "version": "0.6.0-alpha",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
+  "types": "dist/sdk/index.d.ts",
   "bin": {
     "twenty": "dist/cli.cjs"
   },
@@ -13,9 +13,7 @@
     "package.json"
   ],
   "scripts": {
-    "build": "npx rimraf dist && npx vite build",
-    "prepublishOnly": "tsx ../twenty-utils/pack-scripts/pre-publish-only.ts",
-    "postpublish": "tsx ../twenty-utils/pack-scripts/post-publish.ts"
+    "build": "npx rimraf dist && npx vite build"
   },
   "keywords": [
     "twenty",
@@ -27,7 +25,7 @@
   ],
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
+      "types": "./dist/sdk/index.d.ts",
       "import": "./dist/index.mjs",
       "require": "./dist/index.cjs"
     },
@@ -36,14 +34,16 @@
       "import": "./dist/ui/index.mjs",
       "require": "./dist/ui/index.cjs"
     },
-    "./front-component": {
-      "types": "./dist/front-component/index.d.ts",
-      "import": "./dist/front-component/index.mjs",
-      "require": "./dist/front-component/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"
     }
   },
   "license": "AGPL-3.0",
   "dependencies": {
+    "@chakra-ui/react": "^3.33.0",
+    "@emotion/react": "^11.14.0",
     "@genql/cli": "^3.0.3",
     "@quilted/threads": "^4.0.1",
     "@remote-dom/core": "^1.10.1",
@@ -72,6 +72,28 @@
     "vite-tsconfig-paths": "^4.2.1",
     "zod": "^4.1.11"
   },
+  "devDependencies": {
+    "@mui/material": "^7.3.8",
+    "@prettier/sync": "^0.5.2",
+    "@storybook/addon-vitest": "^10.1.11",
+    "@storybook/react-vite": "^10.1.11",
+    "@types/archiver": "^6.0.0",
+    "@types/fs-extra": "^11.0.0",
+    "@types/inquirer": "^9.0.0",
+    "@types/lodash.camelcase": "^4.3.7",
+    "@types/node": "^24.0.0",
+    "@types/react": "18.2.66",
+    "@types/react-dom": "18.2.22",
+    "@vitest/browser-playwright": "^4.0.18",
+    "playwright": "^1.56.1",
+    "storybook": "^10.1.11",
+    "ts-morph": "^25.0.0",
+    "tsx": "^4.7.0",
+    "twenty-shared": "workspace:*",
+    "twenty-ui": "workspace:*",
+    "vite-plugin-dts": "^4.5.4",
+    "wait-on": "^7.2.0"
+  },
   "engines": {
     "node": "^24.5.0",
     "yarn": "^4.0.2"
@@ -81,8 +103,8 @@
       "ui": [
         "dist/ui/index.d.ts"
       ],
-      "front-component": [
-        "dist/front-component/index.d.ts"
+      "front-component-renderer": [
+        "dist/front-component-renderer/index.d.ts"
       ]
     }
   }

package/dist/HtmlTagToRemoteComponent-Bd5sgek2.js

@@ -1 +0,0 @@
-"use strict";const e=[{tag:"html-div",name:"HtmlDiv",properties:{}},{tag:"html-span",name:"HtmlSpan",properties:{}},{tag:"html-section",name:"HtmlSection",properties:{}},{tag:"html-article",name:"HtmlArticle",properties:{}},{tag:"html-header",name:"HtmlHeader",properties:{}},{tag:"html-footer",name:"HtmlFooter",properties:{}},{tag:"html-main",name:"HtmlMain",properties:{}},{tag:"html-nav",name:"HtmlNav",properties:{}},{tag:"html-aside",name:"HtmlAside",properties:{}},{tag:"html-p",name:"HtmlP",properties:{}},{tag:"html-h1",name:"HtmlH1",properties:{}},{tag:"html-h2",name:"HtmlH2",properties:{}},{tag:"html-h3",name:"HtmlH3",properties:{}},{tag:"html-h4",name:"HtmlH4",properties:{}},{tag:"html-h5",name:"HtmlH5",properties:{}},{tag:"html-h6",name:"HtmlH6",properties:{}},{tag:"html-strong",name:"HtmlStrong",properties:{}},{tag:"html-em",name:"HtmlEm",properties:{}},{tag:"html-small",name:"HtmlSmall",properties:{}},{tag:"html-code",name:"HtmlCode",properties:{}},{tag:"html-pre",name:"HtmlPre",properties:{}},{tag:"html-blockquote",name:"HtmlBlockquote",properties:{}},{tag:"html-a",name:"HtmlA",properties:{href:{type:"string",optional:!0},target:{type:"string",optional:!0},rel:{type:"string",optional:!0}}},{tag:"html-img",name:"HtmlImg",properties:{src:{type:"string",optional:!0},alt:{type:"string",optional:!0},width:{type:"number",optional:!0},height:{type:"number",optional:!0}}},{tag:"html-ul",name:"HtmlUl",properties:{}},{tag:"html-ol",name:"HtmlOl",properties:{}},{tag:"html-li",name:"HtmlLi",properties:{}},{tag:"html-form",name:"HtmlForm",properties:{action:{type:"string",optional:!0},method:{type:"string",optional:!0}}},{tag:"html-label",name:"HtmlLabel",properties:{htmlFor:{type:"string",optional:!0}}},{tag:"html-input",name:"HtmlInput",properties:{type:{type:"string",optional:!0},name:{type:"string",optional:!0},value:{type:"string",optional:!0},placeholder:{type:"string",optional:!0},disabled:{type:"boolean",optional:!0},checked:{type:"boolean",optional:!0},readOnly:{type:"boolean",optional:!0}}},{tag:"html-textarea",name:"HtmlTextarea",properties:{name:{type:"string",optional:!0},value:{type:"string",optional:!0},placeholder:{type:"string",optional:!0},disabled:{type:"boolean",optional:!0},readOnly:{type:"boolean",optional:!0},rows:{type:"number",optional:!0},cols:{type:"number",optional:!0}}},{tag:"html-select",name:"HtmlSelect",properties:{name:{type:"string",optional:!0},value:{type:"string",optional:!0},disabled:{type:"boolean",optional:!0},multiple:{type:"boolean",optional:!0}}},{tag:"html-option",name:"HtmlOption",properties:{value:{type:"string",optional:!0},disabled:{type:"boolean",optional:!0},selected:{type:"boolean",optional:!0}}},{tag:"html-button",name:"HtmlButton",properties:{type:{type:"string",optional:!0},disabled:{type:"boolean",optional:!0}}},{tag:"html-table",name:"HtmlTable",properties:{}},{tag:"html-thead",name:"HtmlThead",properties:{}},{tag:"html-tbody",name:"HtmlTbody",properties:{}},{tag:"html-tfoot",name:"HtmlTfoot",properties:{}},{tag:"html-tr",name:"HtmlTr",properties:{}},{tag:"html-th",name:"HtmlTh",properties:{colSpan:{type:"number",optional:!0},rowSpan:{type:"number",optional:!0}}},{tag:"html-td",name:"HtmlTd",properties:{colSpan:{type:"number",optional:!0},rowSpan:{type:"number",optional:!0}}},{tag:"html-br",name:"HtmlBr",properties:{}},{tag:"html-hr",name:"HtmlHr",properties:{}}],r=Object.fromEntries(e.map(t=>[t.tag.startsWith("html-")?t.tag.slice(5):t.tag,t.name]));exports.ALLOWED_HTML_ELEMENTS=e;exports.HTML_TAG_TO_REMOTE_COMPONENT=r;

package/dist/HtmlTagToRemoteComponent-DlsAI7JU.mjs

@@ -1,146 +0,0 @@
-const e = [
-  { tag: "html-div", name: "HtmlDiv", properties: {} },
-  { tag: "html-span", name: "HtmlSpan", properties: {} },
-  { tag: "html-section", name: "HtmlSection", properties: {} },
-  { tag: "html-article", name: "HtmlArticle", properties: {} },
-  { tag: "html-header", name: "HtmlHeader", properties: {} },
-  { tag: "html-footer", name: "HtmlFooter", properties: {} },
-  { tag: "html-main", name: "HtmlMain", properties: {} },
-  { tag: "html-nav", name: "HtmlNav", properties: {} },
-  { tag: "html-aside", name: "HtmlAside", properties: {} },
-  { tag: "html-p", name: "HtmlP", properties: {} },
-  { tag: "html-h1", name: "HtmlH1", properties: {} },
-  { tag: "html-h2", name: "HtmlH2", properties: {} },
-  { tag: "html-h3", name: "HtmlH3", properties: {} },
-  { tag: "html-h4", name: "HtmlH4", properties: {} },
-  { tag: "html-h5", name: "HtmlH5", properties: {} },
-  { tag: "html-h6", name: "HtmlH6", properties: {} },
-  { tag: "html-strong", name: "HtmlStrong", properties: {} },
-  { tag: "html-em", name: "HtmlEm", properties: {} },
-  { tag: "html-small", name: "HtmlSmall", properties: {} },
-  { tag: "html-code", name: "HtmlCode", properties: {} },
-  { tag: "html-pre", name: "HtmlPre", properties: {} },
-  { tag: "html-blockquote", name: "HtmlBlockquote", properties: {} },
-  {
-    tag: "html-a",
-    name: "HtmlA",
-    properties: {
-      href: { type: "string", optional: !0 },
-      target: { type: "string", optional: !0 },
-      rel: { type: "string", optional: !0 }
-    }
-  },
-  {
-    tag: "html-img",
-    name: "HtmlImg",
-    properties: {
-      src: { type: "string", optional: !0 },
-      alt: { type: "string", optional: !0 },
-      width: { type: "number", optional: !0 },
-      height: { type: "number", optional: !0 }
-    }
-  },
-  { tag: "html-ul", name: "HtmlUl", properties: {} },
-  { tag: "html-ol", name: "HtmlOl", properties: {} },
-  { tag: "html-li", name: "HtmlLi", properties: {} },
-  {
-    tag: "html-form",
-    name: "HtmlForm",
-    properties: {
-      action: { type: "string", optional: !0 },
-      method: { type: "string", optional: !0 }
-    }
-  },
-  {
-    tag: "html-label",
-    name: "HtmlLabel",
-    properties: {
-      htmlFor: { type: "string", optional: !0 }
-    }
-  },
-  {
-    tag: "html-input",
-    name: "HtmlInput",
-    properties: {
-      type: { type: "string", optional: !0 },
-      name: { type: "string", optional: !0 },
-      value: { type: "string", optional: !0 },
-      placeholder: { type: "string", optional: !0 },
-      disabled: { type: "boolean", optional: !0 },
-      checked: { type: "boolean", optional: !0 },
-      readOnly: { type: "boolean", optional: !0 }
-    }
-  },
-  {
-    tag: "html-textarea",
-    name: "HtmlTextarea",
-    properties: {
-      name: { type: "string", optional: !0 },
-      value: { type: "string", optional: !0 },
-      placeholder: { type: "string", optional: !0 },
-      disabled: { type: "boolean", optional: !0 },
-      readOnly: { type: "boolean", optional: !0 },
-      rows: { type: "number", optional: !0 },
-      cols: { type: "number", optional: !0 }
-    }
-  },
-  {
-    tag: "html-select",
-    name: "HtmlSelect",
-    properties: {
-      name: { type: "string", optional: !0 },
-      value: { type: "string", optional: !0 },
-      disabled: { type: "boolean", optional: !0 },
-      multiple: { type: "boolean", optional: !0 }
-    }
-  },
-  {
-    tag: "html-option",
-    name: "HtmlOption",
-    properties: {
-      value: { type: "string", optional: !0 },
-      disabled: { type: "boolean", optional: !0 },
-      selected: { type: "boolean", optional: !0 }
-    }
-  },
-  {
-    tag: "html-button",
-    name: "HtmlButton",
-    properties: {
-      type: { type: "string", optional: !0 },
-      disabled: { type: "boolean", optional: !0 }
-    }
-  },
-  { tag: "html-table", name: "HtmlTable", properties: {} },
-  { tag: "html-thead", name: "HtmlThead", properties: {} },
-  { tag: "html-tbody", name: "HtmlTbody", properties: {} },
-  { tag: "html-tfoot", name: "HtmlTfoot", properties: {} },
-  { tag: "html-tr", name: "HtmlTr", properties: {} },
-  {
-    tag: "html-th",
-    name: "HtmlTh",
-    properties: {
-      colSpan: { type: "number", optional: !0 },
-      rowSpan: { type: "number", optional: !0 }
-    }
-  },
-  {
-    tag: "html-td",
-    name: "HtmlTd",
-    properties: {
-      colSpan: { type: "number", optional: !0 },
-      rowSpan: { type: "number", optional: !0 }
-    }
-  },
-  { tag: "html-br", name: "HtmlBr", properties: {} },
-  { tag: "html-hr", name: "HtmlHr", properties: {} }
-], a = Object.fromEntries(
-  e.map((t) => [
-    t.tag.startsWith("html-") ? t.tag.slice(5) : t.tag,
-    t.name
-  ])
-);
-export {
-  e as A,
-  a as H
-};

package/dist/cli/utilities/build/common/front-component-build/utils/create-front-component-build-options.d.ts

@@ -1,13 +0,0 @@
-import type * as esbuild from 'esbuild';
-export type FrontComponentBuildOptions = {
-    entryPoints: esbuild.BuildOptions['entryPoints'];
-    outdir: string;
-    tsconfigPath?: string;
-    externalModules?: string[];
-    logLevel?: esbuild.LogLevel;
-    platform?: esbuild.Platform;
-    minify?: boolean;
-    metafile?: boolean;
-    sourcemap?: boolean;
-};
-export declare const createFrontComponentBuildOptions: ({ entryPoints, outdir, tsconfigPath, externalModules, logLevel, platform, minify, metafile, sourcemap, }: FrontComponentBuildOptions) => esbuild.BuildOptions;

package/dist/front-component/__stories__/FrontComponentRenderer.stories.d.ts

@@ -1,9 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react-vite';
-import { FrontComponentRenderer } from '../host/components/FrontComponentRenderer';
-declare const meta: Meta<typeof FrontComponentRenderer>;
-export default meta;
-type Story = StoryObj<typeof FrontComponentRenderer>;
-export declare const Static: Story;
-export declare const Interactive: Story;
-export declare const Lifecycle: Story;
-export declare const ErrorHandling: Story;

package/dist/front-component/__stories__/utils/buildMockComponents.d.ts

@@ -1 +0,0 @@
-export declare const buildMockComponents: () => Promise<void>;

package/dist/front-component/__stories__/utils/loadBuiltComponent.d.ts

@@ -1 +0,0 @@
-export declare const getBuiltComponentPath: (componentName: string) => string;

package/dist/front-component/host/components/FrontComponentRenderer.d.ts

@@ -1,13 +0,0 @@
-import { FrontComponentExecutionContext } from '../../types/FrontComponentExecutionContext';
-import { FrontComponentHostCommunicationApi } from '../../types/FrontComponentHostCommunicationApi';
-import { ThemeType } from 'twenty-ui/theme';
-type FrontComponentContentProps = {
-    componentUrl: string;
-    authToken: string;
-    executionContext: FrontComponentExecutionContext;
-    frontComponentHostCommunicationApi: FrontComponentHostCommunicationApi;
-    onError: (error?: Error) => void;
-    theme: ThemeType;
-};
-export declare const FrontComponentRenderer: ({ componentUrl, authToken, executionContext, frontComponentHostCommunicationApi, onError, theme, }: FrontComponentContentProps) => import("react/jsx-runtime").JSX.Element;
-export {};