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

Move front components from twenty-shared to twenty-sdk

packages/twenty-sdk/scripts/remote-dom/generators/utils/add-exported-const.ts

@@ -0,0 +1,13 @@
+import { type SourceFile, VariableDeclarationKind } from 'ts-morph';
+
+export const addExportedConst = (
+  sourceFile: SourceFile,
+  name: string,
+  initializer: string,
+): void => {
+  sourceFile.addVariableStatement({
+    isExported: true,
+    declarationKind: VariableDeclarationKind.Const,
+    declarations: [{ name, initializer }],
+  });
+};

packages/twenty-sdk/scripts/remote-dom/generators/utils/add-exported-type.ts

@@ -0,0 +1,13 @@
+import { type SourceFile } from 'ts-morph';
+
+export const addExportedType = (
+  sourceFile: SourceFile,
+  name: string,
+  type: string,
+): void => {
+  sourceFile.addTypeAlias({
+    isExported: true,
+    name,
+    type,
+  });
+};

packages/twenty-sdk/scripts/remote-dom/generators/utils/add-file-header.ts

@@ -0,0 +1,7 @@
+import { type SourceFile } from 'ts-morph';
+
+import { GENERATED_FILE_HEADER } from './generated-file-header';
+
+export const addFileHeader = (sourceFile: SourceFile): void => {
+  sourceFile.insertText(0, GENERATED_FILE_HEADER + '\n\n');
+};

packages/twenty-sdk/scripts/remote-dom/generators/utils/add-statement.ts

@@ -0,0 +1,8 @@
+import { type SourceFile } from 'ts-morph';
+
+export const addStatement = (
+  sourceFile: SourceFile,
+  statement: string,
+): void => {
+  sourceFile.addStatements(statement);
+};

packages/twenty-sdk/scripts/remote-dom/generators/utils/event-to-react-prop.ts

@@ -0,0 +1,3 @@
+export const eventToReactProp = (eventName: string): string => {
+  return `on${eventName.charAt(0).toUpperCase()}${eventName.slice(1)}`;
+};

packages/twenty-sdk/scripts/remote-dom/generators/utils/extract-html-tag.ts

@@ -0,0 +1,3 @@
+export const extractHtmlTag = (tag: string): string => {
+  return tag.startsWith('html-') ? tag.slice(5) : tag;
+};

packages/twenty-sdk/scripts/remote-dom/generators/utils/generate-properties-config.ts

@@ -0,0 +1,20 @@
+import { type PropertySchema } from '../schemas';
+import { schemaTypeToConstructor } from './schema-type-to-constructor';
+
+export const generatePropertiesConfig = (
+  properties: Record<string, PropertySchema>,
+): string => {
+  const entries = Object.entries(properties);
+  if (entries.length === 0) {
+    return '{}';
+  }
+
+  const props = entries
+    .map(([name, schema]) => {
+      const constructorType = schemaTypeToConstructor(schema.type);
+      return `'${name}': { type: ${constructorType} }`;
+    })
+    .join(', ');
+
+  return `{ ${props} }`;
+};

packages/twenty-sdk/scripts/remote-dom/generators/utils/generate-properties-type.ts

@@ -0,0 +1,21 @@
+import { type PropertySchema } from '../schemas';
+import { schemaTypeToTs } from './schema-type-to-ts';
+
+export const generatePropertiesType = (
+  properties: Record<string, PropertySchema>,
+): string => {
+  const entries = Object.entries(properties);
+  if (entries.length === 0) {
+    return 'Record<string, never>';
+  }
+
+  const props = entries
+    .map(([name, schema]) => {
+      const tsType = schemaTypeToTs(schema.type);
+      const optional = schema.optional ? '?' : '';
+      return `'${name}'${optional}: ${tsType}`;
+    })
+    .join('; ');
+
+  return `{ ${props} }`;
+};

packages/twenty-sdk/scripts/remote-dom/generators/utils/generated-file-header.ts

@@ -0,0 +1,8 @@
+export const GENERATED_FILE_HEADER = `/*
+ * _____                    _
+ *|_   _|_      _____ _ __ | |_ _   _
+ *  | | \\ \\ /\\ / / _ \\ '_ \\| __| | | | Auto-generated file
+ *  | |  \\ V  V /  __/ | | | |_| |_| | Any edits to this will be overridden
+ *  |_|   \\_/\\_/ \\___|_| |_|\\__|\\__, |
+ *                              |___/
+ */`;

packages/twenty-sdk/scripts/remote-dom/generators/utils/index.ts

@@ -0,0 +1,11 @@
+export { addExportedConst } from './add-exported-const';
+export { addExportedType } from './add-exported-type';
+export { addFileHeader } from './add-file-header';
+export { addStatement } from './add-statement';
+export { eventToReactProp } from './event-to-react-prop';
+export { extractHtmlTag } from './extract-html-tag';
+export { GENERATED_FILE_HEADER } from './generated-file-header';
+export { generatePropertiesConfig } from './generate-properties-config';
+export { generatePropertiesType } from './generate-properties-type';
+export { schemaTypeToConstructor } from './schema-type-to-constructor';
+export { schemaTypeToTs } from './schema-type-to-ts';

packages/twenty-sdk/scripts/remote-dom/generators/utils/schema-type-to-constructor.ts

@@ -0,0 +1,10 @@
+import { type PropertySchema } from '../schemas';
+
+const SCHEMA_TYPE_TO_CONSTRUCTOR: Record<PropertySchema['type'], string> = {
+  boolean: 'Boolean',
+  number: 'Number',
+  string: 'String',
+};
+
+export const schemaTypeToConstructor = (type: PropertySchema['type']): string =>
+  SCHEMA_TYPE_TO_CONSTRUCTOR[type];

packages/twenty-sdk/scripts/remote-dom/generators/utils/schema-type-to-ts.ts

@@ -0,0 +1,10 @@
+import { type PropertySchema } from '../schemas';
+
+const SCHEMA_TYPE_TO_TS: Record<PropertySchema['type'], string> = {
+  boolean: 'boolean',
+  number: 'number',
+  string: 'string',
+};
+
+export const schemaTypeToTs = (type: PropertySchema['type']): string =>
+  SCHEMA_TYPE_TO_TS[type];