fix(twenty-front): fix tsconfig to properly typecheck all files with tsgo

The previous tsconfig setup used project references with `files: []`, which
caused `tsgo -p tsconfig.json` to check nothing (tsgo requires the configs
to include files directly, not through project references).

## Changes by package

### twenty-front
- Simplified from 4 configs to 2: tsconfig.json (all files) + tsconfig.build.json (prod)
- Removed: tsconfig.dev.json, tsconfig.spec.json, tsconfig.storybook.json
- Updated jest.config.mjs, eslint.config.mjs, vite.config.ts references
- Made applicationId optional in FieldMetadataItem and ObjectMetadataItem
- Added missing navigationMenuItem translation
- Added objectLabelSingular to Search GraphQL query

### twenty-ui
- Simplified from 5 configs to 2: tsconfig.json (all files) + tsconfig.lib.json (build)
- Removed: tsconfig.dev.json, tsconfig.spec.json, tsconfig.storybook.json
- Removed baseUrl (not supported by tsgo)
- Updated vite.config.ts and .storybook/main.ts references

### twenty-shared
- Simplified from 3 configs to 2: tsconfig.json (all files) + tsconfig.lib.json (build)
- Removed: tsconfig.spec.json
- Removed baseUrl (not supported by tsgo)

### twenty-sdk
- Simplified from 3 configs to 2: tsconfig.json (all files) + tsconfig.lib.json (build)
- Removed: tsconfig.spec.json

### twenty-emails
- Simplified to single tsconfig.json (all files)

### twenty-eslint-rules
- Simplified from 3 configs to 1: tsconfig.json (all files)
- Removed: tsconfig.lint.json, tsconfig.spec.json
- Updated jest.config.mjs reference

### create-twenty-app
- Simplified from 3 configs to 2: tsconfig.json (all files) + tsconfig.lib.json (build)
- Removed: tsconfig.spec.json

## Note on pre-existing type errors

Proper type checking now reveals ~77 pre-existing errors in twenty-front and
~1100 in twenty-server that were previously hidden. These are primarily:
- Icon prop type mismatches (twenty-ui icons have required props that are
  optional in IconComponentProps)
- Type inference issues with Object.keys() returning string | number | symbol

These should be fixed in follow-up PRs.

Author: FelixMalfait

.vscode/settings.json

@@ -54,5 +54,5 @@
   },
   "jestrunner.codeLensSelector": "**/*.{test,spec,integration-spec}.{js,jsx,ts,tsx}",
   "typescript.tsdk": "node_modules/typescript/lib",
-  "typescript.experimental.useTsgo": true
+  "typescript.experimental.useTsgo": false
 }

packages/create-twenty-app/src/constants/base-application/tsconfig.json

@@ -22,6 +22,10 @@
     "skipLibCheck": true,
     "skipDefaultLibCheck": true,
     "resolveJsonModule": true,
+    "paths": {
+      "src/*": ["./src/*"],
+      "~/*": ["./*"]
+    }
   },
   "exclude": ["node_modules", "dist", "**/*.test.ts", "**/*.spec.ts"]
 }

packages/create-twenty-app/src/utils/__tests__/app-template.spec.ts

@@ -41,7 +41,7 @@ describe('copyBaseApplicationProject', () => {
     });
 
     // Verify src/app/ folder exists
-    const srcAppPath = join(testAppDirectory, 'src', 'app');
+    const srcAppPath = join(testAppDirectory, 'src');
     expect(await fs.pathExists(srcAppPath)).toBe(true);
 
     // Verify application.config.ts exists in src/app/
@@ -114,7 +114,6 @@ describe('copyBaseApplicationProject', () => {
     const appConfigPath = join(
       testAppDirectory,
       'src',
-      'app',
       'application.config.ts',
     );
     const appConfigContent = await fs.readFile(appConfigPath, 'utf8');
@@ -127,7 +126,7 @@ describe('copyBaseApplicationProject', () => {
 
     // Verify it imports the role identifier
     expect(appConfigContent).toContain(
-      "import { DEFAULT_FUNCTION_ROLE_UNIVERSAL_IDENTIFIER } from './default-function.role'",
+      "import { DEFAULT_FUNCTION_ROLE_UNIVERSAL_IDENTIFIER } from 'src/default-function.role'",
     );
 
     // Verify display name and description
@@ -156,7 +155,6 @@ describe('copyBaseApplicationProject', () => {
     const roleConfigPath = join(
       testAppDirectory,
       'src',
-      'app',
       'default-function.role.ts',
     );
     const roleConfigContent = await fs.readFile(roleConfigPath, 'utf8');
@@ -216,7 +214,6 @@ describe('copyBaseApplicationProject', () => {
     const appConfigPath = join(
       testAppDirectory,
       'src',
-      'app',
       'application.config.ts',
     );
     const appConfigContent = await fs.readFile(appConfigPath, 'utf8');
@@ -247,11 +244,11 @@ describe('copyBaseApplicationProject', () => {
 
     // Read both app configs
     const firstAppConfig = await fs.readFile(
-      join(firstAppDir, 'src', 'app', 'application.config.ts'),
+      join(firstAppDir, 'src', 'application.config.ts'),
       'utf8',
     );
     const secondAppConfig = await fs.readFile(
-      join(secondAppDir, 'src', 'app', 'application.config.ts'),
+      join(secondAppDir, 'src', 'application.config.ts'),
       'utf8',
     );
 
@@ -289,11 +286,11 @@ describe('copyBaseApplicationProject', () => {
 
     // Read both role configs
     const firstRoleConfig = await fs.readFile(
-      join(firstAppDir, 'src', 'app', 'default-function.role.ts'),
+      join(firstAppDir, 'src', 'default-function.role.ts'),
       'utf8',
     );
     const secondRoleConfig = await fs.readFile(
-      join(secondAppDir, 'src', 'app', 'default-function.role.ts'),
+      join(secondAppDir, 'src', 'default-function.role.ts'),
       'utf8',
     );
 

packages/create-twenty-app/src/utils/app-template.ts

@@ -2,7 +2,7 @@ import * as fs from 'fs-extra';
 import { join } from 'path';
 import { v4 } from 'uuid';
 
-const APP_FOLDER = 'src/app';
+const APP_FOLDER = 'src';
 
 export const copyBaseApplicationProject = async ({
   appName,
@@ -36,6 +36,10 @@ export const copyBaseApplicationProject = async ({
     appDirectory: appFolderPath,
   });
 
+  await createDefaultFunction({
+    appDirectory: appFolderPath,
+  });
+
   await createApplicationConfig({
     displayName: appDisplayName,
     description: appDescription,
@@ -67,6 +71,7 @@ generated
 
 # dev
 /dist/
+.twenty
 
 # production
 /build
@@ -139,7 +144,7 @@ export const HelloWorld = () => {
 
 export default defineFrontComponent({
   universalIdentifier: '${universalIdentifier}',
-  name: 'hello-world',
+  name: 'hello-world-front-component',
   description: 'A sample front component',
   component: HelloWorld,
 });
@@ -151,6 +156,41 @@ export default defineFrontComponent({
   );
 };
 
+const createDefaultFunction = async ({
+  appDirectory,
+}: {
+  appDirectory: string;
+}) => {
+  const universalIdentifier = v4();
+  const triggerUniversalIdentifier = v4();
+
+  const content = `import { defineFunction } from 'twenty-sdk';
+
+const handler = async (): Promise<{ message: string }> => {
+  return { message: 'Hello, World!' };
+};
+
+export default defineFunction({
+  universalIdentifier: '${universalIdentifier}',
+  name: 'hello-world-function',
+  description: 'A sample serverless function',
+  timeoutSeconds: 5,
+  handler,
+  triggers: [
+    {
+      universalIdentifier: '${triggerUniversalIdentifier}',
+      type: 'route',
+      path: '/hello-world-function',
+      httpMethod: 'GET',
+      isAuthRequired: false,
+    },
+  ],
+});
+`;
+
+  await fs.writeFile(join(appDirectory, 'hello-world.function.ts'), content);
+};
+
 const createApplicationConfig = async ({
   displayName,
   description,
@@ -161,7 +201,7 @@ const createApplicationConfig = async ({
   appDirectory: string;
 }) => {
   const content = `import { defineApp } from 'twenty-sdk';
-import { DEFAULT_FUNCTION_ROLE_UNIVERSAL_IDENTIFIER } from './default-function.role';
+import { DEFAULT_FUNCTION_ROLE_UNIVERSAL_IDENTIFIER } from 'src/default-function.role';
 
 export default defineApp({
   universalIdentifier: '${v4()}',

packages/create-twenty-app/tsconfig.json

@@ -1,4 +1,5 @@
 {
+  "extends": "../../tsconfig.base.json",
   "compilerOptions": {
     "allowJs": false,
     "esModuleInterop": false,
@@ -8,19 +9,17 @@
     "noImplicitAny": true,
     "strictBindCallApply": false,
     "noEmit": true,
+    "types": ["jest", "node"],
     "paths": {
       "@/*": ["./src/*"]
     }
   },
-  "files": [],
-  "include": [],
-  "references": [
-    {
-      "path": "./tsconfig.lib.json"
-    },
-    {
-      "path": "./tsconfig.spec.json"
-    }
-  ],
-  "extends": "../../tsconfig.base.json"
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.tsx",
+    "src/**/*.d.ts",
+    "**/__mocks__/**/*",
+    "vite.config.ts",
+    "jest.config.mjs"
+  ]
 }

packages/create-twenty-app/tsconfig.spec.json

@@ -1,23 +1,20 @@
 {
-  "type": "module",
+  "extends": "../../tsconfig.base.json",
   "compilerOptions": {
     "jsx": "react-jsx",
     "allowJs": false,
     "esModuleInterop": false,
     "allowSyntheticDefaultImports": true,
     "strict": true,
-    "types": ["vite/client"],
+    "types": ["vite/client", "node"],
     "paths": {
       "@/*": ["./src/*"],
       "src/*": ["./src/*"]
     }
   },
-  "files": [],
-  "include": ["vite.config.ts"],
-  "references": [
-    {
-      "path": "./tsconfig.lib.json"
-    }
-  ],
-  "extends": "../../tsconfig.base.json"
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.tsx",
+    "vite.config.ts"
+  ]
 }

packages/twenty-emails/tsconfig.json

@@ -4,7 +4,7 @@ export default {
   silent: false,
   preset: '../../jest.preset.js',
   transform: {
-    '^.+\\.[tj]s$': ['ts-jest', { tsconfig: '<rootDir>/tsconfig.spec.json' }],
+    '^.+\\.[tj]s$': ['ts-jest', { tsconfig: '<rootDir>/tsconfig.json' }],
   },
   moduleFileExtensions: ['ts', 'js', 'html'],
   coverageDirectory: '../../coverage/packages/twenty-eslint-rules',

packages/twenty-eslint-rules/jest.config.mjs

@@ -4,16 +4,8 @@
     "outDir": "../../.cache/tsc",
     "esModuleInterop": true,
     "moduleResolution": "node16",
-    "module": "node16"
+    "module": "node16",
+    "types": ["jest", "node"]
   },
-  "files": [],
-  "include": [],
-  "references": [
-    {
-      "path": "./tsconfig.lint.json"
-    },
-    {
-      "path": "./tsconfig.spec.json"
-    }
-  ]
+  "include": ["**/*.ts", "jest.config.mjs"]
 }